@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%}
.br_pc{display: none;}
.br_mb{display: block;}
    
/* Event css */
#event,
#event_master,
#event_sec,
#event_third{width:100%;margin:0 auto;padding:0}
#event_master {text-align: center;padding: 7% 0 0;}
#event_master h1 {font-size: 2.55rem;line-height: 2.8rem;}
#event_master h2 {font-size: 2.05rem;}
#event_master h2 .t_and {padding: 0% 2.3% 0.7%;font-size: 1.8rem;}
.color_3 {font-size: 1rem;}
.book {padding-left: 1%;margin-right: 4%;flex-direction: column;}
.book figure img {width: 73%;margin-left: 7%;}
.book figure {width: auto;text-align: center;}
.book figcaption {position: inherit;}
.book figcaption {position: inherit;border-radius: 15px;width: auto;height: auto;padding: 2% 7%;font-size: 0.9rem;}
.book dd {margin: 1% 0;padding: 0 3.5%;width: auto;}
.book dt {font-size: 1.05rem;padding: 0 5px;width: 75px;height: 27px;margin-top: 5%;}
.recommend ul li {margin: 2% 0 9%;font-size: 1rem;}
.recommend ul li span.name {font-size: 0.88rem;padding: 1% 0 0 0;}
.recommend {margin: 9% 5% 5%;}
.periodical figure {width: 100%;margin: 0;text-align: center;}
.periodical div {width: 80%;margin: 2% 10% 10%;padding: 3%;}

.buy {font-size: 1rem;}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;background-color:#e3f2f9;padding:30px 0 50px}
#event_notice p {font-size: 0.85em;line-height: 1.6em;padding: 0;margin: 0 5% 0 12%;text-indent: -16px;}
.buy li {padding: 1% 2% 3% 12%;}

/* 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;background-color: #e3f2f9;}
#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:.3;right:1%;bottom:16%;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){
    #event {background: url(../images/1507039_bg.jpg) no-repeat, top / 102%, #fff;background-size: contain;}
    #event_master {width: auto;padding: 7% 0 0 20%;}
    .book {margin-top: 5%;}
    .book figure img {width: 90%;}
    .book dt {font-size: 1.5rem;padding: 0 0px;width: 60px;height: 60px;margin-top: -2.5%;margin-left: 5%;}        
    .book .icon1234 {text-indent: -21px;border-top: 2px #d5d0bf dotted;font-size: 1.05rem;margin: 2% 0 0 6%;padding: 3% 3.5% 0;}
    .book dd .teather_name {font-style: italic;color: #eb6d00;display: flex;justify-content: flex-end;}
    .periodical {flex-direction: column-reverse;}
    .periodical div {width: 74%;}
    .buy a:nth-last-child(1) {display: inline-block;}
    
}