@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}

.book_info {width: 98%;}
.book_info .book1 .price {padding: .5rem 12rem .5rem 0;}
.sale_box {padding: 0 0 1rem 2.5rem;font-size: 1.25rem;}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;background:linear-gradient(90deg, #7859a3, #7ab3e2);padding:30px 0}
#event_notice p{font-size:1em;line-height:1.5em;color:white;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){ 
    .cover {padding: 0 0 .5rem;}
    .book_info {margin: 0 auto 0;width: 100%;}
    .book_info .book1 ,.book_info .book2 {width: 92%;margin: 0 auto 1rem;flex-direction: row;justify-content: center;align-items: center;}
    .book_info .book2 .info dl dt, .book_info .book2 .info .author {margin: 0;}
    .book_info .book2 .info ul {margin: 0;}
    .book_info .book1 .price , .book_info .book2 .price {padding: .5rem;right: 0;}
    .book_info .book1 .price::before , .book_info .book2 .price::before {content: '';width: 80%;height: 3px;border-bottom: 2px solid #dbdbdb;position: absolute;right: 6.25rem;top: 1.2rem;}
    .cover{width: 40%;margin: auto;}
    .cover img{width: 100%;}
    .info dt {font-size: 1.25rem;}
    .author span {font-size: 1.1rem;}
    .author b {font-size: 1.15rem;}
    .info ul {font-size: 1.05rem;}
    .event_sec h3 {font-size: 1.8rem;}
    .sale_box {width: 86%;font-size: 1.15rem;padding: 0 0 1rem 2rem;margin: auto;}
    #event_notice p {font-size: .95rem;}

}