@media all and (min-width: 1px) and (max-width: 1200px){ 
/* css reset 歸0 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
caption,  tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
/*舊版IE專用修復縮放不正常檢視用*/

/*mobile*/

/* 隱藏區塊 */
#BodyHeader {display:none;}
#event_news {display:none;} 
/* 隱藏區塊 */

/*body*/
body{font-family:"Microsoft JhengHei",Verdana,Arial;margin:0}
#BodyContainer{width:100%;margin-right:auto;margin-left:auto}
#BodyHeader #site{display:none}

/* Event_heaader */
#BodyHeader_m{text-align:center;height:auto;margin:2% auto}
#BodyHeader_m img{clear:both;height:auto;    max-width: 100%;}
#BodyHeader_m #site2{border-bottom-left-radius:40px;border-bottom-right-radius:40px;opacity:.8;text-align:center;width:60px;height:90px;position:fixed;z-index:999;left:2%;font-size:1em;line-height:1.2em;background-color:#D64B1D;color:#FFF;vertical-align:top;top:9%;padding-top:15px}
#BodyHeader_m #site2 a{color:#FFF;text-decoration:none}

/* Event css */
#event{width:100%;margin:0;font-family:"Microsoft JhengHei";padding:0;border:#000 0 solid}
.top_red{background-color:#f40000;color:#cee136;font-size:1.2em;padding:.5em .2em;text-align:center;display:block}
.top_red a{color:#cee136;}
#road .item-info{width:97%;background-color:#40b5ca;margin:1%;padding:1%}
#event_third header h2,#event_experience header h2,#event_service header h2,#event_teacher header h2,#event_buy header h2,#event_interface h4{font-size: 2em;}
#event_sec header h2.m-sale{font-size: 1.8rem;padding: 0 3%;}
#event_features header h2,.note_box h2{font-size:1.8em}
.interfaceList{width: 94%;}
#event_third .date-m li{list-style-type:none;display:block;margin:0 2px;background-color:#fff}
#road .show_m{display:inline-block;margin-left:10px}
.class_play{width:94%;margin:3%;border:5px #46c1d7 solid}
.exp_box{padding:2% 5%;height:auto}
.note_box{width:94%;margin:3%}
.buy_box{margin:2%;padding-left:10%}
#event_third .date-m li{height:auto}
#event_third .date-m dl{display:block;background-color:#FFF}
.mediaYT> iframe{width:100%;height:205px}
.service .SiTxt{height:auto}
iframe{width: 100%;height: 196px;}

/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0}
#BodyFooter_rwd #footer_line{width:90%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#333;margin:2% auto 2% 5%}
#BodyFooter_rwd #footer_inline a{color:#333}
#BodyFooter_rwd #footer_inline ul{float:left;padding:0;width:100%;margin-bottom:1%;text-align:center}
#BodyFooter_rwd #footer_inline ul li{float:left;display:inline-block;line-height:2em;font-size:1.2em;clear:both;width:100%;margin-right:auto;margin-bottom:0}
#BodyFooter_rwd #footer_inline ul li img{max-width:100%;height:auto;vertical-align:middle;margin-bottom:2%}
#BodyFooter_rwd #footer_address{margin-top:0;float:left;width:100%;text-align:center;margin-right:auto;margin-left:auto}
#BodyFooter_rwd #footer_address a{color:#333}
#BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;margin-bottom:1%;width:94%;clear:both;margin-left:3%}
#BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
/* Footer end */

/* top */
#topbutton{width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#000;opacity:.4;right:1%;bottom:3%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:999}
#topbutton a{color:#FFF;font-size:15px}	
}

@media all and (min-width: 1024px) and (max-width: 1366px){ 
/* 主圖 */
#event_master{width:100%;margin:0 auto;padding:0;background-image:url(../images/0709009-top1.png);background-repeat:no-repeat;height:467px;background-position:center top;background-size:100%}
#Master_ad{width:100%;margin:0 auto;padding:0;background-image:url(../images/);position:relative}
#Master_ad img{width:80%;height:auto}
#Master_ad .top1{position:absolute;top:39px;left:6%}
#Master_ad .top2{position:absolute;top:41px;right:-8%}
.top_red{display:none}
.exp_box{padding:2% 5%;height:355px}
#event_third .date-m li{height:340px}	
}

@media all and (min-width: 768px) and (max-width: 1023px){ 
/* 主圖 */
#event_master{width:100%;margin:0 auto;padding:0;background-image:url(../images/0709009-s.png);background-repeat:no-repeat;background-size:contain;height:785px;background-position:top;background-color:#46c1d7}
#Master_ad{width:100%;margin:0 auto;padding:0;background-image:url(../images/);position:relative}
#Master_ad img{width:100%;height:auto}
#Master_ad .top1{position:absolute;top:7px;left:33%;width:41%}
#Master_ad .top2{position:absolute;top:382px;right:5.5%}
.top_red{background-color:#f40000;color:#cee136;font-size:2.2em;padding:.5em .2em;text-align:center;display:block}
.exp_box{padding:2% 5%;height:300px}
#event_third .date-m{display:inline-block;padding:0;margin:0}
#event_third .date-m li{height:320px;margin-top:5px}	
}	
	
@media all and (min-width: 1px) and (max-width: 767px){ 
/* 主圖 */
#event_master{width:100%;margin:0 auto;padding:0;background-image:url(../images/0709009-s.png);background-repeat:no-repeat;background-size:contain;height:425px;background-position:top;background-color:#46c1d7}
#Master_ad{width:100%;margin:0 auto;padding:0;background-image:url(../images/);position:relative}
#Master_ad img{width:90%;height:auto}
#Master_ad .top1{position:absolute;top:7px;left:33%;width:41%}
#Master_ad .top2{position:absolute;top:205px;right:0}
#event_sec{width:100%;margin:0 auto;padding:0}
#event_third{width:100%;margin:0 auto;padding:0}
#event_fourth{width:100%;margin:0 auto;padding:0}
	#event_discount{width: 90%;padding: 1% 5%; }
#event_discount header h2{font-size: 2.5rem;}
}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;background-color:#EBEBEB;padding:30px 0 50px}
#event_notice p{font-size:1em;line-height:1.5em;color:#000;padding:0;margin:0 2% 0 5%}

@media all and (min-width: 576px) and (max-width: 767px) {
#event_third .date-m li{height:390px;margin-top:5px}
}