body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** modify style code here. :) 航程客製樣式 */
*{font-family: "Microsoft JhengHei";-webkit-text-size-adjust: none;}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100&family=Cormorant+SC&family=Open+Sans&display=swap');
body {
    background: #ffffff!important;
}
p {/* text-align: justify; */}
img{
    display: inline-block;
    max-width: 100%;height: auto;
}
ul li {
    list-style: none;
}
a:hover {
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    /* line-height: 1.5; */
    /*margin: 0;*/
    /*margin-bottom: 0.5rem;*/
}
h1 {
    font-size: 2.4rem;
}
h2 {
    font-size: 2.2rem;
}
h3 {
    font-size: 2.0rem;
}
h4 {
    font-size: 1.8rem;
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1.0rem;
}
@media (max-width: 768px) {
    .m-5 {
        margin: 1.5rem!important;
    }
    .mt-5, .my-5 {
        margin-top: 1.5rem!important;
    }
    .mb-5, .my-5 {
        margin-bottom: 1.5rem!important;
    }
    .p-5 {
        padding: 1.5rem!important;
    }
    .pt-5, .py-5 {
        padding-top: 1.5rem!important;
    }
    .pb-5, .py-5 {
        padding-bottom: 1.5rem!important;
    }
}
@media (max-width: 500px) {
    .m-5 {
        margin: 1rem!important;
    }
    .mt-5, .my-5 {
        margin-top: 1rem!important;
    }
    .mb-5, .my-5 {
        margin-bottom: 1rem!important;
    }
    .p-5 {
        padding: 1rem!important;
    }
    .pt-5, .py-5 {
        padding-top: 1rem!important;
    }
    .pb-5, .py-5 {
        padding-bottom: 1rem!important;
    }
}

.px-30 {padding: 0 30px;}
.h-100vh>.module-container>.main{height: 100vh;}
.h-40vh>.module-container>.main{height: 40vh;}
.h-100vh>.module-container>.main .header-title{display:none;}
.w-1440 {max-width: 1440px;margin: 0px auto;}
@media (max-width:991px){   
    .h-100vh>.module-container>.main{height: inherit;}
}
@media (min-width:1200px) {
    .w-1200 {max-width: 1200px;margin: 0px auto;}
    .w-1000 {max-width: 1000px;}.w-800 {max-width:800px;}
}
@media (max-width:1199px) and (min-width:991px) {
    .w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;margin: 0px auto;}
    .w-1000 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}
}
@media (max-width:991px){
    .w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;margin: 0px auto;}
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.px-30 {padding: 0 30px;}
@media (min-width:1200px) {
    .w-1200 {min-width: 1200px;}
}
@media (max-width:1199px) and (min-width:991px) {
    .w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}
}
@media (min-width:992px){
    .index_style .col-lg-3 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
}
[data-position="center"]{margin-top: 140px;}
@media(max-width:1200px) and (min-width:768px){
    /*[data-position="center"]{margin-top: 109px;}*/
}
@media(max-width:768px){
    [data-position="center"]{margin-top: 50px;}
}


/*header*/
.header_top{
    background:#fff;
    display: none !important;
}
.header_top.study_tour{
    display: block !important;
    background:#fff;
}
.header_top .header-part .navbar-brand{
    height: 50px!important;
    padding:0 0;
    /* margin-top:5px; *//* margin-bottom:5px; */
}
.header_top .header-part .navbar-nav .nav-link{
    line-height:20px;
    font-size:1.1rem;
    margin:0;
    padding-left:15px;
    margin-right:10px;
    display:block;
    font-weight:700;
    letter-spacing:1px;
    position:relative
}
.header_top .header-part .navbar-nav .nav-item:hover .nav-link:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.header_top .header-part{
    padding: 17px 15px;
    /* max-width:1440px; */
    margin:0 auto;
    margin-left:auto;
    position:relative;
    background-color: #FFFFFF;
}
.header_top .header-part .navbar-nav .nav-link i{
    position:relative;
}
.header_top .header-part .navbar-nav .nav-item .nav-link{
    padding: .75rem 1rem;
}
@media (max-width:1200px)and (min-width:992px){
    .header_top .header-part .navbar-brand{
        padding:0 0;
    }
    .header_top .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 1.0rem;
    }
    .header_top .header-part{/* padding:0 15px; */}
}
@media (max-width:768px){
    .header_box{
        background:0 0;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99999;
    }
    .header_top .navbar-brand{
        display:none;
    }
    .header_top .header-part{
        padding: 0px;
        background:none!important;
        display:flex;
        flex-direction:row-reverse;
    }
    .header_top{
        background:#fff;
        position: absolute;
        z-index: 101;
        /* width: 98px; */
        right: 0;
        margin-top: 50px;
    }
    .header_top .header-part .navbar-nav .nav-link{
        padding: 0.75rem 1rem;
        text-align: center;
    }
    .header_top .header-part .navbar-nav .nav-item:nth-last-child(2){
        padding:.75rem 1rem;
        text-align:center;
    }
    .header_top .header-part .navbar-nav .nav-item:nth-last-child(2){
        width:fit-content;
        margin:0 auto;
    }
    .header_top .header-part .navbar-nav .nav-item:nth-last-child(1){
        margin: 0 auto 1rem auto !important;
    }
}

@media (min-width:768px){
    .header_top .header-part .navbar-nav .nav-item{
        animation-duration:1.5s;
        animation-delay:0s;
        animation-name:fadeInUp;
        z-index:9;
    }
    .header_top .header-part .navbar-nav .nav-item:nth-child(1){animation-delay:.1s}
    .header_top .header-part .navbar-nav .nav-item:nth-child(2){animation-delay:.2s}
    .header_top .header-part .navbar-nav .nav-item:nth-child(3){animation-delay:.3s}
    .header_top .header-part .navbar-nav .nav-item:nth-child(4){animation-delay:.4s}
    .header_top .header-part .navbar-nav .nav-item:nth-child(5){animation-delay:.5s}
    .header_top .header-part .navbar-nav .nav-item:nth-child(6){animation-delay:.6s}
    .header_top .header-part .navbar-nav .nav-item:nth-child(7){animation-delay:.7s}
    .header_top .header-part .navbar-nav .nav-item:nth-child(8){animation-delay:.8s}
}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(1){
    background: #60b2e4;
    border-radius: 30px;
    margin-left:15px;
    margin-right: 20px;
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
    margin-left: 10px;
}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(1) .nav-link{
    color: #fff !important;
    background-color:#60b2e4;
}
.header_top .header-part .navbar-nav .nav-item:nth-last-child(1) a.nav-link:hover{
    background-color: #60b2e4;
}
.header_top .header-part .navbar-nav .nav-item:nth-child(4) .nav-link {
    padding: 3px 0;
    margin-left: 10px;
}
.header_top .header-part .navbar-nav .nav-item:nth-child(4) .nav-link > i {
    display: none;
}
.header_nav{
    padding:0;
}
.header_nav:before{
    content:'';
    background:#c1c1c1;
    height:0;
    width:100%;
    position:absolute;
    bottom:0;
    z-index:999;
}
.header_nav .mega-menu .menu-links li:nth-child(1) .list_box:nth-last-child(2) ul{
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
}
.header_nav .mega-menu .menu-links>li>a{
    padding:0 1.25rem;
    padding:0;
    font-size:1rem;
    line-height:30px;
}

@media (min-width:768px){
    .header_nav .mega-menu>section.menu-list-items{
        display:flex;
        justify-content:center;
    }
}

.header_nav .mega-menu .menu-links>li{
    padding: 0rem 2.0vw;
    line-height: 55px;
    height: 55px;
    background: none !important;
    position: relative;
    overflow: visible;
}
.header_nav .mega-menu .menu-links>li>a img{
    max-width:initial!important;
    height:20px;
    float:right;
    margin:30px 2px;
}
.header_nav .mega-menu .menu-links li .list_tag h4{
    line-height:1.8;
    padding:0 5px;
    margin:7px 5px 0 0;
    color:#4976dc!important;
    letter-spacing:1.2px;
    font-weight:600;
}
.header_nav{
    top:0;
}
.header_nav .mega-menu>section.menu-list-items{
    border-top:1px solid #60b2e4;
    border-bottom:1px solid #60b2e4;
}
.header_nav .mega-menu .menu-links li .list_tag li{
    margin-right:5px;
}
.header_nav .mega-menu .menu-links>li>a,.header_nav .mega-menu .menu-links>li>a p{
    font-size:1.25rem;
    text-decoration:unset;
    margin:0;
    font-weight:700;
}
.header_nav .mega-menu .menu-links li .mg-drop-down a{
    font-size:1.1rem;
    text-decoration:unset;
    margin:0;
    padding: 0 !important;
    line-height: 1.8;
}
.header_nav .mega-menu .menu-links>li a img.list_img{
    max-width:100%;
    width:auto;
    margin:20px 0 10px 0;
}
.header_nav .mega-menu .menu-links>li:nth-last-child(1) a p{
    color:#ffeb3b;
}
.header_nav .mega-menu .menu-links>li a:hover p{
    text-decoration:underline;
}
.header_nav .mega-menu .menu-links>li a i{
    padding:3px 5px 3px 1px!important;
    color: #b7b7b7 !important;
}
.header_nav .mega-menu .menu-links li .list_tag a p{
    color:#4976dc!important;
    border:1px solid #4976dc;
    line-height:1.5;
    padding:1px 4px;
    background:#f6f6f6;
    font-size:1rem;
}
.header_nav .mega-menu .menu-links .list_box h4{
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing:1.2px;
    padding-bottom: 7px;
    margin-bottom: .3rem;
    border-bottom: 2px solid #e1f0f9;
    width: 100%;
}
.header_nav .mega-menu .mg-drop-down{
    padding:0;
}
.header_nav .mega-menu .menu-links li .list_onlyimg{
    display:flex;
    flex-direction:column;
}
.header_nav .mega-menu .menu-links li .list_onlyimg h4{
    text-align:center;
    order:2;
    font-size:1em;
    line-height:1.25;
    padding-top:0;
    margin-bottom:.8em;
    font-weight:400;
    color:#8c783c;
}
.header_nav .mega-menu .menu-links li .list_onlyimg a p{
    text-align:center!important;
    width:100%;
    font-size:1em;
    line-height:1.25;
    padding-top:1em;
    margin-bottom:.5em;
    font-weight:700;
}
@media (min-width:768px){
    .header_nav .mega-menu .menu-logo{
        display:none;
    }
    .header_nav .mega-menu .menu-logo>li>a{
        padding:10px 0;
    }
    .header_nav .mega-menu .menu-logo>li>a img{
        width:260px;
        height:100%;
        position:relative;
        top:auto;
        left:auto;
    }
    .gizle .header_nav .mega-menu .menu-logo>li>a img{
        top:2px;
        width:66%;
        transition:all .35s ease;
    }
    .header_nav .megamenu_box{
        position:relative;
        padding:10px 20px;
        width: auto;
        /* flex-direction: column; */
        /* display: flex;*/
        /* margin-left: -15px; */
        /* margin-right: -15px; */
        background: #fff;
        border-radius: 0 0 25px 25px;
        box-shadow: 3px 2px 5px 0px #616161a8;
    }
    .header_nav li:nth-child(3) .megamenu_box{
        max-width:1440px;
        background:#fff;
    }
    .header_nav .mega-menu .menu-links>li:hover a{
        color: #60b2e4 !important;
    }
    .header_nav .mega-menu .menu-links li .list_box{
        -ms-flex: 0 0 50%;
        /* flex: 0 0 50%; */
        /* max-width: 50%; */
        margin: 0;
    }
    .header_nav .mega-menu .mg-drop-down .list_box ul{
        text-align:center;
        margin: .5rem 0;
    }
    .header_nav .mega-menu li:nth-child(3) .mg-drop-down .list_box ul{
        text-align:left;
    }
    .header_nav .mega-menu .menu-links li .list_box ul li{
        display: flex;
        margin: 2px 30px 2px 0;
        text-align:left;
    }
    .header_nav .mega-menu .menu-links li .list_tag{
        order:3;
        margin:0;
        left:0;
        bottom:0;
        margin-top:10px;
    }
}
@media (min-width:991px){
    .header_nav .mega-menu .menu-links li .list_box{
        -ms-flex:0 0 33%;
        /* flex:0 0 33%; *//*max-width:33%; */
    }
}
@media (min-width:1200px){
    .header_nav .mega-menu .menu-links li:nth-child(1) .list_box{
        /* padding:0 19px; *//* margin:0;*/
        margin-bottom:0;
        -ms-flex:0 0 25%;
    }
    .header_nav .mega-menu .menu-links li:nth-child(1) .list_box{}
}
@media (min-width:1300px){
    .header_nav .mega-menu .menu-links li .list_box{
        padding: 0 0px;
        margin-top:30px;
        -ms-flex:0 0 220px;
        margin:0 auto;
        width:100%;
    }
}
@media (max-width:768px){
    .header_nav{
        position:fixed;
        /* z-index: 100000; */
    }
    .header_nav .mega-menu .menu-logo>li>a{
        margin-top:10px;
        margin-bottom:10px;
    }
    .header_nav .mega-menu .menu-logo>li>a{
        background-color: #fff0 !important;
        width:150px;
        left: calc(50% - 75px);
    }
    .header_nav .mega-menu .menu-logo>li>a img{
        width:150px;
        height:36px;
        margin:0;
        left:0;
    }
    .header_nav .mega-menu .menu-mobile-collapse-trigger{
        z-index:99999999;
    }
    .header_nav .mega-menu .mg-drop-down{
        padding:0;
        background: #e1f0f9 !important;
    }
    .header_nav .mega-menu .menu-links>li:hover>a:after{
        display:none;
    }
    .header_nav .mega-menu .menu-links>li>a img{
        margin:0 5px;
        float:right;
    }
    .header_nav .mega-menu .menu-links li .list_onlyimg{
        margin: 0 auto;
        float: none;
        align-items: center;
        padding:0px;
        border-bottom: 1px solid #eeebe9;
    }
    .header_nav .mega-menu .menu-links li .list_onlyimg img{
        display:none;
    }
}
@media(max-width:1200px){
    .header_nav .mega-menu .menu-links>li{/* padding: 0.7rem 2.0vw; */}
}
@media(max-width:991px) and (min-width:768px){
    .header_nav .mega-menu .menu-links>li>a{
        padding:0 .5rem 0 1rem;
    }
}
@media (max-width:991px){
    .header_nav .mega-menu .menu-links>li>a{
        /* line-height:70px; */
        padding:0 1.5rem;
        font-size:1.25em;
    }
    .header_nav .mega-menu .menu-links>li{/* padding: 0.7rem 1vw; */}
}
@media(min-width:768px){
    body .header{
        position:fixed;
        width:100%;
        top:0;
        z-index:100;
    }
    .header_nav .mega-menu .menu-links{
        /* max-width:1440px; *//* padding: 0px 20px; *//* float:right; */
    }
    .header_nav .mega-menu .menu-links li{
        position:relative;
    }
    .header_nav .mega-menu .menu-links li.main-hover:after{
        content:'';
        width: 3px;
        height: 24px;
        position: absolute;
        right:0;
        z-index: 0;
        top: 50%;
        transform: translate(0 ,-50%);
        background:url(https://materials.fillo.com.tw/materials/waypoint/images/dfcab553-adeb-4a11-80e3-aff936ae368e.png);
        background-size:100%;
        background-repeat: no-repeat;
    }
    .header_nav .mega-menu .menu-links li.main-hover:nth-last-child(1):after{
        display: none;
    }
    .header_nav .mega-menu .menu-links>li>a i{
        position:absolute;
        bottom:0;
        text-align:center;
        left:46%;
        right:46%;
        bottom:10px;
        display:none!important;
    }
    .header_nav .mega-menu .mg-drop-down{
        /* display:flex!important; *//* flex-direction: column; *//* left:0!important; *//*flex-wrap: nowrap; */
        overflow: visible;
        padding: 0;
        width: 100%;
        min-width: 480px;
        display: flex;
        overflow: visible;
    }
    .header_nav .mega-menu .menu-links li .mg-drop-down{
        display: flex !important;
        overflow: visible;
        border-radius: 0 0 25px 25px;
        background: none !important;
    }
}
@media screen and (max-width:767px){
    .header_nav .mega-menu .menu-mobile-collapse-trigger{
        z-index:99999999;
        height:50px;
        width:50px;
        background: none;
    }
    .header_nav .mega-menu .menu-mobile-collapse-trigger:hover{
        background: none;
    }
    .header_nav .mega-menu .menu-mobile-collapse-trigger span, 
    .header_nav .mega-menu .menu-mobile-collapse-trigger:after, 
    .header_nav .mega-menu .menu-mobile-collapse-trigger:before{
        height:2px;
        width:30px;
        background: #60b2e4;
    }
    .header_nav .mega-menu .menu-mobile-collapse-trigger.active:before{
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg);
        width:36px;
        top:11px;
        left:11px;
    }
    .header_nav .mega-menu .menu-mobile-collapse-trigger.active:after{
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
        top:36px;
        width:36px;
        left:10px;
    }
    .header_nav .mega-menu>section.menu-list-items{
        background: #ffffff !important;
        padding: 0 15px;
        border-top: 0;
    }
}
@media (max-width:991px){
    .header_nav{
        padding:0;
    }
    .header_nav .mega-menu .menu-links>li>a{
        padding: 0;
    }
    .header_nav .mega-menu .menu-links>li:nth-last-child(1){
        /* margin-right:0; */
    }
    .header_nav .mega-menu .menu-links{
        /* flex-direction:row; *//* max-height:100vh!important; *//* display: flex!important; *//* justify-content: center; */
    }
}
.widget-item.title{
    margin:6rem 0 1rem 0;
}
.widget-item.title .main{
    padding-left:15px;
    padding-right:15px;
}
@media (max-width:768px){
    .widget-item.title{
        margin:3rem 0 .5rem 0;
    }
    .header_nav .mega-menu .menu-links>li>a{
        padding: .25rem;
        color: #60b2e4 !important;
        font-size: 1.0em;
        line-height:55px;
        height: 55px;
    }
    .header_nav .mega-menu .menu-links>li a img.list_img{
        margin:0 0 10px 0;
    }
    .header_nav .mega-menu .menu-links>li{
        padding:0;
        /* border-bottom: 1px solid #bcbcbc; *//* padding: 0.5rem 1vw; */
    }
    .header_nav .mega-menu .menu-links>li>a:before{
        content: "-";
        padding-right: 0.6rem;
    }
    .header_nav .mega-menu .menu-links>li:nth-last-child(1){
        border:none;
        /* padding-bottom: 8vh; */
    }
    .header_nav .mega-menu .menu-links>li.activeTriggerMobile{
        background-color:#153075;
        color:#fff;
    }
    .header_nav .mega-menu .menu-links>li:hover{
        color:#fff;
        background: #eeebe9;
        line-height: 1.0;
        height: auto;
    }
    .header_nav .mega-menu .menu-links>li.activeTriggerMobile a{
        color: #000000 !important;
    }
    .header_nav .mega-menu .menu-links li .list_box{
        padding: 4px 0px;
    }
    .header_nav .mega-menu .menu-links li .list_box ul li{
        display:inline-flex;
        padding:0;
        margin: 0px 5px;
    }
    .header_nav .mega-menu .menu-links .list_box h4{
        margin-bottom: .3em;
        text-align:center;
        width:100%;
        background:#cbe2ef;
        padding:5px;
    }
    .header_nav .mega-menu .mg-drop-down ul{
        margin:0;
    }
    .header_nav .mega-menu .menu-links>li>a i.fa{
        font-size: 1.5rem!important;
    }
    .header_nav .mega-menu .menu-links>li.activeTriggerMobile>a i.fa {
        transform: rotate(180deg);
        transition: 0.1s;
    }
    .header_nav .mega-menu>section.menu-list-items .menu-links:before{
        content:"旅遊主選單";
        position:relative;
        padding: 6px;
        width:100%;
        background:#ff86bb;
        color: #ffffff;
        position:relative;
        cursor:pointer;
        line-height:normal;
        display:block;
        /* font-size:1.25rem; *//*font-weight:700; */
        text-align: center;
        display: none;
    }
}
@media(max-width:1200px) and (min-width:768px){
    .header_nav .mega-menu .menu-links>li>a{
        font-size: 1.0em;
    }
    .header_nav .mega-menu .menu-logo{
        padding:0 0 0 15px;
    }
    .header_nav .mega-menu .menu-links{/* float:right; */}
    .header_nav .mega-menu .menu-logo>li>a img{
        width:210px;
    }
    .gizle{
        top:0!important;
    }
    .gizle .header_nav .mega-menu .menu-logo>li>a img{
        width:120px;
        top:0;
    }
    .gizle .header_nav{
        padding:0 15px 0 15px;
    }
    .header_nav .mega-menu .menu-links>li>a img{
        margin:24px 2px;
    }
}

/*menu_btn*/
@media (min-width: 768px){
    .header_nav .mega-menu .menu-links > li:nth-last-child(1) {/* display: none; */}
}
@media (max-width: 767px){
    .header_nav .mega-menu .menu-links>li:nth-last-child(1)>a{/* display: none; */}
    .header_nav .mega-menu .menu-links{
        max-height:100vh!important;
        /* background:rgb(255 255 255 / .95);*/
        height:100vh;
        padding: 30px 15px 10px 15px;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) div.mg-drop-down.col-12{
        display:block!important;
        background: none !important;
        padding: 0;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) div.mg-drop-down.col-12 .list_tag{
        padding: 0;
    }
    .header_nav .mega-menu .menu-links li .list_box{
        padding: 0;
        margin: 0;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag ul{
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:center;
        align-items:stretch;
        align-content:stretch;
        margin-top: 10px;
        float: none;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag li{
        margin: 0px;
        border-right: 1px solid #000000;
        padding: 0 15px;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag li a{        
        padding: 0;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag li:nth-last-child(1) {
        border: 0;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box ul{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width: 100%;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li{
        border: 1px solid #eb6ea5;
        border-radius: 6px;
        margin-bottom: 15px;
        margin-right:0;
        text-align:center;
        margin-top: 0px;
        margin: 4px 0px;
        /* background: #ffffff; */
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li:nth-child(1){
        -ms-flex: 0 0 99%;
        flex: 0 0 99%;
        max-width: 99%;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li:nth-child(2){
        -ms-flex: 0 0 48.5%;
        flex: 0 0 48.5%;
        max-width: 48.5%;
        margin-right: 2%;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li a{
        text-align:center;
        display: inline-block;
        color: #000000!important;
        padding: 10px 0;
        font-size: 1.0rem;
        letter-spacing: 1.0px;
        /* line-height: 1.8; */
        vertical-align: middle;
        text-align: center;
        display: table;
        margin: 0 auto;
        width: 100%;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li a i{
        color:#073462!important;
        font-size:17px;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li:nth-child(3){
        -ms-flex: 0 0 48.5%;
        flex: 0 0 48.5%;
        max-width: 48.5%;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_box li a p{
        color: #eb6ea5!important;
        font-weight: bold;
        font-size: 1.1em;
        text-align: center;
    }
    .header_nav .mega-menu .menu-links>li:nth-last-child(2){
        border-bottom:none;
        /* margin-bottom: 5vh; */
    }
    .header_nav .mega-menu .menu-links>li:nth-last-child(2) a{/* display: none; */}
    .header_nav .mega-menu .menu-links>li:hover{
        background:0 0;
    }
    .header-part .navbar-toggler{
        /* display:none!important; *//* background: #60b2e4; */
        position: absolute;
        top: -45px;
    }
    .header_nav .mega-menu .menu-mobile-collapse-trigger{
        left: 5px;top: 1px;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .mg-drop-down:before{
        content:'';
        position:absolute;
        top:0;
        z-index:1;
        width:100%;
        height:1px;
        background:#aaa;
        display: none;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag a p {
        color: #3b1414 !important;
        border: none;
        background: none;
    }
    .header_nav .mega-menu .menu-links li:nth-last-child(1) .list_tag:nth-child(3) li {
        border: none;
    }
}
/*end_header*/

.footer_box{
    /* margin-top:130px; */
    position:relative;
    display: none !important;
}
.footer_box.study_tour{
    display: block !important;
}
.footer_info .footer-wrap .footer_nav li a{
    padding:15px 20px;
    font-size:1.1rem;
    font-weight:700;
}
.footer_info .footer-wrap{
    background:#eeebe9;
    background:0 0;
    background-size:cover;
}
.footer_info .footer-wrap .footer_center{
    background:0 0;
}
.footer_info .footer-wrap .fnav_wrap{
    display:none;
}
.footer_info .footer-wrap .footer_center{
    width:100%;
    padding-bottom:0;
}
.footer_info .footer-wrap .info-text{
    position:absolute;
    bottom:10px;
}
.footer_info .footer-wrap .info_box h3{
    font-size:1.5em;
    letter-spacing:.1rem;
    position:relative;
    margin:15px 0 8px 0;
    font-weight:400;
}
.footer_info .footer-wrap .info_box p{
    font-size:1rem;
    letter-spacing:.1rem;
    margin-bottom:.5rem;
    font-family:'Noto SansTC',sans-serif!important;
    color:#fff;
}
.footer_info .company-info .info-text p:nth-child(2), 
.footer_info .company-info .info-text p:nth-child(3){
    display:inline-block;
    position:relative;
    padding-right:20px;
}
.footer_info .footer-wrap .contact-box h4{
    color:#fff;
    line-height:28px;
    padding-left:44px;
    padding-left:0;
    font-size:1.15rem;
    font-family: 'Noto sans TC', sans-serif !important;
    font-weight: normal;
}
.footer_info .fb-info{
    margin-top:0!important;
    position:relative;
    background:rgb(96 178 228);
    padding-top:3rem;
    padding-right:8.333333%;
    padding-left:6rem;
    -ms-flex:0 0 25%;
    flex:0 0 33.333%;
    max-width:33.333%;
}
.study_tour .footer_info .fb-info{
    display: none;
}
.footer-wrap .footer_sbox{
    display:none;
}
.footer_info .fb-info:before{
    content:'';
    position:absolute;
    width:100%;
}
.footer_info .company-info{
    margin-top:4rem!important;
    -ms-flex:0 0 28.333%;
    flex:0 0 28.333%;
    max-width:28.333%;
    margin-left:5%;
}
.footer_info .footer-wrap .contact-info{
    padding-bottom:0;
    margin-top:0!important;    
    -ms-flex:0 0 50%;
    flex:0 0 33.333%;
    max-width:33.333%;
    background:#60b2e4;
    border-radius:60px 0 0 0;
}
.study_tour .footer_info .footer-wrap .contact-info{
    flex:0 0 66.666%;
    max-width:66.666%;
}
.footer_info .footer-wrap .icon_wrap{
    display:none;
}
.footer_info .footer-wrap .icon_wrap p{
    font-size:1rem;
    display:flex;
    align-items:center;
}
.footer_info .footer-wrap .icon_wrap ul.footer_bticon{
    margin:0;
    -ms-flex:0 0 25%;
    display:inline-block;
    position:revert;
}
.footer_info .footer-wrap .footer_bticon li a img{
    width:auto;
    padding:10px 5px;
}
.footer_info .footer-wrap .footer_bticon li a:hover img{
    opacity:.7;
}
.footer_info .footer-wrap .contact-box h2{
    margin-bottom:1rem;
    padding-bottom:.5rem;
    font-size:1.25em;
    font-weight:400;
    letter-spacing:.15rem;
    font-family:'PlayfairDisplay',sans-serif!important;
    position:relative;
    display:none;
}
.study_tour .footer_info .footer-wrap .contact-box h2{
    display: block;
    font-weight: 700;
    font-family: 'Noto sans TC', sans-serif !important;
    margin-bottom: 0;
    margin-top: 0.5rem;
}
.footer_info .footer-wrap .contact-box a{
    display:flex;
    position:relative;
}
.footer_info .footer-wrap .contact-info a i{
    position:relative;
    margin-right:0;
    padding:0;
    color:#fff;
}
.footer_info .footer-wrap .contact-info a h4 i:before{
    content:'：';
    font-weight:700;
}
.footer_info .footer-wrap .contact-info a h4:before{
    content:'';
    width:65px;
    display:inline-block;
    text-align:justify;
    font-weight:700;
    letter-spacing: 0.15rem;
}
.study_tour .footer_info .footer-wrap .contact-info a h4:before{
    width: 85px;
}
.footer_info .footer-wrap .contact-info .contact-box:nth-child(1) a:nth-child(2) h4:before{
    content:'地　址';
}
.footer_info .footer-wrap .contact-info .contact-box:nth-child(1) a:nth-child(3) h4:before{
    content:'電　話';
}
.footer_info .footer-wrap .contact-box:nth-last-child(1) p a svg{
    fill:#005519!important;
}
.footer_info .footer-wrap .contact-info .contact-box:nth-child(2) h2{
    display: none;
}
.footer_info .footer-wrap .contact-info .contact-box:nth-child(2) a:nth-child(2) h4:before{
    content:'代 表 人';
}
.footer_info .footer-wrap .contact-info .contact-box:nth-child(2) a:nth-child(3) h4:before{
    content:'聯 絡 人';
}
.footer_info .footer-wrap .contact-info .contact-box:nth-child(2) a:nth-child(4) h4:before{
    content:'統一編號';
}
.footer_info .footer-wrap .contact-box p a{
    border:none;
    font-size: 1.0rem;
    padding:8px 0;
    display:table;
    transition:unset;
    display:initial;
    height:auto;
    line-height:1.5rem;
    color:#fff;
    font-family: 'Noto sans TC', sans-serif !important;
    font-weight: normal;
}
.footer_info .footer-wrap .contact-box p a svg{
    width:20px;
    fill:#e5007f!important;
}
.footer_info .footer-wrap .contact-box p a:hover{
    background:0 0!important;
    font-size: 1.0rem;
}
.footer_info .footer-wrap .contact-box:nth-child(3) p:nth-child(2) a:hover{
    border-bottom:3px solid #00000000;
}
.footer_info .footer-wrap .contact-box p a::after{
    display:none;
}
.footer_info .footer-wrap .contact-box p img{
    width:20px;
}
.footer_info .footer-wrap .contact-box{
    padding: 0 15px 0 70px;
    margin-top:3rem;
    margin-bottom: 3rem !important;
}
.footer_info .footer-wrap .fb-box a{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
    margin-bottom:.5rem;
    padding:10px;
}
.footer_info .footer-wrap .fb-box a .tooltiptext{
    visibility:initial;
    margin:0;
    bottom:unset;
    left:unset;
    position:relative;
    background:no-repeat;
    font-size:1.15rem;
    font-weight: bold;
}
.footer_info .footer-wrap .fb-box a .tooltiptext::after{
    display:none;
}
.footer_info .footer-wrap .fb-box a img{
    max-width:50px;
    display:none;
}
.footer_info .footer-wrap .footer_sbox a img{
    height:auto;
}
.footer-wrap .info_box a img{
    margin-bottom:1.5rem;
}
.study_tour .footer-wrap .info_box a img{
    filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.3));
}
@media(max-width:1200px){
    .footer_info .company-info{
        margin-left: 0 !important;
    }
    .footer_info .company-info .info-text{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
    }
    .study_tour .footer_box.study_tour .main.row{
        background-size: cover !important;
    }
    .study_tour .footer_info .footer-wrap .contact-info {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .study_tour .footer-wrap .info_box a img{
        margin-bottom: 4rem;
    }
    .study_tour .footer-wrap .company-info .info_box{
        justify-content: center;
    }
    .study_tour .footer-wrap .info_box a{
        margin-left: 0;
    }
    .study_tour .footer_info .footer-wrap .info_box p{
        text-align: center;
    }
}
@media (min-width:992px) and (max-width:1199px){    
    .footer_info .company-info{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        margin-left:0;
    }
}
@media (min-width:992px){
    .footer_info .footer-wrap .contact-info a:nth-child(4){
        padding-bottom:2rem!important;
    }
    .study_tour .footer_info .footer-wrap .contact-info a:nth-child(4){
        padding-bottom:0rem!important;
    }
}
@media(max-width:991px){
    .footer_info .company-info{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        margin-top: 2rem !important;
        text-align:left!important;
    }
    .footer_info .company-info .info-text{
        text-align:center;
    }
    .footer_info .footer-wrap .contact-info{
        -ms-flex:0 0 100%!important;
        flex:0 0 100%!important;
        max-width:100%!important;
        margin-top:0!important;
        margin-bottom:0!important;
        flex-direction:column;
    }
    .footer-wrap .contact-box{
        -ms-flex:0 0 100%!important;
        max-width:100%!important;
        margin-top:0!important;
    }
    .footer-wrap .contact-box:nth-child(1){
        padding:0;
    }
    .footer-wrap .contact-box:nth-child(2){
        padding:0;
        display:flex;
        margin-bottom: 3rem !important;
        flex-wrap: wrap;
    }
    .footer-wrap .contact-box:nth-child(2) p{
        text-align:center;
        width:auto;
    }
    .footer-wrap .contact-box:nth-child(2) h4{
        padding:0;
        padding-left:10px;
    }
    .footer-wrap .contact-box:nth-child(3){
        padding:0;
    }
    .footer-wrap .contact-box:nth-child(3) p:nth-child(2){
        width:100%;
        text-decoration:none;
    }
    .footer_info .footer-wrap .footer_sbox{
        margin-bottom:10px;
        margin-top:10px;
    }
    .footer_info .footer-wrap .footer_center{
        padding-bottom:0;
        padding: 0 !important;
    }
    .footer_info .footer-wrap .info_box p{
        font-size:1rem;
    }
    .footer_info .footer-wrap .info_box h3{
        font-size:1rem;
        letter-spacing:.1rem;
    }
    .footer_info .footer-wrap .contact-box:nth-child(1){
        margin-bottom: 0 !important;
    }
    .study_tour .footer_info .footer-wrap .contact-box h2{
        padding-left: 36px;
        margin-top: 3rem;
    }
    .footer_info .footer-wrap .contact-box a{
        width: 100%;
    }
    .footer_info .footer-wrap .contact-box h4{
        font-size:1rem;
        letter-spacing:.1rem;
    }
    .footer_info .footer-wrap .contact-box:nth-child(1) h4, 
    .footer_info .footer-wrap .contact-box:nth-child(2) h4{
        padding-left:36px;
        word-break:break-all;
    }
    .study_tour .footer_info .footer-wrap .contact-info a h4:before {
        width: 78px;
    }
    .footer_info .footer-wrap .contact-box p{
        margin:6px 0 6px;
    }
    .footer_info .footer-wrap .fb-box a{
        -ms-flex:0 0 50px!important;
        flex:0 0 50px!important;
        max-width:50px!important;
        margin-bottom:.5rem;
    }
    .footer_info .fb-info{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        margin-top:0!important;
    }
    .footer_info .fb-info .row{
        margin:0 auto;
        width:100%;
        margin:0 auto;
        text-align:center;
        max-width:150px;
    }
}
@media(max-width:767px){
    .footer_box{
        margin-top:0px;
    }
    .footer_box .module-container .row{
        /*background: none !important;*/
    }
    .study_tour .footer-wrap .info_box a{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer_info .footer-wrap .contact-box h2{
        margin-bottom:.5rem;
        margin-top:1.5rem;
        display:none;
    }
    .footer_info .footer-wrap .footer_center{
        margin-top: 1.5rem;
    }
    .footer_info .footer-wrap .fnav_wrap .footer_nav{
        display:none;
    }
    .footer_info .footer-wrap .footer_nav li a{
        padding:5px 5px;
    }
    .footer-wrap .info_box a{
        margin:0 auto;
        text-align:center!important;
    }
    .footer-wrap .info_box a img{
        width:220px;
    }
    .footer_info .footer-wrap .contact-box p a{
        font-size: .9rem;
        letter-spacing:0;
        padding:0 10px 0 30px;
    }
    .footer_info .footer-wrap .contact-box:nth-child(1) p:nth-child(2) a{
        padding:4px 20px 4px 30px;
    }
    .footer_info .footer-wrap .icon_wrap p{
        font-size:.9rem;
        color:#8e8e8e!important;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
    }
    .footer_info .footer-wrap .icon_wrap{
        flex-direction:column;
        padding:6px;
    }
    .footer_info .footer-wrap .icon_wrap ul.footer_bticon{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        margin-top:10px;
        display:none;
    }
    .footer_info .contact-info .contact-box:nth-child(2) h2{
        display:none;
    }
    .footer_info .footer-wrap .footer_sbox{
        margin:0;
    }
    .study_tour .footer_info .footer-wrap .contact-box h2{
        padding-left: 30px;
        margin-top: 1.5rem;
    }
    .footer_info .footer-wrap .contact-box:nth-child(1) h4, 
    .footer_info .footer-wrap .contact-box:nth-child(2) h4{
        padding-left:10px;
        word-break:break-all;
        font-size:1rem;
        padding:0px 10px 0 30px;
        margin: 5px 0;
    }
    .footer_info .footer-wrap .fnav_wrap{
        border:none;
    }
    .footer-wrap .contact-box:nth-child(2){
        display:flex;
        flex-direction:column;
        margin-bottom: 0rem !important;
    }
    .footer_info .contact-info .contact-box:nth-child(1){
        margin:0!important;
    }
    .footer_info .company-info{
        /*display:none;*/
    }
    .footer_info .fb-info{
        display:none;
    }
    .footer_info .footer-wrap .contact-info{
        padding-bottom: 60px;
        padding-top: 30px;
    }
}
@media (max-width:430px) {
    .study_tour .footer_info .footer-wrap .footer_center{
        margin-top: 0;
    }
    .study_tour .footer_info .footer-wrap .contact-box h2{
        padding-left: 15px;
        margin-top: 1rem;
    }
    .study_tour .footer_info .footer-wrap .contact-box:nth-child(1) h4, 
    .study_tour .footer_info .footer-wrap .contact-box:nth-child(2) h4{
        padding: 0px 10px 0 15px;
        letter-spacing: 0.05rem;
    }
    .study_tour .footer_info .footer-wrap .contact-info a h4:before{
        letter-spacing: 0.1rem;
        width: 71px;
    }
    .study_tour .footer_info .footer-wrap .contact-info a i{
        width: 19px;
    }
}

.D_products_group_detail .fixed_side .side_box, .product-details .fixed_side .side_box {
    display:none !important;
}
.fixed_side .side_bar{
    border-radius:10px 0 0 10px;
    padding:0;
    background:0 0!important;
    box-shadow:none;
}
.fixed_side .side_box {
    bottom: 350px;
    z-index: 100;
}
.fixed_side .side_bar li{
    border-bottom:none;
    padding:5px 0;
}
.fixed_side .side_bar li a p{
    font-size:1.1rem;
    /* margin: 0; */
}
.fixed_side .actGotop{
    bottom: 300px;
    z-index: 300 !important;
    width: 50px;
    height: 50px;
    right: 20px;
}
.fixed_side .actGotop a, 
.fixed_side .actGotop a:link{
    border-radius:50px;
    width:50px;
    height:50px;
}
.fixed_side .module-container .main .row .actGotop a{
    background: none !important;
}
.fixed_side .actGotop a i{
    font-size:1.5rem;
    width:50px;
    height:50px;
}
.fixed_side .actGotop a i:before{
    content: '';
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/e68bf6d6-c285-43e5-8419-d0f6cbb29672.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: 100%;
}
.fixed_side .actGotop a i:after{
    content: 'TOP';
    display: block;
    color: #f3972c;
    font-size: 14px;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 15px);
    font-weight: bold;
    letter-spacing: 0.5px;
}
@media (max-width:550px){
    .fixed_side .side_bar{
        position:fixed;
        bottom:0;
        left:0;
        display:flex;
        flex-direction:row;
        width:100%;
        flex-wrap:wrap;
        justify-content:center;
        background:#60b2e4 !important;
        margin:0;
        border-radius:0;
    }
    .fixed_side .side_bar li{
        padding: 3px 12px;
    }
    .fixed_side .side_bar li a img{
        width:36px;
    }
    .fixed_side .side_bar li a p{
        margin: 0;
    }
    .fixed_side .actGotop{
        bottom:80px;   
        right: 8px;
    }
}

/*index*/
.study_slogan_wrap{
    margin-top: 1rem;
    z-index: 5;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.study_slider_box::before{
    content: '';
    display: block;
    width: 220px;
    height: 220px;
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/49d6f4c5-1b67-4997-aaf0-bf6416fb08ce.svg);
    background-size: 100%;
    position: absolute;
    bottom: 10px;
    right: -80px;
    z-index: 9;
    animation: spin 10s linear infinite;
}
.study_slider_box::after{
    content: '';
    display: block;
    width: 220px;
    height: 220px;
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/0a5f30ba-7a63-4a2c-bbd9-95645b681c73.svg);
    background-size: 100%;
    position: absolute;
    bottom: 10px;
    right: -80px;
    z-index: 9;
}
.study_slider_box .module-container, 
.study_slider_box .main, 
.study_slider_box .main > div:nth-last-child(1), 
.study_slider_box .bs-carousel, 
.study_slider_box .carousel-inner, 
.study_slider_box .carousel-fade .carousel-item, 
.study_slider_box .carousel-fade .carousel-item picture{
    height: 100%;
}
.study_slider_box .bs-carousel{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 350px;
}
.study_slider_box .carousel-fade .carousel-item picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.study_slider_box .carousel-indicators{
    z-index: 10;
    padding: 30px 30px;
    margin: 0;
    bottom: 0;
    justify-content: flex-start;
}
.study_slider_box .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    overflow: hidden;
    opacity: 1;
    margin: 1px;
    background-color: #ffffff;
    border: 10px solid transparent;
}
.study_slider_box .carousel-indicators li.active {
    background-color: #60b2e4;
}
.study_slider_box .carousel-control-next-icon, 
.study_slider_box .carousel-control-prev-icon{
    width: 35px;
    height: 35px;
}
.study_slider_box .carousel-control-prev-icon {
    background-image: url(https://materials.fillo.com.tw/materials/bigeagle/images/642faeb1-e3ea-4b3b-b67f-a5df4a860c06.svg);
}
.study_slider_box .carousel-control-next-icon {
    background-image: url(https://materials.fillo.com.tw/materials/bigeagle/images/68e04996-2c59-46de-a14b-eeabe33c0c9a.svg);
}
.study_slogan_box{
    padding: 4rem 100px 3rem 5rem;
}
.study_slogan_box h2{
    font-size: 45px;
    line-height: 1.6;
    margin-bottom: 4rem;
}
.study_slogan_box h4{
    font-size: 24px;
    line-height: 2;
    color: #000;
}
.study_explore_wrap{
    padding-top: 240px;
    padding-bottom: 185px;
    margin-top: -170px;
    background: linear-gradient(0deg, #e1f0f9 55%, #63b4e2 85%) !important;
}
.study_explore_wrap::before{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/abd2e6e1-52eb-4fb4-a82e-16c561f5a4fe.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.study_explore_wrap::after{
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/a1566bb0-affe-4895-947d-6262ba9326a5.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.study_title_style h1 {
    font-size: 2.8rem;
    margin-bottom: 1rem;
    font-family: "Noto Sans TC",sans-serif!important;
    letter-spacing: .75rem;
    margin: 1.5rem 0 .5rem 0
}
.study_title_style h2 {
    margin-bottom: 1rem;
    font-family: "Noto Sans TC",sans-serif!important;
    letter-spacing: .5rem;
    margin: 1.5rem 0 .5rem 0
}
.study_title_style h3 {
    margin-bottom: 1rem;
    font-family: "Noto Sans TC",sans-serif!important;
    letter-spacing: .5rem;
    margin: 2rem 0 .5rem 0;
    font-weight: 700
}
.study_title_style h4 {
    margin-bottom: 1rem;
    font-family: "Noto Sans TC",sans-serif!important;
    letter-spacing: .25rem
}
.study_title_style h5 {
    letter-spacing: .2rem;
    font-size: 1.25rem;
    font-weight: 700
}
.study_title_style ul li {
    list-style: disc
}
.study_title_style p {
    margin-bottom: 1rem;
    letter-spacing: .15rem;
    font-weight: 600;
    font-size: 2.4rem
}
.study_title_style p.deco span {
    font-family: "Noto Sans TC",sans-serif!important
}
.study_title_style p.deco {
    position: relative;
    margin-bottom: 2rem;
}
.study_title_style p.deco:after {
    content: '';
    width: 43px;
    height: 5px;
    position: absolute;
    bottom: -21px;
    z-index: 0;
    left: 50%;
    transform: translate(-50% ,0);
    background: url(https://materials.fillo.com.tw/materials/waypoint/images/c7cc1183-e908-43d6-be4a-759effc66e80.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.study_title_style img {
    max-width: 100%!important
}
.study_title_style .vertical_line {
    width: 2px;
    height: 60px;
    background: #555;
    display: block;
    text-align: center;
    position: relative;
    transform: translate(-50%,0);
    left: 50%
}
@media (max-width: 768px) {
    .study_title_style {
        padding: 0 2rem .5rem 2rem !important;
        margin-top: 2rem !important;
    }
    .study_title_style h1 {
        font-size: 2rem
    }
    .study_title_style h3 {
        font-size: 1.5rem;
        letter-spacing: .3rem
    }
    .study_title_style h5 {
        font-size: 1rem
    }
    .study_title_style p.deco {
        font-size: 1.8rem;
    }
}
.study_title_style.left p.deco:after {
    left: 3px;
    transform: translate(0%, 0);
}
.study_explore_wrap .study_title_style {
    padding-left: calc(12.5% + 30px);
    padding-top: 8rem;
    padding-right: 30px;
}
.study_school_box .swiper-slide-style{
    box-shadow: none;
    border-radius: 15px;
    border: 1px solid #a8d4ed;
    height: auto;
    position: relative;
    padding-bottom: 65px;
}
.study_school_box .swiper-slide-style::before{
    content: 'more';
    display: block;
    padding: 8px 52px 12px 23px;
    background-color: #e1f0f9;
    border-radius: 50px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 20px;
    color: #000;
    line-height: 1.1;
    transition: .2s;
}
.study_school_box .swiper-slide-style:hover::before{
    background-color: #5fb3e5;
    color: #fff;
}
.study_school_box .swiper-slide-style::after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #5fb3e5;
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/7eab0342-9faf-4d51-a164-28b7f3a18890.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 26px;
    left: calc(50% + 26px);
}
.study_school_box .swiper-slide .swiper-img img{
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    transition: .2s;
}
.study_school_box .swiper-slide:hover .swiper-img img{
    opacity: .6;
    transition: .2s;
}
.study_school_box .swiper-slide .swiper-title{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: left;
    padding-right: 20px;
    padding-left: 40px;
    letter-spacing: 0.03rem;
    line-height: 1.4;
    position: relative;
}
.study_school_box .swiper-slide .swiper-title::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #2e489d;
    position: absolute;
    left: 20px;
    top: 10px;
}
.study_school_box .swiper-slide .swiper-content{
    font-size: 16px;
    letter-spacing: 0;
    padding-left: 40px;
    padding-right: 20px;
    -webkit-line-clamp: unset;
}
.study_school_box .swiper-button-prev.swiper-button-white, 
.study_school_box .swiper-button-next.swiper-button-white{    
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #fff;
    border: 2px solid #f4d446;
    opacity: 1;
    bottom: 3.5rem;
    top: unset;
}
.study_school_box .swiper-button-prev.swiper-button-white{
    left: -380px;
}
.study_school_box .swiper-button-next.swiper-button-white{
    right: unset;
    left: -270px;
}
.study_school_box .swiper-button-next.swiper-button-white::after{
    background: none;
    width: 28px;
    height: 28px;
    content: '';
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/15cd6296-18aa-4340-bdce-1bc4067f72b0.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.study_school_box .swiper-button-prev.swiper-button-white::after{
    background: none;
    width: 28px;
    height: 28px;
    content: '';
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/15cd6296-18aa-4340-bdce-1bc4067f72b0.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transform: rotate(180deg);
    transform-origin: center;
}
.study_class_title{
    padding: 0 30px;
    margin-top: -105px;
    z-index: 1;
}
.study_class_bg .module-container .bgfixed{
    border-radius:20px;
}
.study_class_bg .module-container .bgfixed > div{
    display: flex;
    justify-content: center;
    align-items: end;
    background: linear-gradient(180deg, rgba(0, 71, 116, 0) 30%, rgba(0, 71, 116, 0.75) 95%);
}
.study_class_bg .module-container .bgfixed section{
    margin-bottom:6rem;
}
.study_class_bg .module-container .bgfixed section h5{
    letter-spacing: .2rem;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
}
.study_class_bg .module-container .bgfixed section p.deco{
    letter-spacing: .15rem;
    font-weight: 600;
    font-size: 2.4rem;
    position: relative;
    margin-bottom: 2rem;
    text-align: center;
}
.study_class_bg .module-container .bgfixed section p.deco span{
    font-family: "Noto Sans TC", sans-serif !important;
}
.study_class_bg .module-container .bgfixed section p.deco::after{
    content: '';
    width: 43px;
    height: 5px;
    position: absolute;
    bottom: -21px;
    z-index: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background: url(https://materials.fillo.com.tw/materials/waypoint/images/c7cc1183-e908-43d6-be4a-759effc66e80.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.study_class_tabs{
    z-index: 1;
}
.study_class_tabs .blk-tabs{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -28px;
}
.study_class_tabs .blk-tabs ul{
    background: #fff;
    min-width: 930px;
    border: 1px solid #a8d4ed;
    border-radius: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.5rem 0.5rem;
}
.study_class_tabs .blk-tabs ul.nav-pills li{
    margin: 0 1rem;
}
.study_class_tabs .blk-tabs ul.nav-pills li .nav-link{
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    color: #000;
    padding: .5rem 28px;
    border-radius: 50px;
    letter-spacing: 1px;
}
.study_class_tabs .blk-tabs ul.nav-pills li .nav-link:hover{
    background-color: #e1f0f9;
}
.study_class_tabs .blk-tabs ul.nav-pills li .nav-link.active, 
.study_class_tabs .blk-tabs ul.nav-pills .show>.nav-link{
    background: #5fb3e5;
    color: #fff;
}
.study_class_wrap {
    margin-top: 4rem;
    z-index: 1;
}
.study_class_info {
    margin-bottom: 2rem;
}
.study_class_info .mix-wrapper{
    padding: 0;
}
.study_class_info .mix-wrapper .pic-content{
    margin-bottom: 0;
}
.study_class_info .mix-wrapper .pic-content > .row{
    height: 100%;
}
.study_class_info .mix-wrapper .img-mode .img-box{
    overflow: hidden;
    border-radius: 15px;
}
.study_class_info .mix-wrapper .img-mode .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.study_class_info .mix-wrapper .editor-content{
    padding-left: 3rem;
    margin-top: 2rem;
    margin-bottom: 0;
}
.study_class_info .mix-wrapper .editor-content h3{
    font-size: 28px;
    position: relative;
    padding-left: 1rem;
    margin-bottom: 1.5rem;
}
.study_class_info .mix-wrapper .editor-content h3::before{
    content: '';
        width: 3px;
        height: 24px;
        position: absolute;
        left: 0;
        z-index: 0;
        top: 50%;
        transform: translate(0, -50%);
        background: url(https://materials.fillo.com.tw/materials/waypoint/images/dfcab553-adeb-4a11-80e3-aff936ae368e.png);
        background-size: 100%;
        background-repeat: no-repeat;
}
.study_class_info .mix-wrapper .editor-content p{
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.6;
    color: #333;
}
.study_class_link {
    padding-bottom: 4.5rem;
    border-bottom: 3px solid #a8d4ed !important;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 4rem;
}
.study_class_link section.text-link h2{
    font-weight: bold;
}
.study_class_link div.link-list{
    background: none;
}
.study_class_link div.link-list ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.study_class_link div.link-list ul li{
    width: calc(50% - 30px);
    border-bottom: 1px dashed #ccc;
    margin: 0 15px;
}
.study_class_link div.link-list ul li a, 
.study_class_link div.link-list ul li span{
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    letter-spacing: 0.5px;
    position: relative;
    padding-left: 35px;
    line-height: 1.5;
}
.study_class_link div.link-list ul li i{
    font-size: 14px;
    margin-right: 10px;
    color: #f4d446;
    position: absolute;
    left: 10px;
    top: 17px;
}
.study_video_wrap{
    margin-top: -115px;
}
.study_video_wrap::before {
    content: '';
    display: block;
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/abd2e6e1-52eb-4fb4-a82e-16c561f5a4fe.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.study_video_wrap .main.row{
    padding-top: 140px;
}
.study_video_wrap .study_title_style {
    position: absolute;
    left: 59%;
    max-width: max-content;
    flex: unset;
    top: 270px;
}
.study_video_box{
    padding-right: 12.5%;
    margin-bottom: 7rem;
}
.study_video_box .fancybox-wrapper{
    align-content: flex-end;
    align-items: flex-end;
}
.study_video_box .fancybox-wrapper > figure{
    flex: 0 0 14%;
    max-width: 14%;
    margin-right: 15px;
    margin-bottom: 3rem !important;
}
.study_video_box .fancybox-wrapper > figure:nth-child(1){
    max-width: 62%;
    flex: 0 0 62%;
    margin-right: 0;
    margin-bottom: 0rem !important;
}
.study_video_box .fancybox-wrapper > figure:nth-child(2){
    margin-left: -7%;
}
.study_video_box .fancybox-wrapper figure a[data-fancybox]{
    border-radius: 15px;
    overflow: hidden;
}
.study_video_box .fancybox-wrapper figure:nth-child(1) a[data-fancybox]{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.study_video_box .fancybox-wrapper figure a[data-fancybox]::before{
    content: '';
    display: block;
    width: 64px;
    height: 46px;
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/7ffacfed-0d11-4da7-9e8b-0bc9b8b2a00b.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .7;
}
.study_video_box .fancybox-wrapper figure:hover a[data-fancybox]::before{
    opacity: 1;
}
@media (max-width:1680px) {
    .study_slider_box::before, 
    .study_slider_box::after{
        width: 200px;
        height: 200px;
        right: -60px;
    }
    .study_slogan_box{
        padding: 3rem 100px 3rem 6rem;
    }
    .study_slogan_box h2{
        font-size: 42px;
        margin-bottom: 3rem;
    }
    .study_slogan_box h4{
        font-size: 23px;
    }
    .study_school_box .swiper-button-next.swiper-button-white{
        left: -220px;
    }
    .study_school_box .swiper-button-prev.swiper-button-white {
        left: -330px;
    }
    .study_video_box .fancybox-wrapper figure:nth-child(1) a[data-fancybox]{
        min-height: 500px;
        display: inline-grid;
    }
    .study_video_box .fancybox-wrapper figure:nth-child(1) a[data-fancybox] > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        max-width: 100%;
        max-height: 100%;
    }
}
@media (max-width:1600px) {
    .study_video_box .fancybox-wrapper > figure:nth-child(1){
        max-width: 59%;
        flex: 0 0 59%;
    }
}
@media (max-width:1440px) {
    .study_slogan_box{
        padding-top: 2rem;
    }
    .study_slogan_box h2{
        font-size: 38px;
        line-height: 1.5;
        margin-bottom: 2rem;
    }
    .study_slogan_box h4 {
        font-size: 21px;
        line-height: 1.8;
    }
    .study_explore_wrap{
        padding-top: 210px;
        margin-top: -130px;
    }
    .study_school_box .swiper-button-next.swiper-button-white {
        left: -180px;
    }
    .study_school_box .swiper-button-prev.swiper-button-white {
        left: -290px;
    }
    .study_class_bg .module-container .bgfixed, 
    .study_class_bg .module-container .bgfixed > div{
        min-height: 400px !important;
    }
    .study_class_info .mix-wrapper .editor-content{
        padding-left: 2rem;
    }
    .study_video_wrap .study_title_style{
        top: 240px;
    }
}
@media (max-width:1360px) {
    .study_slider_box::before, .study_slider_box::after {
        width: 185px;
        height: 185px;
        right: -50px;
    }
    .study_explore_wrap {
        padding-top: 200px;
        margin-top: -100px;
    }
    .study_class_info .mix-wrapper .editor-content p{
        line-height: 1.5;
    }
    .study_video_box .fancybox-wrapper figure a[data-fancybox]::before{
        width: 50px;
        height: 36px;
    }
}
@media (max-width:1280px) {
    .study_slider_box::before, .study_slider_box::after {
        width: 175px;
        height: 175px;
        right: -30px;
    }
    .study_slogan_box{
        padding-left: 5rem;
    }
    .study_slogan_box h2{
        font-size: 34px;
    }
    .study_slogan_box h4 {
        font-size: 20px;
        line-height: 1.7;
    }
    .study_explore_wrap{
        padding-bottom: 160px;
    }
    .study_school_box .swiper-button-next.swiper-button-white {
        left: -150px;
    }
    .study_school_box .swiper-button-prev.swiper-button-white {
        left: -250px;
    }
    .study_school_box .swiper-slide .swiper-title{
        padding-right: 15px;
        padding-left: 35px;
        letter-spacing: 0;
    }
    .study_school_box .swiper-slide .swiper-title::before{
        left: 15px;
    }
    .study_school_box .swiper-slide .swiper-content{
        padding-right: 15px;
        padding-left: 35px;
        margin-bottom: 15px;
    }
    .study_class_bg .module-container .bgfixed, 
    .study_class_bg .module-container .bgfixed > div {
        min-height: 360px !important;
    }
    .study_class_wrap{
        margin-top: 3rem;
    }
    .study_class_info{
        margin-bottom: 1.5rem;
    }
    .study_class_info .mix-wrapper .editor-content{
        margin-top: 1.5rem;
    }
    .study_class_info .mix-wrapper .editor-content h3{
        margin-bottom: 1rem;
        font-size: 24px;
    }
    .study_class_info .mix-wrapper .editor-content p{
        font-size: 16px;
    }
    .study_class_link{
        padding-bottom: 3.5rem;
        margin-bottom: 3rem;
    }
    .study_class_link section.text-link h2{
        margin-bottom: 0;
    }
    .study_class_link div.link-list ul li a, 
    .study_class_link div.link-list ul li span{
        font-size: 18px !important;
    }
    .study_video_wrap {
        margin-top: -65px;
    }
    .study_video_wrap .main.row {
        padding-top: 90px;
    }
    .study_video_wrap .study_title_style{
        top: 210px;
    }
    .study_video_box{
        margin-bottom: 5rem;
    }
}
@media (max-width:1152px) {
    .study_slider_box::before, .study_slider_box::after {
        width: 165px;
        height: 165px;
        right: -15px;
        bottom: 0;
    }
    .study_slider_box .bs-carousel{
        border-bottom-right-radius:250px;
    }
    .study_slogan_box {
        padding-left: 3.5rem;
        padding-top: 1rem;
    }
    .study_slogan_box h2 {
        font-size: 32px;
    }
    .study_slogan_box h4{
        font-size: 18px;
    }
    .study_explore_wrap{
        padding-top: 170px;
        margin-top: -90px;
    }
    .study_explore_wrap .study_title_style{
        padding-left: calc(8.3333% + 30px);
    }
    .study_school_box .swiper-button-next.swiper-button-white {
        left: -175px;
    }
    .study_school_box .swiper-button-prev.swiper-button-white {
        left: -275px;
    }
    .study_class_info, 
    .study_class_link{
        max-width: 83.3333%;
        flex: 0 0 83.3333%;
    }
    .study_video_box{
        padding-right: 8.3333%;
    }
}
@media (max-width:1024px) {
    .study_slider_box::before, 
    .study_slider_box::after{
        width: 130px;
        height: 130px;
    }
    .study_slider_box .bs-carousel{
        border-bottom-right-radius:200px;
    }
    .study_slider_box .carousel-indicators{
        padding: 10px 15px;
    }
    .study_slogan_box h2{
        font-size: 28px;
    }
    .study_slogan_box h4{
        font-size: 16px;
    }
    .study_explore_wrap{
        padding-top: 140px;
        margin-top: -75px;
    }
    .study_explore_wrap .study_title_style{
        flex: 0 0 25%;
        max-width: 25%;
    }
    .study_school_box{
        flex: 0 0 75%;
        max-width: 75%;
    }
    .study_school_box .swiper-button-next.swiper-button-white {
        left: -130px;
    }
    .study_school_box .swiper-button-prev.swiper-button-white {
        left: -220px;
    }
    .study_school_box .swiper-slide-style{
        padding-bottom:55px;
    }
    .study_school_box .swiper-slide-style::before{
        padding: 6px 38px 8px 17px;
        bottom: 15px;
        font-size:18px;
    }
    .study_school_box .swiper-slide-style::after{
        width: 24px;
        height: 24px;
        bottom: 20px;
        left: calc(50% + 20px);
    }
    .study_school_box .swiper-slide .swiper-img{
        margin-bottom: 10px;
    }
    .study_school_box .swiper-slide .swiper-title{
        padding-right: 10px;
        padding-left: 30px;
        margin-bottom: 8px;
    }
    .study_school_box .swiper-slide .swiper-title::before {
        left: 10px;
    }
    .study_school_box .swiper-slide .swiper-content{
        padding-right: 10px;
        padding-left: 30px;
        margin-bottom: 10px;
    }
    .study_class_bg .module-container .bgfixed, 
    .study_class_bg .module-container .bgfixed > div{
        min-height: 300px !important;
    }
    .study_class_bg .module-container .bgfixed section{
        margin-bottom: 4rem;
    }
    .study_class_tabs .blk-tabs ul{
        min-width: 85%;
    }
    .study_class_tabs .blk-tabs ul.nav-pills li .nav-link{
        font-size: 20px;
    }
    .study_class_wrap{
        margin-top: 2rem;
    }
    .study_class_info .mix-wrapper .editor-content {
        padding-left: 1rem;
    }
    .study_class_link{
        padding-bottom: 2.5rem;
        margin-bottom: 2rem;
    }
    .study_class_link section.text-link h2{
        font-size: 20px !important;
    }
    .study_class_link div.link-list ul li a, 
    .study_class_link div.link-list ul li span{
        font-size: 16px !important;
    }
    .study_video_wrap .study_title_style{
        top: 165px;
        left: 62%;
    }
    .study_video_box .fancybox-wrapper figure:nth-child(1) a[data-fancybox]{
        min-height: 400px;
    }    
}
@media (max-width:991px) {
    .study_slider_box{
        padding-right: 30px;
    }
    .study_slider_box::before, 
    .study_slider_box::after{
        right: 40px;
        bottom: -15px;
    }
    .study_slogan_box {
        padding-right: 3rem;
        padding-left: 3rem;
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }
    .study_explore_wrap{
        margin-top: 0;
    }
    .study_explore_wrap .study_title_style{
        padding-left: 40px;
    }
    .study_class_tabs .blk-tabs ul.nav-pills li {
        margin: 0 5px;
    }
    .study_class_tabs .blk-tabs ul.nav-pills li .nav-link{
        padding: 0.5rem 20px;
    }
    .study_class_info, .study_class_link {
        max-width: 95%;
        flex: 0 0 95%;
    }
    .study_video_box {
        padding-right: 15px;
    }
}
@media (max-width:840px) {
    .study_school_box .swiper-button-prev.swiper-button-white, 
    .study_school_box .swiper-button-next.swiper-button-white{
        width: 50px;
        height: 50px;
        bottom: 2rem;
    }
    .study_school_box .swiper-button-next.swiper-button-white::after, 
    .study_school_box .swiper-button-prev.swiper-button-white::after{
        width: 22px;
        height: 22px;
    }
    .study_school_box .swiper-button-next.swiper-button-white {
        left: -100px;
    }
    .study_school_box .swiper-button-prev.swiper-button-white {
        left: -180px;
    }
}
@media (max-width:768px) {
    .study_explore_wrap{
        padding-top: 100px;
    }
    .study_explore_wrap .study_title_style{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .study_title_style h5{
        text-align: center;
    }
    .study_title_style p.deco{
        text-align: center;
    }
    .study_explore_wrap .study_title_style p.deco span{
        color: #fff !important;
    }
    .study_title_style.left p.deco:after{
        left: 50%;
        transform: translate(-50%, 0px);
    }
    .study_school_box{
        flex: 0 0 97.5%;
        max-width: 97.5%;
        margin-left: 2.5%;
    }
    .study_school_box .swiper-container{
        padding-bottom: 60px;
    }
    .study_school_box .swiper-button-next.swiper-button-white{
        bottom: 10px;
        left: unset;
        right: calc(50% - 70px);
    }
    .study_school_box .swiper-button-prev.swiper-button-white{
        bottom: 10px;
        left: calc(50% - 70px);
    }
    .study_school_box .swiper-slide-style{
        margin-top: 15px;
    }
    .study_class_bg .module-container .bgfixed, 
    .study_class_bg .module-container .bgfixed > div{
        min-height: 250px !important;
    }
    .study_class_bg .module-container .bgfixed section {
        margin-bottom: 3rem;
    }
    .study_class_bg .module-container .bgfixed section h5{
        font-size: 1rem;
    }
    .study_class_bg .module-container .bgfixed section p.deco{
        font-size: 1.8rem;
    }
    .study_class_info, 
    .study_class_link{
        margin-bottom: 1rem;
    }
    .study_class_info .mix-wrapper {
        padding: 0 8px;
    }
    .study_class_link{
        padding-left: 15px;
        padding-right: 15px;
    }
    .study_class_link section.text-link h2{
        padding: 0 5px;
    }
    .study_class_link div.link-list ul li{
        width: calc(100% - 10px);
        margin: 0 5px;
    }
    .study_class_link div.link-list ul li a, 
    .study_class_link div.link-list ul li span{
        padding-left: 25px;
    }
    .study_class_link div.link-list ul li i{
        font-size: 13px;
        margin-right: 5px;
        left: 5px;
        top: 15px;
    }
    .study_video_wrap{
        margin-top: 0;
    }
    .study_video_wrap .main.row{
        padding-top: 100px;
    }
    .study_video_wrap .study_title_style{
        position: unset;
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 1.5rem !important;
    }
    .study_video_box {
        margin-bottom: 3rem;
    }
    .study_video_box .fancybox-wrapper{
        justify-content: center;
    }
    .study_video_box .fancybox-wrapper > figure{
        max-width: 20%;
        flex: 0 0 20%;
        margin: -3rem 8px 1rem !important;
    }
    .study_video_box .fancybox-wrapper > figure:nth-child(1){
        max-width: 95%;
        flex: 0 0 95%;
        margin: 0 auto !important;
    }
    .study_video_box .fancybox-wrapper figure:nth-child(1) a[data-fancybox]{
        border-radius: 15px;
        min-height: 280px;
    }
}
@media (max-width:575px) {
    .study_slider_box .bs-carousel {
        border-bottom-right-radius: 150px;
    }
    .study_class_tabs .blk-tabs ul.nav-pills li {
        margin: 0;
    }
    .study_class_tabs .blk-tabs ul.nav-pills li .nav-link {
        font-size: 18px;
        padding: 6px 15px;
    }
    .study_class_wrap {
        margin-top: 1.5rem;
    }
    .study_class_link{
        padding-bottom: 2rem;
    }
    .study_video_box .fancybox-wrapper > figure{
        max-width: calc(50% - 16px);
        flex: 0 0 calc(50% - 16px);
        margin-top: 15px !important;
        margin-bottom: 0rem !important;
    }
    .study_video_box .fancybox-wrapper figure a[data-fancybox]::before {
        width: 35px;
        height: 30px;
    }
}
@media (max-width:430px) {
    .study_slider_box::before, 
    .study_slider_box::after{
        width: 100px;
        height: 100px;
        right: 20px;
        bottom: -15px;
    }
    .study_slider_box .bs-carousel {
        border-bottom-right-radius: 100px;
    }
    .study_slogan_box{
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 1.5rem;    
    }
    .study_slogan_box h2 {
        font-size: 22px;
        margin-bottom: 1rem;
    }
    .study_explore_wrap {
        padding-top: 70px;
        padding-bottom: 135px;
    }
    .study_class_tabs .blk-tabs ul.nav-pills li .nav-link{
        padding: 6px 13px;
    }
    .study_video_wrap .main.row {
        padding-top: 70px;
    }
}
@media (max-width:375px) {
    .study_slider_box::before, .study_slider_box::after {
        width: 85px;
        height: 85px;
        right: 16px;
    }
}


/*product2*/
.study_product_basic{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.study_product_basic .mix-wrapper{
    padding: 15px;
}
.study_product_basic .img-mode .img-box{
    border-radius: 20px;
    overflow: hidden;
}
.study_product_basic .img-mode .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.study_product_basic .editor-content h2{
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 1rem;
}
.study_product_basic .editor-content h3{
    font-size: 24px;
    margin-bottom: 1.5rem;
    line-height: 1.5;
    font-weight: bold;
}
.study_product_basic .editor-content hr{
    border-top: 3px solid #2e489d;
}
.study_product_basic .editor-content ul{
    margin-top: 1.5rem;
    margin-bottom: 0;
}
.study_product_basic .editor-content ul li{
    font-size: 22px;
    margin-bottom: 10px;
}
.study_product_basic .editor-content ul li *{
    margin-bottom: 0;
}
.study_product_info{
    margin-bottom: 2rem;
    margin-top: 1rem;
}
.study_product_info .module-container, 
.study_product_info .module-container .main, 
.study_product_info .module-container .main > div:nth-last-child(1){
    height: 100%;
}
.study_product_info .header-title{
    display: table;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #2e489d;
    position: relative;
    padding: 7px 20px;
    border-radius: 50px;
    margin-left: 40px;
    max-width: calc(100% - 80px);
    line-height: 1.3;
}
.study_product_info .module-container .main > div:nth-last-child(1){
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 30px);
    margin: -20px 15px 0px;
    padding: 40px 30px 5px;
    background: #e1f0f9;
    border-radius: 15px;
}
.study_product_info .module-container .main > div:nth-last-child(1) ul{
    margin: 0;
    padding-left: 20px;
}
.study_product_info .module-container .main > div:nth-last-child(1) ul li{
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 8px;
    list-style: unset;
    width: 100%;
}
.study_product_info .module-container .main > div:nth-last-child(1) ul li *{
    margin-bottom: 0;
}
.wrap_title{
    margin-top: 4rem;
}
.wrap_title > .module-container > .main.row > .header-title, 
.wrap_title > .module-container > .main > .header-title{
    font-size: 26px;
    font-weight: bold;
    color: #2e489d;
    background: #edf5f9;
    border: 1px solid #69b1e2;
    border-radius: 15px;
    padding: 8px 20px;
    width: calc(100% - 30px);
    margin: 0 15px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.study_product_slider{
    padding: 0 30px;
}
.study_product_slider .swiper-slide-style{
    margin-top: 25px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 55px;
}
.study_product_slider .swiper-slide .swiper-img{
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
    height: 230px;
    margin-bottom: 15px;
}
.study_product_slider .swiper-slide .swiper-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.study_product_slider .swiper-slide .swiper-title{
    padding: 0 25px;
    position: relative;
    font-size: 20px;
    color: #000;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}
.study_product_slider .swiper-slide .swiper-title::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #f4d446;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: calc(50% - 5px);
}
.study_product_slider .swiper-slide .swiper-title::after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #f4d446;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
}
.study_product_slider .swiper-slide .swiper-content{
    font-size: 16px;
    letter-spacing: 0;
    -webkit-line-clamp: unset;
    padding: 0;
    color: #777;
    line-height: 1.4;
}
.study_product_slider .swiper-button-prev.swiper-button-white, 
.study_product_slider .swiper-button-next.swiper-button-white{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    opacity: 1;
    background: #69b1e2;
    top: unset;
    bottom: 0;
}
.study_product_slider .swiper-button-prev.swiper-button-white{
    left: calc(50% - 55px);
}
.study_product_slider .swiper-button-next.swiper-button-white{
    right: calc(50% - 55px);
}
.study_product_slider .swiper-button-prev.swiper-button-white::after, 
.study_product_slider .swiper-button-next.swiper-button-white::after{
    content: '';
    background:transparent ;
    padding: 0;
    width: 16px;
    height: 16px;
    background-image: url(https://materials.fillo.com.tw/materials/waypoint/images/7eab0342-9faf-4d51-a164-28b7f3a18890.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.study_product_slider .swiper-button-prev.swiper-button-white::after{
    transform: rotate(180deg);
    transform-origin:center;
}
.study_product_itinerary{
    padding: 0 30px;
}
.study_product_itinerary p{
    font-size: 18px;
}
.study_product_day{
    margin-top: 5px;
}
.study_product_day .falls-container .grid{
    padding-bottom: 0;
}
.study_product_day .falls-container .grid .grid-item{
    position: relative;
    margin: 0px 0 0;
}
.study_product_day .falls-container .grid .grid-item h3{
    width: 165px;
    margin: 0;
    background: #69b1e2;
    color: #fff;
    padding: 10px 20px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 15px;
}
.study_product_day .falls-container .grid .grid-item h4{
    background: #f6da62;
    margin: 0;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 20px 10px 190px;
    line-height: 1.4;
    margin-bottom: 1rem;
}
.study_product_day .falls-container .grid .grid-item p{
    font-size: 20px;
}
.study_product_note{
    padding: 0 30px;
    margin: 15px 0;
}
.study_product_note .header-title{
    font-size: 24px;
    font-weight: bold;
    color: #69b1e2;
    letter-spacing: 1px;
    padding-left: 26px;
    padding-bottom: 10px;
    border-bottom: 1px solid #69b1e2;
    line-height: 1.4;
    margin-bottom: 1rem;
    position: relative;
}
.study_product_note .header-title::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 16px;
    background-color: #f4d446;
    position: absolute;
    left: 0;
    top: 9px;
}
.study_product_note .module-container .main > div:nth-last-child(1){
    padding-left: 1.5rem;
}
.study_product_note .module-container .main > div:nth-last-child(1) *{
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.study_product_note .module-container .main > div:nth-last-child(1) ul{
    padding: 0 0 0 20px;
}
.study_product_note .module-container .main > div:nth-last-child(1) ul li{
    list-style: unset;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0.5px;
    color: #333;
}
.study_product_note .module-container .main > div:nth-last-child(1) ul li *{
    margin-bottom: 0;
}
.study_product_notit .header-title{
    display: none;
}
.study_product_lightbox{
    margin: 3rem 0;
}
.study_product_lightbox .fancybox-wrapper a[data-fancybox]{
    border-radius: 15px;
    overflow: hidden;
    height: 240px;
}
.study_product_lightbox .fancybox-wrapper a[data-fancybox] > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.study_product_form{
    position: fixed;
    max-width: max-content;
    flex: unset;
    right: 22px;
    bottom: 565px;
    z-index: 999;
}
.study_product_form div.link-list{
    min-height: unset;
    border-radius: 50px;
}
.study_product_form div.link-list ul li{
    line-height: 1;
}
.study_product_form div.link-list ul li a, 
.study_product_form div.link-list ul li span{
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    padding: 15px 8px 10px;
    line-height: 1.5;
    font-weight: bold;
}
@media (max-height:800px){
    .study_product_form{
        bottom: 360px;
    }
    .fixed_side .side_box{
        bottom: 150px;
    }
    .fixed_side .actGotop{
        bottom: 100px;
    }
}
@media (max-width:1440px) {
    .study_product_wrap {
        max-width: 83.3333%;
        flex: 0 0 83.3333%;
    }
    .study_product_slider .swiper-slide .swiper-img{
        height: 190px;
    }
}
@media (max-width:1280px) {
    .study_product_basic .editor-content h2{
        font-size: 34px;
    }
    .study_product_basic .editor-content h3{
        font-size: 22px;
    }
    .study_product_basic .editor-content ul li {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .wrap_title > .module-container > .main.row > .header-title, 
    .wrap_title > .module-container > .main > .header-title{
        font-size: 24px;
    }
    .study_product_slider .swiper-slide .swiper-img{
        height: 160px;
    }
    .study_product_slider .swiper-slide .swiper-title{
        font-size: 18px;
    }
    .study_product_day .falls-container .grid .grid-item h3{
        width: 145px;
        padding: 10px 15px;
        font-size: 20px;
    }
    .study_product_day .falls-container .grid .grid-item h4{
        font-size: 20px;
        padding: 10px 15px 10px 160px;
    }
    .study_product_day .falls-container .grid .grid-item p{
        font-size: 18px;
    }
    .study_product_note .header-title{
        font-size: 22px;
    }
    .study_product_lightbox .fancybox-wrapper a[data-fancybox]{
        height: 180px;
    }
}
@media (max-width:991px) {
    .study_product_wrap{
        max-width: 91.6666%;
        flex: 0 0 91.6666%;
    }
    .study_product_basic {
        margin-top: 0rem;
        margin-bottom: 1rem;
    }
    .study_product_basic .editor-content h2 {
        font-size: 28px;
    }
    .study_product_basic .editor-content h3 {
        font-size: 20px;
    }
    .study_product_basic .editor-content ul li {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .study_product_info {
        margin-top: 1rem;
    }
    .wrap_title {
        margin-top: 3rem;
    }
    .study_product_slider .swiper-slide-style{
        margin-top: 15px;
    }
    .study_product_day .falls-container .grid .grid-item h3{
        width: 125px;
        padding: 10px 12px;
        font-size: 18px;
    }
    .study_product_day .falls-container .grid .grid-item h4 {
        font-size: 18px;
        padding: 10px 15px 10px 140px;
    }
    .study_product_day .falls-container .grid .grid-item p {
        font-size: 16px;
    }
    .study_product_note{
        margin: 10px 0;
    }
    .study_product_itinerary p{
        font-size: 16px;
    }
}
@media (max-width:767px) {
    .study_product_info .header-title{
        font-size: 18px;
    }
    .study_product_info .module-container .main > div:nth-last-child(1) ul li{
        font-size: 16px;
    }
    .wrap_title > .module-container > .main.row > .header-title, 
    .wrap_title > .module-container > .main > .header-title{
        font-size: 22px;
    }
    .study_product_slider .swiper-slide .swiper-img {
        height: 220px;
    }
    .study_product_note .header-title {
        font-size: 20px;
        padding-left: 21px;
        margin-bottom: 12px;
    }
    .study_product_note .header-title::before{
        width: 12px;
        height: 12px;
        top: 8px;        
    }
    .study_product_note .module-container .main > div:nth-last-child(1) {
        padding-left: 1rem;
    }
    .study_product_note .module-container .main > div:nth-last-child(1) ul li{
        font-size: 16px;
    }
    .study_product_lightbox {
        margin: 1.5rem 0 3rem;
    }
}
@media (max-width:550px) {
    .study_product_wrap{
        max-width: 95%;
        flex: 0 0 95%;
    }
    .study_product_basic .editor-content h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .study_product_basic .editor-content h3{
        font-size: 18px;
        margin-bottom: 1rem;
    }
    .study_product_basic .editor-content ul{
        margin-top: 1rem;
    }
    .study_product_info .module-container .main > div:nth-last-child(1){
        padding: 35px 15px 5px;
    }
    .study_product_info .module-container .main > div:nth-last-child(1) ul li{
        margin-bottom: 5px;
    }
    .study_product_slider .swiper-slide .swiper-img{
        height: auto;
    }
    .study_product_lightbox .fancybox-wrapper a[data-fancybox]{
        height: auto;
    }
    .study_product_form {
        bottom: 180px;
        right: 14px;
    }
    .study_product_form div.link-list ul li a, 
    .study_product_form div.link-list ul li span{
        font-size: 18px !important;
        padding: 0;
        width: 37px;
        height: 99px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
}
.pschool_wrap {
    margin-top: 8.5rem;
    border: 1px solid #5fb3e4 !important;
    border-radius: 20px;
}
.pschool_wrap .main.row{
    padding: 0 2rem 2rem;
}
.study_school_title{
    margin-top: -90px;
    margin-bottom: 10px;
}
.study_school_title .function-row .row-content{
    display: table;
    margin: auto;
}
.study_school_title .function-row .row-content li{
    max-width: 100%;
    flex: 0 0 100%;
    background: #fff;
}
.study_school_title .function-row .row-content li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.study_school_title .function-row .row-content li a img{
    height: 40px;
    width: auto;
}
.study_school_title .function-row .row-content li a h3{
    width: 100%;
    font-size: 40px;
    color: #000;
}
.study_school_info{
    padding: 0 30px;
    margin-bottom: 1.5rem;
}
.study_school_info .module-container .main > div:nth-last-child(1){
    font-size: 20px;
    color: #333;
    line-height: 1.5;
}
.study_school_video{
    padding: 0 35px;
    margin-bottom: 1rem;
}
.study_school_block .img-mode .img-box{
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.study_school_block .editor-content{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    font-size: 20px;
    line-height: 1.5;
    padding: 0 25px;
    letter-spacing: 1px;
}
.study_school_tabs .blk-tabs{
    width: auto;
    margin: 5rem auto 0;
}
.study_school_tabs .blk-tabs .nav-pills{
    border: 1px solid #e1f0f9;
    border-radius: 50px;
    padding: 0 5px;
}
.study_school_tabs .blk-tabs .nav-pills .nav-link{
    font-size: 20px;
    border-radius: 50px;
    padding: 6px 1rem;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #000;
    background: #f8e181;
    margin: 8px 6px;
    min-width: 185px;
    text-align: center;
}
.study_school_tabs .blk-tabs .nav-pills .nav-link.active{
    background-color: #2e489d;
    color: #fff;
}
.study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1){
    position: relative;
}
.study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .nav-link, 
.study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .nav-link.active{
    background: #f4e486;
}
.study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .dropdown-menu{
    inset: 8px 6px 8px 6px;
    margin: 0px;
    padding: 0px;
    min-width: max-content;
    background: rgba(244, 228, 134);
    font-size: 20px;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 50px;
    transform: unset !important;
    border: none;
}
.study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .dropdown-menu .dropdown-item{
    padding: 0;
    text-align: center;
    line-height: 42px;
}
.study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .dropdown-menu .dropdown-item:hover{
    color: rgba(244, 228, 134);
    background-color: #2e489d;
    border-radius: 50px;
}
.study_school_schedule_tit{
    margin-top: 1rem;
}
.study_school_schedule_tit div.link-list{
    width: calc(100% - 30px);
    margin: 0 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.study_school_schedule_tit div.link-list ul{
    display: flex;
    flex-wrap: wrap;
}
.study_school_schedule_tit div.link-list ul li{
    width: 41%;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}
.study_school_schedule_tit div.link-list ul li:nth-child(1){
    width: 18%;
}
.study_school_schedule_tit div.link-list ul li a, 
.study_school_schedule_tit div.link-list ul li span{
    font-weight: bold;
    letter-spacing: 5px;
    padding: 20px 15px;
}
.study_school_schedule{
    padding: 0 30px;
    margin-bottom: 0.5rem;
}
.study_school_schedule .falls-container .grid{
    border: 1px solid #69b1e3;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-bottom: 0;
    position: relative;
}
.study_school_schedule .falls-container .grid::before{
    content: '';
    display: block;
    width: 1px;
    background-color: #69b1e3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18%;
    z-index: 9;
}
.study_school_schedule .falls-container .grid::after{
    content: '';
    display: block;
    width: 1px;
    background-color: #69b1e3;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 42%;
    z-index: 9;
}
.study_school_schedule .falls-container .grid .grid-item{
    margin-top: 0;
    padding: 0;
    min-height: 90px;
    display: flex;
    align-items: center;
    border-top: 1px solid #69b1e3;
}
.study_school_schedule .falls-container .grid .grid-item:nth-child(even){
    background-color: #f3f8fa;
}
.study_school_schedule .falls-container .grid .grid-item h3{
    width: 18%;
    margin: 0;
    font-size: 20px;
    color: #2e489d;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    padding: 15px;
}
.study_school_schedule .falls-container .grid .grid-item ul{
    width: 82%;
    display: flex;
    margin: 0;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #212121;
}
.study_school_schedule .falls-container .grid .grid-item ul li{
    padding: 15px;
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.study_school_schedule .falls-container .grid .grid-item ul li:nth-last-child(1){
    padding-right: 0;
}
@media (max-width:1280px) {
    .pschool_wrap .main.row {
        padding: 0 1rem 1rem;
    }
    .study_school_title .function-row .row-content li a h3{
        font-size: 34px;
    }
    .study_school_info .module-container .main > div:nth-last-child(1){
        font-size: 18px;
    }
}
@media (max-width:1199px) {
    .study_school_tabs .blk-tabs .nav-pills .nav-link{
        min-width: 150px;
    }
}
@media (max-width:991px) {
    .pschool_wrap{
        margin-top: 7rem;
    }
    .study_school_title{
        margin-top: -80px;
        margin-bottom: 0px;
    }
    .study_school_title .function-row .row-content li a h3{
        font-size: 28px;
    }
    .study_school_info {
        margin-bottom: 1rem;
    }
    .study_school_tabs .blk-tabs{
        margin-top: 4rem;
    }
    .study_school_block .editor-content{
        font-size: 18px;
    }
}
@media (max-width:800px) {
    .study_school_tabs .blk-tabs .nav-pills .nav-link{
        font-size: 18px;
        min-width: 125px;
    }
    .study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .dropdown-menu{
        font-size: 18px;
        z-index: 99;
    }
    .study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .dropdown-menu .dropdown-item{
        line-height: 39px;
    }
}
@media (max-width:767px) {
    .study_product_info{
        margin-bottom: 1rem;
    }
    .study_product_info .module-container, 
    .study_product_info .module-container .main, 
    .study_product_info .module-container .main > div:nth-last-child(1){
        height: auto;
    }
    .study_school_tabs .blk-tabs{
        width: calc(100% - 40px);
        display: block;
    }
    .study_school_tabs .blk-tabs .nav-pills{
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .study_school_tabs .blk-tabs .nav-pills li {
        display: inline-block;
    }
    .study_school_block .mix-wrapper{
        padding: 0 30px;
    }
    .study_school_block .editor-content{
        padding: 0 15px;
        margin-bottom: 0;
    }
    .study_school_info{
        padding: 0 15px;
    }
    .study_school_info .module-container .main > div:nth-last-child(1){
        font-size: 16px;
    }
    .study_school_video {
        padding: 0 20px;
        margin-bottom: 0.5rem;
    }
}
@media (max-width:640px) {
    .study_school_tabs .blk-tabs {
        margin-top: 3rem;
    }
    .study_school_tabs .blk-tabs .nav-pills .nav-link{
        font-size: 17px;
        min-width: unset;
        padding: 5px 10px;
        letter-spacing: 0;
        margin: 8px 4px;
    }
    .study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .nav-link{
        min-width: 88px;
    }
    .study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .dropdown-menu{
        font-size: 17px;
        letter-spacing: 0;
    }
    .study_school_tabs .blk-tabs .nav-pills .nav-item:nth-last-child(1) .dropdown-menu .dropdown-item {
        line-height: 35px;
    }
}
@media (max-width:550px) {
    .study_school_title .function-row .row-content li a h3{
        font-size: 24px;
    }
    .study_school_schedule .falls-container .grid::before, 
    .study_school_schedule .falls-container .grid::after{
        display: none;
    }
    .study_school_schedule_tit div.link-list ul li a, 
    .study_school_schedule_tit div.link-list ul li span{
        font-size: 17px !important;
        letter-spacing: 3px;
        padding: 15px 10px;
    }
    .study_school_schedule .falls-container .grid .grid-item h3{
        font-size: 17px;
        letter-spacing: 0;
        padding: 15px 10px;
    }
    .study_school_schedule .falls-container .grid .grid-item ul{
        font-size: 16px;
        letter-spacing: 0;
    }
    .study_school_schedule .falls-container .grid .grid-item ul li {
        padding: 15px 10px;
    }
    .study_school_schedule_tit{
        display: none !important;
    }
    .study_school_schedule .falls-container .grid{
        border-top: 0px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        overflow: hidden;
    }
    .study_school_schedule .falls-container .grid .grid-item{
        align-items: baseline;
        align-content: baseline;
        flex-wrap: wrap;
    }
    .study_school_schedule .falls-container .grid .grid-item h3{
        width: 100%;
        text-align: left;
        background: #72afe1;
        color: #fff;
    }
    .study_school_schedule .falls-container .grid .grid-item ul{
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .study_school_schedule .falls-container .grid .grid-item ul li{
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
        padding-left: 60px;
    }
    .study_school_schedule .falls-container .grid .grid-item ul li:nth-child(1)::before{
        content: '上午';
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50px;
        background-color: #e2f0f9;
        color: #69b1e3;
        font-size: 17px;
        font-weight: bold;
    }
    .study_school_schedule .falls-container .grid .grid-item ul li:nth-child(2){
        padding-right: 10px;
    }
    .study_school_schedule .falls-container .grid .grid-item ul li:nth-child(2)::before{
        content: '下午';
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50px;
        background-color: #e2f0f9;
        color: #69b1e3;
        font-size: 17px;
        font-weight: bold;
    }
}