@font-face {
    font-family: 'NunitoRegular';
    src: url('../font/Nunito-Regular.eot');
    src: url('../font/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/Nunito-Regular.woff') format('woff'),
    url('../font/Nunito-Regular.woff2') format('woff2'),
    url('../font/Nunito-Regular.ttf') format('truetype'),
    url('../font/Nunito-Regular.svg#NunitoRegular') format('svg');
}
@font-face {
    font-family: 'NunitoBold';
    src: url('../font/Nunito-Bold.eot');
    src: url('../font/Nunito-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/Nunito-Bold.woff') format('woff'),
    url('../font/Nunito-Bold.woff2') format('woff2'),
    url('../font/Nunito-Bold.ttf') format('truetype'),
    url('../font/Nunito-Bold.svg#NunitoBold') format('svg');
}
@font-face {
    font-family: 'NunitoExtraBold';
    src: url('../font/Nunito-ExtraBold.eot');
    src: url('../font/Nunito-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../font/Nunito-ExtraBold.woff') format('woff'),
    url('../font/Nunito-ExtraBold.woff2') format('woff2'),
    url('../font/Nunito-ExtraBold.ttf') format('truetype'),
    url('../font/Nunito-ExtraBold.svg#NunitoExtraBold') format('svg');
}

* {margin: 0;padding: 0;}
body, html {
    color: #583512;
    background-color: #fff;
    font: 17px/1.8 NunitoRegular,"Adobe 宋体 Std L", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    overflow-x: hidden;
    list-style: none;
}
a, a:hover, a:focus {text-decoration: none;}
a:hover {opacity: 0.8;}
button, textarea, input, button:focus, textarea:focus, input:focus {border: 0;outline: none;resize: none;}
ul {list-style: outside none none;margin: 0;padding: 0;}
p, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}
em, i {font-style: normal;}
button {outline: none;}

/*header*/
header{
    padding: 10px 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 9999;
    box-shadow: 0 0 10px #e6e9eb;opacity: 0.95;
}
header .menu li{
    position: relative;
    padding: 0 3px;
}
header .menu li.trial-class{
    padding: 3px 3px 0;
}
header .menu li a{
    color: #583512;
    font-size: 20px;
    display: inline-block;
    padding: 3px 15px;
    cursor: pointer;white-space:nowrap;
}
header .menu li ul{
    position:absolute;background-color: rgba(255, 255, 255, 0.95);
}
header .menu li.active span a,
header .menu li a:hover{
    opacity: 1;
    color: #00903d;
}
header .menu li.lang:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    height: 20px;
    border-left: 2px solid #583512;
    border-radius: 5px;
}
header .menu li.trial-class a{
    background-color: #00903d;
    color: #ffffff;
    font-family: NunitoBold;
    border-radius: 30px;    font-size: 16px;
    line-height: 28px;
    height: 32px
;
}
/*header end*/

/*footer*/
footer{
    margin-top: 80px;
}
footer .footer-top{
    background-color: #00903d;
    color: white;
    padding: 30px 0;
}
footer .footer-top h5{
    color: #ffd90a;
    font-family: NunitoBold;
    min-height: 40px;
    white-space: nowrap;
}
footer .footer-top ul{
    justify-content: space-around;
}
footer .footer-top ul li{
    padding: 0 20px;
    border-right: 2px solid #006837;
}
footer .footer-top ul li:first-child{
    padding-left: 0;
}
footer .footer-top ul li:last-child{
    padding-right: 0;
    border-right: 0;
    min-width: 200px;
}
footer .footer-top ul li:nth-child(2) p{
    min-width: 442px;
    position: relative;
    margin-bottom: 10px;
}
footer .footer-top ul li:nth-child(2) p a{
    display: inline-block;
    padding-right: 8px;
}
footer .footer-top ul li:nth-child(2) p span{
    display: inline-block;
    min-width: 80px;
    font-family: NunitoBold;
    border-right: 1px solid #fff;
    margin-right: 10px;
    line-height:15px;
}
footer .footer-top ul li:last-child img{
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
footer .footer-bottom{
    background-color: #0e762f;
    color: white;
    padding: 30px 0;
}
footer .footer-bottom a{
    color: white;
}
/*footer end*/


/*TODO*/
/*index*/
.section1{
    padding: 80px 0;
    margin-top: 88px;
}
.Hedgehog{
    padding: 80px 0;
    margin-top: 17px;
}

.section-config{
    padding: 0 0 80px 0;
    margin-top: 0;
}
.index .section3,
.index .section2{
    margin: 80px 0;
}
.index .section1 .t-box p{
    color: #583512;
    font-family: NunitoExtraBold;
    font-size: 50px;
    line-height: 65px;
}
.index .section1 .right-box{
    top: 45%;
    right: -3%;
}
.index .section1 .m-black-border {
    background: #333333;
    padding: 15px 0;
}
.index .section1 .t-box p:first-child i{
    color: #f57a10;
}
.index .section1 .t-box p:nth-child(2) i{
    color: #ffd90a;
}
.index .section1 .t-box p:nth-child(3) i{
    color: #00903d;
}
.index .section2{
    /*background-image: url("../images/bg01.png");*/
    /*background-position: top center;*/
    /*background-repeat: repeat-y;*/
    /*padding: 80px 0;*/
    /*background-color: #fff9dc;*/
    padding-bottom: 80px;
}
h4.title-h4{
    font-family: NunitoExtraBold;
    font-size: 40px;
    margin-bottom: 40px;
}
.index .section2 .t-box p{
    font-size: 17px;
    margin-bottom: 15px;
}
.a-btn-box a{
    display: inline-block;
    padding: 3px 12px;
    background-color: #00903d;
    color: white;
    font-family: NunitoBold;
    border-radius: 30px;
    font-size: 17px;
}
.index .section3{
    background-image: url("../images/bgChoose.png");
    background-position:top right;
    background-repeat: no-repeat;
    padding: 80px 0;
}
.index .our-courses h4.title-h4,
.index .section3 h4.title-h4{
    text-align: center;
    color: #582f18;
}
.index .section3 ul{
    padding-top: 40px;
}
.index .section3 ul li{
    position: relative;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    border-right: 1px solid #e3e3e3;
    font-family: NunitoBold;
    font-size: 20px;
}
.index .section3 ul li:last-child{
    border-right: 0;
}
.index .section3 ul li img{
    display: inline-block;
    margin-bottom: 20px;
    width: 140px;
}
.index .section3 ul li p{
    line-height: 28px;
}
.index .our-courses{
    padding-bottom: 80px;
}
.index .our-courses .out-box{
    position: relative;
}
.index .our-courses .out-box .inner-box{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.63);
    color: white;
    font-size: 34px;
    padding: 30px;
    font-weight: bold;
}
.index .section4{
    background-color:#fff9dc;
    background-image: url("../images/bgFeture2.png");
    background-position:bottom center;
    background-repeat: repeat;
    padding-bottom: 80px;
}
.index .section4 h4.title-h4{
    text-align: center;
    color: #582f18;
}
.index .section4 .view-more {
    position: relative;
}
.index .section4 .view-more .a-btn-box a{
    background-color: #ffd90a;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -100px;
}
.index .section4 .list{
    min-height: 800px;
}
.index .section4 .box{
    /*background-color: #ffd90a;*/
    border-radius: 75px;
    padding: 10px 10px 30px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.4s;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
}
/*.index .section4 .box .text{*/
/*background-color: #ffffff;*/
/*}*/
.index .section4 .box img{
    text-align: center;
    border-radius: 70px;
    overflow: hidden;
    min-height: 260px;
    /*min-width: 290px;*/
    /*height: 280px;*/
    object-fit: cover;
    transition: all 0.4s;
    background-color: #ffd90a;
    border: 8px solid #ffd90a;
}
.index .section4 .box span{
    color: #00903d;
    font-family: NunitoBold;
    font-size: 20px;
    display: block;
    text-align: center;
}
.index .section4 .box h5{
    color: #f57a10;
    font-family: NunitoExtraBold;
    font-size: 30px;
    text-align: center;
}
.index .section4 .box p{
    padding: 20px;
    display: none;
    transition: all 0.4s;
}
.index .section4 .box:hover{
    background-color: #ffd90a;
}
.index .section4 .box:hover img{
    border: 8px solid #ffffff;
}
.index .section4 .box:hover span{
    color: white;
}
.index .section4 .box:hover p{
    display: block;
}
.index .section4 .box:hover h5{
    color: #00903d;
}
.index .section5{
    background-color: #00903d;
    color: #ffffff;
    padding: 80px 0;
}
.index .section5 p{
    margin-bottom: 15px;
}
.index .section5 .a-btn-box a{
    background-color: #ffd90a;
}
.index .section6{
    padding: 80px 0 0;
    position: relative;
    background-image: url("../images/bgChoose.png");
    background-position:top right;
    background-repeat: no-repeat;
}
.index .section6 .our-tea-bottomimg{
    position: absolute;
    width: 100%;
    bottom: 0;
}
.index .section6 p{
    margin-bottom: 15px;
}
.index .gallery{
    background-color: #fff9dd;
}
.index .section4 .box,
.index #fullpage .section-2,
.index .section2,
.index .section3,
.index .fadeInRight,
.index .fadeInLeft,
.index .text-center,
.index .section8,
.index .sec-centers,
.index .news-events .new-event-slide ul li a,
.index .owl-theme .owl-dot,
.index .owl-theme .owl-nav,
.index .our-group ul li img,
.index a,
footer {
    z-index: 999;
}
.gallery{
    padding: 80px 0 0;
}
.gallery .gallery-list{ padding-bottom: 80px}
.gallery .gallery-list ul{
    margin-bottom: 40px;
    text-align: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    z-index: 999;
}
.gallery .gallery-list li{
    padding: 8px;
    z-index: 999;
}
.trialClass .gallery .gallery-list li:first-child{
    margin-right: 10%;
}
.gallery .gallery-list li a{
    color: #ffffff;
    background-color: #00903d;
    font-size: 20px;
    font-family: NunitoExtraBold;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 30px;
    min-width: 100px;
    opacity: 1;
}

.trialClass .gallery .gallery-list li a{
    color: #00903d;
    background-color: #FFEFD3;
    font-size: 24px;
    cursor: pointer;
}

.gallery .gallery-list li a.active,
.gallery .gallery-list li a:hover{
    background-color: #f57a10;
}
.trialClass .gallery .gallery-list li a.active,
.trialClass .gallery .gallery-list li a:hover {
    background-color: #00903d;
    color: #ffffff;
}
.trialClass .gallery .benefits {
    background-color: #ffffff;
    padding: 25px;
    box-shadow: 1px 1px 10px #c6c8ca;
    border-radius: 50px;
    margin-top: 3%;
    margin-bottom: 2%;
    margin-left: 8%;
}
.trialClass .gallery .benefits .down_img  {
    position: absolute;
    right: -4%;
    top: 12%;
}
.trialClass .gallery .benefits .down_img img {
    width: 30%;
    display: none;
    cursor: pointer;
}
.trialClass .gallery .benefits .down_img .active {
    display: block;
}
.trialClass .gallery .benefits .free-ocean {
    margin-left: 3%;
    line-height: 30px;
    width: 100%;
}

.trialClass .gallery .benefits .free-ocean .ocean {
    color: #1A6FAF;
    font-weight: bold;
    font-family: NunitoExtraBold;
    font-size: 1.78rem;
    margin-bottom: 2%;
}
.trialClass .gallery .benefits .free-ocean .ocean .byHs {
    font-size: 1.2rem;
}

.trialClass .gallery .benefits .free-ocean .hsbc {
    margin-top: 2%;
    line-height: initial;
}

.trialClass .gallery .benefits .free-ocean .hsbc p {
    font-size: 0.8rem;
    color: #B72831;
}

.trialClass .gallery .benefits .free-ocean .ocean span{
    font-size: 1rem;
}

.trialClass .gallery .benefits .free-ocean p{
    font-size: 1.3rem;
    font-weight: bold;
}
.trialClass .gallery .f_width .benefits .free-ocean p {
    font-weight: initial;
}

.trialClass h4.title-h4 {
    margin-bottom: 100px;
}
.gallery .gallery-list .tab-content .tab-pane .col-lg-3{
    margin-bottom: 30px;
    z-index: 999;
}
.gallery .gallery-list .tab-content .tab-pane .box{
    background-color: #ffffff;
    padding: 12px;
    box-shadow: 1px 1px 10px #c6c8ca;
    cursor: pointer;
    transition: all 0.4s;
    height: 100%;
}
.gallery .gallery-list .tab-content .tab-pane .box:hover{
    transform: rotate(10deg);
}
.gallery .gallery-list .tab-content .tab-pane .box img{
    height: 260px;
    object-fit: cover;width: 100%;
}
.gallery .gallery-list .tab-content .tab-pane .box .text-box{
    text-align: center;
    padding-top: 20px;
}
.gallery .gallery-list .tab-content .tab-pane .box p{
    font-family: NunitoExtraBold;
    line-height: 24px;
    color: #57311D;
}
.gallery .gallery-list .tab-content .tab-pane .box .span{
    color: #57311D;
    opacity: 0.85;
    font-size: 14px;
}
.gallery .gallery-list .tab-content .tab-pane .box span{
    font-size: 15px;
    line-height: 20px;
}
.index .section8{
    padding: 80px 0;
    background-color: #ffd90a;
}
.free-Assessmeny form{
    background-color: white;
    padding: 15px;
    border-radius: 20px;
}
.free-Assessmeny .form-row .form-group{
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    background-color: #fff9dd;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
}
.free-Assessmeny .form-row .form-group label{
    display: inline-block;
    background-color: #00903d;
    color: white;
    padding: 3px 12px;
    border-radius: 30px;
    white-space: nowrap;
    margin: 0;
    min-width: 140px;
    text-align: center;
    font-family: NunitoExtraBold;
}
.free-Assessmeny .form-row .form-group select,
.free-Assessmeny .form-row .form-group input{
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    width: 100%;
    font-family: NunitoExtraBold;
    color:#583512 ;
}
.free-Assessmeny .form-row .form-group select:focus,
.free-Assessmeny .form-row .form-group input:focus{
    box-shadow: none;
    outline: none;
}
.free-Assessmeny .form-row .submit{
    min-width: 140px;
    display: inline-block;
    background-color: #f57a10;
    color: white;
    text-align: center;
    border-radius: 30px;
    font-family: NunitoExtraBold;

    padding: 5px 15px;
}
.free-Assessmeny .go-to-assessment{
    text-align: center;
    margin: 20px 0;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    width: 100%;
}
.free-Assessmeny .go-to-assessment a{
    display: block;
    padding: 5px 20px;
    color: white;
    background-color: #97ce1a;
    font-family: NunitoExtraBold;
    font-size: 28px;
    border-radius: 30px;
    width: 100%;
}
.free-Assessmeny .go-to-assessment a span{
    display: inline-block;
    position: relative;
    top: -1px;
}
.index .news-events{
    padding: 80px 0;
}
.index .explore-our-centers{
    padding-top: 80px;
}
.index .explore-our-centers .title-h4,
.index .news-events .title-h4{
    text-align: center;
    color: #f57a10;
}
.index .news-events .new-event-slide ul li:first-child{
    position: relative;
    padding: 15px;
    margin: 15px;
}
.index .news-events .new-event-slide ul{align-items: flex-start;}
.index .news-events .new-event-slide ul li:first-child{
    background-color: #fff9dd;
    border-radius: 20px;
    width: 50%;
}
.index .news-events .new-event-slide ul li span{
    position: absolute;
    display: inline-block;
    padding: 10px 10px;
    background-color: #f57a10;
    color: white;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 15px;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    line-height: 22px;
}
.index .news-events .new-event-slide .col-lg-6:nth-child(2n+2) ul li span{
    background-color: #7bbd49;
}
.index .news-events .new-event-slide ul li img{
    display: inline-block;
    border-radius: 20px;
}
.index .news-events .new-event-slide ul li:nth-child(2){
    text-align: left;
    margin-top: 30px;
    width:50%;
}
.index .news-events .new-event-slide ul li h5{
    color: #f57a10;
    font-family: NunitoExtraBold;
    margin-bottom: 12px;
}
.index .news-events .new-event-slide ul li p{
    margin-bottom: 12px;
}
.index .news-events .new-event-slide ul li a{
    color: #00903d;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #f57a10;
    width: 13px;
    height: 13px;
}
.index .our-group .title-h4{
    text-align: center;
    color: #00903d;
}
.index .our-group ul li:first-child{
    margin-bottom:50px;
    justify-content: center;
}
.index .our-group ul li h5{
    color: #00903d;
    font-family: NunitoBold;
    margin-bottom: 30px;
}
.index .our-group ul li img{
    display: inline-block;
    margin: 0 20px;
}
.gallery-text{background:#ffffff;color:#bb6d2b;line-height:26px;font-size:24px;text-align: center;position: absolute;top:38%;left: 0;right: 0;letter-spacing: 0px;}
.gallery-color{color:#009539;}
.gallery-color1{color:#aabd6c;}
.gallery-color2{color:#484385;}
.gallery-font h3,.gallery-font a,.gallery-font .gallery-text{font-family: "黑体";}

.slider {
    height:175px;
    width:1346px;
    position:relative;
    overflow:hidden;
}
.image-gallery .arrow-btn {
    width:36px;
    height:36px;
    background:url(../images/arrow-btn.png) no-repeat;
    cursor:pointer;
}
.image-gallery #btn-left {
    position: absolute;
    left:0;
    z-index: 99999;
    bottom:55px;
    background-position:0 -36px;
}
.image-gallery #btn-left:hover {
    background-position:0 0;
}
.image-gallery #btn-right {
    position: absolute;
    z-index: 99999;
    right: 0;
    bottom:55px;
    background-position:-36px -36px;
}
.image-gallery #btn-right:hover {
    background-position:-36px 0;
}
/*home*/
/*#fullpage .image-gallery .full-slides .full-slide>img{position: relative;top: 50%;transform: translateY(-50%);}*/
/*body.front #fullpage .image-gallery .image-gallery-thumbs .gallery-thumb{box-sizing: border-box;width: 250px;!*border: 0; height: 145px; *!}*/
/*body.front #fullpage .image-gallery .image-gallery-thumbs .gallery-thumb .cover{height: 100%;overflow: hidden;}*/
/*home end*/
.sec-centers{margin:50px auto;text-align: center;border: 0;justify-content: center;}
.sec-centers li a{display: inline-block;padding: 8px 25px;font-size:20px;}
.sec-centers li a{color:#8a999e;}
.sec-centers li a:hover,.sec-centers li a.active{background: #009539;border-radius: 8px;}
.sec-centers li a.active,.sec-centers li a:hover{color:#fff;}
.index .explore-our-centers .fp-section{
    height: auto!important;
}
.index #fullpage .section-2{margin: 0}
.index .explore-our-centers .tab-content div{
    height: 750px;
    overflow: hidden;
}
.index .explore-our-centers .tab-content #macau img{max-height: 100%;object-fit: contain}


/*home swiper*/
.swiper-container {
    width: 100%;
    /* height: 300px; */
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
    color: #fff;
}
.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 22%;
    box-sizing: border-box;
    border-top: 1px solid #e6e6e6;
    background: #fff;
    display: none;
}
.gallery-thumbs .swiper-slide {
    height: 100%;
    border-left: 1px solid #e6e6e6;
    padding: 10px 13px 25px;
    background: #fff;

    cursor: pointer;
    transition: -webkit-transform .3s linear, opacity .3s linear;
    transition: transform .3s linear, opacity .3s linear;
}

.gallery-thumbs .swiper-slide-thumb-active,
.gallery-thumbs .swiper-slide:hover {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
    z-index: 9999;
}
.gallery-top .swiper-slide{
    background-color: #FFFFF0;
}
.gallery-top .swiper-slide .full-slide-text .box-title {
    font-size: 45px;
    line-height: 1;
    color: #fff !important;
}

.gallery-top .swiper-slide .full-slide-text a {
    color: #fff;
    font-weight: bold;
}
.gallery-top .swiper-slide img{
    max-width: 100%;
}
.gallery-top .swiper-slide .full-slide-text {
    left: 5%;
    bottom: 0.1em;
    max-width: 600px;
    position: absolute;
    text-shadow: 4px 4px 4px #000000;
}

.gallery-thumbs .swiper-slide:hover .cover,
.gallery-thumbs .swiper-slide-thumb-active .cover {
    opacity: 0;
    visibility: hidden;
}

.gallery-thumbs .swiper-slide .cover {
    height: 100%;
    overflow: hidden;
    text-align: center;
}
.gallery-thumbs .swiper-slide .cover img{
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.gallery-thumbs .swiper-slide .hidden {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.gallery-thumbs .swiper-slide:hover .hidden,
.gallery-thumbs .swiper-slide-thumb-active .hidden {
    display: block;
    opacity: 1;
    visibility: visible;
    height: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0;
}

.swiper-button-next,
.swiper-button-prev {
    background-size: auto;
    width: 36px;
    height: 36px;
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url(../images/arrow-btn.png);
    background-position: -36px -36px;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(../images/arrow-btn.png);
    background-position: 0 -36px;
}

.swiper-button-prev.swiper-button-white:hover {
    background-position: 0 0;
}

.swiper-button-next.swiper-button-white:hover {
    background-position: -36px 0;
}
.swiper-button-next:after, .swiper-button-prev:after{
    content: none;
}
.gallery-thumbs{
    display: block;
}
.mt-free-img-a{
    position: relative;
}
.mt-free-img-a a{
    position: absolute;
    bottom: 27%;
    z-index: 999;
    left: 46%;
}
.mt-free-img-a a img{
    width:72%;
}


/*index end*/



/*franchise 20220322*/
.franchise .section1{
    padding-bottom: 0;
    margin: 0;
}
.franchise .section4,
.franchise .section2{
    padding-top: 80px;
}
.franchise .section1 .img-box{
    position: relative;
}
.franchise .section1 .img-box a{
    position: absolute;
    right:20%;
    top: 50%;
    transform: translateY(-50%);
    width: 267px;
    height: 253px;
    background-size: contain;
    background-image: url("../images/f-assets-6.png");
    transition: all 0.4s linear;
    background-repeat: no-repeat;
}
.franchise .section1 .img-box a:hover{
    opacity: 1;
    background-image: url("../images/f-assets-7.png");
}
.franchise.franchise-tc .section1 .img-box a{
    background-image: url("../images/f-assets-chi-72.png");
}
.franchise.franchise-tc .section1 .img-box a:hover{
    background-image: url("../images/f-assets-chi-73.png");
}

.franchise .section2{
    background-color: #ffd415;
}
.franchise .title-box p{
    font-size: 17px;
    margin-bottom: 30px;
}
.franchise .title-box .title{
    text-align: center;
    color: #008b3d;
    font-family: NunitoExtraBold;
    font-size: 40px;
    margin-bottom: 20px;
}
.franchise .section2 .video-box{
    background-color: #FFFFFF;
    border-radius: 15px;
    padding:20px;
    margin-bottom: 60px;

}
.franchise .section2 .video-box iframe{
    height: 400px;
}
.franchise .section2 .fbg-img-01,
.franchise .section2 .fbg-img-02,
.franchise .section2 .fbg-img-03{
    position: absolute;
}
.franchise .section2 .fbg-img-01{
    left: 3%;
    width: 100px;
    top: 8%;
}
.franchise .section2 .fbg-img-02{
    right: 0%;
    width: 150px;
    bottom: 12%;
}
.franchise .section2 .fbg-img-03{
    left: 3%;
    width: 100px;
    bottom: 12%;
}
.franchise .section2 .list .col-12:nth-child(2):after,
.franchise .section2 .list .col-12:nth-child(2):before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 190px;
    background-color: #FFFFFF;
}
.franchise .section2 .list .col-12:nth-child(2):after{
    left: auto;
    right: 0;
}
.franchise .section2 .list img{
    width: 200px;
    object-fit: contain;
}
.franchise .section2 .list p{
    margin-top: 15px;
    color: #583512;
    font-family: NunitoExtraBold;
    font-size: 22px;
    line-height: 28px;
}
.franchise .section3{
    background-color: #fff2d6;
}
.franchise .section3{
    padding: 0;
}
.franchise .section3 .title-box{
    top: 40px;
}
.franchise .section3 .step-box{
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
.franchise .section3 .step-01,
.franchise .section3 .step-02,
.franchise .section3 .step-03,
.franchise .section3 .step-04,
.franchise .section3 .step-05,
.franchise .section3 .step-06,
.franchise .section3 .step-07{
    align-items: center;
}
.franchise .section3 .step-box .bottom-img{
    margin-top: 10px;
    padding: 0;
    border-radius: 20px;
    border: 5px solid #ffffff;
    overflow: hidden;
}
.franchise .section3 .step-box .bottom-img img{
    object-fit: cover;    height: 210px;
}
.franchise .section3 .step-box.step-08 .inner-box .title-img{
    max-height: 35px;
}
.franchise .section3 .step-box .inner-box .title-img{
    margin-bottom: 10px;
}
.franchise .section3 .step-box .inner-box{
    border-radius: 30px;
    padding: 20px;
}
.franchise .section3 .step-box .inner-box h6{
    font-family: NunitoExtraBold;
    color: #FFFFFF;
    font-size: 24px;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}
.franchise .section3 .step-box .inner-box h6::before {
    content: attr(data-text);
    position: absolute;
    z-index: -1;
    -webkit-text-stroke-width: 6px;
}
.franchise .section3 .step-01 .inner-box h6::before{-webkit-text-stroke-color:#f79f13;}
.franchise .section3 .step-02 .inner-box h6::before{-webkit-text-stroke-color:#fdb400;}
.franchise .section3 .step-03 .inner-box h6::before{-webkit-text-stroke-color:#39ae4a;}
.franchise .section3 .step-04 .inner-box h6::before{-webkit-text-stroke-color:#00903d;}
.franchise .section3 .step-05 .inner-box h6::before{-webkit-text-stroke-color:#fdb400;}
.franchise .section3 .step-06 .inner-box h6::before{-webkit-text-stroke-color:#fa7000;}
.franchise .section3 .step-07 .inner-box h6::before{-webkit-text-stroke-color:#fdb400;}
.franchise .section3 .step-08 .inner-box h6::before{-webkit-text-stroke-color:#fa7000;}
.franchise .section3 .step-box .text-img{
    display: block;
    position: relative;
    padding-right:50px;
}
.franchise .section3 .step-box .text-img img{
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 50px;
}
.franchise .section3 .step-box > div{
    position: relative;
    width: 100%;
}
.franchise .section3 .step-box .p3,
.franchise .section3 .step-box .p1{
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.franchise .section3 .step-box .p2 img{
    max-width: 100%;
}
.franchise .section3 .step-box .p2{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    z-index: 9;
}
.franchise .section3 .step-box .p4{
    display: none;
}
.franchise .section3 .step-box .text-img p{
    font-size: 12px;
    text-align: justify;
    line-height: 18px;
    color: #583512;
}
.franchise .section3 .step-box{
    position: relative;
}
.franchise .section3 .step-01{top:7%}
.franchise .section3 .step-02{top:5%}
.franchise .section3 .step-03{top:3%}
.franchise .section3 .step-04{top:1%}
.franchise .section3 .step-05{top:-1%}
.franchise .section3 .step-06{top:-3%}
.franchise .section3 .step-07{top:-5%}
.franchise .section3 .step-08{top:-7%}

.franchise .section3 .step-07 .p2,
.franchise .section3 .step-05 .p2,
.franchise .section3 .step-03 .p2,
.franchise .section3 .step-01 .p2 {
    padding-left: 45px
}
.franchise .section3 .step-08 .p2,
.franchise .section3 .step-06 .p2,
.franchise .section3 .step-04 .p2,
.franchise .section3 .step-02 .p2 {
    padding-right: 45px
}
.franchise .section3 .step  .fbg-img-01{
    position: absolute;
    top: -82px;
    right: 1%;
    width: 100px;
}
.franchise .section3 .step  div.p1,
.franchise .section3 .step  div.p3{position: relative}
.franchise .section3 .step  .fbg-img-02{
    position: absolute;
    bottom: 10%;
    left: 2%;
    width: 100px;
}
.franchise .section3 .step-01 .inner-box{background-color: #f5c700;}
.franchise .section3 .step-02 .inner-box{background-color: #ff8f00;}
.franchise .section3 .step-03 .inner-box{background-color: #c5e100;}
.franchise .section3 .step-04 .inner-box{background-color: #90cf2e;}
.franchise .section3 .step-05 .inner-box{background-color: #ff811e;}
.franchise .section3 .step-06 .inner-box{background-color: #ffb517;}
.franchise .section3 .step-07 .inner-box{background-color: #81cb2b;}
.franchise .section3 .step-08 .inner-box{background-color: #42b445;}
.franchise .section3 .step-08 .inner-box{
    border: 7px solid #ffd20a;
}
.return_top-box{
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 9999;
}
.return_top-box .return_top{
    display: inline-block;
    opacity: 1;
}
.return_top-box .return_top img{
    width: 60px;
    height: 60px;
}
.franchise .section4 .title-box .title{
    color: #f2661b;
    margin-bottom: 40px;
}
.franchise .section4 .title-box p{
    text-align: center;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    font-family: NunitoBold;
    font-size: 25px;
    margin-bottom: 3px;
}
.franchise .section4 .title-box p::before {
    content: attr(data-text);
    position: absolute;
    z-index: -1;
    -webkit-text-stroke: 6px #008b3d;
}
.franchise .section4 .title-box p:last-child{
    margin-bottom: 40px;
}
.franchise .section4 .title-box img{
    margin-bottom: 50px;
}
.franchise .section4 #businessForm{
    padding-top: 90px;
}
.franchise .section4 .start-mt img{
    width: 400px;
}
.franchise .section4 .submission-success{
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30px;
    box-shadow: 1px 1px 10px rgba(0, 139, 61, 0.82);
    background-color: rgba(0, 139, 61, 0.8);
    padding:20px 30px;
    text-align: center;
    display: none;
}
.franchise .section4 .submission-success h4{
    font-family: NunitoExtraBold;
    color: #f5e721;
    white-space: nowrap;
    font-size: 24px;
    margin-bottom: 10px;
}
.franchise .section4 .submission-success p{
    font-family: NunitoBold;
    color: #FFFFFF;
    white-space: nowrap;
    min-height: auto;
}

.franchise .section4 .submission-fail{
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 30px;
    box-shadow: 1px 1px 10px rgba(0, 139, 61, 0.82);
    background-color: rgba(220, 20, 60, 0.8);
    padding:20px 30px;
    text-align: center;
    display: none;
}
.franchise .section4 .submission-fail h4{
    font-family: NunitoExtraBold;
    color: #f5e721;
    white-space: nowrap;
    font-size: 24px;
    margin-bottom: 10px;
}
.franchise .section4 .submission-fail p{
    font-family: NunitoBold;
    color: #FFFFFF;
    white-space: nowrap;
    min-height: auto;
}

.franchise .section4 form{
    background-image: url("../images/f-assets121.png");
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: left;
    padding: 20px;
}
.franchise .section4 form .row-out{
    width: 560px;
    margin: auto;
}
.franchise-tc .section4 form .row-out {
    width: 550px;
    margin: auto;
}
.franchise .section4 form p.label-p{
    min-height: 66px;
}
.franchise-tc .section4 form p.label-p {
    min-height: 50px;
}
.franchise .section4 form span,
.franchise .section4 form p{
    color: #FFFFFF;
    line-height: 22px;
    display: block;
    margin-bottom: 5px;
    font-family: NunitoBold;
}

.franchise .section4 form .form-group select{
    border: 1px solid #D8D8D8;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select-down-arrow-1.png) no-repeat center right 15px transparent;
}


.franchise .section4 form .form-group input,
.franchise .section4 form .form-group select{
    height: 38px;
}
.franchise .section4 form .form-group textarea{width: 100%}
.franchise .section4 form .form-group textarea,
.franchise .section4 form .form-group input,
.franchise .section4 form .form-group select{
    color: #928048;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    width: 100%;
    outline: none;
    padding: 4px;
    font-family: NunitoBold;
}
.franchise .section4 form .form-group input::placeholder{
    font-family: NunitoBold;
    color: #928048;
}
.franchise .section4 form .form-group label{
    background-color: #00893d;
    color: #FFFFFF;
    border-radius: 30px;
    padding: 3px 9px;
    white-space: nowrap;
    margin: 0;
    font-family: NunitoBold;
}
.franchise .section4 form .form-group{
    background-color: #fff2d6;
    border-radius: 30px;
    padding: 10px 6px;
    display: flex;
}
.franchise .section4 form .submit{text-align: center}
.franchise .section4 form .submit .submit-btn{
    cursor: pointer;
    color: #ffffff;
    background-color: #ea5a24;
    border-radius: 30px;
    border: 0;
    display: inline-block;
    padding: 6px 20px;
    font-family: NunitoBold;
}
.datepicker.datepicker-dropdown.dropdown-menu{
    min-width: 200px;
    font-size: 14px;
    font-family: NunitoBold;
    color: #928048;
}
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-days td,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-days th{
    width: 28px;
    background-color: #ffffff;
}
.datepicker.datepicker-dropdown.dropdown-menu td,
.datepicker.datepicker-dropdown.dropdown-menu th{
    background-color: #ffffff;
}


/*franchise 20220322*/


/*course-new-page 20220411*/
.course-new-page .title-box .title {
    color: #008b3d;
    font-family: NunitoExtraBold;
    font-size: 40px;
    margin-bottom: 20px;
}
.course-new-page .title-box .title p{
    color: #765739;
}
.course-new-page .section1{
    background-image: url("../images/ph2201bg_Asset.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.course-new-page .section1 img{
    object-fit: contain;
}
.course-new-page .section1 .exam-link{
    position: fixed;
    right: 2%;
    top: 50%;
    z-index: 1000;
}
.course-new-page .section1 .img1{
    height: 70px;
}
.course-new-page .section1 .img2{
    height: 90px;
    display: inline-block;
    margin:  0 20px;
}
.course-new-page .section1 .img3{
    height: 100px;
}
.course-new-page .title-box p,
.course-new-page .title-next-p{
    color: #765739;
}
.course-new-page .section1 .small-img-text{
    padding: 20px 0;
}
.course-new-page .section1 .small-img-text li{
    white-space: nowrap;
    font-size: 15px;
    padding-right: 15px;
    color: rgba(157,157,157,1);
}
.course-new-page .section1 .small-img-text img{
    width: 20px;
    display: inline-block;
    margin-right: 10px;
}
/*mark 2024/9/25 */
.course-new-page .section1 .test{
    /*display: flex;*/
    /*flex-direction: row;*/
}
.course-new-page .section23-bg{
    background-image: url("../images/ph2230Asset.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}
.course-new-page .section2{
    padding-bottom: 150px;
}
.course-new-page .section2 .left-img img{
    max-width: 360px;
}
.course-new-page .section2 .left-img{
    padding-top: 40px;
}
.course-new-page .section2 .video-box {
    padding:100px 0 0;
}
.course-new-page.camb-new .section2 .video-box {
    padding: 60px 0;
    max-width: 600px;
    margin: auto;
}
.course-new-page .section2 .video-box iframe{
    height: 350px;
}
.course-new-page .section3 .seeding_box{
    background-image: url("../images/PC_SeedlingBG.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.course-new-page .section3 .seeding_box {
    margin-top: 5%;
    margin-bottom: 5%;
}
.course-new-page .section3 .seeding_box .Title h4 {
    font-size: 2rem;
    font-family: NunitoExtraBold;
    padding: 5%;
    padding-left: 8%;
}
.course-new-page .section3 .seeding_box .Seedling_Title {
    display: flex;
    justify-content: center;
}
.course-new-page .section3 .seeding_box .SeedlingBoxSet_GP {
    margin-bottom: 15%;
    margin-top: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.course-new-page .section3 .seeding_box .Seedling_Title img {
    width: 50%;
    margin-top: -4%;
}
.course-new-page .section4 {
    padding-top: 120px;
}
.course-new-page .section4{
    background-image: url("../images/ph2210bg_Asset.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
}
.course-new-page.chat-room-new .section4{
    background-image: none;
}

.course-new-page .section4 .right-p {
    padding-top:120px;
}
.course-new-page .section4 .right-p .row{
    padding-bottom:70px;
}
.course-new-page .section4 .right-p h5{
    font-family: NunitoExtraBold;
    color: #65411d;
    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
}
.course-new-page .section4 .right-p span{
    display: block;
    padding: 6px 12px;
    border-radius: 38px;
    background-color: #fff8dc;
    color: #f69e13;
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
}
.course-new-page .section4 .right-p .sed-15 {
    padding: 15px 12px;
}
.course-new-page .section4 .right-p p{
    color: #765739;
}
.course-new-page .section4 .right-p a{
    font-family: NunitoExtraBold;
    display: block;
    padding: 6px 15px;
    border-radius: 40px;
    background-color: #f69e13;
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-size: 24px;
}
.course-new-page .section5{
    background-image: url("../images/ph2211bg_Asset_02.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding: 150px 0 150px;
}
.course-new-page .section6{
    padding-top: 90px;
}
.course-new-page .section6 .title-box h4{color: #5b2f18;margin-bottom: 40px}
.course-new-page .section6 .title-box h5{
    font-family: NunitoBold;
    font-size: 24px;
    color: #ea5504;
}
.course-new-page .section6 .title-box h5 img{
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}
.course-new-page .section6 .title-box p{
    padding: 20px 0;
    border-bottom: 12px solid #ffd90a;
    max-width: 476px;
    margin: 0 0 30px auto;
    display: inline-block;
}
.course-new-page .section6 .row{
    margin-bottom: 100px;
}
.course-new-page .section7 .bg-img-ff{display:none}
.course-new-page .section7{
    padding: 40px 0;
}
.course-new-page .section7 a{
    position: absolute;
    display: inline-block;
    bottom: 22%;
    z-index: 999;
    left: 46%;
}
.course-new-page .section7 a img{
    width: 72%;
}
.course-new-page .big-b-title{
    font-family: NunitoExtraBold;
    font-size: 40px;
    color: #e38645;
}
/*course-new-page end 20220411*/

/*course-cr 20220414*/
.chat-room-new .section2 .video-box{
    padding-top: 15px;
    padding-bottom: 50px;
}
.chat-room-new .section2 .left-img {
    padding-top: 40px;
    padding-bottom: 100px;
}
.chat-room-new .section6 {
    background-image: url("../images/cr22bg03Asset.png");
    background-position: left 30%;
    background-repeat: no-repeat;
    background-size: contain;
}
.chat-room-new .section6 .title-box h5{
    color: #008d3c;
}
.chat-room-new .section6 .title-box h5 span{
    color: #ffffff;
    background-color: #b8da49;
    display: inline-block;
    font-family: NunitoExtraBold;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 36px;
    font-size: 28px;
}
.chat-room-new .section6 .title-box.step5-part p{padding-bottom: 120px;}
.chat-room-new .section6 .title-box.step5-part p img{
    position: absolute;
    right: 15px;
    width: 90%;
    top: 15%;
}
.chat-room-new .section6 .title-box p {
    border-bottom: 12px solid #b8da49;
}

/*course-cr 20220414 end*/



/*course-gw*/
.gw-new .section1 .img1 {
    height: auto;
}
.gw-new .section1 .levels{
    margin-top: 40px;
}
.gw-new .gw-se2-bg{ padding-top: 60px}
.gw-new .section2{
    background-image: url("../images/course_GW/gw_asset_6.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.gw-new .section2 .video-box {
    padding: 50px 30px 150px;
}
.gw-new .section6 .title-box h5 {
    color: #14b0bd;
}
.gw-new .section6 .title-box h5 span {
    color: #ffffff;
    background-color: #14b0bd;
    display: inline-block;
    font-family: NunitoExtraBold;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 36px;
    font-size: 28px;
}
.gw-new .section6 .title-box p {
    border-bottom: 12px solid #14b0bd;
}
.gw-new .big-b-title{
    color: #14b0bd;
}
/*course-gw end*/

/*course-rs*/
.rs-new .section1 .img1 {
    height: auto;
}
.rs-new .section1 .levels{
    margin-top: 40px;
}
.rs-new .gw-se2-bg{ padding-top: 60px}
.rs-new .section2{
    background-image: url("../images/course_GW/gw_asset_6.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.rs-new .section2 .video-box {
    padding: 50px 30px 150px;
}
.rs-new .section6 .title-box h6{
    display: inline-block;
    width: auto;
    padding: 4px 20px;
    color: #FFFFFF;
    background-color: #8cc34a;
    margin-top: 20px;
    font-family: NunitoBold;
}
.rs-new .section6 .l-p.title-box h6{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.rs-new .section6 .r-p.title-box h6{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.rs-new .section6 .title-box h5 {
    color: #de4228;
}
.rs-new .section6 .title-box h5 span {
    color: #ffffff;
    background-color: #de4228;
    display: inline-block;
    font-family: NunitoExtraBold;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 36px;
    font-size: 28px;
}
.rs-new .section6 .title-box p {
    border-bottom: 12px solid #de4228;
}
.rs-new .big-b-title{
    color: #de4228;
}
/*course-rs end*/

/*camb-new*/
.camb-new .section2{
    margin-top: 60px;
}
.camb-new .section2 .img-box{
    text-align: center;
    margin: 30px 0;
}
.camb-new .section2 .img-box img{
    display: inline-block;
    max-width: 400px;
    margin: auto;
}
.camb-new .section2 .note{
    color: #005389;
    padding-top: 20px;
}
.camb-new .section2 .levels{
    margin-top: 40px;
}
.camb-new .section2 .levels .row{
    margin-top: 40px;
}
.camb-new .section2 .levels .col-md-4{
    padding-right: 50px;
}
.camb-new .section2 .levels p{
    text-align: justify;
}
.camb-new .section2 .levels span{
    display: block;
    width: 100%;
    padding: 8px 10px;
    border-radius: 30px;
    color: #FFFFFF;
    text-align: center;
    font-family: NunitoBold;
    font-size: 20px;
    line-height: 20px;
}
.camb-new .section2 .levels .level1 span{background-color: #f6bdba}
.camb-new .section2 .levels .level2 span{background-color: #eb6b6c}
.camb-new .section2 .levels .level3 span{background-color: #dd2936}
.camb-new .section2 .levels .level4 span{background-color: #b71f24}
.camb-new .section2 .levels .level5 span{background-color: #3bbdef}
.camb-new .section3{
    background-color: #ffd80a;
    padding: 50px 0;
}
.camb-new .section3 .title-box .title{
    color: #ef821c;
}
.camb-new .section3 .title-box p{
    max-width: 600px;
    margin:30px auto;
}
.camb-new .section3 .img1{
    max-width: 300px;
}
.camb-new .section3 .img2{
    max-width: 600px;
}
.camb-new .section6 .title-box h6{
    display: inline-block;
    width: auto;
    padding: 4px 20px;
    color: #FFFFFF;
    background-color: #0054a6;
    margin-top: 20px;
    font-family: NunitoBold;
}
.camb-new .section6 .l-p.title-box h6{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.camb-new .section6 .r-p.title-box h6{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.camb-new .section6 .title-box h5 {
    color: #aa1f24;
}
.camb-new .section6 .title-box h5 span {
    color: #ffffff;
    background-color: #aa1f24;
    display: inline-block;
    font-family: NunitoExtraBold;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 36px;
    font-size: 28px;
}
.camb-new .section6 .title-box p {
    border-bottom: 12px solid #aa1f24;
}
.camb-new .big-b-title{
    color: #aa1f24;
}

/*camb-new end*/


/*tri-new end*/
.tri-new .section1 .img1 {
    height: auto;
}
.tri-new .section1 .note{
    color: #572c85;
    margin: 20px 0;
    font-size: 15px;
    line-height: 20px;
}
.tri-new .section6 .note2{
    color: #572c85;
    font-family: NunitoBold;
    margin: 20px 0;
}
.tri-new .section6 .note,
.tri-new .section2 a{
    color: #572c85;
}
.tri-new .section1{}
.tri-new .section2 .container{
    position: relative;
    top: 170px;
}
.tri-new .section2 .video-box {
    padding: 0;
}
.tri-new .section6 .title-box h6{
    display: inline-block;
    width: auto;
    padding: 4px 20px;
    color: #FFFFFF;
    background-color: #ef821c;
    margin-top: 20px;
    font-family: NunitoBold;
}
.tri-new .section6 .l-p.title-box h6{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.tri-new .section6 .r-p.title-box h6{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.tri-new .section6 .title-box h5 {
    color: #572c85;
}
.tri-new .section6 .title-box h5 span {
    color: #ffffff;
    background-color: #ef821c;
    display: inline-block;
    font-family: NunitoExtraBold;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 36px;
    font-size: 28px;
}
.tri-new .section6 .img-gese-exam img{max-width: 340px}
.tri-new .section6 .title-box p {
    border-bottom: 12px solid #572c85;
}
.tri-new .big-b-title{
    color: #572c85;
}

/*tri-new end*/

/*20220805*/
.tw-title01{
    text-align: center;
}
.tw-title01 div{
    display: inline-block;
    background-color: #f0821c;
    color: #FFFFFF;
    font-family: NunitoBold;
    padding: 8px 40px;
    border-radius: 45px;
    margin-bottom: 20px;
}
.tw-title01 div span{
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    line-height: 28px;
}
.tri-new .tw-title01 div,
.rs-new .tw-title01 div{
    margin: 60px 0 40px;
}
.gw-new .tw-title01 div{
    background-color: #ea5451;
    min-width: auto;
    margin: 60px 0 40px;
}
/*20220805 end*/
.course-new-page .section1{margin-top:0}

/*20221023*/
/*.saturday-new{padding-top: 90px}*/
.saturday-new .section1 .img1{
    height: 200px;
}
.saturday-new .section1 .img2 {
    height: 110px;
}
.saturday-new .section6 .row {
    margin-bottom: 160px;
}
.saturday-new .section6 .row:nth-last-child(2) {
    margin-bottom: 40px;
}
.saturday-new .section1-1>img {
    width: 100%;
}
.saturday-new .section1-1 .container{padding-top: 50px}
.saturday-new .section1-1 .title-box .title01{
    color: #fd7b9d;
}
.saturday-new .section1-1 .title-box .title02{
    color: #ee3f5e;
}
.saturday-new .section1-1 .title-box p{
    position: relative;
    padding-right: 100px;
}
.saturday-new .section1-1 .title-box p img{
    top: 0;
    right: 0;
    position: absolute;
    width: 80px;
}
.saturday-new .section6 .l-p.title-box h6,
.saturday-new .section6 .r-p.title-box h6{
    display: inline-block;
    width: auto;
    padding: 4px 20px;
    color: #FFFFFF;
    background-color: #f9b712;
    margin-top: 20px;
    font-family: NunitoBold;
}
.saturday-new .section6 .l-p.title-box h6{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.saturday-new .section6 .r-p.title-box h6{
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.saturday-new .section6 .title-box p{
    border-bottom: 12px solid #cc224a;
}
.saturday-new .section6 .title-box h5 {
    color: #ee3f5e;
}
.saturday-new .section6 .title-box h5 span {
    color: #ffffff;
    background-color: #cc224a;
    display: inline-block;
    font-family: NunitoExtraBold;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 36px;
    font-size: 28px;
}
.saturday-new .tw-title01 div {
    background-color: #f8b612;
    min-width: auto;
    margin: 120px 0 40px;
}
.saturday-new .section6 {
    background-image: url("../images/cr22bg03Asset.png");
    background-position: left 32%;
    background-repeat: no-repeat;
    background-size: contain;
}
.free-test-new .title-box h4{
    color: #008b3d;
    font-family: NunitoExtraBold;
    font-size: 40px;
    margin-bottom: 20px;
}
.free-test-new .section1 .outbox .box .titleBox{
    color: #ffffff;
    font-family: NunitoExtraBold;
    padding: 0px 5px;
    width: 200px;
    height: 200px;
    font-size: 25px;
    font-weight: bold;
    border-radius: 50%;
    line-height: 30px;
}
.free-test-new .section1 .outbox .box1 .titleBox{background-color: #F5C700;}
.free-test-new .section1 .outbox .box2 .titleBox{background-color: #F79F13;}
.free-test-new .section1 .outbox .box3 .titleBox{background-color: #C5E100;}
.free-test-new .section1 .outbox .box p{
    color: #5b2f18;
    font-family: NunitoBold;
}
.free-test-new .section1 .outbox .box .btnBox a{
    color: #ffffff;
    display: block;
    background-color: #EA5A24;
    font-family: NunitoExtraBold;
    padding: 2px 15px;
    border-radius: 30px;
    transition: all 0.4s;
}
.free-test-new .section1 .outbox .box1 .btnBox a{opacity: 0}
.free-test-new .section1 .outbox .box1:hover .btnBox a{opacity: 1}
.free-test-new .section1 .outbox .box2 .btnBox a{opacity: 0}
.free-test-new .section1 .outbox .box2:hover .btnBox a{opacity: 1}
.free-test-new .section1 .outbox .box3 .btnBox a{opacity: 0}
.free-test-new .section1 .outbox .box3:hover .btnBox a{opacity: 1}
.free-test-new .detail-box{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    min-height: 100vh;
    width: 100%;
    padding: 40px;
    display: none;
}
.free-test-new .detail-box .form h3{
    text-align: center;
}
.free-test-new .detail-box .form .submit-btn{
    text-align: center;
    display: inline-block;
    color: #ffffff;
    background-color: #EA5A24;
    border-radius: 30px;
    padding: 5px 25px;
    font-size: 17px;
}
.free-test-new .detail-box .form .close-btn{
    position: absolute;
    font-family: NunitoExtraBold;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #008b3d;
    color: #ffffff;
    right: 30px;
    top: 30px;
    border-radius: 100%;
    font-size: 25px;
    text-align: center;
}
.free-test-new .detail-box .form{
    border-radius: 15px;
    max-width: 1000px;
    padding: 30px;
    font-family: NunitoBold;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
}
.free-test-new .trialDetails .form{background-color: #F5C700;}
.free-test-new .freeassDetails .form{background-color: #F79F13;}
.free-test-new .freeonlineDetail .form{background-color: #C5E100;}
.free-test-new .detail-box .form form .col-12{
    padding-bottom: 30px;
    position: relative;
}
.free-test-new .detail-box .form form label{
    display: inline-block;
    background-color: #008b3d;
    border-radius: 30px;
    color: #ffffff;
    padding: 2px 10px;
    margin: 0;
    top: -20px;
    left: 15px;
    position: absolute;
    font-size: 14px;
}
.free-test-new .detail-box .form form select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/freeDown.png) no-repeat center right 15px transparent;
}
.free-test-new .detail-box .form form select,
.free-test-new .detail-box .form form input{
    background-color: #fff2d6;
    border-radius: 10px;
    color: #928048;
    padding: 10px;
    display: block;
    width: 100%;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}
.free-test-new .detail-box .form form select{
    line-height: 33px;
}
.free-test-new .detail-box .form form.form2 input[type=submit]{
    width: auto;
    height: 30px;
    line-height: 26px;
    border-radius: 30px;
    text-align: center;
    padding: 3px 20px;
    display: inline-block;
    background-color: #EA5A24;
    color: #ffffff;
}
.free-test-new .detail-box .form form.form2 input[type=radio]{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 0;
    position: relative;
    top: 6px;
    background-color: #fff2d6;
}
.free-test-new .detail-box .form form.form2 span{
    display: inline-block;
    height: 20px;
    border: 0;
    line-height: 20px;
}
.free-test-new .detail-box .form form.form2 .p2 b{
    font-family: NunitoExtraBold;
}
.free-test-new .detail-box .form form.form2 #gotext{
    width: auto;
    height: 30px;
    line-height: 26px;
    border-radius: 30px!important;
    text-align: center;
    padding: 3px 20px;
    display: inline-block;
    background-color: #EA5A24!important;
    color: #ffffff;
}
.free-test-new .detail-box .form form.form2 .b1{
    display: inline-block;
    border-radius: 30px;
    background-color: #008b3d;
    color: #ffffff;
    padding: 2px 10px;
}
.free-test-new .detail-box .form,
.free-test-new .detail-box .form2{
    position: relative;
}
.free-test-new .detail-box .successful-pop{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    white-space: nowrap;
    padding: 10px 30px;
    border-radius: 20px;
    background-color: #008b3d;
    color: #F5C700;
    z-index: 9999;
}

/*Privilege Programme 20221128*/
/*.trialClass  {*/
/*padding: 10px 0;*/
/*background-color: #fff;*/
/*z-index: 9999;*/
/*box-shadow: 0 0 10px #e6e9eb;*/
/*opacity: 0.95;*/
/*}*/
.trialClass .section1 .topBox {
    position: relative;
}

.trialClass .section1 {
    padding-bottom: 0;
}

/*.trialClass .section1 .topBox .leftBox {*/
/*    width: 33%;*/
/*    position: absolute;*/
/*    top: 25%;*/
/*    left: 5%;*/
/*}*/
.trialClass .section1 .topBox .bottomBox .box{
    display: flex;
    align-items: center;
    padding: 90px 0 100px 0;
}
.trialClass .section1  .video-box{
    height: 315px;
    margin-bottom: 5%;
}
.trialClass .section1 .topBox .bottomBox .box img{
    width: 23%;
    margin: 0 10% 0 15%;
}
.trialClass .section1 .topBox .bottomBox .box .right_text{
    width: 35%;
}
.trialClassHk .section3 .item {
    font-size: 16px;
    width: 52%;
}
.trialClassHk .section3 .item span {
    font-weight: bold;
}
.trialClassHk .section4 .itemBox .item_box {
    position: absolute;
    top: 15%;
    right: 0%;
}
.trialClass .section1 .left_bottom .textItem02 {
    font-size: 13px;
}
.trialClassHk .section1 .topBox .leftBox {
    width: 35%;
    position: absolute;
    top: 20%;
    left: 5%;
}
.trialClass .section1 .right-box{
    position: absolute;
    top: 0;
    right: 0;
}
.trialClass .section1 .right-box a img {
    width: 50%;
}


.trialClass .section1 .left_top a img {
    width: 500px;
}

.trialClass .section1 .left_bottom .textItem01 {
    font-size: 26px;
    font-weight: 600;
}
.trialClass .section1 .left_bottom2 {
    padding-top: 100px;
}
.trialClass .section3 .Item_box .Item01 span,
.trialClass .section4 .span,
.trialClass .section1 .left_bottom .textItem01 .span {
    color: #328A46;
}

.trialClass .section1 .left_bottom .textItem02 {
    font-size: 15px;
    padding: 5px 10px;
    text-align: center;
    color: #51351C;
}
.trialClass .section1 .left_bottom .textItem02 a {
    color: #51351C;
    font-weight: 500;
}
.trialClass .section1 .rightBox img, media {
    margin-left: 100px;
    max-width: 100%;
    height: auto;
}
.trialClass .section1 .left_bottom2 {
    margin-top: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 10px;
    z-index: 999;
    box-shadow: 0px 0px 10px #e6e9eb;
    opacity: 0.95;
    padding: 80px 0;
}
.trialClass .section1 .left_bottom2 .textItem01 {
    width: 40%;
}
.trialClass .section1 .left_bottom2 .textItem02 {
    margin-top: 2%;
    width: 70%;
}
.trialClass .section1 .left_bottom2 .textItem01 a{
    font-size: 32px;
    line-height: normal;
}
.trialClass .section1 .left_bottom2 .textItem02 a{
    font-size: 24px;
    line-height: normal;
}
.trialClassHk .section1 .topBox .leftBox .left_bottom p{
    font-size: 19px;
    color: #3E1F10;
    font-family: 'NunitoBold';
    font-weight: bolder;

}
.trialClassHk .section1 .IphonBox .left_bottom p{
    font-size: 30px;
    color: #3E1F10;
    font-family: 'NunitoExtraBold';
    font-weight: bolder;
    line-height: 40px;

}
.trialClass .section1 .topBox .leftBox .left_top {
    display: flex;
    justify-content: center;
    margin-bottom: 5%;
}

.trialClass .section3 .span h4,
.trialClass .section2 .span h4 {
    color:#328A46 ;
    font-size: 40px;
    font-family: NunitoExtraBold;
    font-weight: bold;
}
/*.trialClass .section3 .span h4 {*/
/*margin-top: 10%;*/
/*}*/

.trialClass .section2 .videoBox iframe,
.trialClass .section2 .videoBox video{
    width: 50%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.trialClass .section2 .videoBox iframe {
    height: 100%;
}
/*.trialClass .section2 {*/
/*padding-bottom: 30px;*/
/*width: 100%;*/
/*z-index: 19999;*/
/*box-shadow: 0px 5px 5px #e6e9eb;*/
/*opacity: 0.95;*/
/*}*/
/*.trialClass .section4 {*/
/*padding-top: 10px;*/
/*z-index: 999;*/
/*box-shadow: 0px 5px 5px #e6e9eb;*/
/*opacity: 0.95;*/
/*}*/

.trialClass .section2 .videoBox .videoItem {
    position: relative;
    height: 150%;
}
.trialClass .section2 .videoBox .videoItem .img {
    position: absolute;
    width: 8%;
    top: 30%;
    left: 46%;
}

.trialClass .section3 .Item_box {
    margin-top: 20px;
    width: 50%;
    border: 2px solid orange;
    border-radius: 30px;
}
.trialClass .section3 .Item_box .Item01 {
    padding: 40px 55px;
    width: 45%;
    height: 100%;
    /* background-color: palegreen; */
    border-radius: 30px;
}
.trialClass .section3 .Item_box .Item01 .text {
    font-size: 15px;
    text-align: center;
}
.trialClass .section3 .Item_box .Item01 h4 {
    font-weight: bold;
}
.trialClass .section3 .Item_box .Item02 {
    width: 6%;
}
.trialClass .section3 .item {
    font-size: 16px;
}
.trialClass .section3 .text_item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.trialClass .section3 .lis_item li{
    width: 13.5%;
    height: 70px;
    background-color: orange;
    line-height: 70px;
}
.trialClass .section3 .lis_item li:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.trialClass .section3 .lis_item li:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.trialClass .section3 .lis_item li a {
    color: #fff;
    font-size: 18px;
}
.trialClass .section3 .lis_item li {
    position: relative;
}
.trialClass .section3 .lis_item li span {
    position: absolute;
    bottom: -50px;
    left: -15px;
}

.trialClass .section3 .lis_item li .span {
    position: absolute;
    bottom: -50px;
    right: -112%;
}
.trialClass .section3 .text_item  {
    display: flex;
    align-items: center;
    justify-content: center;
}
.trialClass .section3 .text_item .item02,
.trialClass .section3 .text_item .item01 {
    position: relative;
    width: 12.5%;
    height: 40px;
    background-color: #74C370;
    margin-right: 20px;
}

.trialClass .section3 .text_item .item01 img {
    position: absolute;
    top: 0%;
    left: 44%;
    height: 100%;
}
.trialClass .section3 .text_item .item02 .img {
    position: absolute;
    top: 0%;
    left: 20%;
    height: 100%;
}
.trialClass .section3 .text_item .item02 .write,
.trialClass .section3 .text_item .item01 .write {
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.trialClass .section3 .text_item .item01 .green {
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #74C370;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.trialClass .section3 .text_item .item02 .orange {
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #F48133;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.trialClass .section3 .text_item .item02 .total {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.trialClass .section3 .text_item .item02 .total img {
    width: 22px;
    height: 22px;
    margin-right: 1%;
    margin-top: 6%;
}
.trialClass .section3 .text_item .item02 .total .totalItem {
    color: #fff;
    font-weight: bold;
    font-size: 28px;
    padding-right: 10%;
}
.trialClass .section3 .text_item .item02 {
    background-color: #F48133;
}

.trialClass .gallery-list .item-benefits .contentItem {
    margin: 10px 0;
    cursor: pointer;
}
.trialClass .gallery-list .item-benefits .contentItem img {
    width: 30px;
    margin-right: 15px;
}
.trialClass .gallery-list .item-benefits .contentItem .text {
    font-size: 17px !important;
    font-weight: bold;
    color: #754c24;
}
.trialClass .gallery-list .item-benefits .contentItem .text:hover {
    text-decoration: underline;
}


.trialClass .hangBox {
    margin-top: 100px;
    z-index: 100;
    position: relative;
    width: 100%;
}
.trialClass .hangBox .hangTop {
    position: absolute;
    top: -100px;
    left: 10%;
    width: 10%;
}
.trialClass .hangBox .leftItem {
    padding: 20px 0px;
    margin-left: 25%;
    color: #fff;
}
.trialClass .hangBox .rightItem {
    position: absolute;
    right: 15%;
    top: calc(50% - 80px);
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 199;
}
.trialClass .hangBox .rightItem01 {
    position: absolute;
    right: 15.5%;
    top: calc(50% - 80px);
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border:1px solid orange;
    z-index: 299;
}

.trialClass .hangBox .san {
    position: absolute;
    top: -30px;
    left: 23%;
    width: 0;
    height: 0;
    border-bottom: 30px solid hsl(48, 100%, 50%);
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}
.trialClass .hangBox .rightItem .top_item {
    width: 100%;
    height: 50%;
    color: hsl(48, 100%, 50%);
}
.trialClass .hangBox .rightItem .top_item div:nth-of-type(1) {
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trialClass .hangBox .rightItem .top_item div:nth-of-type(2) {
    font-size: 30px;
    /* background-color: blue; */
}
.trialClass .hangBox .rightItem .top_item div:nth-of-type(3) {
    font-size: 70px;
    /* background-color: green; */
    display: flex;
    align-items: center;
}
.trialClass .hangBox .rightItem .num {
    font-size: 12px;
    color: hsl(48, 100%, 50%);
    transform: scale(0.8);
}
.trialClass .section4 a {
    display: block;
}
.trialClass .section4 .item_box2,
.trialClass .section4 .itemBox {
    position: relative;
}
.trialClass .section4 .itemBox .item_box{
    position: absolute;
    top: 15%;
    right: 10%;
}
.trialClassHk .section4 .itemBox .item_box {
    right: 0%;
}
.trialClass .section4 .item_box .top_item2{
    position: absolute;
    top: 15%;
    left: 5%;
}
.trialClassHk .section4 .item_box .top_item2{
    width: 48%;
}
.trialClass .section4 .item_box .top_item2 h2 span {
    font-size: 70%;
}
.trialClass .section4 .img_box img {
    border-top-left-radius:50px ;
    width: 100%;
    height: 400px;
}

.trialClass .section4 .item_box {
    position: relative;
    color: #1A6FAF;
}
.trialClass .section4 .item_box .num,
.trialClass .section4 .item_box h2 {
    font-weight: 900;
    color: #1A6FAF;
}
.trialClassHk .section4 .item_box .num,
.trialClassHk .section4 .item_box h2 {
    font-weight: 900;
    width: 80%;
    color: #1A6FAF;
}
.trialClass .section4 .item_box .num2 {
    margin-bottom: 10%;
}
.trialClassHk .section4 .item_box .num2 {
    margin-bottom: 7%;
}
.trialClassHk .section4 .item_box .num {
    font-size: 12px;
}
.trialClass .section4 .item_box .top_item button {
    background-color: #E3E3E3;
    border: 2px solid #1A6FAF;
    color: #1A6FAF;
    padding: 0 20px;
    font-weight: bold;
}
.trialClass .section4 .item_box .top_item button:hover {
    background-color:#1A6FAF ;
    color: #fff;
}
.trialClass .section4 .item_box .bottom_img {
    position: absolute;
    bottom: 0;
    right: 10%;
}
.trialClass .section4 .item_box .bottom_img img {
    width: 200px;
}
.trialClass .section7  .span h4,
.trialClass .section8  .span h4,
.trialClass .section4  .span h4 {
    font-size: 40px;
    color: #328A46;
    font-family: NunitoExtraBold;
    font-weight: bold;
}
.trialClass .section4 .big_box {
    position: relative;
    margin-bottom: 10%;
}
.trialClass .section4 .big_box .center_img {
    position: absolute;
    bottom: -20px;
    left: calc(50% - 7.5%);
    width: 15%;
}
.trialClass .section4 .top_item2 {
    width: 45%;
    color: #B72831;
}
.trialClass .section4 .item_box .top_item2 button {
    background-color: #E3E3E3;
    border: 2px solid #B72831;
    color: #B72831;
    padding: 0 20px;
    font-weight: bold;
}
.trialClass .section4 .item_box .top_item2 button:hover {
    background-color:#B72831 ;
    color: #fff;
}
.trialClass .section4 .top_item2 h2 {
    color: #B72831;
}
.trialClass .section4 .img_box .img {
    border-top-left-radius:0px ;
    border-top-right-radius:50px ;
}

.trialClass .section4 .Image img {
    width: 100%;
}
.trialClass .section6,
.trialClass .section5 {
    background-color: #FFEFD3;
}

.trialClass .section5 .bottom_img img {
    width: 65%;
    margin-top: -8%;
}
.trialClass .section5 .big_box {
    padding-top: 100px;
}
.trialClass .section5 .top_item2 {
    padding-top: 70px;
    padding-right: 55px;
}
.trialClass .section5 .top_item {
    width: 62%;
    position: absolute;
    top: -15%;
    padding-top: 50px;
}
.trialClass .section5 .top_item2 {
    width: 61%;
}
.trialClass .section5 .top_item02 {
    top: 0%;
    left: 45%;
}
.trialClass .section5 .top_item h3,
.trialClass .section5 .top_item .num{
    color: #1A6FAF;
    font-weight: bold;
}
.trialClass .section5 .top_item h3 {
    margin-top: 0%;
    font-family: NunitoExtraBold;
}

.trialClass .section5 .top_item h1 {
    position: absolute;
    top: -90%;
    font-weight: bold;
    margin-bottom: 80px;
    color: #542F1B;
}
.trialClass .section5 .top_item .num2 {
    font-size: 15px;
    width: 65%;
    line-height: initial;
    font-weight: bold;
}
.trialClass .section5 .big_box .item_box{
    position: relative;
}
.trialClass .section5 .big_box .item_box .bottom_img {
    position: absolute;
    top: 10%;
    right: 44%;
    width: 49%;
}
.trialClassHk .section5 .top_item {
    width: 61%;
    position: relative;
}
.trialClassHk .section5 .top_item02 {
    width: 60%;
    margin-top: 0%;
    left: 10%;
}
.trialClassHk .section5 .top_item .num4 {
    position: absolute;
    top: -33%;
    left: -10%;
    font-family: NunitoExtraBold;
}
.trialClassHk .section5 .top_item2 {
    padding-top: 80px;
    padding-right: 68px;
}

.trialClassHk .section5 .top_item h1 {
    font-weight: bold;
    margin-bottom: 50px;
}
.trialClass .section5 .big_box .item_box .bottom_img2 {
    position: absolute;
    top: -10%;
    right: 35%;
    width: 49%;
}
.trialClassHk .section5 .big_box .item_box .bottom_img2 {
    right: 40%;
}

.trialClass .section5 .top_item2 h3 {
    color: #B72831;
    font-size: 24px;
    font-weight: bold;
}
.trialClassHk .section5 .top_item2 h3 {
    color: #B72831;
    font-weight: bold;
    font-size: 26px;
    font-family: NunitoExtraBold;
}
.trialClassHk .section5 .top_item2 h3 .num5 {
    font-size: 18px;
}
.trialClass .section5 .top_item2 .num {
    font-weight: 600;
}
.trialClassHk .section5 .top_item2 .num {
    line-height: initial;
    font-weight: bold;
}
.trialClass .section5 .top_item2 .num2 {
    color: #B72831;
    font-size: 12px;
}
.trialClass .section5 .center_top .num2 h3,
.trialClass .section5 .center_top .num1{
    font-weight: bold;
    font-size: 32px;
}
.trialClass .section5 .center_top .num2 span {
    font-size: 13px;
}
.trialClass .section5 .center_top .num2{
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: flex-end;
    color: #1A6FAF;
}
.trialClass .section5 .center_bottom,
.trialClass .section5 .center_top {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.trialClass .section5 .center_top .num3{
    width: 44%;
    line-height: normal;
}
.trialClass .section5 .center_bottom .num1{
    width: 44%;
    font-weight: bold;
    color: #B72831;
}
.trialClass .section5 .center_bottom .num2{
    width: 55%;
}
.trialClass .section5 .center_bottom .num3{
    width: 55%;
    font-size: 12px;
    color: #B72831;
    line-height: normal;
}
.trialClass .section6 {
    padding-top: 100px;
}
.trialClassHk .section6 img {
    width: 100%;
}
.trialClass .section6 .left_box .top_item {
    border: 1px solid #B72831 ;
    border-right: none;
    background-color: #D92628;
    border-top-left-radius: 20px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}
.trialClass .section6 .right_box .top_item {
    border: 1px solid #B72831 ;
    border-left: none;
    border-top-right-radius: 20px;
    background-color: #B72831;
    height: 100px;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: center;
}
.trialClass .section6 .right_box .top_item h1,
.trialClass .section6 .left_box .top_item h1 {
    font-size: 28px;
}
.trialClass .section6 .left_box .top_item div {
    font-size: 18px;
}
.trialClass .section6 .bottom_item .ItemBox {
    padding: 5% 15%;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border: 1px solid #B72831 ;
    border-right: none;
    height: 400px;
}
.trialClass .section6 .mtSize {
    margin-top: 200px;
}
.trialClass .section6 .mtSize img {
    width: 100%;
    margin-top: -20%;
}
.trialClass .section6 .bottom_item .ItemBox .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 5%;
}
.trialClass .section6 .bottom_item .ItemBox .item .item01 {
    font-weight: bold;
}
.trialClass .section6 .bottom_item .ItemBox .item span {
    color: #B72831;
}
.trialClass .section6 .bottom_item .ItemBox1 {
    padding: 5% 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: none;
    border-right: 1px solid #B72831;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:20px;
}
.trialClass .section6 .bottom_item .ItemBox1 .item div {
    padding: 5px 0;
    font-size: 26px;
    font-weight: bold;
    line-height: normal;
}
.trialClass .section6 .bottom_item {
    position: relative;
}
.trialClass .section6 .bottom_item .hr {
    position: absolute;
    top: 10%;
    left:99%;
    height: 80%;
    border: 1px solid #ccc;
    background-color: #ccc;
}
.trialClass .section6 .downLoad {
    color: #B72831;
    font-size: 16px;
    align-items: flex-end;
    margin-top: 15px;
}
.trialClass .section6 .downLoad1 {
    color: #583512;
    font-size: 16px;
    margin-top: 10px;
}
.trialClassHk .section6 .downLoad1 {
    margin-top: 5px;
}
.trialClass .section6 button {
    font-size: 16px;
    padding: 0 20px;
    margin-left: 20px;
    border-radius: 40px;
    background-color: #B72831;
}
.trialClass .section6 .footer_box {
    background-color: #fff;
    padding: 30px 0;
    margin-top: -6.5%;
}
.trialClass .section6 .footer_box .span {
    font-size: 32px;
    color: #359449;
    font-weight: bold;
    padding: 0 20px;
}
.trialClassHk .section6 .footer_box .span {
    font-size: 18px;
    color: #359449;
    font-weight: bolder;
    padding: 0 20px;
    width: 26%;
}

.trialClass .section6 .footer_box .item01 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.trialClass .section6 .footer_box .hr {
    width: 18%;
    height: 3px;
    border: 1px solid #359449;
    background-color:#359449 ;
}
.trialClassHk .section6 .footer_box .hr {
    width: 10%;
    height: 3px;
    border: 1px solid #359449;
    background-color: #359449;
}
.trialClass .section6 .footer_box .btn {
    background-color: #fff;
    color: #359449;
    border: 1px solid #359449;
    border-radius: 0;
    padding: 5px 20px;
    font-weight: bold;
}
.trialClassHk .section6 .footer_box .btn {
    padding: 3px 20px;
}
.trialClass .section6 .footer_box .btn:hover {
    color: #fff;
    background-color:#B72831 ;
}
.trialClass .section6 .footer_box .dl_mcf a {
    margin: 0 1%;
}
.trialClass .section6 .downBox   {
    margin-top: 10%;
    border-top: 3px solid #B72831;
    border-bottom: 3px solid #B72831;
}
.trialClass .section6 .downBox .down_box  {
    padding: 10px;
}
.trialClass .section6 .downBox .down_box .downItem {
    font-weight: bold;
    font-size: 28px;
    color:#B72831;
}
.trialClassHk .section6 .downBox .down_box .downItem {
    font-family: 'NunitoExtraBold';
}
.trialClass .section6 .downBox .down_box .downImg {
    width: 30px;
    height: 30px;
    display: flex;
}
.trialClass .section6 .downBox .down_box .downImg img {
    cursor: pointer;
}
.trialClass .section6 .downBox .down_box .downImg .active {
    display: none;
}
.trialClass .section6 .downBox .down_content {
    padding: 20px 10px;
    display: none;
}
.trialClass .section6 .downBox .down_content .contentItem {
    margin: 10px 0;
}
.trialClass .section6 .down_content .contentItem img {
    width: 35px;
    margin-right: 15px;
}
.trialClass .section6 .down_content .contentItem p {
    font-size: 22px;
    font-weight: bold;
    color: #754c24;
}
.trialClass .section6 .down_content a:hover {
    opacity: 1;
}
.trialClass .section6 .down_content .contentItem p:hover {
    border-bottom: 2px solid #754c24;
}
.trialClass .section6 .down_content .contentItem .active {
    border-bottom: 2px solid #754c24;
}
.trialClass .section5 a {
    opacity: 1;
    cursor: auto;
}

.trialClass .section7 .pItem a {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.trialClass .section7 .pItem .item p {
    font-size: 26px;
    color: #754C24;
    font-family: NunitoExtraBold;
    text-align: center;
}
.trialClass .section7 .pItem .item .psize {
    font-size: 16px;
}
.trialClass .section7 .pItem .item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    line-height: initial;
}
.trialClass .section7 .pItem a:hover {
    opacity: 1;
}

.trialClass .section4 {
    position: relative;
    margin-top: 10%;
    margin-bottom: 30%;
}
.trialClass .section4 .span {
    position: absolute;
    top: 19%;
    width: 100%;
    z-index: 999;
}
.trialClass .section4 .Sw_box {
    padding-top: 15%;
}
.trialClass .section4 .container {
    position: absolute;
    top: 15%;
}
.trialClass .section8 .swiper .btnP,
.trialClass .section4 .swiper .btnP {
    width: 20%;
    position: absolute;
    top: 68%;
    left: 19.5%;
    z-index: 3333;
}
.trialClass .section4 .swiper .btnP {
    left: 26.5%;
}
.trialClass .section8 .swiper .btnN,
.trialClass .section4 .swiper .btnN {
    width: 20%;
    position: absolute;
    top: 68%;
    right: 2%;
    z-index: 3333;
}
.trialClass .section4 .swiper .btnN {
    right: 9%;
}
.trialClass .section8 {
    position: relative;
}
.trialClass .section8 .swiper .btnN3 {
    width: 20%;
    position: absolute;
    top: 50%;
    right: 8%;
    z-index: 3333;
}
.trialClass .section8 .swiper .btnP3 {
    width: 20%;
    position: absolute;
    top: 50%;
    left: 25%;
    z-index: 3333;
}
.trialClass .section8 .swiper .btnP img,
.trialClass .section4 .swiper .btnP img,
.trialClass .section8 .swiper .btnN img,
.trialClass .section4 .swiper .btnN img:hover {
    cursor: pointer;
}
.trialClass .section8 .swiper_box,
.trialClass .section4 .swiper_box {
    width: 70%;
    overflow: hidden;
}
.trialClass .section8 .swiper_box,
.trialClass .section4 .swiper_box {
    width: 50%;
    overflow: hidden;
}
.trialClass .section4 .swiper_box {
    width: 35%;
    overflow: hidden;
    z-index: 999;
}
.trialClass .section4 .PC_OP1_box {
    position:absolute;
    top: 0%;
}
.trialClass .section8 .swiper_box .PC_img {
    width: 88%;
}
.trialClass .section4 .swiper_box .PC_img {
    width: 90%;
    /*height: 400px;*/
}
.trialClass .section4 .swiper_box .PC_OP1 {
    position: relative;
    text-align: center;
    width: 100%;
}
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
    display: block;
    width: 170px;
    position: absolute;
    bottom: 5%;
    left: 15%;
}
.trialClass .section8 .swiper_box .swiper .swiper-wrapper .swiper-slide a,
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a:hover {
    opacity: 1;
}
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button{
    background: #ED891E;
    padding: 3px 0px;
    color: white;
    border-radius: 15px;
    font-size: 22px;
    font-family: NunitoExtraBold;
    width: 100%;
}

.trialClass .section8 .AItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40%;
}
.trialClass .section8 .AItem a:hover {
    opacity: 1;
}
.trialClass .section8 .AItem .A_item{
    display: block;
    width: 170px;
}
.trialClass .section8 .AItem .A_item button {
    background: white;
    padding: 3px 0px;
    color: #008845;
    border-radius: 15px;
    border: 3px solid #008845;
    font-size: 22px;
    font-family: NunitoExtraBold;
    width: 100%;
}
.trialClass .section8 .AItem .A_item button:hover {
    background: #008845;
    color: white;
}

.trialClass .section5 .big_box .item_box .bottom_img3 {
    top: 25%;
}

.trialClass .section5 .top_item3 {
    width: 62%;
    position: absolute;
    top: 23%;
}
.trialClass .section5 .top_item .num6 {
    font-size: 20px;
    width: 85%;
}

.trialClass .section5 .top_item3 h3,
.trialClass .section5 .top_item .num7 {
    color:#009F93;
    font-weight: bold;
}
.trialClassHk .section5 .top_item4 {
    padding-top: 100px;
    padding-right: 20px;
}
.trialClassHk .section5 .top_item4 h3 {
    font-size: 28px;
    font-family: NunitoExtraBold;
}

.trialClass .section5 .top_item .num8 {
    font-size: 18px;
    line-height: normal;
    width: 67%;
    font-weight: bold;
}
.trialClass .section5 .top_item .num9 {
    width: 75%;
    margin-top: 5%;
}
.trialClass .section5 .top_item .num10 {
    font-size: 15px;
}
.trialClass .section5 .top_item .Eitem {
    font-size: 18px;
    color: #0171B2;
    font-weight: bold;
}
.trialClass .section5 .top_item4 {
    width: 60%;
    position: absolute;
}
.trialClass .section5 .top_item5 {
    top: 6%;
}
.trialClass .section5 .top_item6 {
    width: 52%;
    position: absolute;
    top: -13%;
    left: 39%;
}

/*Privilege Programme 20221128 end*/

/*gallery-page 20230112 */


.imgBox .enlargeImg_wrapper  {
    /*position: fixed;*/
    z-index: 2999;
    /*top: 20%;*/
    /*left: 28%;*/
    /*width: 44%;*/
    /*height: 70%;*/
    background-color: #ffffff;
    padding: 12px;
    box-shadow: 1px 1px 10px #c6c8ca;
    cursor: pointer;
}
.imgBox .enlargeImg_wrapper  img {
    width: 100%;
    height: 90%;
}
.imgBox .enlargeImg_wrapper h1 {
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: NunitoExtraBold;
    color: #57311D;
    font-size: 28px;
}
.gallery .gallery-list .tab-content .box img,
.gallery-page .gallery-list .tab-content .boximg:hover {
    cursor: zoom-in;
}
.gallery .gallery-list .tab-content .box img,
.gallery-page .gallery-list .tab-content .box img:hover {
    cursor: zoom-out;
}
.gallery .imgBox,
.gallery-page .imgBox {
    /*position: absolute;*/
    position: fixed;
    top: 20%;
    left: 28%;
    width: 44%;
    max-height: 88%;
    display: flex;
    justify-content: center;
    z-index: 1000;
}
.gallery>.active,
.gallery-page>.active {
    top: 11%;
    left: 37%;
    width: 26%;
}
.gallery .imgBox .removeX,
.gallery-page .imgBox .removeX {
    width: 100%;
    position: absolute;
    top: -6%;
    right: -4%;
    display: flex;
    justify-content: flex-end;
}
.gallery .imgBox .removeX .removeX_item,
.gallery-page .imgBox .removeX .removeX_item {
    width: 4.4%;
    height: 6%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.05rem;
    background-color: #fff;
    box-shadow: 1px 1px 10px #c6c8ca;
    cursor: pointer;
    font-weight: bold;
}
/*gallery-page 20230112 end*/

.newsDetails .buttonBox a img{
    width: 25%;
    margin: 0 1%;
}

article>div>.container >.title:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #009539;
    margin-right: 12px;
}
article>div>.container >.title {
    margin: 70px 0 50px 0;
}

.Faq-Page-cn .section1 .topBox {
    /*box-shadow: 0 0 10px #DCDEE0;*/
}

.Faq-Page-cn .section2 {
    background: #FFF8E5;
    /*padding-bottom: 10%;*/
}
.Faq-Page-cn .section2>img {
    padding-top: 10%;
}
.Faq-Page-cn .section2 .topItem {
    color: #B72831;
    font-size: 40px;
    /*font-family: NunitoExtraBold;*/
    font-weight: bold;
    /*padding-top: 8%;*/
    padding-bottom: 2%;
}

.Faq-Page-cn .section2 .downBox   {
    border-top: 3px solid #BABCBD;
    padding: 0 1%;
    /*border-bottom: 3px solid #BABCBD;*/
}
.Faq-Page-cn .section2.downBox .down_box  {
    padding: 1% 10px;
}
.Faq-Page-cn .section2 .downBox .down_box .downItem {
    /*font-family: 'NunitoExtraBold';*/
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    padding: 2% 0;
    color:#4E4F50;
}
.Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none04,
.Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none02 {
    display: none;
}
.Faq-Page-cn .section2 ._classify .down_box .downItem{
    font-size: 32px;
    font-weight: bold;
    color: #B72831;
    width: 100%;
    z-index: 100;
    cursor: pointer;
}
.Faq-Page-cn .section2 ._classify {
    padding-top: 5%;
    padding-bottom: 1%;
    border-bottom: 3px solid #BABCBD;
    border-top: none;
}
.Faq-Page-cn .section2 .topItem {
    position: relative;
}
.Faq-Page-cn .section2 .topItem .img {
    position: absolute;
    top: 900%;
    right: -22%;
    width: 18%;
}
.Faq-Page-cn .section2 .topItem .img01 {
    position: absolute;
    top: 2000%;
    right: -10%;
    width: 10%;
}

.Faq-Page-cn .section2 .downBox .down_box .downItem01 {
    padding: 3% 4% 3% 0%;
    width: 100%;
    z-index: 100;
    cursor: pointer;
}
.Faq-Page-cn .section2 .downBox .down_box .downImg {
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    right: 1%;
    z-index: 99;
}
.Faq-Page-cn .section2 .downBox .down_box .downImg img {
    cursor: pointer;
}
.Faq-Page-cn .section2 .downBox .down_box .downImg .active {
    display: none;
}
.Faq-Page-cn .section2 .downBox .videoBox .videoItem {
    width: 50%;
    padding: 1%;
    margin-bottom: 3%;
    height: 380px;
    background: white;
    border-radius: 2%;
    display: none;
}
.Faq-Page-cn .section2 .videoItem .video_item iframe,
.Faq-Page-cn .section2 .downBox .videoBox .videoItem iframe {
    height: 100%;
    border-radius: 2%;
}

.Faq-Page-cn .section2 .EndBottom {
    border-bottom: 3px solid #BABCBD;
}
.Faq-Page-cn .section2 .videoItem .video_item {
    width: 50%;
    padding: 1%;
    margin-bottom: 3%;
    height: 380px;
    background: white;
    border-radius: 2%;
}

.Faq-Page-cn .section2 ._classify_items01,
.Faq-Page-cn .section2 ._classify_items02,
.Faq-Page-cn .section2 ._classify_items03,
.Faq-Page-cn .section2 ._classify_items04
{
    display: none;
}

.Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none03{
    display: none;
}


/* opluckydraw */
.lucky_draw_page {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 80px;
}
.lucky_draw_page .lucky_img01 {
    /*position: absolute;*/
    /*top: 0%;*/
}
.lucky_draw_page .lucky_img02 {
    position: absolute;
    top: 25%;
    width: 55%;
}
.lucky_draw_page .lucky_img03 {
    position: absolute;
    top: 45.2%;
}
.lucky_draw_page .lucky_img04 {
    position: absolute;
    top: 80%;
    width: 80%;
    z-index: 100;
}
.lucky_draw_page .lucky_img05 {
    position: absolute;
    top: 95%;
    padding-bottom: 15%;
    height: 145%;
}
.lucky_draw_page .lucky_img06 {
    position: absolute;
    bottom: -132.2%;
    z-index: 100;
    width: 75%;
}
.lucky_draw_page .footer-bottom02 {
    color: #0071B4;
    position: absolute;
    bottom: -143%;
    width: 100%;
    height: 8%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    line-height: 50px;
    font-size: 40px;
}
.lucky_draw_page .footer-bottom02 .terms {
    padding-bottom: 20px;
    font-size: 48px;
    font-weight: bold;
}
.lucky_draw_page .footer-bottom02 .terms01 {
    padding-bottom: 20px;
}
.lucky_draw_page .footer-bottom01 {
    position: absolute;
    bottom: -145%;
    width: 100%;
    height: 8%;
}
.lucky_draw_page .center_item_box {
    position: absolute;
    top: 100%;
    z-index: 100;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lucky_draw_page .center_item_box .topItem {
    font-size: 30px;
    color: #0071B4;
    font-weight: bold;
    line-height: initial
}
.lucky_draw_page .center_item_box .selectItem {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 5%;
}
.lucky_draw_page .center_item_box .selectItem .left_item,
.lucky_draw_page .center_item_box .selectItem .right_item {
    display: flex;
    width: 50%;
    text-align: center;
    justify-content: center;
    line-height: initial
}

.lucky_draw_page .center_item_box .selectItem .right_item .big_circle,
.lucky_draw_page .center_item_box .selectItem .left_item .big_circle {
    display: flex;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #0071B4;
    align-items: center;
    justify-content: center;
    margin-right: 3%;
    background: white;
}
.lucky_draw_page .center_item_box .selectItem .right_item .small_circle,
.lucky_draw_page .center_item_box .selectItem .left_item .small_circle {
    width: 75%;
    height:75%;
    border-radius: 50%;
}

.lucky_draw_page .center_item_box .selectItem .right_item  .active,
.lucky_draw_page .center_item_box .selectItem .left_item  .active {
    background: #0071B4;
}

.lucky_draw_page .center_item_box .selectItem .role_item {
    font-size: 24px;
    font-weight: bold;
    color: #0071B4;
}

.lucky_draw_page .center_item_box .enter_name {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lucky_draw_page .center_item_box .enter_name .name_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    line-height: initial;
    color: #0071B4;
    margin-top: 8%;
    margin-bottom: 5%;
}
.lucky_draw_page .center_item_box .enter_name form {
    display: flex;
    font-size: 25px;
    width: 270px;
    height: 55px;
    border-radius: 25px;
    border: 3px solid #0071B4;
    margin-bottom: 5%;
    align-items: center;
    justify-content: center;
    background: white;
}
.lucky_draw_page .center_item_box .enter_name input {
    width: 240px;
    height: 100%;
    background: white;
    border-radius: 10%;
    border: 0;
    line-height: 1rem;
}
.lucky_draw_page .center_item_box .enter_name .red_name {
    height: 80px;
}
.lucky_draw_page .center_item_box .enter_name .red_name .noen_item {
    font-size: 24px;
    line-height: initial;
    color: #E51C24;
    text-align: center;
    display: none;
}
.lucky_draw_page .center_item_box .enter_name .red_name .active {
    display: block;
}


.lucky_draw_page .center_item_box ._Submit button {
    padding: 8px 40px;
    background: #29A3DA;
    color: white;
    border-radius: 25px;
    font-size: 24px;
    font-weight: bold;
}

.lucky_draw_page .center_item_box ._Submit {
    margin-top: 5%;
}

.lucky_draw_page .lucky_img06 ._Prize {
    line-height: 60px;
    text-align: center;
    color: #0071B4;
    font-weight: bold;
    margin-bottom: 5%;
}
.lucky_draw_page .lucky_img06 ._Prize p:first-child {
    font-size: 80px;
}
.lucky_draw_page .lucky_img06 ._Prize p:last-child {
    font-size: 34px;
}

.lucky_draw_page .pop_up_box {
    position: fixed;
    top: 0%;
    left: 0%;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 300;
}
.lucky_draw_page .pop_up_box .pop_up_item {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lucky_draw_page .pop_up_box .pop_up_item img {
    width: 40%;
}
.lucky_draw_page .pop_up_box .pop_up_item a {
    position: absolute;
    top: 28%;
    right: 33%;
    display: block;
    width: 3%;
    height: 8%;
    /*background: red;*/
    z-index: 1000;
}

.lucky_draw_page .center_item_box .topItem01 {
    font-size: 24px;
    line-height: initial;
    color: #E51C24;
    text-align: center;
    display: none;
}

.summer_courses_page {
    margin-top: 80px;
    position: relative
}
.summer_courses_page .agesItem .agesH3 {
    text-align: center;
    font-size: 48px;
    color: #00893D;
    font-weight: bold;
    padding-top: 10%;
    background: white;
    font-family: NunitoExtraBold;
}
.summer_courses_page .agesItem ul li {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.summer_courses_page .agesItem ul li a {
    line-height: initial;
    font-family: NunitoExtraBold;
}
.summer_courses_page .agesItem ul li a p {
    color: white;
    font-family: NunitoExtraBold;
}
.summer_courses_page .agesItem ul li a p:first-child {
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}

.summer_courses_page .agesItem ul li a p:last-child {
    font-size: 48px;
    font-weight: bold;
}

.summer_courses_page .agesItem ul li:first-child {
    margin-right: 10%;
    background: #F5C700;
}

.summer_courses_page .agesItem ul li:last-child {
    background: #FF8F00;
}

.summer_courses_page .rightImg {
    position: absolute;
    right: -5%;
    top: 500px;
    width: 20%;
    z-index: 1;
}
.summer_courses_page .rightImg01 {
    position: absolute;
    left: 0;
    top: 700px;
    width: 20%;
    z-index: 1;
}
.summer_courses_page #year612 ul li,
.summer_courses_page #year36 ul li {
    display: flex;
    justify-content: center;
    z-index: 1;
}
.summer_courses_page #year612 ul li a,
.summer_courses_page #year36 ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #00b8af;
    color: white;
    font-size: 25px;
    font-weight: bold;
    line-height: initial;
}
.summer_courses_page .twoLi li:first-child {
    margin-right: 10%;
}
.summer_courses_page .twoLi li:hover a {
    background: #39AE4A;
    color: white;
    opacity: 1;
}
.summer_courses_page .twoLi li {
    border-radius: 15px;
}

.summer_courses_page .twoLi li a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    /*background: #39AE4A;*/
    border-radius: 15px;
}
.summer_courses_page .twoLi .active a{
    background: #39AE4A;
    color: white;
}
.summer_courses_page #year612 ul li a,
.summer_courses_page #year36 ul li a,
.summer_courses_page .twoLi li a ,
.summer_courses_page .agesItem ul li a:hover {
    opacity: 1;
}

.comeOthers {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.comeOthers a {
    padding: 3px 10px;
    background: #F39800;
    color: #ffffff;
    font-family: NunitoBold;
    border-radius: 30px;
    font-size: 16px;
}
.comeOthers a:hover {
    opacity: 1;
}

.closeX {
    width: 17px;
    height: 21px;
    position: absolute;
    top: 20.6%;
    right: 8px;
    z-index: 9999999999999999999999999999999999;
}

.summer_courses_page .tab-content ul li a p {
    font-family: NunitoExtraBold;
}

.Intensive_Phonics {
    position: relative;
}

.Intensive_Phonics .PC_bg {
    position: absolute;
    top: 0%;
}
.Intensive_Phonics .section1 .BigBox {
    margin-top: 5%;
}
.Intensive_Phonics .section1 .BigBox h3{
    color: #F49F22;
    font-size: 30px;
    font-weight: bolder;
    margin-top: -5%;
    margin-bottom: 5%;
    font-family: 'NunitoExtraBold';
}

.Intensive_Phonics .section1 .img_box {
    width: 110%;
    margin-top: -5%;
}
.Intensive_Phonics .section1 .img_box img {
    width: 55%;
    /*height: 100%;*/
    margin-bottom: 5%;
}

.Intensive_Phonics .section1 .img_box .img01 {
    width: 100%;
}
.Intensive_Phonics .section1 .img_box .img02 {
    width: 20%;
    margin-left: 10%;
    height: 100%;
}
.Intensive_Phonics .section1 .img_box .img03 {
    width: 20%;
    margin-top: -5%;
    margin-left: 5%;
    height: 100%;
}

.Intensive_Phonics .section1 .rightBox {
    margin-top: 10%;
}

.Intensive_Phonics .section1 .item_box {
    font-size: 20px;
    line-height: initial;
    margin-bottom: 10%;
    margin-top: 5%;
}

.Intensive_Phonics .section2 {
    padding-top: 7%;
}

.Intensive_Phonics .section2 .W_item {
    padding-top: 8%;
}

.Intensive_Phonics .section2 .W_item h3 {
    font-size: 48px;
    font-weight: bold;
    font-family: NunitoExtraBold;
    color:#39AE4A;
}

.Intensive_Phonics .section2 .W_item p {
    width: 75%;
    font-size: 22px;
    font-weight: bold;
    line-height: initial;
    margin-top: 2%;
}
.Intensive_Phonics .section4 {
    margin-top: 5%;
}

.Intensive_Phonics .section4 .H_item {
    display: flex;
    align-items: center;
}

.Intensive_Phonics .section4 .H_item h3 {
    font-size: 40px;
    font-weight: bold;
    font-family: NunitoExtraBold;
}

.Intensive_Phonics .section4 .H_item span {
    font-size: 22px;
    font-weight: bold;
    font-family: NunitoExtraBold;
}
.Intensive_Phonics .section4 .H_item img {
    width: 15%;
}

.Intensive_Phonics .section4 .S_item {
    font-size: 17px;
    line-height: initial;
    padding-top: 3%;
    color: #754C24;
}

.Intensive_Phonics .section4 .F_item {
    font-size: 20px;
    font-weight: bold;
    font-family: NunitoExtraBold;
    background: #39AE4A;
    color: #FFF;
     text-align: center;
    margin-top: 3%;
    width: 25%;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.Intensive_Phonics .section4 .hr {
    width: 100%;
    height: 13px;
    background: #FFD90A;
    margin-top: 3%;
}
.Intensive_Phonics .section4 .D_item,
.Intensive_Phonics .section4 .a10_img {
    display: flex;
    justify-content: flex-end;
}

.Intensive_Phonics .section4 .a11_img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.Intensive_Phonics .section4 .a11_img img {
    width: 75%;
}

.Intensive_Phonics .section4 .D_item div {
    font-size: 20px;
    font-weight: bold;
    font-family: NunitoExtraBold;
    /*width: 15%;*/
    /*background: #39AE4A;*/
    color: #39AE4A;
    /*border-top-left-radius: 20px;*/
    /*border-bottom-left-radius: 20px;*/
    /*text-align: center;*/
    margin-top: 3%;
}
.Intensive_Phonics .section4 .a10_img img {
    width: 20%;
}
.Intensive_Phonics .section4 .A_item {
    margin-top: 8%;
    display: flex;
    justify-content: center;
}
.Intensive_Phonics .section4 .A_item a{
    display: block;
    line-height: initial;
    background: #F6921E;
    width: 15%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 1% 0%;
    color: white;
    border-radius: 100px;
}
.Intensive_Phonics .section4 .a14_img img {
    width: 35%;
}

.Intensive_Phonics .section4 .C_item img {
    width: 7%;
}
.Intensive_Phonics .section4 .a21_img img {
    width: 47%;
}
.Intensive_Phonics .section4 .O_item,
.Intensive_Phonics .section4 .a20_img,
.Intensive_Phonics .section4 .a21_img {
    margin-top: 3%;
}

.Intensive_Phonics .section4 .O_item {
    font-size: 17px;
    line-height: initial;
    color: #AD9277;
}

.Intensive_Phonics .section4 .H_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 10%;
}

.Intensive_Phonics .section4 .H_item01 {
    justify-content: flex-end;
}
.Intensive_Phonics .section4 .Y_item01,
.Intensive_Phonics .section4 .S_item01 {
    text-align: right;
}
.Intensive_Phonics .section4 .C_item01 {
    justify-content: flex-end;
}

.Intensive_Phonics .section4 .HBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.Intensive_Phonics .section4 .Assess_img {
    display: flex;
    justify-content: center;
}

.Intensive_Phonics .section4 .Assess_img img {
    width: 50%;
    margin-top: 10%;
}
.Intensive_Phonics .section4 .H_item .h3 {
    font-size: 38px;
}

.Primary_Preparation .section1 .img_box .img03 {
    margin-top: 6%;
}
.Primary_Preparation .section1 .item_box {
    margin-bottom: 5%;
}
.Primary_Preparation .section1 .rightBox {
    margin-top: 8%;
}

.Primary_Preparation .section2 {
    padding-top: 5%;
}
.Primary_Preparation .section4 .F_item,
.Primary_Preparation .section2 .F_item {
    font-size: 48px;
    font-weight: bold;
    font-family: 'NunitoExtraBold';
    text-align: center;
    margin-bottom: 5%;
}
.Primary_Preparation .section2 .F_item {
    color: #39AE4A;
}
.Primary_Preparation .section4 .F_item02{
    color: #5B2F18;
    background: white;
    z-index: 99;
}
.Primary_Preparation .section4 .H_item .ppasset9 {
    width: 7%;
}
.Primary_Preparation .section4 .hr {
    background: #255AA7;
    margin-top: 8%;
}
.Primary_Preparation .section4 .A_item a {
    background: #56BCE4;
    width: 15%;
    font-size: 25px;
    padding: 1% 0%;
}
/*.Primary_Preparation .section4 .H_item img {*/
/*width: 20%;*/
/*}*/

.Primary_Preparation .section4 .H_item .ppasset13 {
    width: 12%;
    margin-top: -3%;
}

.Primary_Preparation .section4 .HBox {
    margin-top: 15%;
}

.Intensive_Phonics .section4 .A_item a:hover {
    opacity: 1;
    cursor: default;
}
.Primary_Preparation .section4 .ppasset17,
.Primary_Preparation .section4 .ppasset14 {
    margin-top: 4%;
}
.Primary_Preparation .section4 .H_item .ppasset16 {
    width: 10%;
}
.Primary_Preparation .section4 .H_item .ppasset15 {
    width: 7%;
}
.Primary_Preparation .section4 .ppasset17,
.Primary_Preparation .section4 .ppasset14,
.Primary_Preparation .section4 .ppasset11 {
    display: flex;
    justify-content: center;
}
.Primary_Preparation .section4 .ppasset17 img,
.Primary_Preparation .section4 .ppasset14 img,
.Primary_Preparation .section4 .ppasset11 img {
    width: 70%;
}

.Intensive_Phonics .PC_ppbg2 {
    position: absolute;
    left: 0;
    top: 45%;
    width: 20%;
}
.Intensive_Phonics .PC_ppbg3 {
    position: absolute;
    right: 0;
    top: 28%;
    width: 20%;
    z-index: 100;
}

.Intensive_Phonics .PC_bg2 {
    position: absolute;
    right: 0;
    top: 63%;
    width: 25%;
}

.Intensive_Phonics .PC_bg3 {
    position: absolute;
    left: 0;
    top: 75%;
    width: 24%;
}
.Intensive_Phonics .section3 {
    position: relative;
}
.Intensive_Phonics .section3 .C_item {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 45%;
    color: #39AE4A;
    font-size: 48px;
    font-weight: bold;
    font-family: NunitoExtraBold;
}

.Intensive_Phonics .section4 .H_item .H3 {
    font-size: 30px;
    margin-bottom: 0;
}
.Intensive_Phonics .section4 .Assess_img {
    position: relative;
}
.Intensive_Phonics .section4 .Assess_img a {
    display: block;
    width: 20%;
    height: 15%;
    position: absolute;
    bottom: 18%;
    right: 32%;
    /*background: red;*/
}

.Summer_Monkey .section1 .img_box .img03 {
    width: 30%;
    margin-top: 2%;
    margin-left: 7%;
    height: 100%;
}

/*.Summer_Monkey .section1 .rightBox {*/
/*margin-top: 10%;*/
/*}*/

.Summer_Monkey .section2 .D_item {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    padding: 5% 0%;
    font-family: 'NunitoExtraBold';
}

.Summer_Monkey .section2 .ageItem {
    text-align: right;
    width: 90%;
}

.Summer_Monkey .section2 .ageItem h3 {
    font-size: 40px;
    color: #39AE4A;
    font-weight: bold;
    font-family: 'NunitoExtraBold';
    padding-bottom: 1%;
}

.Summer_Monkey .section2 .ageItem p {
    font-size: 17px;
    line-height: initial;

}
.Summer_Monkey .PC_bg2 {
    position: absolute;
    right: 0;
    top: 17%;
    width: 15%;
}
.Summer_Monkey .PC_bg3 {
    position: absolute;
    left: 0;
    top: 37%;
    width: 17%;
}
.Summer_Monkey .PC_bg4 {
    position: absolute;
    right: 0;
    top: 66%;
    width: 20%;
}

.Summer_Monkey .section4 .M_top {
    margin-top: 15%;
}
.Summer_Monkey .section2 {
    margin-bottom: 8%;
}

.Cambridge .section1 .F_item {
    color: #B50617;
    font-size: 20px;
    font-weight: bold;
    font-family: 'NunitoExtraBold';
}

.Cambridge .section4 .F_item{
    margin-bottom: -4%;
}

.Cambridge .section4 .A_item {
    margin-bottom: 2%;
}
.Cambridge .section4 .YouItem {
    margin-top: 15%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Cambridge .section4 .A_item a {
    width: 15%;
    font-size: 25px;
    padding: 0.5% 0%;
}
.Our_Locations  {
    font-size: 48px;
    font-family: NunitoExtraBold;
    font-weight: bold;
    color:#39AE4A;
    text-align: center;
}

.Monkey_Tales .section1 .rightBox {
    margin-top: 10%;
}
.Monkey_Tales .section3 {
    margin-top: 10%;
}
.Monkey_Tales .section4 .YouItem {
    margin-top: 10%;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 100;
}

.Monkey_Tales .section4 .YouItem01 {
    align-items: flex-end;
    margin-top: 0%;
}

.Monkey_Tales .section4 .right_box {
    margin-left: 14%;
}
.Monkey_Tales .section4 .hr {
    margin-bottom: 10%;
}
.Monkey_Tales .PC_ppbg3 {
    top: 75%;
}
.Intensive_Phonics .PC_ppbg2 {
    top: 80%;
    width: 18%;
}
.Cambridge .section1 .img_box .img02 {
    width: 16%;
    margin-left: -35%;
    margin-top: -4%;
    height: 100%;
}
.Cambridge .section1 .img_box .img01 {
    width: 100%;
}
/*.Cambridge .section2 {*/
/*padding-top: 15%;*/
/*}*/
.Cambridge .section4 .P_item {
    margin-top: 10%;
}
.Monkey_Tales .section1 .img_box .img01 {
    width: 70%;
}
.Monkey_Tales .section1 .img_box .img02 {
    width: 20%;
    margin-left: 3%;
    margin-top: 0%;
}
.Primary_Preparation .section4 .H_item h3 {
    font-size: 30px;
}
.Primary_Preparation .PC_ppbg2 {
    top: 75%;
    width: 20%;
}
.Monkey_Tales .section2 {
    padding-top: 0%;
}
/*.Primary_Preparantion36 .section1 .img_box .img01 {*/
/*width: 100%;*/
/*}*/
/*.Primary_Preparantion36 .section1 .img_box .img02 {*/
/*width: 20%;*/
/*margin-left: -25%;*/
/*margin-top: -2%;*/
/*}*/
/*.Primary_Preparantion36 .section1 .img_box .img03 {*/
/*margin-top: 26%;*/
/*margin-left: 12%;*/
/*}*/
.Primary_Preparantion36 .section2 .F_item {
    margin-bottom: 3%;
}

.Primary_Preparantion36 .section4 .YouItem02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10%;
}

.Primary_Preparantion36 .section4 .H_item .ppasset9 {
    width: 11%;
}

.Primary_Preparantion36 .section4 .H_item .ppasset13 {
    width: 20%;
    margin-top: -3%;
}

.Primary_Preparantion36 .section4 .H_item02 {
    margin-top: 12%;
}

.Primary_Preparantion36 .section4 .H_item h3 {
    font-size: 30px;
}

.Primary_Preparantion36 .section4 .S_item {
    font-size: 20px;
    line-height: initial;
    padding-top: 3%;
    color: #754C24;
}
.Primary_Preparantion36 .PC_ppbg3 {
    top: 40%;
    width: 28%;
}
.Summer_Monkey36 .section1 .img_box .img02 {
    width: 20%;
    margin-left: -35%;
}
.Summer_Monkey36 .section1 .img_box .img01 {
    width: 100%;
}
.Summer_Monkey36 .section1 .img_box .img03 {
    width: 35%;
    margin-top: 1%;
    height: 100%;
}
.Summer_Monkey36 .section4 .F_item {
    margin-bottom: 5%;
}
.imgBox .enlargeImg_wrapper .Bo_box {
    position: absolute;
    bottom: 9.5%;
    left: 0;
    padding: 12px
}
.imgBox .enlargeImg_wrapper .Bo_box .C_color {
    background-color:rgb(0 0 0 / 40%);
}
.imgBox .enlargeImg_wrapper .Bo_box .P_itemCN {
    color: white;
    padding: 2%;
    line-height: initial;
    /*font-size: 17px;*/
}
.imgBox .enlargeImg_wrapper .Bo_box .P_itemHK {
    color: white;
    padding: 2%;
    line-height: initial;
    font-size: 14px;
}

.Monkey_Tales36 .section1 .img_box .img01 {
    width: 70%;
}
.Monkey_Tales36 .section1 .img_box .img02 {
    margin-left: 3%;
    margin-top: -2%;
}
.Monkey_Tales36 .section4 .YouItem {
    align-items: center;
}

.Monkey_Tales36 .section4 .H_item01 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.Monkey_Tales36 .section4 .S_item01 {
    text-align: right;
}

.Monkey_Tales36 .section4 .hr01 {
    margin-bottom: 5%;
}
.Monkey_Tales36 .section4 .S_item02 {
    color: #92278E;
    text-align: center;
}

.Monkey_Tales36 .section4 .YouItem01 {
    margin-top: 15%;
}

.Monkey_Tales36 .section4 .disCo01 {
    margin-top: -12%;
}
.Monkey_Tales36 .PC_ppbg2 {
    top: 35%;
    width: 25%;
}
.Monkey_Tales36 .PC_ppbg3 {
    top: 68%;
    width: 30%;
}
.Cambridge612 .section1 .img_box .img02 {
    width: 15%;
    margin-left: -47%;
    margin-top: -5%;
    height: 100%;
}
.Cambridge612 .section4 .YouItem {
    margin-top: 10%;
}
/*.Cambridge612 .section4 .YouItem .ppasset99 {*/
/*width: 8%;*/
/*}*/
.Cambridge612 .section4 .H_item img {
    width: 8%;
}
.Cambridge612 .section1 .item_box {
    margin-bottom: 5%;
    width: 90%;
}
.Cambridge612 .section1 .item_box {
    font-size: 17px;
}
.Cambridge612 .section1 .img_box img {
    width: 50%;
}
.Cambridge612 .section1 .img_box .img03 {
    margin-left: -44%;
    margin-top: -4%;
}

/* E-Teaching 2023-10-17 */
.E-Teaching .section1 .leftBox {
    margin-top: 7%;
    /*margin-left:-10%;*/
}
.E-Teaching .section1 .img_box .img01 {
    width: 80%;
}
.E-Teaching .section1 .img_box .img02 {
    width: 15%;
    margin-top: 3%;
}
.E-Teaching .section1 .rightBox {
    position: absolute;
    width: 35%;
    right: 10%;
    top: -0.5%;
}
.E-Teaching .section1 .img_box01 {
    margin-top: 3%;
    font-size: 1.8rem;
    line-height: 35px;
    font-weight: bold;
    font-family: 'NunitoExtraBold';
    text-align: center;
}
.E-Teaching .section2 {
    margin-top: 15%;
}
.E-Teaching .section4 h4,
.E-Teaching .section2 h4 {
    text-align: center;
    font-size: 38px;
    font-family: 'NunitoExtraBold';
    color: #248332;
    margin-bottom: 10%;
}
.E-Teaching .section2 .bottomP{
    font-size: 18px;
    /*font-family: 'NunitoExtraBold';*/
    line-height: 25px;
}
.E-Teaching .section2 .PC_Plus {
    margin: 0% 6%;
}
.E-Teaching .section2 .PC_Plus img {
    width: 100%;
    margin-top: 110%;
}
.E-Teaching .section3 {
    margin-top: 20%;
    margin-bottom: 15%;
}
.E-Teaching .section3 .BG2_qwe {
    position: relative;
}
.E-Teaching .section3 .BG2_qwe>img{
    position: absolute;
    top: -30%;
}
.E-Teaching .section3 .BG2_qwe .PC_EF_img{
    margin-left: -10%;
}
.E-Teaching .section3 .BG2_qwe .img_box01{
    width: 80%;
}
.E-Teaching .section3 .small-img-text {
    padding: 20px 0;
}
.E-Teaching .section3 .small-img-text li {
    white-space: nowrap;
    font-size: 15px;
    padding-right: 15px;
    color: rgba(157,157,157,1);
}
.E-Teaching .section3 .small-img-text img {
    width: 20px;
    display: inline-block;
    margin-right: 10px;
}
.E-Teaching .section3 .item_box {
    font-size: 17px;
    /*line-height: initial;*/
    /*font-weight: bold;*/
    padding-top: 10px;
    padding-bottom: 25px;
}
.E-Teaching .section3 .big-b-title {
    font-family: NunitoExtraBold;
    font-size: 40px;
    color: #e38645;
}
.E-Teaching .section3 .right-box {
    margin-top: 10%;
}
.E-Teaching .section4 {
    margin-top: 5%;
}
.E-Teaching .section4 .A_item .EF_Reading {
    width: 22%;
}
.E-Teaching .section4 .uls .li-p {
    font-size: 20px;
    /*font-weight: bold;*/
    line-height: 25px;
    text-align: center;
    margin: 10% 0%;
}
.E-Teaching .section4 .uls .ul-p {
    font-size: 1rem;
    text-align: center;
    line-height: 25px;
    /*font-weight: bold;*/
}
.E-Teaching .section4 .uls li img {
    width: 140px;
}
.E-Teaching .section4 .uls li {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.E-Teaching .section4 h4 {
    margin: 8% 0;
}
.E-Teaching .section4 .uls {
    margin-bottom: 5%;
}
.ket-layout .small-img-text li {
    display: flex;
    white-space: nowrap;
    font-size: 15px;
    padding-right: 30px;
    color: rgba(157,157,157,1);
    align-items: center;
}
.ket-layout .small-img-text img {
    width: 20px;
    display: inline-block;
    margin-right: 10px;
}
.ket-layout .section1 .item_box {
    width: 80%;
    line-height: inherit;
}
.ket-layout .section2 h4 {
     margin-bottom: 0%;
}
.ket-layout .section2 h5 {
    text-align: center;
    margin-top: 1%;
    margin-bottom: 5%;
    font-size: 24px;
}
.ket-layout .section1 .item_box {
    font-size: 17px;
}
.ket-layout .section1 .img_box .img01 {
    width: 75%;
}
.ket-layout .section4 .hr,
.ket-layout .section2 .hr {
   height: 10px;
    background: #DC361C;
}
.ket-layout .section4 .A_item a {
    background: #0054A7;
}
.ket-layout .section2 .center-box {
    flex-direction: column;
}
.ket-layout .section2 .center-box .small_box {
    position: relative;
    width: 77%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
}
.ket-layout .section2 .center-box .small_box .smallBox {
    position: absolute;
    top: 1.3%;
    width: 82%;
    height: 100%;
    background: #e5e5e5;
    box-shadow: 16px 0px 0px #e5e5e5;
    border-radius: 45px;
    z-index: 99;
}
.ket-layout .section2 .center-box .small_box .top_item {
    background: #B2B2B2;
    line-height: initial;
    height: 70px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-right: 2px solid white;
    z-index: 1000;
}
.ket-layout .section2 .center-box .small_box .top_item h3{
    font-size: 22px;
    color: white;
    font-weight: bold;
}
.ket-layout .section2 .center-box .small_box .top_item:first-child {
    border-top-left-radius: 45px;
}
.ket-layout .section2 .center-box .small_box .top_item:nth-child(4) {
    border-top-right-radius: 45px;
    border-right: 2px solid #B2B2B2;
}
.ket-layout .section2 .center-box .small_box .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    height: 200px;
    line-height: initial;
    font-size: 18px;
    background: #F1F1F1;
    z-index: 1000;
}
.ket-layout .section2 .center-box .small_box .items {
    border-right: 2px solid  #F1F1F1;
}

.ket-layout .section2 .center-box .small_box .item1 {
    height: 550px;
    border-bottom: 2px solid  #F1F1F1;
}
.ket-layout .section2 .center-box .small_box .bot-rig {
    border-bottom-right-radius: 45px;
}
.ket-layout .section2 .center-box .small_box .bot-lef {
    border-bottom-left-radius: 45px;
}
.ket-layout .section4 h4 {
    margin-bottom: 3%;
    margin-top: 0%;
    color: #603813;
    font-family: 'NunitoExtraBold';
    font-size: 38px;
}
.ket-layout .section4 .A_item {
    /* margin-top: 8%; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.ket-layout .section4 .hr{
   margin-bottom: 5%;
}
.ket-layout .section4 .orgBox{
    width: 50%;
    height: 80px;
    background: #FFFACC;
    border-radius: 50px;
    margin-bottom: 2%;
}
.ket-layout .section4 .orgBox img{
    width: 30px;
    margin-left: 5%;
}
.ket-layout .section4 .orgBox .froItem{
    font-weight: bold;
    font-size: 15px;
    line-height: initial;
    font-family: 'NunitoExtraBold';
    margin-left: 3%;
}
.ket-layout .section4 .ket_item {
    flex-direction: row;
}

.ket-layout .section4 .ket_item img{
    width: 20%;
}
.ket-layout .section2 .A_item a {
    display: block;
    line-height: initial;
    background: #0054A7;
    width: 25%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 1% 0%;
    color: white;
    border-radius: 100px;
}
.ket-layout .section2 .A_item a {
    font-size: 12px;
}
.ket-layout .section2 .A_item {
    display: none;
}
.ket-layout .section4 .center-box .sma_box,
.ket-layout .section2 .center-box .sma_box {
    display: none;
    width: 65%;
    margin-top: 5%;
    box-shadow: 8px 11px 0px #e5e5e5;
    border-radius: 45px;
}
.ket-layout .section4 .center-box .sma_box .top_item,
.ket-layout .section2 .center-box .sma_box .top_item {
    background: #B2B2B2;
    line-height: initial;
    height: 70px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 1000;
}
.ket-layout .section4 .center-box .sma_box .top_item h3,
.ket-layout .section2 .center-box .sma_box .top_item h3{
    font-size: 20px;
    color: white;
    font-weight: bold;
}
.ket-layout .section4 .center-box .sma_box .top_item:first-child,
.ket-layout .section2 .center-box .sma_box .top_item:first-child {
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
}

.ket-layout .section4 .center-box .sma_box .item,
.ket-layout .section2 .center-box .sma_box .item {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 70px;
    line-height: initial;
    font-size: 18px;
    background: #F1F1F1;
    z-index: 1000;
}
.ket-layout .section4 .center-box .sma_box .itemP,
.ket-layout .section2 .center-box .sma_box .itemP {
    height: 100px;
}
.ket-layout .section4 .center-box .sma_box .itemS,
.ket-layout .section2 .center-box .sma_box .itemS {
    height: 150px;
}
.ket-layout .section4 .center-box .sma_box .itemS p,
.ket-layout .section2 .center-box .sma_box .itemS p {
    width: 82%;
    text-align: center;
}
.ket-layout .section4 .center-box .sma_box .bot-rad,
.ket-layout .section2 .center-box .sma_box .bot-rad {
    border-bottom-right-radius: 45px;
    border-bottom-left-radius: 45px;

}
.ket-layout .section4 .center-box .sma_box .itemG {
    height: 150px;
}
.ket-layout .section4 .center-box .sma_box .itemY {
    height: 330px;
}
.ket-layout-cn .section2 .center-box .small_box .top_item h3 {
    font-size: 15px;
    color: white;
    font-weight: bold;
}
.ket-layout-cn .section2 .center-box .small_box .item1 {
    height: 350px;
}
.ket-layout-cn .section4 .orgBox {
    width: 30%;
}
.ket-layout .section4 .ket_item {
    text-align: center;
}
.ket-layout .section4 .ket_item .leftImg{
  margin-right: 7%;
}
.ket-layout .section4 .ket_item .righImg{
    margin-left: 7%;
}
.ket-layout .section4 .orgBox a:hover {
  color: #485154;
}
.ket-layout-cn .section4 .orgBox img {
     margin-left: 0%;
}
.pet-layout .section4 .A_item .EF_Reading {
    width: 13%;
}
.courses-main .title-p {
    width: 60%;
    line-height: initial;
    font-size: 22px;
    margin-bottom: 5%;
}
.courses-main .tab-content .tab-pane a:hover img {
    border-radius: 26%;
    border: 10px solid #FFD90A;
}
.courses-main .tab-content .tab-pane .active-Y img {
    border-radius: 26%;
    border: 10px solid #FFD90A;
}
.courses-main .tab-content .tab-pane .active-Y p {
    color: #00903D;
}
.courses-main .tab-content .tab-pane a:hover p {
   color: #00903D;
}
.courses-main .tab-content .tab-pane a:hover {
    opacity: 1;
}
.courses-main .tab-content .tab-pane p {
    font-size: 24px;
    color: #42210B;
    font-weight: bold;
    font-family: 'NunitoExtraBold';
}
.courses-main .gallery-list .tab-content .tab-pane .col-lg-3 {
    line-height: initial;
}
.courses-main .tab-content .flex-container{
    display: flex;
    justify-content: center;
}
.courses-main-cn .tab-content .tab-pane p {
    font-size: 20px;
}
.courses-main-cn .title-p {
    width: 50%;
    font-size: 20px;
}
.

/*.chinese_character .section1 .img_box .img01 {*/
/*    width: 100%;*/
/*}*/
.chinese_character .section1 .rightBox {
    margin-top: 10%;
    left: 10%;
}
.chinese_character .section1 .rightBox img {
     width: 55%;
}
.chinese_character .section1 .img_box img {
    width: 65%;
    margin-bottom: 5%;
}
.chinese_character .section1 .item_box {
    margin-bottom: 8%;
}
.chinese_character .section1 .item_box {
    width: 85%;
}
.chinese_character .section1 .img_box .img02 {
    margin-top: -3%;
    margin-left: 5%;
    width: 18%;
}
.chinese_character .section2 .F_item {
    margin-top: 8%;
}
.chinese_character .section2 .p_item p {
    line-height: initial;
    text-align: center;
    padding-top: 5%;
    font-size: 17px;
    font-family: 'NunitoExtraBold';
    width: 75%;
}
.chinese_character .section4 .H_item {
    flex-direction: row-reverse;
}
.chinese_character .section4 .Y_item01 {
    text-align: left;
}
.chinese_character .section4 .HBox {
    margin-top: 5%;
}
.chinese_character .section4 .F_item {
    margin-top: 7%;
}
.chinese_character .section4 .H_item {
    display: flex;
    align-items: flex-start;
}
.chinese_character .section4 .C_item img {
    width: 9%;
}
.chinese_character .section1 .item_box {
    line-height: inherit;
}

.chinese_character .section4 .fea_item {
    margin-top: 15%;
    background: transparent;
}
.chinese_character .section3 {
    margin-top: 10%;
}

.chinese_character .begin_box {
    margin-top: 10%;
}
.chinese_character .begin_box .learn-box {
    display: flex;
    justify-content: center;
    margin-top: 5%;
}

.chinese_character .begin_box .learn-box .learn-item {
    text-align: center;
    line-height: initial;
}
.chinese_character .begin_box .learn-box .learn-item:first-child {
   margin-right: 5%;
}
.chinese_character .begin_box .learn-box .learn-item:last-child {
   margin-left: 5%;
}

.chinese_character .begin_box .learn-box .learn-item .FrItem{
    font-size: 24px;
    color: #5B2F18;
    font-family: 'NunitoExtraBold';
    margin-top: 5%;
}

.chinese_character .begin_box .learn-box .learn-item .UrItem{
    font-size: 18px;
    color: #5B2F18;
    padding-top: 2%;
}
.chinese_character .begin_box .learn-box .learn-item:hover {
    color: #5B2F18;
}
.chinese_character .section2 .p_item {
    display: flex;
    justify-content: center;
}
.chinese_character_cn .section4 .C_item img {
    width: 10%;
    margin-top: 0%;
}

.panda_chineseLearning .section1 .img_box img {
    width: 85%;
}
.chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
    font-size: 40px;
}
.chinese_character .section4 .S_item {
    line-height: inherit;
}
.chinese_character .section4 .H_item .H3 {
    font-size: 24px;
}
.panda_chinese .section4 .p_item,
.panda_chinese .section2 .p_item {
    display: flex;
    justify-content: center;
    margin-bottom: 3%;
}
.panda_chinese .section4 .fea_item {
    margin-top: 10%;
    background: transparent;
}

.panda_chinese .section4 .mon_item {
    margin-top: 10%;
}
.panda_chinese .section4 .p_item p {
    line-height: initial;
    text-align: center;
    padding-top: 5%;
    font-size: 17px;
    font-family: 'NunitoExtraBold';
}
.panda_chinese .section2 .p_item div,
.panda_chinese .section4 .p_item div {
    text-align: center;
}
.panda_chinese .top_sec4 {
    margin-top: 10%;
}
.panda_papsk .section1 .img_box img {
    width: 65%;
    margin-bottom: 0%;
}
.panda_papsk .title-box .title {
    color: #008b3d;
    font-family: NunitoExtraBold;
    font-size: 40px;
    margin-bottom: 20px;
}
.panda_papsk .title-box .title img {
    width: 15%;
}

.panda_papsk .section2 {
    padding-top: 12%;
}
.panda_papsk .title-box .sk-p{
    margin-top: 5%;
}
.panda_papsk .section4 .p_item div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.panda_chinese .section4 .p_item p {
    width: 90%;
}
.panda_papsk .section4 .san-3 {
    margin: 5% 0%;
}
.panda_papsk .top_sec4 {
    margin-top: 20%;
}
.panda_papsk .section4 .A_item {
    margin-top: 0%;
    margin-bottom: 5%;
}
.panda_papsk .section4 .A_item a {
    background: #7587D3;
    font-size: 20px;
    width: 17%;
}
.panda_conver .section1 .img_box img {
    width: 45%;
    margin-bottom: 0%;
}
.panda_conver .section4 .kuan-box {
    position: relative;
    text-align: center;
    margin-top: 3%;
    display: flex;
    justify-content: center;
}
.panda_conver .section4 .kuan-box .On-item {
    width: 70%;
    position: absolute;
    top: 13%;
    left: 16%;
    display: flex;
}
.panda_conver .section4 .kuan-box .On-item .left_box {
    text-align: left;
}
.panda_conver .section4 .kuan-box .On-item .left_box h4 {
    margin-bottom: 3%;
    margin-top: 1%;
    color: #00903D;
    font-family: NunitoExtraBold;
    font-weight: bold;
    font-size: 26px;
}
.panda_conver .section4 .kuan-box .On-item .left_box p {
    width: 90%;
    margin-top: 5%;
    font-weight: bold;
    font-size: 17px;
}
.panda_conver .section4 .F_item {
    font-size: 40px;
    position: absolute;
    right: -15%;
    bottom: 150%;
}
.panda_conver .section4 .A_item a {
    background: #ED7EA6;
}
.panda_conver .section4 .A_item a {
    width: 18%;
}
.panda_conver_cn .section4 .F_item {
    right: -3%;
    text-align: right;
}
.Private_Lesson .section1 .img_box .img01 {
    width: 70%;
}
.Private_Lesson .section1 .img_box .img02 {
    margin-left: 10%;
}
.Private_Lesson .section4 .fea_item {
    margin-top: 10%;
}
.Panda_Course .section1 h4.title-h4 {
    margin-bottom: 8%;
}
.Panda_Course .section1 .courses-main .title-p {
    width: 70%;
    line-height: initial;
    font-size: 22px;
    margin-bottom: 5%;
}
.Panda_Course .section2 .F_item  {
    width: 100%;
    position: absolute;
    top: 10%;
}
.Panda_Course .section2 .center_box  {
    width: 100%;
    position: absolute;
    top: 40%;
    display: flex;
    justify-content: center;
}
.Panda_Course .section2 .center_box .l-box  {
    width: 100%;
    display: flex;
    align-items: center;
}
.Panda_Course .section2 .center_box .l-img  {
    width: 100%;
}
.Panda_Course .section2 .center_box .r-img  {
    width: 110%;
}
.Panda_Course .section2 .center_box .l-item  {
    margin-left: 5%;
}
.Panda_Course .section2 .center_box .l-item h4 {
    font-size: 24px;
    font-weight: bolder;
    font-family: NunitoExtraBold;
}
.Panda_Course .section2 .center_box .r-item p {
   width: 110%;
}
.Panda_Course .section2 .F_item {
    font-size: 40px;
}
.Panda_Course .section1 .course-box {
    display: flex;
    justify-content: center;
}
.Panda_Course .section1 .course-box>div {
    margin-bottom: 5%;
}
.Panda_Course .section1 .course-box>div a {
    line-height: initial;
}
.chinese_character .section2 .p_item>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.Private_Lesson .top_sec5 .p_item {
    display: flex;
    justify-content: space-evenly;
}
.Private_Lesson .top_sec5 .p_item p {
    margin-top: 8%;
    text-align: center;
}
.Private_Lesson .top_sec5 .divP {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 3%;
    margin-top: 3%;
}
.Private_Lesson .top_sec5 .divP p{
    width: 70%;
    text-align: center;
}
.Private_Lesson .top_sec5 .F_item {
    margin-bottom: 0%;
}
.Private_Lesson .top_sec5 .fea_item {
    margin-top: 15%;
}
.trialClassS .section8 {
    margin-top: 8%;
    margin-bottom: 25%;
}
.trialClassS .section8 .span {
    width: 100%;
   position: absolute;
    top: 20%;
}
.trialClassS .section8 .swiper_box {
    margin-top: 16%;
}
.trialClassS .section8 .swiper .btnP3 {
    top: 67%;
}
.trialClassS .section8 .swiper .btnN3{
    top: 67%;
}
 .trialClassS .section5 {
     background: transparent;
 }
.trialClassS .section7 .span p {
    font-size: 17px;
    margin: 2% 0% 5%;
}
.trialClassS .section7 .item-or {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #328A46;
    font-family: NunitoExtraBold;
    font-weight: bold;
}
.trialClassS .section7 .item-img-p {
    margin-top: 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.trialClassS .section7 .item-img-p img {
    width: 10%;
}
.trialClassS .section7 .item-img-p p {
    font-size: 17px;
    width: 35%;
    margin-top: 2%;
}
.trialClassS .section7 {
    margin-bottom: 5%;
}
.trialClassS .gallery .gallery-list li:first-child {
     margin-right: 0%;
}
.trialClassS .gallery .gallery-list li {
    padding: 0;
    margin: 0% 2%;
}
.trialClassS .gallery .gallery-list li a {
    color: #603813;
    background-color: transparent;
    font-size: 17px;
    cursor: pointer;
    border-radius: initial;
}
.trialClassS .gallery .gallery-list ul {
  border-bottom: 2px solid #CECECE;
}
.trialClassS .gallery .gallery-list li a.active,
.trialClassS .gallery .gallery-list li a:hover {
    background-color:transparent;
    color: #603813;
    border-bottom: 3px solid #603813;
}

.trialClassS .gallery .gallery-list .nat-an .natBox {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 4%;
}
.trialClassS .gallery .gallery-list .nat-an .natBox img {
    width: 75%;
}
.trialClassS .gallery .gallery-list .nat-an .natBox .item-top {
   font-size: 12px;
    color: #603813;
    font-weight: bolder;
    margin-top: 5%;
}
.trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
    text-align: center;
    font-size: 20px;
    color: #603813;
    font-weight: bolder;
    line-height: initial;
    margin-top: 3%;
    margin-bottom: 3%;
}
.trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom3,
.trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom2,
.trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom1 {
    text-align: center;
    font-size: 16px;
    color: #000000;
    line-height: initial;
}
.trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom2 {
    margin-top: 10%;
}
.trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom3 {
    margin-top: 15%;
}

.trialClassS .gallery .gallery-list .natBox .A_item {
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.trialClassS .gallery .gallery-list .nat-an .item-coming {
    text-align: center;
    font-size: 38px;
    color: #CECECE;
    font-weight: bolder;
    font-family: NunitoExtraBold;
    margin-bottom: 10%;
    margin-top: 5%;
}
.trialClassS .gallery .benefits .free-ocean {
    /*margin-top: -6%;*/
}
.trialClassS h4.title-h4 {
    margin-bottom: 5%;
    margin-top: 5%;
}
.trialClassS .section6 .detail-img-1 {
    display: flex;
    justify-content: flex-end;
    margin: 5% 0%;
}
.trialClassS .section6 .detail-img-1 img{
    width: 60%;
}
.trialClassS .gallery .benefits .free-ocean .byHs {
    font-size: 1.2rem;
    color: #B72831;
    font-weight: bold;
    font-family: NunitoExtraBold;
}
.trialClassS .gallery .benefits .free-ocean .byBc {
    font-size: 0.9rem;
    color: #B72831;
}
.trialClassS .gallery .benefits .free-ocean .hsbc .hs {
    font-size: 1rem;
    color: #593512;
}
.trialClassS .gallery .benefits .free-ocean .hsbc .bc {
    font-size: 0.8rem;
    color: #B72831;
}
.trialClassS .gallery .benefits .free-ocean .ocean {
    margin-bottom: 0%;
}

.trialClassS .gallery .benefits .terms .itemN {
    display: flex;
}
.trialClassS .gallery .benefits .section6 .Term-BigBox {
    display: flex;
    justify-content: flex-end;
}
.trialClassS .gallery .benefits .section6 .Term-BigBox .mtR{
    margin-right: 7%;
    margin-top: -1%;
}
.trialClassS .gallery .benefits .section6 .itemBox .itemBox-p {
    font-size: 15px;
    line-height: initial;
    margin-bottom: 5%;
}
.trialClassS .gallery .benefits .section6 .itemN-img {
    display: flex;
    align-items: center;
    margin-left: 2%;
}
.trialClassS .gallery .benefits .section6 .itemN-img img {
    width: 15%;
    display: none;
}
.trialClassS .gallery .benefits .section6 .itemN-img img:hover {
   cursor: pointer;
}
.trialClassS .gallery .benefits .section6 .itemN-img .active {
    display: block;
}
.trialClassS .gallery .benefits .section6 .itemN-ter {
    border-bottom: 2px solid #754C24;
    color: #754C24;;
}
.trialClassS .gallery .benefits .section6 .itemBox {
    margin-top: 2%;
}
.trialClassS .section6{
     background-color: transparent;
}
.trialClassS .section7 .disF #roll1,
.trialClassS .section7 .disF #roll2 {
    opacity: 0;
}
@keyframes rollIn1 {
    0% {
        opacity: 0;
        transform: translate(-100%);
    }
    100% {
        opacity: 1;
    }
}

@keyframes rollIn2 {
    0% {
        opacity: 0;
        transform: translate(100%);
    }
    100% {
        opacity: 1;
    }
}

.trialClassS .section7 .disF .rollIn2 {
    animation: rollIn2 1.5s;
}
.trialClassS .section7 .disF .rollIn1 {
    animation: rollIn1 1.5s;
}

.trialClassS .section8 .AItem {
    position: relative;
}
.trialClassS .section8 .AItem .A_item {
    text-align: center;
    position: absolute;
    bottom: 5%;
    left: 10%;
}

.trialClassS .section8 .AItem .A_item button {
    background: #DF801E;
    padding: 3px 0px;
    color: #fff;
    border-radius: 15px;
    border: 0px;
    font-size: 22px;
    font-family: NunitoExtraBold;
    width: 100%;
}
.trialClassS .section8 .AItem .A_item button:hover {
    opacity: 0.8;
    background:#DF801E;
}

.trialClassS .section8 .AItem .A_item_p {
    position: absolute;
    bottom: 34%;
    left: 12%;
    font-size: 20px;
    font-weight: bolder;
    line-height: initial;
    font-family: NunitoExtraBold;
    color: #603813;
}

.trialClassS .section8 .swiper_box .PC_img {
    width: 88%;
    height: 100%;
    border: 8px solid #FED900;
    border-radius: 50px;
}
.E-Teaching .iframeBox .video-box {
   width: 100%;
}
.E-Teaching .iframeBox .video-box iframe{
    width: 100%;
    height: 366px;
}
.E-Teaching .iframeBox h4 {
    margin-bottom: 5%;
    margin-top: 10%;
}

.trialClassS .section8 .AItem .A_item_small {
    position: absolute;
    top: 67%;
    left: 12%;
    color: #603813;
    line-height: initial;
    font-size: 15px;
    width: 80%;
}
.trialClassS .section6 .downBox .down_content {
    display: flex;
    flex-direction: column;
}

/* 样式可根据需要进行修改 */
.trialClassS .section5 .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10%;
}
.trialClassS .section5 .rowBox .content {
    display: flex;
    justify-content: center;
}
.trialClassS .section5 .pagination a {
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    /*transition: background-color .5s;*/
    border: 1px solid #ddd;
    line-height: initial;
}
.trialClassS .section5 .pagination a:hover {
    background-color: #ddd;
}
.trialClassS .section5 .pagination .active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}
.trialClassS .section5 .content .item-none2,
.trialClassS .section5 .content .item-none {
    display: none;
}
.trialClassS .section5 .content .active {
    display: block;
}
.trialClassS .section5 .rowBox>.nat-an>.row {
    display: flex;
    flex-direction: column;
}

.benefits_details .gallery .benefits .free-ocean {
    margin-top: 0%;
}
.benefits_details .gallery .benefits .free-ocean .hsbc {
    width: 90%;
    margin-top: 4%;
    line-height: initial;
    margin-bottom: 10%;
}
.benefits_details .section6 {
    margin-top: 5%;
}
.benefits_details .section5 .rowBox .item-benefits .detail-img-1 {
    margin-top: 30%;
    text-align: center;
}
.benefits_details .section5 .rowBox .item-benefits .detail-img-1 a{
    padding: 6% 12%;
    font-size: 15px;
    color: #fff;
    background: #39A54A;
    border-radius: 50px;
    font-weight: bolder;
    cursor: pointer;
}
.benefits_details .section6 .terms .item-dis {
    margin-bottom: 5%;
}
.benefits_details .section6 .terms .item-dis h3{
    font-weight: bold;
    font-family: NunitoExtraBold;
    font-size: 22px;
}
.benefits_details .section6 .terms .item-dis p{
    font-size: 20px;
    line-height: initial;
}
.benefits_details .gallery .benefits .section6 .itemBox .itemBox-p>div{
   margin-top: 5%;
}

.benefits_details .section5 .rowBox .item-benefits .item-pp {
    padding: 0;
}
.benefits_details .gallery .benefits .section6 .Term-BigBox .mtR {
    margin-right: 7%;
    margin-top: -6%;
}
.benefits_details .RedeemRewards .red-p {
    text-align: center;
    font-size: 17px;
    margin-bottom: 3%;
}
.benefits_details .RedeemRewards .detail-box {
    margin-top: 3%;
}
.benefits_details .RedeemRewards .detail-box  label {
    display: inline-block;
    background-color: #008b3d;
    border-radius: 30px;
    color: #ffffff;
    padding: 1% 5%;
    margin: 0;
    top: -25px;
    left: 15px;
    position: absolute;
    font-size: 15px;
}
.benefits_details .RedeemRewards .detail-box select,
.benefits_details .RedeemRewards .detail-box input {
    background-color: #fff2d6 !important;
    border-radius: 10px;
    color: #928048;
    padding: 15px 10px;
    display: block;
    width: 100%;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    padding-right: 18%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.benefits_details .RedeemRewards .detail-box  select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/freeDown.png) no-repeat center right 15px transparent;
}
.benefits_details .RedeemRewards .detail-box  .num {
    background-color: #008b3d;
    border-radius: 30px;
    color: #ffffff;
    padding: 1% 5%;
    margin: 0;
    font-size: 15px;
    width: 30%;
    text-align: center;
}
.benefits_details .RedeemRewards .detail-box .btn {
    font-size: 32px;
    font-weight: bolder;
}
.benefits_details .RedeemRewards .detail-box .input-group input {
    background-color: transparent !important;
    border-radius: 10px;
    color: #928048;
    padding: 15px 10px;
    display: block;
    width: 100%;
    border: 1px solid #E4E4E4;
    outline: none;
    box-shadow: none;
    font-size: 16px;
}
.benefits_details .RedeemRewards .detail-box .submit-btn {
    padding: 8px 10px;
    color: #fff;
    background: #FB8907 !important;
    border-radius: 100px;
    font-size: 17px;
}
.benefits_details .RedeemRewards .detail-box .submit-btn:hover {
  opacity: 0.9;
}
.benefits_details .RedeemRewards .detail-box .msg {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-family: NunitoExtraBold;
    font-weight: bolder;
}
.benefits_details .freeassDetails {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999999999;
    min-height: 100vh;
    width: 100%;
    padding: 15%;
    display: none;
}
.benefits_details .freeassDetails .form {
    border-radius: 15px;
    max-width: 1000px;
    width: 50%;
    padding: 30px;
    font-family: NunitoBold;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    background-color: rgb(245, 199, 0);
}
.benefits_details .freeassDetails .form .close-btn {
    position: absolute;
    font-family: NunitoExtraBold;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #008b3d;
    color: #ffffff;
    right: 30px;
    top: 30px;
    border-radius: 100%;
    font-size: 25px;
    text-align: center;
}
.benefits_details .freeassDetails .form .flexBox {
    text-align: center;
    margin-top: 10%;
}
.benefits_details .freeassDetails .form .flexBox img {
    width: 50%;
    margin-bottom: 5%;
}
.benefits_details .freeassDetails .form .flexBox img:first-child {
    width: 70% !important;
}
.Monkey_Tales .section2 .PC_sml7{
    flex-direction: column;
    align-items: center;
}
.Summer_Monkey .section2 .ageItem .hr {
    width: 100%;
    height: 5%;
    background:rgb(245, 199, 0);
    margin-top: 5%;
}

.Primary_Preparation .section2 .F_item img{
    width: 20%;
    margin-top: -10%;
}
.Primary_Preparation .section2 .S_item{
    width: 70%;
}
.Primary_Preparation .section4 .H_item h3 .item_p {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: -50%;
    left: 0%;
    font-size: 15px;
    font-weight: 300;
    font-family: 'NunitoBold';
}
.Primary_Preparation .section4 .H_item h3 .item_p123 {
    width: 150%;
    bottom: -55%;
}
.Intensive_Phonics .section4 .hrBox {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.Intensive_Phonics .section4 .hrBox .hr {
    width: 55%;
    height: 13px;
    background: #FFD90A;
    margin-top: 3%;
}
.trialClass .section4 .swiper_box .PC_img123 {
    width: 90%;
}
.trialClass .section4 .swiper_box .AItem a button,
.trialClass .section4 .swiper_box>div .PC_OP1 a button {
    background: #ED891E;
    padding: 3px 0px;
    color: white;
    border-radius: 15px;
    font-size: 22px;
    font-family: NunitoExtraBold;
    width: 25%;
    position: absolute;
    bottom: 6%;
    left: 28%;
}
.trialClass .section4 .swiper_box .AItem a button {
    width: 50%;
    left: 8%;
}
.trialClass .section4 .swiper_box123 {
    width: 50%;
}
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2,
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
    position: absolute;
    bottom: 32%;
    left: 13%;
    line-height: initial;
}
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 {
    bottom: 16%;
    left: 14%;
    color: #5F3916;
}
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
    margin-bottom: 0%;
    font-size: 20px;
    font-weight: bolder;
    color: #5F3916;
    text-align: left;
}
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
    font-size: 13px;
    text-align: left;
}
.trialClassT .gallery .gallery-list li:first-child {
    margin-right: 10%;
}
.trialClassT .gallery .gallery-list li a.active,
.trialClassT .gallery .gallery-list li a:hover {
    background-color: #00903d;
    color: #ffffff;
    border-bottom: 0px solid transparent;
    border-radius: 55px;
}
.trialClassT .gallery .gallery-list li a {
    color: #00903d;
    background-color: #FFEFD3;
    font-size: 24px;
    cursor: pointer;
}
.trialClassT .gallery .gallery-list ul {
    border-bottom: 0px solid transparent;
}
.trialClassT .gallery .benefits .free-ocean .hsbc .hs {
    font-size: 22px;
    color: #593512;
}
.trialClassT .gallery .benefits .free-ocean {
    margin-top: 0%;
}
.trialClassT .section6 .faq-box a {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0% 5%;
}
.trialClassT .section6 .faq-box a img {
    width: 20%;
}
.trialClassT .section6 .faq-box a .span01 {
    font-size: 30px;
    color: #DE1F26;
    margin:0% 8px;
}
.trialClassT .section6 .faq-box a .span02 {
    font-size: 20px;
    color: #000;
}
.trialClassT .section6 .downBox .down_box img {
    width: 6%;
    margin-right: 2%;
}
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box_cn {
    bottom: 39%;
}
.trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box_cn02 {
    bottom: 25%;
}
.course-new-page .section6 .row>div .cr22Asset15 {
   width: 75%;
}
.chat-room-new .section6 .title-box p {
    border-bottom: 0px solid #b8da49;
}
.course-new-page .section6 .title-box p {
    border-bottom: 0px solid #ffd90a;
    margin-bottom: 20%;
}
.course-new-page .section2 .video-box {
    padding: 10% 0 0;
}
.chat-room-new .section6 .title-box.step5-part p img {
    width: 80%;
    top: 17%;
}
.course-new-page .section6 .title-box.step5-part p img{
    position: absolute;
    top: 17%;
    width: 80%;
    right: 0%;
}
.chat-room-new .section6 .title-box.step5-part p {
    padding-bottom: 0%;
}
.course-new-page .section6 .section2 .video-box iframe {
    height: 366px;
}
.early-bird .detail-box {
    position: inherit;
    background:#fff;
    z-index: 9999;
    min-height: 50vh;
    width: 100%;
    padding: 0px;
    display: block;
    margin-top: 5%;
}
.trialClass .section7 .span .item-p {
    font-size: 15px;
    margin-bottom: 5%;
    margin-top: 2%;
}
.trialClass .section7 .item-h3 {
    font-size: 40px;
    font-weight: bolder;
    color: #008B3D;
}
.trialClass .section7 .item-img img {
    width: 40%;
}
.trialClass .section7 .disF01 {
    margin-bottom: 10%;
}



/*从左侧动态显示*/
@keyframes rollIn1 {
    0% {
        opacity: 0;
        transform: translate(-100%);
    }
    100% {
        opacity: 1;
    }
}
/*从右侧动态显示*/
@keyframes rollIn2 {
    0% {
        opacity: 0;
        transform: translate(100%);
    }
    100% {
        opacity: 1;
    }
}
.rollIn1 {
    animation: rollIn1 1s;
}
.rollIn2 {
    animation: rollIn2 1s;
}
.trialClassA .gallery .gallery-list ul {
    border-bottom: 2px solid #CECECE;
}
.trialClassA .gallery .gallery-list li a {
    color: #603813;
    background-color: transparent;
    font-size: 17px;
    cursor: pointer;
    border-radius: initial;
    font-weight: bolder;
}
.trialClassA .gallery .gallery-list li a.active,
.trialClassA .gallery .gallery-list li a:hover {
    background-color: transparent;
    color: #603813;
    border-bottom: 3px solid #603813;
}
.trialClassA .section5-1 {
    margin-top: -8%;
    background: #fff;
}
.trialClassA .gallery .gallery-list .nat-an .item-coming {
    text-align: center;
    font-size: 38px;
    color: #CECECE;
    font-weight: bolder;
    font-family: NunitoExtraBold;
    margin-bottom: 10%;
    margin-top: 5%;
}
.trialClassA .section5-1 .rowBox {
    padding: 0% 12%;
}
.trialClassA .section5-1 .rowBox p {
    font-weight: bolder;
    font-family: NunitoExtraBold;
    margin-bottom: 0%;

}
.trialClassA .section5-1 .rowBox .item-box {
    line-height: initial;
    margin-bottom: 4%;
}
.trialClassA .section5-1 .rowBox .item-p1 {
    font-size: 14px;
    margin-top: 3%;
}
.trialClassA .section5-1 .rowBox .item-p2 {
    font-size: 20px;
}
.trialClassA .section5-1 .rowBox .item-p3{
    font-size: 15px;
    font-weight: inherit;
    font-family: 'NunitoRegular';
}
.trialClassA .section5-1 .rowBox .item-p3-1 {
    margin-top: 10%;
}
.trialClassA .section5-1 .title-h4 {
    font-weight: bolder;
}
.free-test-new .detail-box .form02 {
    background-color: rgb(247, 159, 19);
}

.progress-big-box {
    display: none;
}
.progress-bar-box {
    position: fixed;
    top: 0%;
    z-index: 9999999999999999;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pp-example{
    margin-top: 0;
}

.progress-bar-box>h1 {
    font: 1.5rem Roboto, sans-serif;
    font-weight: 900;
    padding-bottom: 1rem;
}
.progress-bar-box>h1 span {
    animation: load-text 1s infinite cubic-bezier(0.1, 0.15, 0.9, 1);
    display: inline-block;
    color: azure;
}

.progress-bar {
    background-color: #eaeaea;
    width: 300px;
    height: 25px;
    box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: relative;
}
.progress-bar:after {
    content: "";
    background-color: green;
    position: absolute;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    animation: load 4s infinite linear;
}

/*** KEYFRAMES ***/
@keyframes load {
    0% {
        width: 5%;
        background-color: red;
    }
    25% {
        background-color: #F5C700;
    }
    50% {
        background-color: #F79F13;
    }
    75% {
        background-color: #C5E100;
    }
    90% {
        background-color: green;
        width: 100%;
    }
}
@keyframes load-text {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(0px);
    }
    75% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* location 地图点击css */


.location .imgBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.location .imgBox .ImgItem{
    position: relative;
    height: 100%;
}
.location .imgBox .img-item {
    position: absolute;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}
.location .imgBox .img-item span,
.location .imgBox .img-item img {
    display: none;
}
.location .imgBox .img-item img {
    position: absolute;
}

.location .imgBox .active img {
    display: block;
}
.location .imgBox .img-item:hover {
    cursor: pointer;
}
.location .imgBox .img-item:hover img{
    display: block;
}
.location .imgBox .Aberdeen {
    bottom: 13.5%;
    left: 32%;
    width: 6%;
    height: 6%;
}
.location .imgBox .Aberdeen img {
    top: -16%;
    left: 6.5%;
}
.location .imgBox .Austin{
    bottom: 35%;
    left: 40%;
    width: 6%;
    height: 6%;
}
.location .imgBox .Austin img {
    top: -12%;
    left: 6.5%;
}
.location .imgBox .Belevedere_garden{
    top: 33%;
    left: 16.5%;
    width: 13%;
    height: 6%;
}
.location .imgBox .Belevedere_garden img {
    top: -22%;
    right: 3.5%;
}

.location .imgBox .Cheung_Sha_Wan{
    top: 37.5%;
    left: 42.8%;
    width: 4.5%;
    height: 9%;
}
.location .imgBox .Cheung_Sha_Wan img {
    top: 5%;
    left: 23%;
}

.location .imgBox .Cite_33{
    top: 47%;
    left: 43.8%;
    width: 5.5%;
    height: 7%;
}
.location .imgBox .Cite_33 img {
    top: -24%;
    left: 59%;
}

.location .imgBox .City_One{
    top: 26.5%;
    right: 32.5%;
    width: 6%;
    height: 6%
}
.location .imgBox .City_One img {
    top: -20%;
    left: 2%;
}

.location .imgBox .CityLink{
    top: 30%;
    right: 43.5%;
    width: 6%;
    height: 5%;
}
.location .imgBox .CityLink img {
    top: -23%;
    right: 11%;
}

.location .imgBox .Diamond_Hill{
    top: 41%;
    right: 26.5%;
    width: 8%;
    height: 5%;
}
.location .imgBox .Diamond_Hill img {
    top: -30%;
    left: 2%;
}

.location .imgBox .Discovery_Park{
    top: 41%;
    left: 19%;
    width: 9%;
    height: 6%;
}
.location .imgBox .Discovery_Park img {
    top: -18%;
    right: 3%;
}

.location .imgBox .Eastmark{
    top: 46%;
    right: 21%;
    width: 10%;
    height: 5%;
}
.location .imgBox .Eastmark img {
    top: -35%;
    left: -3%;
}

.location .imgBox .Fanling{
    top: 9%;
    left: 48%;
    width: 4%;
    height: 6%;
}
.location .imgBox .Fanling img {
    top: -56%;
    left: 23%;
}

.location .imgBox .Fo_Tan {
    top: 25%;
    right: 43.5%;
    width: 6%;
    height: 5%;
}
.location .imgBox .Fo_Tan img {
    top: -30%;
    right: 11%;
}

.location .imgBox .Grand_Waterfront_Plaza {
    top: 57%;
    right: 33.5%;
    width: 7%;
    height: 5%;
}
.location .imgBox .Grand_Waterfront_Plaza img {
    top: -40%;
    left: 11%;
}

.location .imgBox .Hang_hau {
    top: 50.5%;
    right: 7%;
    width: 7%;
    height: 5%;
}
.location .imgBox .Hang_hau img {
    top: -38%;
    right: 8%;
}

.location .imgBox .Heng_Fa_Chuen {
    bottom: 12%;
    right: 9%;
    width: 8%;
    height: 6%;
}
.location .imgBox .Heng_Fa_Chuen img {
    top: -18%;
    right: 0%;
}

.location .imgBox .Ho_Man_Tin {
    bottom: 34%;
    right: 41%;
    width: 5%;
    height: 6%;
}
.location .imgBox .Ho_Man_Tin img {
    top: -50%;
    left: 34%;
}

.location .imgBox .KornHill {
    bottom: 17%;
    right: 25%;
    width: 4%;
    height: 8%;
}
.location .imgBox .KornHill img {
    top: -42%;
    left: 23%;
}

.location .imgBox .Kowloon_City {
    top: 52%;
    right: 36%;
    width: 7%;
    height: 5%;
}
.location .imgBox .Kowloon_City img {
    top: -36%;
    right: 3%;
}

.location .imgBox .Kwai_Chung {
    top: 43%;
    left: 31.2%;
    width: 4%;
    height: 7%;
}
.location .imgBox .Kwai_Chung img {
    top: -44%;
    left: 26%;
}

.location .imgBox .Kwun_Tong {
    top: 51%;
    right: 25.5%;
    width: 6%;
    height: 6%;
}
.location .imgBox .Kwun_Tong img {
    top: -30%;
    left: 4%;
}

.location .imgBox .Lai_Chi_Kok {
    top: 43%;
    left: 39.2%;
    width: 4%;
    height: 6%;
}
.location .imgBox .Lai_Chi_Kok img {
    top: -50%;
    left: 29%;
}

.location .imgBox .Sceneway_Garden {
    top: 57%;
    right: 22.5%;
    width: 9%;
    height: 4%;
}
.location .imgBox .Sceneway_Garden img {
    top: -65%;
    left: 3%;
}

.location .imgBox .Lei_King_Wan {
    bottom: 17%;
    right: 19.3%;
    width: 4%;
    height: 8%;
}
.location .imgBox .Lei_King_Wan img {
    top: -42%;
    left: 27%;
}

.location .imgBox .Lok_Fu {
    top: 42.5%;
    right: 41.2%;
    width: 3%;
    height: 6%;
}
.location .imgBox .Lok_Fu img {
    top: -48%;
    left: 19%;
}

.location .imgBox .Ma_On_Shan {
    top: 13%;
    right: 29.5%;
    width: 9%;
    height: 6%;
}
.location .imgBox .Ma_On_Shan img {
    top: -23%;
    left: 2%;
}

.location .imgBox .Maritime_Square {
    top: 50%;
    left: 20.8%;
    width: 6%;
    height: 7%;
}
.location .imgBox .Maritime_Square img {
    top: -44%;
    left: 33%;
}

.location .imgBox .Mei_Foo {
    top: 40%;
    left: 35.8%;
    width: 4%;
    height: 6%;
}
.location .imgBox .Mei_Foo img {
    top: -30%;
    left: 26%;
}

.location .imgBox .Metro_Harbor_View {
    top: 51%;
    left: 39.5%;
    width: 5%;
    height: 6%;
}
.location .imgBox .Metro_Harbor_View img {
    top: -55%;
    left: 36%;
}

.location .imgBox .Mikiki {
    top: 48%;
    right: 34.2%;
    width: 5%;
    height: 4%;
}
.location .imgBox .Mikiki img {
    top: -55%;
    right: 5%;
}

.location .imgBox .North_Point {
    bottom: 17%;
    right: 31%;
    width: 4%;
    height: 8%;
}
.location .imgBox .North_Point img {
    top: -44%;
    left: 28%;
}

.location .imgBox .North_West {
    top: 17%;
    left: 7.2%;
    width: 4%;
    height: 7%;
}
.location .imgBox .North_West img {
    top: -30%;
    left: 23%;
}

.location .imgBox .Ocean_Walk {
    top: 27%;
    left: 7.2%;
    width: 4%;
    height: 7%;
}
.location .imgBox .Ocean_Walk img {
    top: -30%;
}

.location .imgBox .Ocean_Popwalk {
    bottom: 31%;
    right: 12%;
    width: 4%;
    height: 6%;
}
.location .imgBox .Ocean_Popwalk img {
    top: -45%;
    left: 26%;
}

.location .imgBox .Po_Lam {
    top: 45.5%;
    right: 7%;
    width: 7%;
    height: 5%;
}
.location .imgBox .Po_Lam img {
    top: -30%;
    right: 9%;
}

.location .imgBox .Sai_Wan {
    bottom: 17%;
    left: 22.4%;
    width: 4%;
    height: 8%;
}
.location .imgBox .Sai_Wan img {
    top: -44%;
    left: 25%;
}

.location .imgBox .Sau_Mau_Ping {
    top: 51%;
    right: 18.5%;
    width: 7%;
    height: 5%;
}
.location .imgBox .Sau_Mau_Ping img {
    top: -39%;
    left: 5.8%;
}

.location .imgBox .Lam_Tin {
    top: 62%;
    right: 30.5%;
    width: 5%;
    height: 6%;
}
.location .imgBox .Lam_Tin img {
    top: -72%;
    left: 50%;
}

.location .imgBox .Sham_Tseng {
    top: 39%;
    left: 11.2%;
    width: 6%;
    height: 5%;
}
.location .imgBox .Sham_Tseng img {
    top: -44%;
    left: 0%;
}

.location .imgBox .Shau_Kei_Wan {
    bottom: 18%;
    right: 13.3%;
    width: 4%;
    height: 7%;
}
.location .imgBox .Shau_Kei_Wan img {
    top: -48%;
    left: 25%;
}

.location .imgBox .Sheung_Shui {
    top: 9%;
    left: 43.2%;
    width: 4%;
    height: 6%;
}
.location .imgBox .Sheung_Shui img {
    top: -56%;
    left: 25%;
}

.location .imgBox .South_Horizons {
    bottom: 4.5%;
    left: 21%;
    width: 6%;
    height: 6%;
}
.location .imgBox .South_Horizons img {
    top: -14%;
    right: 5%;
}

.location .imgBox .Tai_Po {
    top: 20%;
    left: 46%;
    width: 10%;
    height: 5%;
}
.location .imgBox .Tai_Po img {
    top: -39%;
    right: 2%;
}

.location .imgBox .Tai_Wai {
    top: 36%;
    right: 43.5%;
    width: 6%;
    height: 5%;
}
.location .imgBox .Tai_Wai img {
    top: -30%;
    right: 11%;
}

.location .imgBox .Tin_Shui_Wai {
    top: 16%;
    left: 17.5%;
    width: 8%;
    height: 6%;
}
.location .imgBox .Tin_Shui_Wai img {
    top: -63%;
    left: 38.5%;
}

.location .imgBox .Tiu_Keng_Leng {
    top: 58%;
    right: 17.5%;
    width: 5%;
    height: 6%;
}
.location .imgBox .Tiu_Keng_Leng img {
    top: -38%;
    left: 30%;
}

.location .imgBox .Tseung_Kwan_O {
    top: 58.5%;
    right: 8.5%;
    width: 7%;
    height: 5%;
}
.location .imgBox .Tseung_Kwan_O img {
    top: -60%;
    left: 34%;
}

.location .imgBox .Tsz_Wan_Shan {
    top: 39%;
    right: 34.5%;
    width: 3%;
    height: 6%;
}
.location .imgBox .Tsz_Wan_Shan img {
    top: -36%;
    left: 23%;
}
.location .imgBox .Tai_Wo_Plaza{
    top:15%;
    left: 46.5%;
    width: 10%;
    height: 6%;
}
.location .imgBox .Tai_Wo_Plaza img{
    top: -40%;
    right: 6%;
}

.location .imgBox .Tuen_Mun {
    top: 23%;
    left: 11.5%;
    width: 11%;
    height: 6%;
}
.location .imgBox .Tuen_Mun img {
    top: -33%;
    left: -3.5%;
}

.location .imgBox .Tung_Chung {
    bottom: 33%;
    left: 12.3%;
    width: 4%;
    height: 5%;
}
.location .imgBox .Tung_Chung img {
    top: -64%;
    left: 24%;
}

.location .imgBox .West9Zone {
    bottom: 35%;
    left: 28.5%;
    width: 10%;
    height: 6%;
}
.location .imgBox .West9Zone img {
    top: -12%;
    right: 6%;
}

.location .imgBox .Whampoa_Garden {
    bottom: 30%;
    right: 36.2%;
    width: 6%;
    height: 5%;
}
.location .imgBox .Whampoa_Garden img {
    top: -68%;
    left: 32%;
}

.location .imgBox .Wong_Tai_Sin {
    top: 41.5%;
    right: 37%;
    width: 3%;
    height: 6%;
}
.location .imgBox .Wong_Tai_Sin img {
    top: -33%;
    left: 17%;
}

.location .imgBox .Wu_Kai_Sha {
    top: 6.5%;
    right: 31.5%;
    width: 7%;
    height: 6%;
}
.location .imgBox .Wu_Kai_Sha img {
    top: -30%;
    left: 2%;
}

.location .imgBox .Yau_Tong {
    bottom: 34%;
    right: 22.5%;
    width: 3%;
    height: 5%;
}
.location .imgBox .Yau_Tong img {
    top: -30%;
    left: 23%;
}

.location .imgBox .Yuen_Long {
    top: 25%;
    left: 27.5%;
    width: 13%;
    height: 4%;
}
.location .imgBox .Yuen_Long img {
    top: -63%;
    left: -2%;
}

.location .imgBox .Yuen_Long_Center {
    top: 20%;
    left: 28.5%;
    width: 9%;
    height: 5%;
}
.location .imgBox .Yuen_Long_Center img {
    top: -25%;
    left: 3%;
}

.location .imgBox .Park_Island {
    bottom: 43%;
    left: 14.5%;
    width: 5%;
    height: 5%;
}
.location .imgBox .Park_Island img {
    top: -30%;
    left: 62%;
}
.location .imgBox .Fai_Chi_Kei {
    top: 10%;
    left: 1%;
    width: 27%;
    height: 6%;
}
.location .imgBox .Fai_Chi_Kei img {
    top: -46%;
    right: 8%;
}
.location .imgBox .Nga_Lim_Fong {
    top: 16%;
    left: 14%;
    width: 27%;
    height: 9%;
    align-items: center;
}
.location .imgBox .Nga_Lim_Fong img {
    top: -33%;
    left: 39%;
}
.location .imgBox .Pearl_Oriental {
    top: 6%;
    left: 40%;
    width: 33%;
    height: 7%;
}
.location .imgBox .Pearl_Oriental img {
    top: -30%;
    left: 4%;
}
.location .imgBox .Taipa_Flower_City {
    top: 52%;
    left: 28%;
    width: 30%;
    height: 9%;
    align-items: center;
}
.location .imgBox .Taipa_Flower_City img {
    top: -33%;
    left: 41%;
}

.location_cn_sc .imgBox .North_West img {
    top: -18%;
    left: 23%;
}
.location_cn_sc .imgBox .Ocean_Walk img {
    top: -39%;
}
.location_cn_sc .imgBox .Tuen_Mun img {
    top: -37%;
    left: -4%;
}
.location_cn_sc .imgBox .Tin_Shui_Wai img {
    top: -76%;
}
.location_cn_sc .imgBox .Yuen_Long_Center img {
    top: -50%;
}
.location_cn_sc .imgBox .Yuen_Long img {
    left: -3%;
}
.location_cn_sc .imgBox .Belevedere_garden img {
    top: -50%;
    right: 5%;
}
.location_cn_sc .imgBox .Sham_Tseng img {
    top: -42%;
}
.location_cn_sc .imgBox .Cheung_Sha_Wan img {
    top: -22%;
    left: 27%;
}
.location_cn_sc .imgBox .Tsz_Wan_Shan img {
    top: -44%;
}
.location_cn_sc .imgBox .Diamond_Hill img {
    top: -63%;
}
.location_cn_sc .imgBox .Grand_Waterfront_Plaza img {
    top: -36%;
}
.location_cn_sc .imgBox .Ho_Man_Tin img {
    top: -41%;
    left: 15%;
}
.location_cn_sc .imgBox .Lam_Tin img {
    top: -82%;
    left: 57%;
}
.location_cn_sc .imgBox .Sau_Mau_Ping img {
    top: -39%;
    left: -33%;
}
.location_cn_sc .imgBox .Tiu_Keng_Leng img {
    top: -45%;
}
.location_cn_sc .imgBox .Yau_Tong img {
    left: 17%;
}
.location_cn_sc .imgBox .Tseung_Kwan_O img {
    top: -65%;
}


.location_cn_sc .imgBox .Tuen_Mun {
    width: 8%;
    height: 5%;
}
.location_cn_sc .imgBox .Tin_Shui_Wai {
    height: 5%;
}
.location_cn_sc .imgBox .Belevedere_garden {
    top: 34%;
    left: 20.5%;
    width: 9%;
    height: 4%;
}
.location_cn_sc .imgBox .Cheung_Sha_Wan {
    top: 39.5%;
    height: 7%;
}
.location_cn_sc .imgBox .Sau_Mau_Ping {
    right: 21.5%;
    width: 4%;
}
.location_cn_sc .imgBox .Diamond_Hill {
    top: 42%;
    right: 29.5%;
    width: 5%;
    height: 4%;
}
.location_cn_sc .imgBox .Yau_Tong {
    width: 2.6%;
}
.location_cn_sc .imgBox .Heng_Fa_Chuen {
    width: 5%;
}
.location_cn_sc .imgBox .Ho_Man_Tin {
    right: 42.5%;
    width: 3%;
}
.location_cn_sc .imgBox .Yuen_Long {
    width: 8%;
}
.location_cn_sc .imgBox .Yuen_Long_Center {
    top: 21%;
    left: 28.5%;
    width: 6%;
    height: 4%;
}

#li08 i {
    border: solid #583512;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5%;
}
#li08 .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#li08>span {
    display: flex;
    align-items: center;
}
header .menu #li06 {
  padding: 0 !important;
}
header .menu #li06 #ul06 {
    width:100%;
}
footer .footer-top a {
    color: #fff;
}



.phVideo .section1 {
    position: relative;
    padding:  88px 0 0;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}


.phVideo .section1 .topBox{
   position: absolute;
    top: 13%;
    left: 0%;
}
.phVideo .section1 .video-box {
    margin-top: 5%;
}
.phVideo .section1 .video-box iframe{
    width: 100%;
    height: 366px;
}
.phVideo .section1 .img1 {
    height: 110px;
}
.phVideo .section1 .img2 {
    height: 90px;
    display: inline-block;
    margin: 2% 2% 0% 2%;
}
.phVideo .section1 .img3 {
    margin-top: 0.5%;
}
.phVideo .section1 .ph_Asset_details a {
    width: 25%;
    margin-top: 5%;
}
.phVideo .section7 {
    padding: 0;
}
.rsVideo .section1 .topBox {
    top: 20%;
}
.rsVideo .section1 .ph_Asset_details a {
    margin-top: 3%;
}
.EarlyAdmission .p-item p {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: initial;
}
.EarlyAdmission .p-item ul li {
    font-size: 15px;
}

.crVideo .section1 .img1 {
    height: 90px;
}
.crVideo .section1 .img4 {
    height: 180px;
}
.crVideo .section1 .img2 {
    margin: 2%;
}
.crVideo .section1 .video-box {
    margin-top: 2%;
}
.crVideo .section1 .topBox {
    top: 20%;
}
.course-new-page .section1 .img1-1 {
    height: 110px;
}
.course-new-page .section1 .camb_Asset41 {
    height: 90px;
}
.course-new-page .section1 .camb_Asset45 {
    height: 80px;
}
.course-new-page .section6 .ExamBtn,
.course-new-page .section1 .ExamBtn {
    font-size: 24px;
    font-weight: bold;
    color: #0159b5;
    margin-top: 6%;
    display: block;
}
.course-new-page .section6 .ExamBtn:hover,
.course-new-page .section1 .ExamBtn:hover {
    cursor: pointer;
    color: #0159b5;
}
.course-new-page .section6 .ExamBtn span,
.course-new-page .section1 .ExamBtn span {
    border-bottom: 2px solid #0159b5;
    font-size: 24px;
    font-weight: bold;
    color: #0159b5;
    margin-top: 6%;
}
.course-new-page .section6 .camb_Asset41 {
    width: 50%;
    margin-left: -4%;
    margin-top: 1%;
}
.course-new-page .section6 .ExamBtn {
    margin-top: 2%;
}
.course-new-page .section6 .big-border-b{
    width: 75%;
    height: 15px;
    background: red;
    margin-top: 5%;
}
.course-new-page .section6 .title-box p {
    margin-bottom: 0%;
}

.course-new-page .section6 .endList {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.benefits_details .section7 .Asset346 {
    position: relative;
    margin-bottom: 3%;
}
.benefits_details .section7 .Asset346 .pc_MRegistration{
    margin-left: 8%;
}
.benefits_details .section7 .Asset346 .pc_MRegistration .top_item .title{
    color: #349a4a;
    font-weight: 700;
    font-size: 30px;
}
.benefits_details .section7 .Asset346 .pc_MRegistration .qrBox{
    display: flex;
    justify-content: center;
}
.benefits_details .section7 .Asset346 .pc_MRegistration .qrBox .logo-img{
    width: 15%;
}
.benefits_details .section7 .Asset346 .pc_MRegistration .qrBox .qr-appStore,
.benefits_details .section7 .Asset346 .pc_MRegistration .qrBox .qr-google{
    width: 10%;
    margin-top: 1.5%;
    margin-left: 3%;
}
.benefits_details .section7 .Asset346 .pc_MRegistration .bottom_item .registration_box{
    display: flex;
    flex-direction: column;
    margin-left: 5%;
    border-bottom: 1px solid #cbcac9;
}
.benefits_details .section7 .Asset346 .pc_MRegistration .bottom_item .registration_box .title{
    color: #349a4a;
    font-size: 22px;
    font-weight: bold;
    margin: 2% 0;
}
.benefits_details .section7 .Asset346 .pc_MRegistration .bottom_item .registration_box .registration_video_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section7 .pc_MRegistration .bottom_item .registration_video_box .video_item{
    position: relative;
    margin-bottom: 5%;
}
.section7 .pc_MRegistration .bottom_item .registration_video_box .video_item .bg_item{
    width: 260px;
}
.section7 .pc_MRegistration .bottom_item .registration_video_box .video_item .item_text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 31%;
    display: flex;
    flex-direction: column;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
}
.benefits_details .section7 .pc_Redemption {
    display: flex;
    flex-direction: column;
    margin-top: 3%;
}
.benefits_details .section7 .pc_Redemption .title{
    color: #349a4a;
    font-size: 22px;
    font-weight: bold;
}
.benefits_details .section7 .pc_Redemption .redemption_video_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section7 .pc_Redemption .redemption_video_box .video_item{
    position: relative;
    margin-bottom: 5%;
}
.section7 .pc_Redemption .redemption_video_box .video_item .bg_item{
    width: 260px;
}
.section7 .pc_Redemption .redemption_video_box .video_item .item_text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 35%;
    display: flex;
    flex-direction: column;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
}
.section7 .pc_MRegistration .bottom_item .registration_video_box .video_item .item_text:hover,
.section7 .pc_Redemption .redemption_video_box .video_item .item_text:hover{
    text-decoration: underline;
}
.benefits_details .section7 .span .item-p2 {
    margin-bottom: 0%;
    margin-top: 1%;
    width: 35%;
}
.benefits_details .gallery .gallery-list li a {
    font-size: 32px;
    color: #008b3d;
}
.benefits_details .gallery .gallery-list li a.active,
.benefits_details .gallery .gallery-list li a:hover {
    background-color: transparent;
    color: #008b3d;
    border-bottom: 3px solid #008b3d;
}
.benefits_details .gallery .gallery-list ul {
    margin-bottom: 4%;
}

.benefits_details .gallery .gallery-list .rowBox a:hover {
    cursor: pointer;
    color: #485154;
    opacity: 0.8;
}
.benefits_details .section5-1 .rowBox .item-p2 {
    color: #603813;
}

.trialClassS .benefits .den-box  .m-h3 {
   font-size: 26px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 3%;
}
.trialClass .benefits .den-box .downBox {
    margin-top: 10%;
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
}
.trialClass .benefits .den-box .faqs_regBox {
    display: flex;
    align-items: center;
    margin-top: 3%;
}
.trialClass .benefits .den-box .faqs_regBox .item1 img {
    width: 21%;
    margin-right: 5%;
}
.trialClass .benefits .den-box .faqs_regBox .item2 img {
    width: 6%;
    margin-right: 2%;

}
.trialClass .benefits .den-box .faqs_regBox .item1 span,
.trialClass .benefits .den-box .faqs_regBox .item2 span {
    font-size: 26px;
   font-weight: bold;
    color: #754c24;
    font-family: 'NunitoExtraBold';
}
.trialClass .benefits .den-box  .pp_det_xia {
    width: 4%;
    margin-right: 2%;
}




.trialClass .benefits .den-box .appDownBox {
    margin-top: 10%;
    border-top: 3px solid #ccc;
    font-family: 'NunitoExtraBold';
}
.trialClass .benefits .den-box .appDownBox .downItem{
    font-size: 28px;
    font-weight: bold;
}
.trialClass .benefits .den-box .appDownBox .introText{
    font-size: 14px;
    display: flex;
    margin-left: 6.3%;
}
.trialClass .benefits .den-box .appDownBox .down_content {
    display: flex;
    align-items: center;
    padding: 2% 0;
}
.trialClass .benefits .den-box .appDownBox .down_content img{
    width: 7.5%;
    margin-left: 6.3%;
}
.trialClass .benefits .den-box .appDownBox .down_content .app_down_link{
    display: flex;
    align-items: center;
    margin-left: 2%;
    padding: .8% 5%;
    border: 1px solid #666666;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}


.trialClassS .gallery .benefits .free-ocean .item-h5 {
    font-size: 22px;
    font-weight: bold;
    color: #754c24;
    margin-top: 5%;
}
.trialClassS .gallery .benefits .free-ocean .item-a {
    font-size: 17px;
    line-height: initial;
    color: #754c24;
    margin-top: 1.5%;
    padding-right: 10%;
}
.trialClassS .gallery .benefits .free-ocean .item-food {
    font-size: 17px;
    color: #959595;
}
.trialClass .gallery .benefits .free-ocean .itemBox-p p {
    font-size: 15px;
    font-weight: 500;
}

.trialClassS .tieBox .title-h4 {
    display: none;
    margin-top: 20%;
}
.trialClassS .tieBox .active {
    display: block;
}
.trialClassS .gallery .gallery-list .tieBox-btn {
    border-bottom: 0px solid #CECECE;
    margin-top: 5%;
}
.trialClassS .gallery .gallery-list .tieBox-btn li a {
    display: block;
    min-width: auto;
    padding: 5px 10px;
}
.trialClassS .gallery .gallery-list .tieBox-btn li {
    margin: 0;
    border: 1px solid #ccc;
    line-height: initial;
}
.trialClassS .gallery .gallery-list .tieBox-btn .active{
    background-color: #B72831;
    color: #fff;
}
.trialClassS .gallery .gallery-list .tieBox-btn li:hover {
    background-color: #B72831;
    color: #fff;
}
.trialClassS .gallery .gallery-list .tieBox-btn li:hover a{
    color: #fff;
    border-bottom: 0px solid #603813;
}
.trialClassS .gallery .gallery-list .tieBox-btn .active a{
    color: #fff;
}
.trialClass .section6 .out-hsb {
    padding-left: 2.5%;
}
.trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
    width: 12%;
}
.trialClass .benefits .downCN-SC .pp_det_xia {
    width: 5%;
}
.trialClassS .tieBox li {
    font-size: 26px;
    font-weight: bold;
    line-height: initial;
    padding: 0% 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 3px solid #fff;
    cursor: pointer;
}
.trialClassS .tieBox li:last-child {
    border-right: 0px solid #fff;
}
.trialClassS .tieBox li .active {
    width: 30%;
    border-bottom: 3px solid #603813;
}
.trialClass .section6 .down_content a p,
.trialClass .section6 .downBox .down_content .contentItem p,
.trialClassS .faqs_regBox a {
    cursor: pointer;
}

.benefits_details .section8 .swiper_box {
    width: 100%;
}
.benefits_details .section8 .swiper .btnP {
    width: auto;
    position: absolute;
    top: 30%;
    left: -8%;
    z-index: 3333;
}
.benefits_details .section8 .swiper .btnN {
    width: auto;
    position: absolute;
    top: 30%;
    right: -8%;
    z-index: 3333;
}
.benefits_details .section8 .swiper_box .PC_OP {
    text-align: center;
}
.trialClassS .gallery .benefits .free-ocean .item-a a {
    color: #2cb34a;
}
.trialClassS .gallery .benefits .free-ocean .item-a a:hover {
    cursor: pointer;
}
.benefits_details .section7 .span .rrg_btn {
    padding: 0% 1%;
    border: 1px solid #603813;
    border-radius: 8px;
    color: #603813;
    font-weight: bold;
    margin-top: 2%;
}
.gwVideo .section1 {
    position: inherit;
}

.rrg_hk .title-box{
    margin-top: 13%;
    margin-bottom: 5%;
}
.rrg_hk .title-box .p_item {
    line-height: initial;
}
.rrg_hk .title-box .p_item p{
    font-size: 32px;
    color: #008b3d;
    font-weight: bold;
}
.rrg_hk .section5 .gallery .benefits .video-box {
    width: 750px;
    text-align: center;
    margin-top: 6%;
    /*background: #1A6FAF;*/
}
.rrg_hk .section5 .gallery .benefits .video-box:first-child {
    margin-top: 5%;
}
.rrg_hk .section5 .gallery .benefits .video-box:last-child {
    margin-bottom: 5%;
}
.rrg_hk .section5 .gallery .benefits .video-box h3 {
    width: 100%;
    font-size: 28px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 3%;
}
.rrg_hk .section5 .gallery .benefits .video-box iframe{
    height: 422px;
}
.rrg_hk .Download_now {
    margin-top: 5%;
}
.rrg_hk .Download_now .qrBox {
    margin-top: 2%;
}
.rrg_hk .Download_now .a-btn {
    font-size: 28px;
    color: #603813;
    font-weight: bold;
    padding: 0.2% 3%;
    border: 2px solid #603813;
    border-radius: 10px;
}
.rrg_hk .Download_now .qrBox .logo-img {
    width: 20%;
}
.rrg_hk .Download_now .qrBox .qr-appStore,
.rrg_hk .Download_now .qrBox .qr-google {
    width: 12%;
}

.rrg_hk .Download_now .qrBox .qr-appStore {
    margin-left: 2%;
}


/*2025/1/20*/
.padding-ton {
    padding: 80px 0;
    margin-top: 17px;
}
.padding-ton .ex-text{
    font-weight: bolder;
    font-size: 30px;
}
.padding-image-box{
    margin-top: 50px;
}
.padding-intro-box{
    margin-top: 100px;
}
.intro-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 22px;
}
.intro-item h1{
    font-size: 32px;
    font-weight: 900;
    color: #009144;
}
.intro-item .t-border{
    font-weight: bold;
    font-size: 26px;
}



/*home*/
.carousel {
    padding: 0;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.carousel-images {
    position: relative;
    width: 100%;
    height: 1050px;
    background: #fdf4d7
}

.carousel-item {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.carousel-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.carousel-item:first-child{
    opacity: 1;
}

/* 指示器样式 */
.indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10; /* 确保指示器显示在图片上方 */
    margin-top: 20px;
    opacity: 0;
}

.current {
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #e6e6e6;
    transition: background-color 0.3s;
    margin: 0 5px;
    cursor: pointer;
    opacity: 0.5;
}
.white {
    background-color: #b3b3b3;
}


/*NEW EVENT*/
.outer{
    /*width: 100%;*/
    display: flex;
    position: relative;
    transition: transform 0.5s ease-in-out;
    /*overflow: hidden;*/
}
.news-events-container{
    display: flex;
    opacity: 0;
    transition: opacity 0.3s ease-in-out; /* 平滑透明度过渡 */
    /*justify-content: space-around;*/

}
.slide{
    width: 452px;
    text-align: center;
}
.slide .event-box{
    width: 100%;
}
.slide .event-content{
    width: 97%;
    display: flex;
    flex-direction: row;
    font-weight: bold;
}
.event-content .event-text{
    width: 20%;
    color:#009144;
}
.event-image img{
    width: 97%;
    border-radius: 10px;
}

.m-slide{
    width: 720px;
}
.m-slide .event-box{
    width: 100%;
}
.m-slide .event-box .event-image img{
    width: 100%;
    border-radius: 10px;
}
.m-slide .event-content{
    display: flex;
    flex-direction: row;
    font-weight: bold;
    font-size: 30px;
}
.m-slide .event-content .event-text{
    width: 20%;
    color:#009144;
}
.arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.left-arrow{
    left: -30px;
}
.right-arrow{
    right: -30px;
}
.arrow img{
    width: 25px;
}
.see-all{
    margin-bottom: 15px;
    font-weight: bold;
}

.page-bar{
    margin-top: 5%;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #5A2A00;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0px solid #CECECE;
}
.page-bar .page-item .page-num{
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer;
}
.page-bar .page-item .page-num.active{
    background: #B72831;
    color: #FFFFFF;
}
.page-right, .page-left{
    padding: 4px 10px;
}
.page-left.disabled, .page-right.disabled {
    display: none;
}