.ah-tab-content > .ah-tab-content-in > button{
	height: 80px;
    width: 100px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    float: right;
    border-left: 1px #EDEDED solid;
    padding-left: 10px;
    padding-right: 10px;
	color:#606060;
    
}
.ah-tab-content > .ah-tab-content-in > button > li{
	font-size:24px; 
	top: 3px; 
	position: relative;
}
.btn-warning{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background: #AC8150 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 30%;
    color: white;
    border: none;
    margin: 5px;
}
.btn-cart-warning{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background: #AC8150 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 20%;
    color: white;
    border: none;
    margin: 5px;
}
.btn-cart-back{
	text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background: #A49E99 0% 0% no-repeat padding-box;
    border-radius: 3px;
    width: 20%;
    color: white;
    border: none;
    margin: 5px;
}
@media screen and (max-width: 480px){
	.btn-warning{
		font-size: 12px;
	}
}


.ah-tab-content > div input[type="text"], input[type="password"], select[data_css="gender"], select[data_css="school_de"], .ah-tab-content > div input[type="email"]{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #BCB7B7;
	border-radius: 3px;height: 50px;
    line-height: 50px;
	width: 96%;
    margin: 5px;
	font-size: 16px;
    padding: 8px 15px 8px 15px;
}
.ah-tab-content > select.county, .ah-tab-content > select.district, select.overseas_county{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #BCB7B7;
	border-radius: 3px;height: 50px;
    line-height: 50px;
	width: 48%;
    margin: 5px;
	font-size: 16px;
    padding: 8px 15px 8px 15px;
}
select.overseas_county{
	width: 96%;
}
a.do_btn{
	border: 1px rgb(238, 238, 238) solid;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    width: 96%;
    margin: 5px;
    font-size: 16px;
    text-align: center;
}


.ah-tab-content > div select[data_css="smear"], .ah-tab-content > div input[data_css="company"]{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #BCB7B7;
	border-radius: 3px;height: 50px;
    line-height: 50px;
	width: 50%;
    margin: 5px;
	font-size: 16px;
    padding: 8px 15px 8px 15px;
}
.ah-tab-content > div > textarea{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #BCB7B7;
	border-radius: 3px;
	height: 150px;
	width: 97.5%;
    margin: 5px;
	font-size: 16px;
    padding: 8px 15px 8px 15px;
}

.class_need  > div input[type="text"]{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #BCB7B7;
	border-radius: 3px;height: 50px;
    line-height: 50px;
	width: 96%;
    margin: 5px;
	font-size: 16px;
    padding: 8px 15px 8px 15px;
}

.ah-tab-content > div > h2{
	font-size: 16px;
	color: #707070;
	margin: 5px;
}

.ah-tab-content .class_need > div > div {
	margin: 0 2% 2% 2%;
	height: 100px;
}
.ah-tab-content > div > div > h2{
	font-size: 14px;
	margin: 5px;
}

/*看課紀錄*/
.ah-tab-content > .ah-tab-content-mystudies{
	font-size: 16px;
    min-height: 100px;
    width: 96%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 7%);
    border-radius: 10px;
	margin: 2%;
    padding: 10px;
    margin-bottom: 10px;
    display: grid;
	grid-template-columns: 20% 20% 20% auto;
}
.ah-tab-content > .ah-tab-content-mystudies > div{
	align-self: center;
    text-align: center;
}
.ah-tab-content > .ah-tab-content-mystudies > div > span{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 15px; 
	padding: 5px 20px;
}
.ah-tab-content > .ah-tab-content-mystudies > div > .span1{
	border: 2px solid #afc66f; 
}
.ah-tab-content > .ah-tab-content-mystudies > div > .span2{
	border: 2px solid #FDB031;
}

.ah-tab-content > .ah-tab-content-mystudies > div > button{
	border-radius: 3px; 
	padding: 20px; 
	color: white; 
	margin: 0 10%;
	font-size: 16px;
}
.button-x4{
	display: grid;
    grid-template-columns: repeat(2,2fr);
}

@media screen and (max-width: 480px){
	.button-x4{
		grid-template-columns: repeat(1,4fr);
	}
	.ah-tab-content > div > h2 {
		font-size:12px;
	}
	.ah-tab-content > div select[data_css="smear"]{
		width: 100%;
	}
}
@media screen and (max-width: 1440px){
	.ah-tab-content > .ah-tab-content-mystudies > div > button{
		padding: 10px;
		margin: 0 5%;
	}
}
/*我的收藏 start*/
.ah-tab-content > .ah-tab-content-collect{
	font-size: 16px;
    height: 120px;
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EDEDED;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
    display: grid;
	grid-template-columns: 20% auto 20% 15%;
	
}
.ah-tab-content > .ah-tab-content-collect > div{
	align-self: center;
    text-align: center;
}
.ah-tab-content > .ah-tab-content-collect > div > span{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 15px; 
	padding: 5px 20px;
}
.ah-tab-content > .ah-tab-content-collect > div > .span1{
	border: 2px solid #afc66f; 
}
.ah-tab-content > .ah-tab-content-collect > div > .span2{
	border: 2px solid #FDB031;
}

.ah-tab-content > .ah-tab-content-collect > div > button{
	border-radius: 3px; 
	padding: 10px; 
	color: white; 
	margin: 0 10%;
	font-size: 16px;
	max-height: 46px;
	
	background: #82A417 0% 0% no-repeat padding-box; 
}
.collect-name{
	align-self: auto !important;
    text-align: left !important;
}

@media screen and (max-width: 1024px){
	.ah-tab-content > .ah-tab-content-collect > div > button{
		padding: 10px;
		margin: 0 5%;
	}
}
/*我的收藏 end*/

.ah-tab-content > .ah-tab-content-mystudies > div > .button1{
	background: #82A417 0% 0% no-repeat padding-box; 
}
.ah-tab-content > .ah-tab-content-mystudies > div > .button2{
	background: #FDB031 0% 0% no-repeat padding-box; 
}
.ah-tab-content > .ah-tab-content-mystudies > div > .button4, .ah-tab-content > .ah-tab-content-mystudies > div > .button5, .ah-tab-content > .ah-tab-content-mystudies > div > .button6, .ah-tab-content > .ah-tab-content-mystudies > div > .button7, .ah-tab-content > .ah-tab-content-mystudies > div > .button8, .ah-tab-content > .ah-tab-content-mystudies > div > .button9{
	background: #bcb7b7 0% 0% no-repeat padding-box;
	font-size: 14px;
    margin-bottom: 10px;
	padding: 10px;
}

.ah-tab-content > .ah-tab-content-mystudies > div > .button4:hover{
	background: #586C2F 0% 0% no-repeat padding-box; 
}
.ah-tab-content > .ah-tab-content-mystudies > div > .button5:hover{
	background: #9CB064 0% 0% no-repeat padding-box; 
}
.ah-tab-content > .ah-tab-content-mystudies > div > .button6:hover{
	background: #B7C857 0% 0% no-repeat padding-box; 
}
.ah-tab-content > .ah-tab-content-mystudies > div > .button7:hover{
	background: #FDB031 0% 0% no-repeat padding-box; 
}
.ah-tab-content > .ah-tab-content-mystudies > div > .button8:hover{
	background: #ad887d 0% 0% no-repeat padding-box; 
}
.ah-tab-content > .ah-tab-content-mystudies > div > .button9:hover{
	background: #586C2F 0% 0% no-repeat padding-box; 
}
@media screen and (max-width: 480px){
	.ah-tab-content > .ah-tab-content-mystudies{
		grid-template-columns: 33% 33% auto;
	}
	.ah-tab-content > .ah-tab-content-mystudies > div{
		font-size:12px;
	}
	.ah-tab-content > .ah-tab-content-mystudies > div > button{
		padding: 8px 6px !important;
		margin: 2px !important;
		font-size: 12px !important;
		margin: 0 10%;
	}
	
	.ah-tab-content > .ah-tab-content-collect{
		grid-template-columns: 40% 40% auto;
	}
	.ah-tab-content > .ah-tab-content-collect > div{
		font-size:12px;
	}
	.ah-tab-content > .ah-tab-content-collect > div > button{
		padding: 8px 6px !important;
		margin: 2px !important;
		font-size: 12px !important;
		margin: 0 10%;
	}
	.collect-name{
		grid-row: 1 / 2;
		grid-column: 1 /4;
	}	
}
@media screen and (max-width: 320px){
	.ah-tab-content > .ah-tab-content-mystudies > div > span{
		zoom: .8;
	}
}