/*Mobile*/
@media all and (min-width: 1px) and (max-width: 767px){
    .br_mb{ display:block}
    #event_date{width: 94%;}
    #event_date .date{flex-direction: column;align-items: center;}
    #event_date h1{width:90%;margin:0 auto}
    #event_date h2 {margin-bottom: 2%;}
    #event_date .test{width:100%;margin:2% auto}
    #event_date .cubeRed {padding: 0.6% 2% 0.6% 6%;border-radius: 6px;}
    .test_type, .test_type3{width: inherit;}
    #event_date .test_type2 {width: 7.5%;font-size: 2.5em;margin:auto;line-height: 1.3;}
    #event_book{width:calc(96% - 2px);margin:0 auto 2%;padding:0 2% 2%}
    .ribbon{width:82%}
    .ribbon h1{padding:2.5% 1rem}
    .h1_2{display:block;font-size:.9em}
    figure {width: 100%;}
    figure img{height: 180px;}
    figcaption {margin: 6% auto 5%;}
    h2, #event_book h2{text-align: center;}
    #event_book h2 b{display:block;margin-right:0}
    #event_book h3{text-align:center;font-size:1.2em}
    .row1>dd:nth-child(n+3):nth-child(-n+7),.row1>dd:nth-child(n+9):nth-child(-n+10){padding-left: 1.7rem;text-indent: -18px;}
    .row2>dd:nth-child(n+3):nth-child(-n+6),.row2>dd:nth-child(n+8):nth-child(-n+9){padding-left: 1.7rem;text-indent: -18px;}
    .bookList{width:100%}
    .bookList ul{width:100%;padding:2% 0% 1%}
    .bookList ul li{font-size:1em}
    .bookList ul.half li{width:100%}
    #event_media ul{width:88%;margin:1% auto 2%;padding:2% 3%;border-radius:12px}
    #event_course,#event_flashcar,#event_classlink{width:96%;padding:2% 0}
    #event_course table{line-height:1.55em}
    .buybtn{font-size:1.25em}
    #event_classlink ul li{font-size:1.05em}
    #event_note{width:90%}
    #good_grade{width:90%;margin:4% auto 0;padding:2%;font-size:1.2em;border-radius:15px}
}
@media all and (min-width: 1px) and (max-width: 1200px){
    #BodyHeader,#event_news,#event_menu{display:none}
    #BodyContainer,#BodyContentEvent{width:100%}
    /*Event_heaader*/
    #BodyHeader_m{height:auto;margin:2% auto;text-align:center}
    #BodyHeader_m img{max-width:50%;height:auto;clear:both}
    @media screen and (orientation:landscape){#BodyHeader_m{margin:1.5% auto 1%}#BodyHeader_m img{max-width:30%}}        
    ul.flashcar li {width: 45%;}
    /*Footer*/
    #BodyFooter_rwd{width:100%;margin:0 auto;padding:0;color:#000}
    #BodyFooter_rwd a{color:#000}
    #BodyFooter_rwd #footer_address{width:100%;margin:0 auto;padding:4% 0 1%;text-align:center}
    #BodyFooter_rwd #footer_address ul{padding:0;text-align:center;width:100%;clear:both}
    #BodyFooter_rwd #footer_address li{display:block;width:100%;line-height:2em;text-align:center;font-size:.8em}
    #footer_address br{display:none}
    #footer_address li:nth-of-type(1) img:first-child{display:block;text-align:center;margin:0 auto 2%;max-width: 100%;}
    /*top*/
    #topbutton{width:50px;height:50px;color:#FFF;border-radius:50%;background:#000;opacity:.4;right:1%;bottom:8%;position:fixed;font-size:15px;line-height:50px;text-align:center}
    #topbutton a{color:#FFF;text-decoration:none}
}