@media all and (min-width: 1px) and (max-width: 1200px){ 
/*舊版IE專用修復縮放不正常檢視用*/
/*mobile*/

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

/*body*/
body{font-family:"Microsoft JhengHei",Verdana,Arial;background-image:url(../images/07060602-101w_body-bg.gif);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;width:50%}
#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{margin:0;float:left;width:100%;background-size:100%;background-image:url(../images/07060602-101w_bg.jpg)}
#event img{width:100%;height:auto}

/* 主圖 */
#event_master{width:100%;margin:0 auto;padding:0}
#event_master .HotSale{font-size:1.2em;font-weight:bold;text-align:center;color:#ED145B;width:90%;margin:1% 5%}
#event_master .HotSale a{color:#ED145B}
#event_sec{width:100%;margin:0 auto;padding:0}
#event_sec .LawClass{width:90%;margin:0;padding:0 5%}
#event_sec .LawClass h2{font-size:1.3em;text-indent:-58px;margin-left:58px;margin-bottom:1%}
#event_sec .LawClass .ClassInfo{width:95%;margin:0;padding:1% 0 1% 5%}
#event_sec .LawClass .ClassInfo li{list-style:none;text-indent:-1.2em;font-size:.8em}
#event_sec .LawClass .ClassList{margin:0;padding:0;background:#fff}
#event_sec .LawClass .ClassList ul{margin:0;padding:0 1%}
#event_sec .LawClass .ClassList li{list-style:none;line-height:1.5em;font-weight:bold;text-indent:-1em;margin-left:1em}
#event_sec .LawClass .ClassList a{text-decoration:none}
#event_sec .LawClass .ClassList li a::before{content:"．"}
#event_sec .LawClass .ClassList li .txt_s a::before{content:""}
#event_buy{width:94%;margin:0 auto;padding:2% 3%;text-align:center}
#event_buy p{line-height:1.3em;margin:.5% 0}
.mediaYT{ text-align: center;
    width: 96%;
    display: inline-block;
}
.mediaBox { padding: 0 2%;
    float: left;
    width: 100%;}
.mediaBox > iframe{ padding: 0;
    width: 100%;}
.mediaBox > p{     font-size: 1rem;color: darkred;
    margin: 1% 0;}

    
/* notice */
#event_notice{text-align:left;width:100%;padding:0;margin:0}
.noticeInfo{font-size:.8em;line-height:1.5em;color:#000000;padding:0;margin:0 3% 0 5%}
.noticeInfo p{margin-bottom:0}
.noticeInfo ul{margin-top:1%;padding-right:2%}

/* 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{width:auto;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:#FFFFFF;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:#FFFFFF;font-size:15px}

}