@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_header */
#BodyHeader_m{text-align:center;height:auto;margin:2% auto}
#BodyHeader_m img{clear:both;height:auto;max-width:100%}

/* Event css */
.br_iphone{ display:block;}
#event,
#event_master,
#event_sec,
#event_third,#event_more,#event_course{width:100%;margin:0 auto;padding:0}

#event_master img{ width:100%}
.cover {margin: 0 2% 2% 5%;}
.cover img{width:100%}
.info {;padding: 2%;}
.onsale1 {font-size: 1.1rem;}
.onsale2 {font-size: 1.1rem;}
.onsale_t {font-size: 1rem;padding: 4% 1% 7% 4%;}
.onsale_t span {font-size: 1.2rem;}
.booklist {padding: 0% 3% 5%;margin: auto;}
.experience h3 {font-size: 2.1rem;}

#event_fourth {}
.experience img {width: 60px;}
.experience {margin: 0px 2%;}
.exp_box {padding: 0.2% 0% 2% 0;}
.series div a {font-size: 1.1em;}

.booklist2 {margin: 0% 3%;}
.booklist2 ul li {    width: 43.3%;}
.booklist2 ul {margin: 0 auto;padding: 0;width: 100%;}
.booklist2 hgroup h1 {font-size: 2.1rem;}
.booklist2 hgroup h4 {font-size: 1.15rem;}
    
/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;background: linear-gradient(90deg,#e6cda0, #fffcea,#e6cda0);padding:30px 0;}
#event_notice p {font-size: 0.85em;text-indent: -0.98rem;line-height: 1.5em;color: #000;padding: 0;margin: 0 2% 0 11%;}

/* Footer */
#BodyFooter_rwd{float:left;width:100%;padding:0;color:#000;margin:0 auto}
#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:#000;margin:1% auto 1% 5%}
#BodyFooter_rwd #footer_inline a{color:#000;text-align: center;}
#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:1.5em;font-size:1.2em;clear:both;width:100%;margin-right:auto;margin-bottom:0}
#BodyFooter_rwd #footer_inline ul li img{width:35%;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:#000}
#BodyFooter_rwd #footer_address ul{float:left;padding:0;text-align:center;margin-bottom:1%;width:100%;clear:both}
#BodyFooter_rwd #footer_address ul li{float:left;display:block;width:100%;line-height:1.5em;text-align:center;font-size:.8em}
#footer_address br{display:}
#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:#784225;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 (max-width: 767px) {
    .br_mb{ display:block;}
    .info dl{flex-direction: column;justify-content: center;}
    .info dd {border-left: 0px;border-bottom: 3px #86593842 dotted;margin: 0 1rem;}
    .info dd:last-child {padding: 0.5rem 0.2rem 0.5rem 1rem;border-bottom: 0px;}
    .booklist hgroup h4 {font-size: 1.1rem;}
    .booklist hgroup h5 {font-size: 1.1rem;margin: 0.2rem auto 0;}
    .cover {padding:1.2rem 2rem .8rem;margin: auto;}
    .booklist hgroup h5 {width: 100%;}
    caption {font-size: 1.4rem;}
    .books th {font-size: 1rem;}
    .books .special_offer {font-size: 0.95rem;}
    .books td {font-size: 0.9rem;}
    .books td:nth-child(1) {padding-left: 0.5rem;}
    .books td a {font-size: 0.9rem;}
    /* .booklist div, .booklist2 div a {padding: 0.5rem 0.2rem 1rem;text-align: right;line-height: 2rem;font-size: .8rem;} */
    .name {font-size: 1.1rem;}
    .exp_box div {font-size: .95rem;padding: 0.5rem 0;}
    .more h3 {font-size: 1.3rem;}
    .series {flex-wrap: wrap;margin: 0.5rem 0 0;}
    .series div a {font-size: 1.05em;}
    .experience h3 {font-size: 1.7rem;}
    .booklist2 hgroup h1 {font-size: 1.7rem;padding: 0.5rem 0.2em 0.2em 0.2em;}
    .booklist2 hgroup h4 {font-size: 1.05rem;text-align: left;}
    .course a {font-size: .95rem;}
    .course th {font-size: 1rem;}
    .course td:nth-child(4) {font-size: 0.9rem;}
    .course td {font-size: 0.9rem;}
    nav,nav a {font-size: 1.15rem;}
    

}