/*手機*/
@media all and (min-width: 1px) and (max-width: 1200px){
#event_adv,#event_advtable,#event_time,#event_plan,#event_recommond{width:96%;padding:2% 2% 7% 2%;}
.bgcolor1{background-image:none}
.recommond_content ul li.recommond_img{right:2%;width:25%}
.recommond_content ul li.recommond_img img{width:100%}
.recommond_content ul li.recommond_winnerimg{width:15%}
.recommond_content ul li.recommond_winnerimg img{width:100%}
.advtable{width:100%;}
.advtable thead,.advtable tbody{width:auto;overflow-y:hidden}
.advtable th,.advtable td{word-break:keep-all}


}

@media all and (min-width: 1px) and (max-width: 991px){
ul.courseContent li.className{font-size:1.8em}
ul.courseContent li.classTxt{font-size:1.1em}

.recommond_content{width:100%;padding:0;background:none}
.recommond_content ul li.recommond_winnerimg{padding-top:7%;margin-right:1%}
.recommond_content ul li.recommond_title{width:84%}
.recommond_name{font-size:1.2rem}
.recommond_content ul li.recommond_grade{width:100%;margin:4% auto 2%;font-size:1.25em;font-weight:700;color:#c30}
.getwin{font-size:1.2rem}
.recommond_content ul li.recommond_txt{font-size:1.05em;margin:1.5% auto}
.Vuetabs a{font-size: 1.1rem;line-height: 1.7rem;width: calc(86% / 7);padding: 1rem .15rem;border-right: 2px #fff solid;border-top: 2px #fff solid;}
.more_btn a {padding: 1% 4.2%;}
.more_btn {margin: 1rem 0 2rem;font-size: 1.2rem;}
    
}

@media all and (min-width: 1px) and (max-width: 767px){
    .br_mb{display: block;}    
    .advtable tbody{display:block;max-width:100%;overflow:auto}
#event{margin-top:15%}
.master_pc{display:none}
h2{font-size:1.9em;line-height:1.3em}
h2 span{display:block}
h3{font-size:1.8em}
.flex50{flex:0 0 100%;width:100%}
/*第一塊優勢*/
.adv_bg dl{flex:0 0 100%;margin:0 auto}
.adv_bg dt{font-size:1.8em}
.adv_bg li{font-size:1.2em;line-height:1.3em}
#event_adv ol li:before{content:url(/screen/event/master/images/0706040-hook-s.png);margin-left:-15%;margin-right:4%}
/**/
.advtable{width:100%;font-size:0.85rem}
.advtable thead,.advtable tbody{width:auto;overflow-y:hidden}
.advtable th,.advtable td{padding:5px 8px;word-break:keep-all}
.advtable th{font-size:1rem}
/*成功進行取-時間軸*/
.timeline_out{padding:5% 0 0}
.main-timeline{width:96%;display:block}
.main-timeline .timeline{width:100%;margin-bottom:5%;display:table}
.main-timeline .timeline-icon{display:none}
.main-timeline .date,.main-timeline .description{vertical-align:middle;display:inline-table}
.main-timeline .date{width:20%;height:auto;border-radius:8px;font-size:1.5em;line-height:1.2em;margin:0 auto;padding:2%}
.main-timeline .description{font-size:1.5rem;color:#000;text-align:center;color:#919bd4;padding:0 1% 0 15%;font-weight:700}
.main-timeline .description b{font-size:1.5rem}
.main-timeline .timeline:nth-child(3n) .date{vertical-align:top}
.main-timeline .date:before{display:none}
.main-timeline .description{width:72%;margin:0 auto;text-align:left;padding:0 2%}
/*上榜計畫*/
#event_plan h2 img{width:35%}
#event_plan .plan_select{margin-bottom:4%}
#event_plan .plan_select img{width:25%}
.select1,.select2{width:44%;height:auto;padding:10% 1% 0;margin:1% 1.5%;font-size:1.3em;border-radius:20px;vertical-align:bottom;background-size:80%}
.select1 b,.select2 b{font-size:1.5rem}
.course_content1,.course_content2{border-radius:19px;padding:4% 2%}
.selectTitle{font-size:1.8em}
.course_content1 ul,.course_content2 ul{width:100%;text-align:center;margin:4% auto 2%}
.course_content1 ul li,.course_content2 ul li{width:100%;margin:0 auto;font-size:1.35em;line-height:1.55em;text-align:center}
ul.courseContent{width:96%;padding:3% 2%}
.crucial_table th {padding: 7px 7px;font-size: 1rem;line-height: 1.7rem;}
.crucial_table td {padding: 7px 7px;font-size: 1rem;line-height: 1.7rem;border-right: 1px solid #7fb8ab;border-left: 1px solid #7fb8ab;}
.tabVuecontent {padding: 0rem 0rem 0.3rem;}
    
    
/*成功推薦*/
.recommond_content{padding:2% 0}
.recommond_content ul{width:94%;padding:2% 3%;margin:2% auto}
.recommond_content ul li.recommond_img{right:3.5%}
.recommond_content ul li.recommond_title{margin:8% auto 1%;font-size:1.7em}
/*置底*/
#clickbutton{width:100%;height:auto;padding:2% 0;border-radius:0;right:0;bottom:0}
#clickbutton ul li{display:inline-block;font-size:1.2em;line-height:1.5em;margin:0 2%}
#BodyFooter_rwd{margin-bottom:10%}
}

/*手機_橫式*/
@media screen and (min-width:600px) and (max-width:769px) {
#BodyContainer_event {width: 100%;margin: -4% 0 0;}
#event_adv h1 {font-size: 1.9em;padding-left: 24%;margin: 5% 0 -3%;}
#event_adv ol {width: 100%;margin-top: 4%;}
#event_plan, #event_recommond {width: 96%;padding: 2%}
.advtable {font-size: 0.85rem;}
ul.courseContent li.stuImg {margin: 2% auto 1%;text-align: center;}
ul.courseContent li.stuImg img {width: auto;}
}

/*ipad*/
@media all and (min-width: 768px) and (max-width: 991px){
#BodyContainer_event {width: 100%;margin: -4% 0 0;}
#event{margin-top:14.5%}
.adv,.objects{width:90%;margin:0 auto;padding:2% 0;float:none}
#event_time h2,#event_plan h2{font-size:3em}
.main-timeline .date{font-size:1.5em}
.main-timeline .description{font-size:1.5em}
#event_plan h3{font-size:2.7em}
.select1,.select2{height:120px;font-size:1.8em;border-radius:20px;background-size:90%}
.select1 b,.select2 b{font-size:2rem}
.course_content1,.course_content2{border-radius:19px}
ul.courseContent {width: 45%;float: left;padding: 0 2.5%;margin: 2% auto;text-align: left;vertical-align: top;}
.recommond_content ul li.recommond_title{font-size:1.6em;margin:4% auto 1%}
#event_adv h1 {padding-left: 20.5% !important;margin: 0.5% 0 -3%;font-size: 2.3em;line-height: 100px;color: #27364d;padding-left: 88px;background-image: url(/screen/event/master/images/0706040_m1.png);background-position: left center;background-repeat: no-repeat;background-size: 18%;}
#event_adv ol {width: 100%;margin-top: 4.2%;}
}

/*平板*/
@media all and (min-width: 992px) and (max-width: 1200px){
#event{margin-top:14.5%}
#event_adv h1{line-height:60px!important}
.adv,.objects{width:50%}
}

@media all and (min-width: 768px) and (max-width: 1200px){
.master_mobile{display:none}
}