@media all and (min-width: 1px) and (max-width: 1200px){

    .student_group figure span , .teacher_group figure span{width: 160px;height: 160px;}
    .teacher_group .cell-grid-4, .student_group .cell-grid-4 {width: calc(100% / 2 - 1rem);padding: 5px 15px 15px;}
    .course_flex ul li mark {writing-mode: unset;letter-spacing: unset;}
    .test_pass{flex-direction: row;align-items: center;}
    .student_group div:nth-child(1) figure figcaption, .student_group div:nth-child(2) figure figcaption{margin: auto;}
    .hit_list dt {font-size: 1.8rem;}
    .hit_list dd {width: 85%;font-size: 1.25rem;}
    .hit_list b {padding: 1.05rem .5rem;}
    .course_flex h4 {font-size: 1.6rem;}
    .course_flex ul{padding: 0;}
    .course_name span {line-height: 2rem;}
    .guide_box .course_flex ul li {text-indent: -.5rem;padding: 0 .5rem 0 1.5rem;}
    .guide_box.course_group , .course_group {padding: 2rem 1rem;}
    .service .course_flex ul li{padding: 0 .5rem 0 1rem;}
    button.VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 5%;}
    button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 85%;}
    .schedule-time li:before,.schedule-time li:after {display: none;}
    .examtime {height: auto;display: inline-block;}
    .schedule-time ul {width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    .schedule-time li{margin:.25rem;}
    .schedule-day{margin-top: 1rem;}
    .st-content img {width: 100%;}
    .AD_list {bottom:0rem;top: unset;}

    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie{display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    /* Header */
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
    /*body*/
    #Master_title{display:inline-block;width:98%;padding:1%;}/*主圖位置ID*/
    @media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
    @media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
    #Master_title img{height: auto;width: 100%;}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:2% auto;display:inline-block;width:94%;padding:1% 3%;}
    /* .teacher_group dd{width: calc(100%/1);} */
    /*div section標籤段落*/
    .AD_list{bottom:0;top:auto;font-size:1.1rem;height: max-content;}
    .ytgroup iframe{max-width:100%;width: 32rem;height: 12rem;}
    .student h3 {font-size: 2.1rem;}
    .sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}
    .sm\:col-span-3{grid-column:span 3/span 3}
    .sm\:col-span-4{grid-column:span 4/span 4}
    /* Footer */
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;	border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img{max-width:50%;height:auto;	margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
    /* Footer end */
    
    /*ask*/
    #askarea{background-color:#21b7b3;width: 98%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p{text-align: center;}
    #askarea .asktitle{font-size: 1.25em;color: #FFF;margin: 3%;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist{width: 99%;float: left;margin:3% auto auto 0%;padding-right:1%;font-size: 1rem;color: #FFF;}
    input[name="sContent"]{width:50%;}
    input[type="text"]{	width:99%;}
    SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 7% auto;background-color: #FFF;height:30px;}
    SELECT{width:100%;border: #FFF;	padding: 0.5%;}
    input{border: #FFF;padding: 1%;color:#383838;}
    input[type="submit"],input[type="reset"]{color: #fff;background-color:#f64e62;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    /*ask END*/
    
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
    @media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
    @media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}

@media (min-width:1921px){
    .banner{padding:1% 0 0;}
}

@media screen and (min-width:768px) and (max-width:1200px){
    .banner { padding:13% 0 0;}
    .hit_student .course_name small , .teacher_group figcaption small{display: inline-block;}
}

@media (min-width: 768px) and (max-width: 991px) {
    figure{margin: 10px 6px;}
    .cell-grid-3 {width: calc(100%/2);}
    .teacher_group .cell-grid-3,.teacher_group .cell-grid-4,.cell-grid-4{width: calc(100%/2 - 2px);}
    .course_flex ul {display: block;}
    .item_title {font-size: 2.8rem;}
}

@media(max-width:767px){

    .banner {padding: 15% 0 0 0;}
    figure{margin: 1rem auto .25rem;}
    .ytgroup iframe{max-width:100%;width: 32rem;height: 11rem;}
    .student h3 {font-size: 2rem;}
    .teacher_group_style, .hit_list_style , .schedule-time , .guide_box.course_group , .course_group {padding: .5rem;}
    .teacher_group figure {margin: 1rem auto 0;}
    .student_group figure span, .teacher_group figure span {width: 200px;height: 200px;}
    .teacher_group .cell-grid-3 {padding: 5px 20px 15px;}
    .hit_list dt {font-size: 1.4rem;}
    .hit_list dd {left: 3rem;font-size: 1.05rem;}
    .hit_list b {left: -3.5rem;padding: 1rem .5rem;}
    .cell-grid-6,.cell-grid-4,.cell-grid-3,.teacher_group .cell-grid-4,.teacher_group .cell-grid-3 ,.teacher_group .cell-grid-4, .student_group .cell-grid-4{width:100%;}
    .student_group div:nth-child(3) figure figcaption{margin: auto;}
    .grade_group_flex li, .grade_group1_flex li {width: 100%;padding: 0 5%;font-size: 1.05rem;line-height: 35px;}
    .grade_group_flex  .grade_hit {font-size: 1.5rem;padding: .25rem 0;margin: .5rem auto 0;}
    .item_title {font-size: 2.5rem;} 
    .guide_title {font-size: 1.8rem;text-align: center;}
    .guide_box .course_flex {margin: 10px 0 20px;}
    .course_flex h4 , .app h4 a , .student>header p , .schedule-day{font-size: 1.55rem;}
    .course_flex ul {display: block;margin:7px 0px 7px 0;}
    .copyright {height: auto;}
    .AD_list li {width: calc(100%/4); text-align: center;line-height: 35px;}
    .Vuetabs a {width: calc(100%/2);font-size: 1.5rem;line-height: 38px;margin: 0 0 2%;}
    .hit_content .subject_tabs a , #Vuetabs2 .Vuetabs a{width: calc(100%/3);font-size: 1.5rem;line-height: 38px;margin: 0 0 2%;}
    .subject_tabs a:nth-child(4) ,.subject_tabs a:nth-child(5){width: calc(100%/2);}
    .app .cell-grid-12:nth-child(5) {margin: 0;}
    .grade .item_title .strokeText::after {top: 12%;}

}