@media (max-width: 767px){
    .bgpadding{padding:4% 2%}
    .bgcolor2,.bgcolor4 {background: #fff5ca;}
    #event h1{font-size:1.9rem}
    #event h2{font-size:1.6rem}
    #event h3{font-size:1.4rem}
    #event h4{font-size:1.25rem}
    #event h1 span,#event h1 strong,#event h2 span,#event h3 span{display:block}
    .teacher_bg{padding:2% 0}
    .teacher_bg>div {width: calc(100%/2 - 2px);font-size:1.05rem}
    .teacher_bg>div>div{padding:5px 0}
    .plan_flex>div {width: calc(100%/1 - 5px);}
    .plan_intro {order: 2;}
    figcaption{font-size: 1.2rem;}

    /*主圖*/
    .transfer:first-child ul li:first-child:before, .transfer:first-child ul li:first-child:after, .transfer:last-child:before {content:none;}
    .banner {background: url(../images/0911100_cloud_left.png)no-repeat center 1% /95%;}
    .transfer_flex {padding: 1% 5% 2%;flex-wrap: wrap;}
    .transfer:first-child ul li {display: block;font-size: 1.6em;}
    .transfer:first-child ul li:first-child {margin: 0;}
    .transfer:first-child ul {margin: 3% 0 0;}
    .transfer:last-child {margin: 12px 18% 0;}
    /*優勢*/
    .advgrid{grid-gap:10px}
    .advgrid>div:nth-of-type(3){grid-column:1/2}
    .advgrid>div:nth-of-type(4){grid-column:2/3}
    .advgrid>div:nth-of-type(5){grid-column:1/3}
    .advgrid>div:nth-of-type(6){grid-column:1/3}
    .advgrid>div:nth-of-type(7){grid-column:1/3}
    .advgrid>div>p{font-size:1rem}
    .advgrid>div>p>strong{font-size:1.25em}
    .advtable{width:100%;word-break: break-all;}
    /*timeline*/
    label{width: 2em;padding: 4px;}
    .timeline,#content3 .timeline,#content5 .timeline,#content6 .timeline{margin:4% auto 2%;grid-auto-columns:1fr;grid-auto-rows:auto;grid-gap:10px 0}
    .timeline:before,#content3 .timeline:before,#content5 .timeline:before,#content6 .timeline:before{left:20px;top:0;margin:0 0 0 -1px;width:2px;height:100%}
    .timelinelist:nth-of-type(2){grid-column:1/2;grid-row:2/3}
    .timelinelist:nth-of-type(3){grid-column:1/2;grid-row:3/4}
    .timelinelist:nth-of-type(4){grid-column:1/2;grid-row:4/5}
    .timelinelist:nth-of-type(5){grid-column:1/2;grid-row:5/6}
    .timelinelist:nth-of-type(6){grid-column:1/2;grid-row:6/7}
    .date{bottom:0;top:0!important;left:20px}
    .inner{margin:0 auto 10px 65px !important}
    .inner:after{left:50px}
    .timelinelist:nth-of-type(odd) .inner:after,.timelinelist:nth-of-type(even) .inner:after{border-width:10px 17.3px 10px 0;border-color:transparent #3aced4 transparent transparent;top:15px;bottom:0}
    /*課程*/
    .coursegrid {grid-auto-columns:1fr;}
    /*經驗談*/
    .media{margin:2% auto 4%}
    .mediaflex{padding:3%}
    .mediatxt{width:100%;margin:2% auto 1%}
    .mediatxt>div:nth-of-type(1){font-size:1.25em;margin-bottom:5px}
    .mediatxt>div:nth-of-type(2){font-size:1.15em}
    .mediatxt>div:nth-of-type(2) small{font-size:.9rem}
    .mediatxt>p{font-size:1em}
    /*輔考資源*/
    .service_grid{grid-auto-columns:32%}
    .hexagon{width:110px;height:63.51px;margin:31.75px auto}
    .hexagon:before,.hexagon:after{border-left:55px solid transparent;border-right:55px solid transparent}
    .hexagon:before{border-bottom:31.75px solid #ffbf08}
    .hexagon:after{border-top:31.75px solid #fff3bf}
    .hexagon div{font-size:1.1rem;margin:6px 10px}
    /*操作介面*/
    .ibrain_flex>dl{width:100%;margin:2% auto}
    .ibrain_flex dt{font-size:1.25em}
    .ibrain_flex dd{font-size:1em}
    .ibrain_page dl,.ibrain_page{width: calc(100%/1);}
    .element_list{display: none;}
    .bgcolor3 {background:#3aced4;}
    .ibrain_flex dt figure {height: 180px;margin: 11px 0 5px;}
    /**/
    .coursebox:nth-of-type(2){grid-column:1/2} 
    .courseflex{padding:2%}
    .course_detailflex>div,.course_detailflex ul{margin:0 auto}
    .course_detailflex>div{font-size:1.2em;width:55px;height:55px;line-height:55px}
    .course_detailflex li{font-size:1.1rem;text-align:center}
    .service_grid{grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);}
    .hexagon:nth-of-type(4) {grid-area: 2/1/3/span 2;}
    .hexagon:nth-of-type(5) {grid-area: 2/2/3/span 2;}
    @media screen and (max-width: 375px){
        .service_grid {
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            margin: inherit;
        }
        .hexagon:nth-of-type(3) {grid-area: 2/1/3/2;}
        .hexagon:nth-of-type(4) {grid-area: 2/2/3/3;}
        .hexagon:nth-of-type(5) {grid-area: 3/1/4/span 2;}
    }
    /**/
    .bookflex>div{width:96%;margin:2%}
    .navlink{justify-content: center;column-gap: 1rem;}
    .navlink li{font-size:1.05em;}
    .navlink a{margin:1% auto;line-height:40px;padding:1% 5%}
    .mov_box {margin: 0 3% 21px;}
}
/*pad*/
@media (min-width: 768px) and (max-width:1199px) {
    .bgcolor3 {background: #3aced4;}	
    #event h1, #event h2 {font-size: 2.5rem;}
    .transfer_flex{flex-wrap: nowrap;}
    .banner {padding: 0 30px;}
    .transfer:first-child ul li {font-size: 1.6rem;}
    .transfer:first-child ul li:first-child {margin: 0 12% 0 0;}
    .transfer:first-child ul li:first-child:after {right: -18%;top: 23%;}
    .transfer:first-child ul li:first-child:before {width: 50px;right: -15%;}
    .transfer:last-child:before {width: 135px;height: 10px;background: url(../images/0911100_bulb_line.png)no-repeat right bottom;bottom: 4%;right: 48%;}
    .element_list{display: none;}	
    .ibrain_page {width: calc(100%/1);}
    .advtable{width:96%}
    .ibrain_flex{width:100%}
    .service_grid{grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 1fr);}
    .hexagon:nth-of-type(4) {grid-area: 2/1/3/span 2;}
    .hexagon:nth-of-type(5) {grid-area: 2/2/3/span 2;}
    .bookflex>div{width: calc(96%/3);}
}
@media screen and (max-width: 1480px){.book{margin: 1% auto 0;}}
@media(max-width:1200px) {
    article {background:linear-gradient(104deg, #17c5cc 36%, #fff3bf 43%);}	
    #BodyHeader,#noie,#event_menu{display:none}
    .row1200{width:96%}
    .service_grid{width:96%}    
    .service_grid2{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 1rem;}    
    .ibrain_page:nth-of-type(1) dl:nth-of-type(n+1):nth-of-type(-n+2) dt figure{margin: auto;}    
    /*Event_header*/
    #BodyHeader_m{text-align:center;height:auto;margin:2% auto}
    #BodyHeader_m img{clear:both;height:auto;max-width:100%}
    /*Footer*/
    #BodyFooter_rwd{width:100%;background:#FFF;margin:0 auto;padding-top:4%}
    #BodyFooter_rwd a{color:#000}
    #BodyFooter_rwd #footer_inline img{max-width:100%;margin-bottom:2%}
    #BodyFooter_rwd li{font-size:1em;line-height:2em;text-align:center}
    #BodyFooter_rwd #footer_address{padding:3% 0 1%;margin:3% 2% 0;border-top:thin solid #999}
    #BodyFooter_rwd #footer_address li{font-size:.7em}
    /*TOP*/
    #topbutton{width: 100%;
        /* height: 50px; */
        color: #FFF;
        /* border-radius: 50%; */
        background-color: #ffd55c;
        /* opacity: .4; */
        /* right: 0%; */
        bottom: 0%;
        position: fixed;
        line-height: 50px;
        font-size: 1.2em;
        text-align: center;
        z-index: 99;}
    #topbutton a{color: #583f40;
        text-decoration: none;
        /* line-height: 50px; */
        margin: 0 2%;
        border-bottom: 1px #000000 solid;}
}