@media all and (min-width: 1px) and (max-width: 1200px){ 

    /*舊版IE專用修復縮放不正常檢視用*/
    
    /*mobile*/
    
    /* 隱藏區塊 */
    #BodyHeader {display:none;}
    #event_news,#menuleft {display:none;} 
    /* 隱藏區塊 */
    
    /*body*/
    body {margin-top: 0%;margin-right: 0%;margin-bottom: 0%;margin-left: 0%;font-family: "Microsoft JhengHei", Verdana, Arial;}
    #BodyContainer {width: 100%;margin-right: auto;margin-left: auto;}
    #BodyHeader #site {display: none;} 
    
    /* Event_heaader */
    #BodyHeader_m {text-align: center;height: auto;margin-right: auto;margin-left: auto;margin-top: 2%;margin-bottom: 2%;}
    #BodyHeader_m img {clear: both;height: auto;max-width: 100%;}
    #BodyHeader_m #site2 {border-bottom-left-radius:40px;border-bottom-right-radius:40px;opacity: 0.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 */
    .banner h2 {font-size: 1.7rem;}
    .discount {padding: 1rem 1rem 1.3rem;flex-direction: column;}
    .discount dl{padding: 1rem 1rem;margin: 0 1rem .5rem;}
    .discount dd{letter-spacing:unset;}
    .discount br{display: none;}   
    .giveaway {margin: 0 auto ;}

    
    /* notice */
    #event_notice{text-align:left;float:left;width:100%;margin:0;padding:20px 0 40px}
    #event_notice p {font-size: 0.9em;line-height: 1.7em;text-indent: -0.8125rem;margin: 0 5% 0 10%;}
    
    /* Footer */
    #BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0}
    #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%}
    #footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 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 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區域*/
@media(max-width:767px){
    /* .banner {background: url(../images/1402086_bg.jpg) no-repeat top center / 100% 100%;} */
	#event_Book h3 {font-size: 1.75rem;line-height: 2rem}
    .banner h2 {font-size: 1.3rem;}
    .discount {margin:auto;padding:.4rem 0 .6rem;justify-content: center;font-size: 1.25rem;} 
    .discount span{width: 90%;height: 1px;}
    .discount_content{gap: 1.2rem;padding: 1rem 0 0;}
    .discount dt {font-size: 1.2rem;}
    .discount dd {font-size: 1.1rem;padding: .25rem 0;}
    .discount_text{margin-top: inherit;}
    .giveaway {margin: 0 auto;padding: 0 0 1.5rem;}
    .giveaway p {font-size: 1.15rem;padding: .5rem .2rem;line-height: 1.6rem;}
    .booklist {width: 95%;}
    caption span, .mainlist span {line-height: 2rem;}
    #event_Book h3 {margin: 1.25rem 0 0;}
    /* .discount:nth-of-type(1),.discount:nth-of-type(2){width: 100%;}  
    .discount:nth-of-type(2):before{display: none;}  
    .discount ul li{display: inline-block;float: none;width: auto;}
    caption span { display: flex;justify-content: center;flex-wrap: wrap; } */
    @media screen and (max-width: 500px) { .booklist table caption img { max-width: 100%; width: calc(78%/2);} }    
    @media screen and (max-width: 320px) { .booklist table caption b { padding: 0.2rem 2rem 0.1rem;} }    
	.booklist a {color: #2e3238;display: inline-block;}
	.booklist td, .booklist th {padding: 5px 4px 5px 0px;}
	.booklist th {white-space: nowrap;}
    .book_group dl{justify-content: center;}
    .book_group dd{padding: 0;}
	#event_notice p {font-size: 0.9em !important;line-height: 1.7em !important;text-indent: -0.8125rem;margin: 0 5% 0 10% !important;}
	.buy a {padding: 6px 12px;}
    .gift{font-size: 1.2rem;padding: 1.6rem .6rem 1rem;}
    .title{font-size: 1.9rem;}
    .series{font-size: 1.6rem;}
}