@media (max-width:767px){
    h2{margin: 1rem auto;}
    ul.bookImg{flex-direction: column;}
    ul.bookImg li{width:100%;margin: auto;}
    ul.bookImg li:nth-of-type(1){width: 100%;}
    ul.bookImg li:nth-of-type(n+2):nth-of-type(-n+3){border-left:none;padding-left: 0;width: inherit;}
    ul.bookImg li:nth-of-type(2), ul.bookImg li:nth-of-type(3){border-left:none}
    ul.bookImg figure a{width: initial;}
    ul.bookImg figcaption{width: 100%;}
    ul.bookImg figure{justify-content: center;flex-direction: column-reverse;}
    ul.bookImg img{height: auto;max-width: 80%;}
    .subject_row{width:96%;padding:3% 2%}
    .header_img{display:none}
    .header_txt,.bookimg,.booklist{width:100%}
    .header_txt h1{text-align:center}
    .header_txt h4{display:block;}
    .date{width:90%;padding-left:0;margin:2% auto 0}
    .bookArea{margin:3% auto 7%}
    .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}
    .buybtn{margin:3% 0 5%}
    .buybtn a{font-size:1.05rem;padding:1% 3%;display: inline-block;margin-bottom: .5rem;}
    .des{line-height:1.6em;margin:0 auto 3%;font-size:.95em}
    .course_row{padding:4% 4% 2.5%}
    .course_row:nth-of-type(1){margin: 5% 1%;}
    .course_row h2{font-size:1.3rem}
    #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%}}
    #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:87%;padding:2%;margin:2% 4%}
    #event_class ul li{font-size:1em}
    #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;font-size:.8em}
    #topbutton{
        width: 100%;
        height: 50px;
        color: #FFF;
        /* border-radius: 9999em; */
        background-color: #d11130;
        /* opacity: .4; */
        /* right: 1%; */
        bottom: 0;
        position: fixed;
        line-height: 50px;
        /* font-size: 15px; */
        text-align: center;
    }
    #topbutton a{color:#FFF;text-decoration:none;margin: 0 1%;}
    #topbutton a:nth-child(n+4):nth-child(-n+5){display: none;}
}

@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}
}