@media all and (min-width: 1px) and (max-width: 1200px){ 
    .caption {width: 78%;padding: .5rem 0 1rem 2.5rem;margin: .25rem 0 0 3rem;}
    #BodyHeader,#event_news{display:none} 
    #BodyContainer,#BodyContentEvent{width:100%}
    /* Event_heaader */
    #BodyHeader_m{text-align:center;height:auto;margin:2.5% auto 2%}
    #BodyHeader_m img{clear:both;height:auto;    max-width: 100%}
    @media screen and (orientation: landscape) {
    #BodyHeader_m{margin:2% auto}
    #BodyHeader_m img{max-width:35%}
    }
    /* Footer */
    #BodyFooter_rwd{width:100%;margin:0 auto;padding:0}
    #BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;float:left;text-align:center;border-top:thin solid #333}
    #BodyFooter_rwd a{color:#333}
    #BodyFooter_rwd #footer_inline ul{float:left;padding:0;width:100%;margin:5% auto 1%;text-align:center}
    #BodyFooter_rwd #footer_inline ul li{display:inline-block;line-height:2em;font-size:1.2em;width:100%;margin:0 auto}
    #BodyFooter_rwd #footer_inline ul li img{width:50%;height:auto;vertical-align:middle;margin-bottom:2%}
    #BodyFooter_rwd #footer_address{margin:0 auto;float:left;width:100%;text-align:center}
    #BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;width:94%;margin:0 3%}
    #BodyFooter_rwd #footer_address ul li{float:left;width:100%;line-height:2em;text-align:center;font-size:.8em;list-style: none;}
    #footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%}
    /*top*/
    #topbutton{width:50px;height:50px;color:#FFF;border-radius:50%;background-color:#000;opacity:.4;right:1%;bottom:2%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:9}
    #topbutton a{color:#FFF;text-decoration:none}
}

/*Mobile*/
@media all and (min-width: 1px) and (max-width: 767px){
    .br_mb{ display:block;}
    .saleLink a {font-weight: bold;}
    .cart_100 a {font-size: 1.4rem;padding: .5rem 1rem;font-weight: bold;}
    #event_master {}
    #event_master h1 {width: 100%;font-size: 1.35rem;line-height: 1.45em;padding: 1% 0%;letter-spacing: 0;} 
    .caption {width: 88%;padding: .5rem 0 1rem 1.5rem;border-top: 2px dotted #e1d5a6;margin: .5rem auto 0;}
    .caption h3 {font-size: 1.35rem;}
    .caption .test {font-size: 1.15rem;line-height: 1.8rem;padding: .25rem 2rem 0;flex-direction: column;}
    .saledis{font-size:1.5rem}
    #event_content h1{font-size:1.7em;line-height:1.55em;text-align:center}
    #event_content h1 strong {display: block;padding: 2.5% 3% 2.1% 3%;margin-bottom: 1%;font-size: 1.7rem;line-height: 2.2rem;}
    #event_content h2{font-size:1.5em}
    #event_content h3{font-size:1.3em;line-height:1.55em;text-align:center;margin:0}
    #event_content ul{width:100%;margin:4% auto 5%}
    #event_content ul li{line-height:1.6em}
    #event_content .saleLink{font-size:1.05rem;font-weight:500}
    #event_content .saleLink a{display: inline-block;}
    #event_content .saleLink span{font-size:1.6rem}
    .category td:nth-child(1) a{display: block;}
    .category td:nth-child(1) {font-size: 1.1rem;}
    .category_list { margin: 3% 0;}
    .category_1 tr td:nth-child(1){width: 30%;}
    .category_1 tr td:nth-child(2){width: 25%;}
    .category_1 tr td:nth-child(3){width: 45%;}
    #taisugar,#eco,#cpc,#taiwater,#taipower{width:90%;padding:8% 5%}
    #event_APP{width:96%;padding:5% 2%}
    #event_APP h2{font-size:1.25em;line-height:1.55em}
    #event_APP #question_img{margin-top:2%}
    #event_APP #question_img img{width:100%}
    #event_APP #answer_img{margin:0}
    #event_APP #answer_img img{width:50%}
    #event_note{width:90%;padding:5%}
    #event_note p {text-indent: -14px;margin-left: 4%;}
    #eco{padding: 1% 5%;}
    /* #event_content .test {width: 95%;margin: auto;padding: 3% 3% 3% 7.5%;font-size: 1.1rem;} */
    .booklist {width: 90%;margin: 0 auto 1.5rem;}
    .booklist h4 {font-size: 1.6rem;}
}
    
    
