@media all and (min-width: 1px) and (max-width: 1200px){ 
/*舊版IE專用修復縮放不正常檢視用*/
/*mobile*/
/* 隱藏區塊 */
#BodyHeader,#event_news {display:none;} 
/* 隱藏區塊 */
/*body*/
body{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%;}

/* Event css */
#event,#event_master,#event_sec,#event_third{width:100%;margin:0 auto;padding:0;}
#event{background:#fff8ee;border-radius: 0;}
#event_class{padding: 4% 5% 1%;}
.booklist, #coursera{margin:4% 3%;}
#lecture {margin:4% auto;    padding: 2% 3%;}
.lec_group {margin:4%;}
ul.experience {width: 94%;}

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

/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0;}
#BodyFooter_rwd #footer_address ul li img{max-width:100%;height:auto;vertical-align:middle;margin-bottom:2%;display: inline;}
#BodyFooter_rwd #footer_address ul li a:nth-of-type(1){display: block;}
#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: 1px) and (max-width: 767px){
    .banner{display: none;}
    .banner_m{display: block;}
}

@media all and (min-width: 1px) and (max-width: 767px){
    .discount,#coursera h2,#event_third h3{font-size: 1.5rem;padding: 1rem 0 .5rem .5rem;text-align: center;word-break:keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
    .booklist,#coursera{margin: 3%;}
    .booklist h2,#event_class dt{font-size: 1.35rem;}
    .booklist td{font-size: 1.1rem;}
    .buy,.booklist h4,#flashcar li{font-size: 1.1rem;}
    .booklist ul.w5 li ,.booklist ul.w4 li,.booklist ul.w3 li{width: calc(100% / 2);font-size: 1.05rem;text-align: left;}
    .booklist ul li{width: 100%;font-size: 1.05rem;}
    #coursera td{font-size: 1.05rem;}
    ul.experience {width: 95%;}
    .experience li{margin-bottom: 4%;}
    .experience li strong{font-size: 1.2rem;line-height: 1.8rem;}
    #event_class {padding: 4% 3% 1%;}
    #event_notice{padding: .5rem .5rem 2rem;}
    #event_notice p{font-size: .95em;}
}