@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}
dt {font-size: 1.3rem;}
.applicable{font-size: 1.9rem;}
caption{font-size: 1.8rem;margin: 10% 0 9% -20%;}
.booklist {width: 42%;margin: 6% 4% 0 1%;}
.books tr td {font-size: 1.125rem;}
.books tr td a {padding: .125rem;}
.posner dl{width: 90%;}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;padding: 2rem 1rem 2rem 3rem;background: linear-gradient(0deg, #f9b9bb, #ffdbdb);}
#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){
  .ribbon {width: 95%;}
  .banner h1 {line-height: 2.5rem;padding: 2.5rem 0 0;}
  .banner h2 {line-height: 1.8rem;}
  .banner .orange_bg {font-size: 1.35rem;padding: .25rem;position: relative;top: -.25rem;margin: 0 .05rem 0 .25rem;}
  .banner .pink_bg {width: fit-content;padding: .125rem .5rem 0;margin: .5rem 0 0;line-height: 1.5rem;}
  .books tr th{font-size: 1rem;}
  .intro {width: 90%;margin: 1rem auto 1.5rem;}
  dt {font-size: 1.15rem;}
  .book_group{flex-direction: column;overflow: hidden;}
  .bookcover {width: 76%;padding: 0 0 0 2rem;}
  .bookcover::after {top: -0.5rem;right: -4rem;}
  .booklist {width: 90%;margin: 2.5% auto;}
  .applicable{font-size: 1.5rem;padding: 1rem .55rem;margin: 0 .5rem 0 0;}
  caption {font-size: 1.45rem;margin: 4% 0 6%;}
  #event_notice {padding: 1.25rem 0;}
  .posner{padding: 2.5rem;margin: 0 auto 2rem ;}
  .posner dd {text-align: left;font-size: 1.1rem;}    
  .student{margin: auto;}
  .student dt{flex-direction: column;}
  .student dt span{margin-left: 0;}
}