@media (max-width:767px){
    h2{font-size: 1.6rem;}
    ul.bookImg li{width:100%;margin: auto;}
    ul.bookImg li:nth-child(1){width: 65%;}
    ul.bookImg li:nth-child(2){width: 50%;}
    ul.bookImg li:nth-child(3){width: 25%;}
    ul.bookImg figure a{width: initial;}
    ul.bookImg figcaption{width: 100%;}
    ul.bookImg figure{justify-content: center;flex-direction: column-reverse;}
    .subject_row{width:96%;padding:0 2%}
    .discount {font-size: 1.4rem;}
    .header_img{display:none}
    .header_txt,.bookimg,.booklist{width:100%}
    .header_txt h1{font-size:1.6rem;text-align:center}
    .header_txt h4{display:block;font-size:1.55rem;margin: 0.5rem 0 0 0.7rem;}
    .date{width:90%;font-size:1.1rem;line-height:1.6em;padding-left:0;margin:2% auto 0}
    .bookArea{margin:3% auto }
    .bookTitle{font-size:1.1rem}
    .SALEtitle{display:block;margin:.5% auto 0;font-size:1.2rem}
    .bookimg{margin:0 auto 2%}
    .booktable th,.booktable td{padding:5px}
    .bookContent{flex-wrap: wrap;}
    .bookContent dt {font-size: 1.1rem;font-weight: bold;padding: .25rem 2rem;width: fit-content;margin: auto;}
    .bookContent dd img {width: 96%;padding: 0 2%;}    
    .booktable_2 {margin: 1rem 0 .5rem;}
    .buybtn{margin:3% 0}
    .buybtn a{font-size:1.2rem;padding:1% 3%;display: inline-block;margin-bottom: .5rem;}
    .des{line-height:1.6em;margin:0 auto 3%;font-size:.95em}
    .course_row{padding:0 0 2.5%}
    .course_row h2{font-size:1.4rem}
    #event_note {padding: 3.5% 2% 3% 9%;text-indent: -1rem;}
    #footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%}
    #footer_address li:nth-of-type(1) img:first-child{max-width: 100%;}
}    
@media all and (min-width: 1px) and (max-width: 1200px){
    #BodyHeader,#event_news,#topbutton2,ul.masterBtn{display:none}
    #BodyContainer,#BodyContentEvent{width:100%}
    /* Event_heaader */
    #BodyHeader_m{height:auto;margin:2% auto;text-align:center}
    #BodyHeader_m img{max-width:45%;height:auto;clear:both}
    @media screen and (orientation: landscape){#BodyHeader_m img {max-width:30%}}
    .bookContent {width: 100%;padding: 0;}
    .bookContent dl{padding: 1rem 0 0;}
    #event_recommend h3 img{width:5.5%;padding-bottom:2%}
    #event_recommend h3{font-size:1.4em}
    #event_recommend .name,#event_recommend .type{font-size:1.15em}
    #event_recommend ul{width:91%;margin:1.5% 2% 0;padding:0 2% 2%}
    #event_recommend ul li{text-align:left;margin-top:4%;font-size:1em}
    #event_recommend li.moreRecommend{margin-top:3%}
    #event_class h3{font-size:1.4em}
    #event_class ul{width:90%;padding:2%;margin:2% 2% auto}
    #event_class ul li{font-size:1em;text-indent: -1rem;padding: 0 0 0 1rem;}
    #BodyFooter_rwd{width:100%;margin:0 auto;padding:0;color:#000;display:inline-block}
    #BodyFooter_rwd a{color:#000}
    #BodyFooter_rwd #footer_line{width:90%;margin:2% 5%;display:block;height:auto;text-align:center;border-top:thin solid #000}
    #BodyFooter_rwd #footer_inline ul{width:100%;padding:0;margin:2% auto 1%;text-align:center;display:inline-block}
    #BodyFooter_rwd #footer_inline ul li{display:block;line-height:2em;font-size:1.2em;clear:both;width:100%;margin:0 auto}
    #BodyFooter_rwd #footer_inline ul li img{width:40%;height:auto;vertical-align:middle;margin-bottom:2%}
    #BodyFooter_rwd #footer_address{width:100%;text-align:center;margin:0 auto}
    #BodyFooter_rwd #footer_address ul{padding:0;text-align:center;margin-bottom:1%;width:100%;clear:both}
    #BodyFooter_rwd #footer_address ul li{display:block;width:100%;line-height:2em;text-align:center;width: 95%;margin: auto;font-size:.8em}
    #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}
}

@media all and (min-width: 768px) and (max-width: 1200px){
    #event_recommend h3{font-size:1.7em}
    #event_recommend h3 img{width:auto;padding:0}
}