@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_book, #event_student{width:100%;margin:0 auto;padding:0}

.honor {width: 100%;flex-direction: row;padding: 1rem 0 1rem .5rem;}
.calsslink {width: 95%;}
.booklist header h3 {padding: .5rem 0 .5rem 4.5rem;}
.title {font-size: 2.2rem;}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;background: var(--linear_shade);padding:30px 0;}
#event_notice p{font-size:1em;line-height:1.5em;color:#000;padding:0;margin:0 2% 0 10%}

/* 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:100%;height:50px;/*border-radius:9999em;*/background:#fee;/*opacity:.4;*/right:0;bottom:0;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:999}
#topbutton a{color: #4c4c4c;font-size:15px;padding: 0 2%;border-left: 2px #eb8f8c solid;}
}

@media (max-width: 767px){
    h4 {font-size: 1.7rem;}
    .br_m{display: block;}
    .br_PC{display: none;}
    .banner{display: none;}
    .banner_m{display: block;}
    .banner_m img{width: 100%;}
    
    .discount {font-size: 1.55rem;padding: .5rem;}
    .honor {width: 90%;flex-direction: column;padding: .8rem 0;}
    .honor_year ,.honor_name {width: 100%;border-right:none;padding: 0 0 .5rem 0;}
    .honor:nth-child(1) .honor_year , .honor:nth-child(1) .honor_name{width: 100%;text-align: center;}
    .honor_year{font-size: 1.4rem;}
    .honor_name{font-size: 1.15rem;}
    .honor_year a {font-size: 1.1rem;}

    .date {margin: 1% 5%;}
    .date table {width: 100%;display: block;overflow-x: auto;white-space: nowrap;}
    .date .date_title {line-height: 2rem;padding: .5rem;}
    .date table td {font-size: 1rem;}

    .booklist {margin: 5% auto 10%;}
    .booklist header h3 {font-size: 2.2rem;}
    .booklist header h3,.booklist:nth-child(4) header h3 {padding: .5rem 4rem .5rem 8.5rem;}
    .booklist header {margin: 2.2rem auto 1.2rem;}
    .bookDetail {margin: auto;flex-direction: column;align-items: center;}
    .bookimg {width: 60%;padding: 0 0 2rem 0;}
    .books {width: 90%;margin: auto;}
    .books td {font-size: 1.05rem;}

    .flashsale {padding: 5% 0;flex-direction: column;margin:0 auto;}
    .flashsale div {padding: 0 0 .8rem 0;}
    .flashsale p {font-size: 1.9rem;}
    .flashsale ul {flex-wrap: wrap;}
    .flashsale li {margin: 0 .5rem .5rem;}
    .flashsale a {display: inline-block;margin: .25rem auto;padding: .3rem 1.5rem .4rem;}

    .title {font-size: 1.9rem;margin: 5% auto 2%;}
    .student dl {margin: 3% 2% 1% 2%;}
    .student dt {font-size: 1.4rem;line-height: 2rem;padding: .5rem;}
    .student dd {font-size: 1.05rem;}
    .student dd:nth-of-type(1) {font-size: 1.35rem;}

    .calsslink li {color: var(--gray);font-size: 1.2rem;margin:.5rem auto;border: 1px solid var(--white);text-decoration: none;border-radius: 2rem;padding: .5rem 1rem;box-shadow: 2px 3px 5px #0000001f;background: var(--linear_shade) #fff;}
    .calsslink a {text-indent: -.5rem;border: unset;line-height: 1.5rem;border-radius: 2rem;box-shadow:unset;background:unset;}
    
    #event_notice p {font-size: .9em;margin: 0 5% 0 13%;text-indent: -5.5%;}
}