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

/*body*/
#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 */
    .bgcolor1 {border-radius: 0;background: linear-gradient(to top,#f7f9d7 0%,#fff 100%)}
    body {background-color: #ffbfbf;}
    .mb_br{ display:block}
	.event_buy {font-size: 1.2em;margin: 2% 11.5% 7%;}
	.event_buy .title {font-size: 1.28em;display: inline-block;}
	.event_buy p {font-size: 1em;}
	.event_list div h3 {border-radius: 30px;font-size: 1.4em;margin: 7.5% auto 2%;}
	.event_list {width: 90%;padding: 0 5%;}  
	.event_list div p {font-size: 1.1rem;font-weight: normal}
	.event_list div table td:nth-of-type(1) {padding: 3% 2.5% 3% 2%;}
    .event_list div table td:nth-of-type(3) {text-align: center;width: 20%;font-size: 0.9rem;}
	.event_buy .buybtn a {margin: 3% 0 8%;}
	.more_link {font-size: 0.9rem;padding-top: 2%;padding-bottom: 5%;}
	

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;background-color:#fffde4;padding: 30px 0 50px;text-indent: -0.8125rem;}
#event_notice p{font-size:0.9em;line-height:1.5em;color:#000;padding:0;margin:0 6% 0 9%}

/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0;background-color:#fffde4}
#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_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%;max-width: 100%;}
/* 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) {
[class*="flex"]{display:flex;align-items:baseline;flex-direction:row;flex-wrap:nowrap}
.cover_img{width:90%;height:auto;margin:2%}
.event_list div h3{border-radius:30px 0 0 30px;font-size:1.4em;display:inline-block;width:6%;padding:1.5% 2%;writing-mode:vertical-lr}
.cover_img img{box-shadow:-2px 4px 10px grey;width:142px;height:150px}
}