@media all and (min-width: 1px) and (max-width: 1200px){ 
/*舊版IE專用修復縮放不正常檢視用*/
/*mobile*/
/* 隱藏區塊 */
#BodyHeader,#event_news {display:none;} 
/* 隱藏區塊 */
/*body*/
body{margin:0;overflow-x: hidden;}
#BodyContainer{width:100%;margin-right:auto;margin-left:auto}
#BodyHeader #site{display:none}
/* Event_heaader */
#BodyHeader_m{text-align:center;height:auto;margin: 0 auto;padding: 2% 0;}
#BodyHeader_m img{clear:both;height:auto;max-width:100%}

/* Event css */
#event,
#event_master,
#event_book,
#event_student{width:100%;margin:0 auto;padding:0}

.brochure {position: absolute;top: -75px;}
.brochure a{font-size: 1.1rem;}
.discount {padding: 2.5rem 2rem 1rem;}
.discount_content dl {padding: 0.3rem 1rem 0 1rem;}
.booklist h3::before {content: '';width: 680px;}
#event_sidebar .br{display:inline-block;}
.discount, #event_student .title {width: fit-content;}
    .m_br{display: block;}

/* notice */
#event_notice{text-align:left;float:left;width:100%;margin:0;background: linear-gradient(90deg, #f1e0ba 0%,#fff6cf 20%,#fff8d9 50%,#f1e2c0 100%);padding:4% 0}
#event_notice p{font-size:1em;line-height:1.5em;color:#000;padding:0;margin:0 2% 0 5%}

/* Footer */
#BodyFooter_rwd{float:left;width:100%;margin-right:auto;margin-left:auto;padding:0 0 10rem;}
#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:#000000b0;opacity:.4;right:1%;bottom:20%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:999}
#topbutton a{color:#FFF;font-size:15px}

/* 側欄 */
#event_sidebar{width: 100%;padding: 1.5% 0 3%;right: 0;bottom: 0;top: auto;border-radius: 0;text-align: center;background:var(--linearGold),#fff;}
#event_sidebar dl, #event_sidebar dt, #event_sidebar dd{display: inline-block;}
#event_sidebar dl{padding: 0;}
#event_sidebar dt {font-size: 1.2rem;}
#event_sidebar dd{padding:.3rem .5rem;}
}


@media (max-width: 767px){
    h3 {font-size: 1.35rem;}
    .banner {width: 100%;height: 330px;background: url(../images/1205084_banner_bg.png) no-repeat center / cover;}
    .banner_title {width: 86%;padding: 1rem 0 0.8rem;}
    .read {width: 70%;padding: 0;}
    .date {font-size: 1.05rem;padding:0 0 1rem;/*border-bottom: 10px #33333321 dotted;*/}
    .date span {margin: .5rem .25rem 0;}
    .date strong {font-size: 1.2rem;}
    .brochure {top: 30px;right: 0;padding: .3rem .5rem;}
    .brochure a{font-size: 1rem;}
    .discount, #event_student .title {width: 90%;font-size: 1.5rem;line-height: 2.2rem;padding: 1.5rem 0 .5rem;margin: 0 auto;word-break:break-all;/*border-radius: 0 0 3rem 3rem;*/}
    .discount_title {font-size: 1.5rem;line-height: 2.2rem;transform: skewX(-5deg);padding: .5rem 0;}
    .discount_title .bg_darkorange, .discount_title .bg_tiffany {font-size: 1.4rem;line-height: 2rem;}
    .discount_title .text_gold {font-size: 1.125rem;line-height: 1.5rem;}
    .discount_content {font-size: 1.3rem;padding: 0;line-height: 1.9rem;}
    .discount_content .number {font-size: 1.5rem;}
    .discount_content dl {font-size: 1.4rem;line-height: 2.2rem;}
    caption, #coursera h3, #flashcar h3 {font-size: 1.3rem;}
    .booklist {width: 95%;padding: 0.5rem 0 1rem;}
    .booklist h3::before {content: '';top: 14px;width: 360px;}
    .books, .books th, .books td {font-size: 1rem;}
    .buy a {font-size: 1.25rem;}
    #flashcar li {width: 25%;}
    #flashcar a {font-size: 1.1rem;padding: 0.2rem;}
    .student {padding:.5rem 0 .2rem;}
    .student dt {font-size: 1.15rem;line-height: 1.5rem;word-break:break-all}
    .student dd span {font-size: 1.15rem;}
    .student dl dd:nth-child(2) {font-size: 1.1rem;}
    .student dd {font-size: 1rem;}
    #event_notice p {font-size: .85em;text-indent: -0.8rem;padding: 0 0 0 0.8rem;}
    .ps a{font-size: .8rem;}
    .Book {margin: 2% auto 1rem;padding-bottom: 1rem;}
    .EC{padding: 0.8rem 0.8rem 0.5rem;}
    .EC li {width: calc(100%/2);font-size: 1.1em;line-height: 2.8rem;}
    .EC img {width: 20%;}
    #event_sidebar {padding: 3% 0 4%;line-height: 1.7rem;}
    #event_sidebar dt {font-size: 1rem;}
    #event_sidebar dd{font-size: .98rem;padding:0 .25rem;line-height: 1.6rem;}
    #event_sidebar dd a{word-break:keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
    #event_sidebar dl, #event_sidebar dt, #event_sidebar dd{display: inline;word-break:break-all}

    @media (max-width: 350px){
        .brochure {top: 85px;}
    }
}

