@media all and (min-width: 1px) and (max-width: 1200px){ 
/*舊版IE專用修復縮放不正常檢視用*/
/*mobile*/
/* 隱藏區塊 */
#BodyHeader,#event_news,#event_menu {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 */
.br_mb{ display:block;}
.br_pc {display: initial;}
#event_master,
#event_course,
#event_student {
	width: 100%;
	margin:0 auto;
	padding:0;
    display:inline-block;
    }
#event_book {padding: 1.5rem 2.5rem;}  
    
#event_book .buycar a {
        font-weight: bold;
        font-size: 1.4rem;
        color: #d04430;
        background-color: #fff;
        padding: 0.5% 15px;
        border-radius: 50px;
        border: 1px #d04430 solid;
        display: inline-block;
        margin: 3% 0 2%;
    }
.more li {width: -webkit-fill-available;text-align: center;}
.course {width: calc(100%/1 - 15%);margin: auto;padding: 1% 1.5% 3.5%;}
.course dt {font-size: 1.4rem;margin: -17px auto 0.5rem;padding: 3px 12px 0;}
.course dd {font-size: 1rem;}
.group {padding: 5% 4% 6% 4%;}
.group h4 {font-size: 1.9rem;margin-left: auto;}
    
.group .start {font-size: 1.35rem;}
/*#event_student h2 {font-size: 1.7rem;}*/
#event_student h2 {font-size: 2.2rem;line-height: 2.8rem;}
    
#event_book h2 {
        margin: 0 0 10px 0;
        font-size: 2rem;
        line-height: 2.6rem;
        padding: 1% 0 1.5%;
        text-align: left;
    }
.bookname {font-size: 1.7rem;}
.group ul {padding: 2% 0%;line-height: 1.7rem;font-size: 0.97rem;margin-left: 7%;}
.course .note_t {font-size: 0.95rem;text-align: justify;}
.student dt {font-size: 1.4rem;}
.student {
    padding: 5% 4%;
    background-color: #ffffffd1;
    margin-bottom: 3%;
    border-radius: 20px;
    border-left: 5px #f03e34a3 solid;
    border-right: 5px #5bb0bfba solid;
    line-height: 1.8rem;
    margin: 4% 7%;
}
.student dt:first-of-type {font-size: 1.12rem;line-height: 1.5rem;}
.student dd {text-align: justify;font-size: 1.05rem;}
.student dd:nth-of-type(1) {
    color: #ae20a0;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: 0;
    border-top: 1px #000 dotted;
    border-bottom: 1px #000 dotted;
    margin: 10px 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
.winner {border-radius: 7px;padding: 2px 10px;}
    
.bgcolor3 {padding: 6% 0;}
.group .discount {
    font-size: 1.07rem;
    padding: 7px 20px;
    margin: 0 20px 10px 28px;
}
.group .note_t {margin: 7px auto 7.5% 8%;font-size: 1.05rem;text-align: start;font-weight: normal;}
.course dd b {font-size: 1.3rem;}
.course dd a {
color: #0186b7;
font-weight: bold;
border-radius: 50px;
display: inline-block;
border: 1px #0186b7 solid;
padding: 2px 10px;
background-color: #d5f9ff9c;
font-size: 1rem;
}
.series_books figure{width: 100%}
.owl-carousel .owl-item img {width: auto !important;height: 200px;}
    
    
#event_notice{text-align:left;float:left;width:100%;margin:0;background-color:#EBEBEB;padding:30px 0 50px}
#event_notice p{font-size:1em;line-height:1.5em;color:#000;padding:0;margin:0 2% 0 5%}

/* Footer */
#BodyFooter_rwd,#footer_line,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li{width:100%;float: left;}
#BodyFooter_rwd{background-color:#FFF;margin-top:5%;}
#BodyFooter_rwd #footer_line{margin:5% auto 3%;display:block;height:auto;text-align:center;border-top:thin solid #999}
#BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_inline ul{padding:0;margin-bottom:1%;text-align:center}
#BodyFooter_rwd #footer_inline ul li img{max-width:100%;height:auto;margin-bottom:2%;margin: 0 auto;}
#BodyFooter_rwd #footer_inline ul li{display:inline-block;margin-right:auto;line-height:2em;font-size:1em;clear:both}
#BodyFooter_rwd #footer_address{margin: 0% auto auto auto;text-align: center;}
#BodyFooter_rwd #footer_address a {	color: #000;line-height: 2em;}
#BodyFooter_rwd #footer_address ul{padding:0;text-align:center;margin-bottom:1%;clear:both}
#BodyFooter_rwd #footer_address ul li{display:block;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}



}