/*手機*/
@media all and (min-width: 1px) and (max-width:1200px){
/*共用CSS start*/
.row1200{width:100%}
/*為何*/
#why img{width:100%}
}

/*MB+ipad*/
@media all and (min-width: 1px) and (max-width: 991px){
/*甄試技巧&院校資料庫*/
#unitEntrance h2{font-size:2em}
#winClass h2 {font-size: 2em;}
.unitdetail h1{font-size:2.35em}
.winClassTitle.Title_bg1, .Title_bg2, .Title_bg3, .Title_bg4 {height: 110px;width: auto;}
/*甄贏課程*/
#winClass .classlist,#winClass .classheader{height:auto;margin:0 0%;width: 98%;}
#winClass .classheader{padding:2% 5%}
#winClass .classlist{/*padding:7% 5%*/}
#winClass .classheader h1{width:100%;margin:0 auto 1%}
.winClassTitle b{display:inline}
/*名師戰隊*/
#teacher ul.teacher_list{margin:2% 0%}
#teacher ul.teacher_list li.teacher_title{width:96%;padding:2%;text-align:center}
#teacher ul.teacher_list li.teacher_title p{text-align:center}
#teacher ul.teacher_list li.teacher_title p.for{margin:2% auto 0}
#teacher ul.teacher_list li img{width:100%}
/*最新開課*/
#teacher .class{margin:4% auto 1%}
#teacher h1{width:100%;text-align:center}
#teacher ul.new_class{width:86%;margin:2% 7% 0}
}

@media all and (min-width: 1px) and (max-width:767px){
/*甄試技巧&院校資料庫*/
#unitEntrance{padding:4% 0}
#unitEntrance h2{width:90%;line-height:1.3em}
.unitdetail{width:88%;height:auto;margin:1% 2%;padding:3% 3% 4%}
.unitdetail h1{text-align:center}
.unitdetail h1 strong{display:inline-block}
.unitdetail ul.unitlist{margin:4% auto}
.unitdetail ul.unitlist li{padding:.6% 0}

/*甄贏課程*/
#winClass .classheader h1{font-size:3em;line-height:1.2em}
#winClass .classheader p{font-size:1.4em}
.winClassTitle{font-size:2em;text-align:center}
.classlist p{width:90%;margin:0 auto;font-size:1.1em}
[class*="Q_click"]{width: 85%;}
/*為何*/
#why h1{font-size:2em}
.whycontent{width:94%;margin:0 3%}

/*戰績*/
#grades h2{font-size:2em}
#grades p{font-size:1.3em;text-align:center}
.gradescontent{width:94%;margin:1% 3% 0}
.gradescontent .row50{width:100%}
#grades img{display:block}

/*名師戰隊*/
#teacher{padding:3% 0}
#teacher h2{font-size:2em}
#teacher p{font-size:1.3em;text-align:center}
#teacher ul.teacher_list li.teacher_title p{font-size:1.3em;line-height:1.6em}
#teacher ul.teacher_list li.teacher_title p.for{font-size:1.5em;line-height:1.4em}
#teacher ul.teacher_list li.teacher_title b{font-size:1.8rem;line-height:1.25em}
#teacher ul.teacher_list li{width: calc(100% / 2 - 5px);margin: 2px 0;}
#teacher .mask{top:68%}
.teacher-mode a {font-size: 1em;}
	
/*最新開課*/
#teacher h1{font-size:2.3em}
#teacher ul.new_class li{width:97%;padding-left:2%;margin:1% auto;font-size:1.4em;font-weight:400}
}


/*ipad*/
@media all and (min-width: 768px) and (max-width: 991px){
/*大數據&資料庫*/
#hotNews.unitdetail{
    width: 90%;
    margin:0 3% 1%;
    padding:2%;
}
.unitdetail {
    width: 42%;
    height: auto;
    padding:2%;
    margin:0
}
.unitdetail:nth-child(2){margin:0 .5% 0 2.5%}
.unitdetail:nth-child(3){margin:0 2.5% 0 .5%}


#data .message ul li{font-size:1em;line-height:1.55em}
/*甄贏課程*/
#winClass .classheader h1{font-size:4em;line-height:1.2em}
/*名師戰隊*/
#teacher ul.teacher_list li{width:19.5%}
#teacher .mask{top:75%}
}



/*平板*/
@media all and (min-width: 991px) and (max-width: 1200px){
/*大數據&資料庫*/
.unitdetail{width:28%}
#hotNews.unitdetail{width:30%;padding:1%}
.unitdetail ul.unitlist li{font-size:1.1em;padding:.8% 0}

/*甄贏課程*/
#winClass .classheader,#winClass .classlist{margin:0 auto;width: 33%;}
#winClass .classheader h1{font-size:4.5em}
}