@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_mag,
#event_third{width:100%;margin:0 auto;padding:0}
.mag_group a, .books a{word-break: break-all;font-size: 0.99rem;}

#event {background: url(../images/1312040-2_1_bg.png) no-repeat center 0px, linear-gradient(to top, #c2eef4 9%, #fffbf0 28%);}
#event_mag h3 {margin: -3% 0 0 0;font-size: 1.35rem;text-align: center;}
#event_hottxt {font-size: 1.15rem;text-align: center;}
#event_hottxt .hottxt {width: 100%;padding: 0 0 5% 5%;}
#event_hottxt .hottxt img {float: none;margin: 10% 0 7%;}

.br_mb{ display:block;}

/* notice */
#event_notice p {font-size: 0.9em;line-height: 1.5em;color: #fff;padding: 0;margin: 0 5% 0 10%;text-indent: -14px;}

/* 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 screen and (min-width:600px) and (max-width:769px) {
	#event {background: url(../images/1308030-1_bg_mb.png) no-repeat center 0px, linear-gradient(to bottom, #dcd2b500 5%, #a383ba 26%);}
	figure {width: calc(85% / 3 - 3%);}
	#event_mag h3 {margin: 4% 0 0 0;}
	#event_hottxt p {float: none;}
	#event_hottxt .hottxt {padding: 0 0 2% 0;}
	#event_hottxt .hottxt img {float: left;margin: -2% 0 0%;}
}