@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.woff2') format('woff2'),
    url('../font/Nunito-Regular.woff') format('woff'),
    url('../font/Nunito-Regular.ttf') format('truetype'),
    url('../font/Nunito-Regular.svg#NunitoRegular') format('svg');
    font-display: swap;
}
@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.woff2') format('woff2'),
    url('../font/Nunito-Bold.woff') format('woff'),
    url('../font/Nunito-Bold.ttf') format('truetype'),
    url('../font/Nunito-Bold.svg#NunitoBold') format('svg');
    font-display: swap;
}
@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.woff2') format('woff2'),
    url('../font/Nunito-ExtraBold.woff') format('woff'),
    url('../font/Nunito-ExtraBold.ttf') format('truetype'),
    url('../font/Nunito-ExtraBold.svg#NunitoExtraBold') format('svg');
    font-display: swap;
}

* {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 !important;
    /*font-family: 'NunitoRegular', 'Adobe 宋体 Std L', 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;*/
    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;
}
/*'NunitoExtraBold',*/
.header_tc_sc .menu li a{
    font-family:  'NunitoRegular', 'Adobe 宋体 Std L', 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
}
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;
    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,
footer .footer-top .footer-col-space{
    color: #ffd90a;
    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;
    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;
}
h2.title-h4, h4.title-h4{
    /*font-family: NunitoExtraBold;*/
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 40px;
    line-height: 1.2;
    font-weight: inherit;
}
.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;
    border-radius: 30px;
    font-size: 17px;
}
.index .section3{
    background-image: url("../images/bgChoose.webp");
    background-position:top right;
    background-repeat: no-repeat;
    padding: 80px 0;
}
.index .our-courses h2.title-h4, h4.title-h4,
.index .section3 h2.title-h4, 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-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.webp");
    background-position:bottom center;
    background-repeat: repeat;
    background-size: cover;
    padding-bottom: 80px;
}
.index .section4 h2.title-h4, h4.title-h4{
    text-align: center;
    color: #582f18;
}
.index .section4 .view-more {
    display: flex;
    align-items: center;
    justify-content: center;
}
.index .section4 .view-more .a-btn-box a{
    background-color: #ffd90a;
    /*position: absolute;*/
    left: 50%;
    /*transform: translateX(-50%);*/
    top: -65px;
}
.index .section4 .list{
    min-height: 800px;
}
.index .section4 .box{
    /*background-color: #ffd90a;*/
    border-radius: 75px;
    padding: 10px 5px 15px;
    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-size: 20px;
    display: block;
    text-align: center;
}
.index .section4 .box h3,
.index .section4 .box h5{
    color: #f57a10;
    /*font-family: NunitoExtraBold;*/
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: inherit;
    line-height: 1.2;
}
.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 h3,
.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.webp");
    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 h2.title-h4, 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 .news-events-wrap{
    padding: 80px 0;
}
.index .news-events-wrap .news-events{
    padding: 0;
}
.index .news-events-wrap .title-h4{
    text-align: center;
}
.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 h3,
.index .our-group ul li h5{
    color: #00903d;
    /*font-family: NunitoBold;*/
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: inherit;
    line-height: 1.2;
}
.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.webp");
    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.webp");
    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.webp");
    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;
}
.chat-room-new .section2 .F_item{
    color: #5f3913;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
}


/*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: 'NunitoRegular', 'Adobe 宋体 Std L', 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
    font-size: 40px;
    margin-bottom: 20px;
}
.free-test-new .section1 .outbox .box .titleBox{
    color: #ffffff;
    font-family: 'NunitoRegular', 'Adobe 宋体 Std L', 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
    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: 'NunitoRegular', 'Adobe 宋体 Std L', 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
}
.free-test-new .section1 .outbox .box .btnBox a{
    color: #ffffff;
    display: block;
    background-color: #EA5A24;
    font-family: 'NunitoRegular', 'Adobe 宋体 Std L', 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
    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: 'NunitoRegular', 'Adobe 宋体 Std L', 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
    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: 100%;
    /*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: 80px;
}
.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{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.courses-main .tab-content .tab-pane a img{
    border: 10px solid transparent;
}
.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 h2.title-h4, 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 h2.title-h4, 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;*/
    font: 17px/1.8 NunitoRegular,"Adobe 宋体 Std L", "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    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 .Worfu{
    bottom: 20%;
    right: 31.1%;
    width: 4%;
    height: 7%;
}
.location .imgBox .Worfu img {
    top: -30%;
    left: 28%;
}

.location .imgBox .V_Walk{
    bottom: 44%;
    left: 35%;
    width: 4%;
    height: 7%;
}

.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: 9%;
    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 .Kai_Tak {
    top:47%;
    right: 31.1%;
    width: 3%;
    height: 9%;
}
.location .imgBox .Kowloon_Bay {
    top: 45%;
    right: 25.5%;
    width: 6%;
    height: 6%;
}
.location .imgBox .Kowloon_Bay img {
    top: -25%;
    right: 67.4%;
}
.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 .Wan_Chai_Center {
    bottom: 17%;
    left: 46.2%;
    width: 4%;
    height: 8%;
}

.location .imgBox .Wan_Chai_Center img {
    top: -45%;
    left: 24%;
}

.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_Chak_Center {
    top: 6%;
    left: 13.2%;
    width: 8%;
    height: 7%;
}
.location .imgBox .Yee_Fung {
    top: 19.4%;
    left: 22.3%;
    width: 5%;
    height: 11%;
}
.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: 7%;
}
.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: 38.6%;
    width: 5%;
    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: 48.4%;
    width: 6%;
    height: 7%;
}
.location .imgBox .Pearl_Oriental img {
    top: -30%;
    left: 4%;
}
.location .imgBox .Taipa_Flower_City {
    top: 52%;
    left: 45%;
    width: 8%;
    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: 1.25%;
}




.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: 5.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% 6%;
    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;
}

.grammarFocus {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.cr22Asset16 {
    width: 90%;
}

.phNew_item h1 {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin: 6% 0 4% 0;
}
.scheduleNow {
    display: flex;
    flex-direction: column;
}
.scheduleNow>img {
    width: 60%;
    margin-top: 8%;
}

.scheduleNow a img {
    width: 35%;
    margin-top: 2%;
}


/*25/11/5*/
.new_pp{
    margin: 10% 0;
}
.new_pp .new_pp_logo{
    width: 60%;
    height: auto;
}
.new_pp .qrBox{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /*column-gap: 20px;*/
}
.new_pp .qrBox .logo-img{
    width: 25%;
}
.new_pp .qrBox .qr-google, .new_pp .qrBox .qr-appStore{
    width: 20%;
    margin-top: 1.5%;
    margin-left: 3%;
}

.trialClass .new-pp-categorize .categorize-box{
    background: #ffffff;
    padding: 2.2% 3.3%;
    margin: 0 auto 30px;
    border-radius: 40px;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    cursor: pointer;
}
.trialClass .new-pp-categorize .categorize-length{
    width: 45%;
}
.trialClass .new-pp-categorize .categorize-box .categorize-select-text{
    font-size: 27px;
    font-weight: bold;
    line-height: 25px;
    color: #5B2F18;
    flex-grow: 1;
    text-align: center;
}
.trialClass .new-pp-categorize .categorize-box .drop_down-icon{
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
    border-left: 3px solid #707070;
    border-bottom: 3px solid #707070;
    transition: transform 0.3s;
    flex-shrink: 0;
}
.categorize-box.active .drop_down-icon {
    transform: rotate(135deg) translate(10px, -5px); /* 激活时箭头旋转 */
}
.new-pp-categorize .categorize-drop-menu{
    border-radius: 35px;
    background: #ffffff;
    font-size: 27px;
    line-height: 60px;
    color: #5B2F18;
    font-weight: bold;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    /*opacity: .8;*/
}
.new-pp-categorize .categorize-drop-menu ul li{
    cursor: pointer;
    padding: 0 1rem !important;
    margin: 0 !important;
}
.new-pp-categorize .categorize-drop-menu ul li:hover{
    background: #efeeed;
}
.ocean-intro{
    font-size: 20px;
    line-height: 25px;
    color: #393939;
}
.control-intro{
    position: absolute;
    right: 4%;
    width: 35px;
    height: 26px;
    cursor: pointer;
    transition: all ease-in .3s;
}
.seo-page-title {
    position: absolute !important;
    left: -10000px !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    white-space: nowrap !important;
    font-size: 1px !important;
    line-height: 1 !important;
    color: transparent !important;
}
.eLearning-box h1,
.eLearning-box h2,
.eLearning-box .eLearning-title{
    font-size: 55px !important;
    font-weight: 900 !important;
    color: #23ae4e !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}
.eLearning-box h1 b,
.eLearning-box h2 b,
.eLearning-box .eLearning-title b{
    color: #e8c600 !important;
    font-weight: 900 !important;
}
.eLearning-small-box img{
    width: 80px;
}
.eLearning-small-box p{
   font-weight: bold;
}
.mt-town{
    align-items: center;
}
.mt-town-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.mt-town-box .first-img{
    width: 500px;
}
.mt-town-box .sec-img{
    width: 400px;
}
.mt-town-box .third-img{
    width: 500px;
}
.mt-town-box .fourth-img{
    width: 200px;
}




.grammarFocus {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.gw-new .section2 .key-box {
    display: flex;
    flex-wrap: wrap;

}

.gw-new .section2 .key-box>div {
    width: 50%;
    margin-bottom: 5%;
}

.gw-new .section2 .key-box .num {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #14B0BE;
    margin-right: 5%;
}

.gw-new .section2 .key-box .item {
    font-size: 26px;
    font-weight: bold;
    color: black;
    line-height: initial;
    text-align: left;
}

.gw-new .contentItem img {
    width: 8%;
}

.gw-new .contentItem p {
    font-size: 24px;
    font-weight: bold;
    margin-left: 5% !important;
}

.gw-new .text-p {
    font-size: 22px;
    padding: 5% 10%;
    line-height: initial;
}

.gwNew_item h1 {
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    margin: 6% 0 4% 0;
}
.gwNew_item .video-box {
    padding: 0% !important;
}
.gw-new .gw-se2-bg {
    padding-top: 0px;
}



.rs-new .section6 .p_item p {
    font-size: 22px;
    padding:3% 15%;
    line-height: initial;
}
.rs-new .section2 .key-box {
    display: flex;
    flex-direction: column;

}

.rs-new .section2 .key-box>div {
    position: relative;
    width: 70%;
    margin-bottom: 5%;
}

.rs-new .section2 .key-box>div .item_top {
    text-align: left;
    margin-left: 6%;
}

.rs-new .section2 .key-box>div .item_top {
    font-size: 20px;
    line-height: initial;
}

.rs-new .section2 .key-box .num {
    position: absolute;
    top: 10%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #D63609;
}

.rs-new .section2 .key-box .item {
    font-size: 26px;
    font-weight: bold;
    color: black;
    line-height: initial;
    text-align: left;
    display: block;
}

.rs-new .contentItem img {
    width: 8%;
}

.rs-new .contentItem p {
    font-size: 24px;
    font-weight: bold;
    margin-left: 5% !important;
}
.rs-new .section6 .title-box h6 {
    background-color: #de4228;
    margin-top: 8%;
    margin-bottom: 3%;
    padding: 2% 10%;
}
.rs-new .section6 .row {
    margin-bottom: 120px;
}
/*2026-4*/
.blank-to-pp{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10%;
}
.blank-to-pp h4{
    color: #01903E;
    font-weight: 800;
    font-size: 36px;
    line-height: 70px;
}
.blank-to-pp a{
    color: #6CA24B;
    font-weight: 800;
    font-size: 35px;
    background: #FFE502;
    border-radius: 59px;
    padding: 20px 80px;
}
.monkey-coin-rewards-section{

}
.monkey-coin-rewards-section h4{
    color: #158800;
    font-size: 45px;
    font-weight: 800;
    text-align: center;
}
.monkey-coin-rewards-section >div{
    column-gap: 50px;
}
.monkey-coin-rewards-section .reward-img{
    min-height: 150px;
}
.monkey-coin-rewards-section .reward img{
    width: 90%;
}
.monkey-coin-rewards-section .reward p{
    color: #5A2A00;
    font-size: 20px;
    font-weight: bold;
}
.new_p{
    margin-top: 5%;

}
.new_p h1{
    font-size: 45px;
    color: #158800;
    line-height: 104px;
    font-weight: bold;
}
.new_p h4{
    color: #5A2A00;
    font-size: 27px;
    font-weight: bold;
}

.course-new-page-2026 .section23-bg {
    background-image: url(../images/ph2230Asset.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
}
.course-new-page-2026 .title-box .title{
    color: #633f1f;
    font-size: 45px;
    font-weight: bolder;
}
.course-new-page-2026 .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;
}
.course-new-page-2026 .title-box h5{
    color: #058b3e;
    font-size: 30px;
    font-weight: bold;
}
.course-new-page-2026 .title-box p{
    font-size: 20px;
}
.course-new-page-2026 .title-box .big-border-b{
    height: 15px;
    width: 100%;
    background: #b8dc46;
    margin-top: 5%;
}
.course-new-page-2026 .section6{
    margin-top: 200px;
    background-image: none;
}
.course-new-page-2026 .section6 .content-part{
    margin-top: 12%;
}
.course-new-page-2026 .section6 .content-part:first-child{
    margin-top: 0;
}
.course-new-page-2026 .section6 .tw-title01{
    margin-bottom: 10%;
}
.course-new-page-2026 .section6 .tw-title01 span{
    font-size: 30px;
    font-weight: bold;
    background-color:#37b64b;
    padding: 8px 40px;
    border-radius: 45px;
    color: #FFFFFF;
    display: inline-block;
}
.course-new-page-2026 .section6 .week-box{
    margin-top: 3%;
}
.course-new-page-2026 .section6 .week-box>div{
    font-size: 20px;
    color: #4f3730;
    font-weight: bold;
}
.course-new-page-2026 .section6 .week-box .week{
    font-size: 20px;
    font-weight: bold;
    background-color:#37b64b;
    text-align: center;
    width: 90px;
    padding: 4px 0;
    border-radius: 20px;
    color: #FFFFFF;
    display: inline-block;
    margin-right: 10px;
}
.course-new-page-2026 .section6 .week-box p{
    font-size: 18px;
    color: #765b46;
}
.course-new-page-2026 .section1 {
    background-image: url(../images/ph2201bg_Asset.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.course-new-page-2026 .section1 .img1{
    max-width: 120%;
}
.course-new-page-2026 .section1 .small-img-text{
    padding: 20px 0;
}
.course-new-page-2026 .section1 .small-img-text img {
    width: 20px;
    display: inline-block;
    margin-right: 10px;
}
.course-new-page-2026 .section1 .small-img-text li {
    white-space: nowrap;
    font-size: 15px;
    padding-right: 15px;
    color: rgba(157, 157, 157, 1);
}

.course-new-page-2026 .section23-bg .left-text-box{
    text-align: right;
    margin-top: 6%;
}
.course-new-page-2026 .section23-bg .right-text-box{
    text-align: left;
}
.course-new-page-2026 .section23-bg .hav-after{
    position: relative;
    margin-bottom: 2%;
}
.course-new-page-2026 .section23-bg .hav-after span{
    color: #7cbf3f !important;
    font-weight: bold;

}
.course-new-page-2026 .section23-bg .hav-after:after{
    position: absolute;
    top: 18%;
    content: "";
    width: 0;
    height: 0;
    border-radius: 3px;
}
.course-new-page-2026 .section23-bg .r:after{
    right: -8%;
    border-style: solid;
    border-width: 8px 0 8px 14px;
    border-color: transparent transparent transparent #fff100;
}
.course-new-page-2026 .section23-bg .l:after{
    left: -7%;
    border-style: solid;
    border-width: 8px 14px 8px 0;
    border-color: transparent #fff100 transparent transparent;
}
.course-new-page-2026 .section23-bg .hav-after .diff{
    font-size: 25px;
}

/*2026-9-9*/
.course-new-page-2026 .section2 h1{
    color: #ed3e5e;
    font-weight: bold;
    font-size: 40px;
}
.course-new-page-2026 .section3 .index{
    background-color: #fff8dd;
    padding-bottom: 100px;
    background-image: url("../images/bgFeture2.webp");
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 1150px;
}
.course-new-page-2026 .section3 .index h1{
    color: #f4790f;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 50px;
}
.course-new-page-2026 .section3 .box {
    position: relative;
    border-radius: 80px;
    padding: 10px 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*background-color: #ffd90a;*/
    transition: all .3s;
    /*min-height: 840px;*/
}

.course-new-page-2026 .section3 .box .text div{
    transition: all .3s;
    display: none;
}
.course-new-page-2026 .section3 .box:hover{
    background-color: #ffd90a;
}
.course-new-page-2026 .section3 .box:hover .text div{
    display: block;
}
.course-new-page-2026 .section3 .box span {
    color: #00903d;
    font-size: 20px;
    display: block;
    font-weight: bold;
}
.course-new-page-2026 .section3 .box h5 {
    color: #f4790f;
    font-weight: bold;
    font-size: 30px;
}
.course-new-page-2026 .title-cn{
    font-size: 35px;
    font-weight: bold;
    color: #eb577d;
}
.course-new-page-2026 .section3 .content-part{
    margin-top: 12%;
}
.course-new-page-2026 .section3 .content-part .tw-title01{
    margin-bottom: 60px;
}
.course-new-page-2026 .section3 .content-part .tw-title01 span{
    border-radius: 25px;
    padding: 5px 50px;
    color: #FFFFFF;
    font-size: 25px;
}
.course-new-page-2026 .monthly-topics{
    width: 80%;
    background-image: url('../images/PC_con_frame.webp');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    padding: 50px 20px;
}
.course-new-page-2026 .monthly-topics h5{
    color: #008f3c;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: bold;
}
.course-new-page-2026 .monthly-topics p{
    margin-top: 15px;
    margin-bottom: 30px;
}
.course-new-page-2026 .monthly-topics .themes{
    margin-bottom: 20px;
}
.course-new-page-2026 .monthly-topics .themes .themes-text{
    position: absolute;
    font-size: 15px;
}

/* ===== newResponsive.css ===== */

footer .footer-top .footer-col-space {
    min-height: 40px;
}
@media (max-width: 2560px) {
    .carousel-images {
        height: 1390px;
    }
}

@media (max-width: 2400px) {
    .carousel-images {
        height: 1280px;
    }
}

@media (max-width: 2300px) {
    .carousel-images {
        height: 1230px;
    }
}

@media (max-width: 2200px) {
    .carousel-images {
        height: 1200px;
    }
}

@media (max-width: 2100px) {
    .carousel-images {
        height: 1130px;
    }
}

@media (max-width: 2000px) {
    .carousel-images {
        height: 1060px;
    }
}

@media (max-width: 1920px) {
    /*.carousel-images {*/
    /*    height: 1050px;*/
    /*}*/
    .phVideo .section1 .pp-details a{
        margin-top: 5%;
        width: 20%;
    }
    .Faq-Page-cn .section2 .topItem .img {
        position: absolute;
        top: 930%;
        right: -10%;
        width: 20%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        top: 30%;
        right: 33%;
        width: 25%;
        height: 20%;
        /*background: red;*/
    }
    .gallery .imgBox .removeX, .gallery-page .imgBox .removeX {
        font-size: 1.05rem;
    }
    .imgBox .enlargeImg_wrapper h1 {
        font-size: 26px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        padding: 2px 0px;
        border-radius: 15px;
        font-size: 15px;
        width: 70%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        left: 0%;
    }
    .trialClass .section8 .AItem .A_item {
        text-align: center;
    }
    .trialClass .section8 .AItem .A_item button {
        font-size: 15px;
        width: 80%;
    }
     .trialClass .section4 .swiper .btnP,
     .trialClass .section4 .swiper .btnN {
        top: 71%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper {
        margin-top: 7%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 3%;
    }
    .E-Teaching .section2 {
        margin-top: 10%;
    }
    .E-Teaching .section2-1 {
        margin-top: 5%;
    }
    .E-Teaching .section3 .BG2_qwe>img {
        position: absolute;
        top: 0%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img img {
        width: 85%;
        margin-left: 20%;
        margin-top: 13%;
    }
    .E-Teaching .section3 {
        margin-top: 10%;
        margin-bottom: 15%;
    }
    .E-Teaching .section1 .rightBox {
        top: 0.3%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 18%;
    }
    .E-Teaching .section3 .right_box_cn {
        margin-top: 14%;
    }
    .ket-layout  .section1 .rightBox {
        top: -1.5%;
    }
    .course-new-page .section1 .pc-exam-link img{
        width: 150px;
    }
    .carousel-images {
        height: 1015px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }
    .trialClass .section1 .rightBox img, media {
        margin-left: 40px;
        max-width: 100%;
        height: auto;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img {
        margin-left: -5%;
        margin-top: 5%;
    }
}

@media (max-width: 1600px){
    .carousel-images {
        height: 980px;
    }
}

@media (max-width: 1440px) {
    .trialClass .section6 .footer_box .dl_mcf {
        width: 55%;
    }
    .trialClass .benefits .den-box .appDownBox .downItem{
        font-size: 24px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        font-size: 12px;
    }
    .gallery-page .imgBox {
        left: 26%;
        width: 48%;
    }
    .imgBox .enlargeImg_wrapper h1 {
        font-size: 24px;
    }
    .gallery>.active,
    .gallery-page>.active {
        left: 34%;
        width: 33%;
    }
    .trialClassHk .section1 .left_bottom .textItem02 {
        font-size: 14px;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 24px;
    }
    .trialClass .section6 .downBox .down_box .downImg {
        width: 25px;
        height: 25px;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 18px;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 35px;
        margin-right: 10px;
    }
    .trialClass .section6 .downBox .down_content {
        padding: 10px 10px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        font-size: 18px;
        line-height: 22px;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 30px;
    }
    .Faq-Page-cn .section2 .topItem .img {
        position: absolute;
        top: 980%;
        right: 0%;
        width: 15%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item img {
        width: 50%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 28%;
        right: 28%;
        display: block;
        width: 12%;
        height: 15%;
        /* background: red; */
        z-index: 1000;
    }
    .lucky_draw_page .footer-bottom02 {
        line-height: 30px;
        font-size: 28px;
    }
    .trialClass .section4 .span {
        margin-bottom: 1%;
    }
    .trialClass .section7 .item-h3,
    .trialClassA .section5-1 .title-h4,
    .trialClass .section7  .span h4,
    .trialClass .section8 .span h4,
    .trialClass .section4 .span h4 {
        font-size: 30px;
    }
    .trialClass .section4 .container {
        top: 13%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        width: 138px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        font-size: 14px;
        border-radius: 15px;
        padding: 1px 0px;
        width: 75%;
    }
    .trialClass .section5 .top_item3 h3, .trialClass .section5 .top_item .num7 {
        color: #009F93;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 90%;
        /*height: 310px;*/
    }
    .trialClass .section4 .swiper_box {
        width: 35%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        right: 8%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper {
        margin-top: 7%;
    }
    .trialClass .section4 .swiper .btnN {
        top: 70%;
        right: 26%;
        width: 2.35%;
    }
    .trialClass .section4 .swiper .btnP {
        top: 70%;
        left: 25.8%;
        width: 2.5%;
    }
    .trialClass .section4 .Sw_box {
        margin-top: 3%;
    }
    .Intensive_Phonics .section3 .C_item {
        font-size: 34px;
    }
    .Summer_Monkey .section1 {
        padding-bottom: 0px;
    }
    .lucky_draw_page .footer-bottom02 .terms {
        font-size: 34px;
    }
    .gallery .imgBox .removeX, .gallery-page .imgBox .removeX {
        top: -6.5%;
        right: -4.5%;
    }
    .gallery .imgBox .removeX .removeX_item, .gallery-page .imgBox .removeX .removeX_item {
        width: 4.4%;
        font-size: 1.05rem;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 6%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box .img01 {
        width: 80%;
    }
    .E-Teaching .section1 .img_box .img02 {
        width: 15%;
        margin-top: 2%;
    }
    .E-Teaching .section1 .rightBox {
        top: 0.5%;
    }
    .E-Teaching .section1 .img_box01 {
        margin-top: 0%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img {
        margin-left: 0%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img img {
        width: 85%;
        margin-left: 10%;
        margin-top: 13%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_asset2_img {
        width: 80%;
    }
    .E-Teaching .section2 {
        margin-top: 8%;
    }
    .E-Teaching .section3 .BG2_qwe>img {
        position: absolute;
        top: 0%;
    }
    .E-Teaching .section3 {
        margin-top: 10%;
        margin-bottom: 5%;
    }
    .Our_Locations {
        font-size: 30px;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 34px;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 18%;
    }
    .E-Teaching .section3 .right_box_cn {
        margin-top: 14%;
    }
    .ket-layout .section1 .leftBox {
        margin-top: 2%;
    }
    .ket-layout .section1 .rightBox {
        top: -0.5%;
    }
    .ket-layout .section2 h5 {
        font-size: 20px;
    }
    .ket-layout .section4 .orgBox img {
        width: 25px;
    }
    .panda_chinese .section4 .mon_item {
        margin-top: 5%;
    }
    .panda_chinese_cn .section4 .F_item, .panda_chinese_cn .section2 .F_item {
        font-size: 34px;
    }
    .panda_papsk .section4 .mon_item {
        margin-top: 10%;
    }
    .Private_Lesson .section4 .fea_item {
        margin-top: 0%;
    }
    .Private_Lesson_cn .section4 .fea_item {
        margin-top: 5%;
    }
    .Private_Lesson .top_sec5 .fea_item {
        margin-top: 15%;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        width: 90%;
        height: 100%;
        border: 6px solid #FED900;
        border-radius: 38px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 4%;
        left: 8%;
        width: 150px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 33%;
        font-size: 16px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        font-size: 12px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 17px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 11px;
        text-align: left;
    }
    .trialClass .gallery .benefits {
        border-radius: 30px;
    }
    .phVideo .section1 .img1 {
        height: 90px;
    }
    .phVideo .section1 .video-box {
        margin-top: 3%;
    }
    .phVideo .section1 .ph_Asset_details a {
        width: 20%;
        margin-top: 5%;
    }
    /*.benefits_details .section7 .Asset346 {*/
    /*    !*margin-bottom: -12%;*!*/
    /*}*/
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 24px;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 4.5%;
    }
    .trialClassS .tieBox li {
        font-size: 22px;
    }
    .course-new-page .section1 .pc-exam-link img{
        width: 100px;
    }
    .benefits_details .section7 .Asset346 .qrBox {
        margin-top: 1%;
    }
    .rrg_hk .title-box {
        margin-top: 15%;
        margin-bottom: 5%;
    }
    .gw-new .section1 {
        margin-bottom: 52%;
    }
    .blank-to-pp h4{
        font-size: 27px;
        line-height: 50px;
    }
    .blank-to-pp a{
        font-size: 25px;
        border-radius: 59px;
        padding: 15px 60px;
    }
    .monkey-coin-rewards-section h4{
        font-size: 30px;
    }
    .new_p h1{
        font-size: 30px;
        color: #158800;
        line-height: 70px;
    }
    .new_p h4{
        font-size: 18px;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 4%;
        margin-right: 1%;
    }
    .carousel-images {
        height: 790px;
    }
}

@media (max-width: 1399px) {
    .slide{
        width: 380px !important;
    }
    .carousel-images {
        height: 730px;
    }
    header .menu-btn{
        color: #808080;
        font-size: 26px;
    }
    header .menu li a {
        font-size: 18px;
        padding: 3px 10px;
    }
    .index .section1 .t-box p {
        font-size: 46px;
        line-height: 60px;
    }
    .franchise .section3 .step-04{top:0%}
    .franchise .section3 .step-05{top:-5%}
    .franchise .section3 .step-06{top:-8%}
    .franchise .section3 .step-07{top:-11%}
    .franchise .section3 .step-08{top:-14%}


    .franchise-tc .section3 .step-05 {
        top: -3%;
    }
    .franchise-tc .section3 .step-06 {
        top: -5%;
    }
    .franchise-tc .section3 .step-07 {
        top: -7%;
    }
    .franchise-tc .section3 .step-08 {
        top: -8%;
    }
    .course-new-page .section5 {
        padding: 90px 0 130px;
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 9% 9%;
    }
    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        padding: 5px 0;
        font-size: 23px;
    }
    .trialClass .section1 .left_bottom .textItem01 {
        font-size: 21px;
    }
    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 16px;
        padding: 0px 4px;
        text-align: center;
    }
    .trialClass .section5 .top_item h3 {
        color: #1A6FAF;
        font-weight: bold;
        font-size: 25px;
    }
    .trialClass .section5 .top_item .num2 {
        font-size: 16px;
    }
    .trialClass .section5 .top_item2 h3 {
        color: #B72831;
        font-size: 25px;
    }

    .trialClass .section5 .big_box .item_box .bottom_img {
        top: 29%;
    }
    .trialClass .section5 .big_box .item_box .bottom_img2 {
        top: 42%;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 28px;
    }
    .trialClass .section4 .item_box .bottom_img img {
        width: 150px;
    }
    .trialClass .section1 .rightBox img, media {
        margin-left: 0px;
    }
    .trialClass .section3 .item {
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: 30px;
    }
    .phVideo .section1 .pp-details a{
        margin-top: 5%;
        width: 20%;
    }
    .crVideo .section1 .img4 {
        height: 140px;
    }
}

@media (max-width: 1290px) {
    .carousel-images {
        height: 696px;
    }
    .trialClass .benefits .den-box .appDownBox .downItem{
        font-size: 20px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        font-size: 10px;
        margin-left: 5.8%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content img{
        width: 6%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content .app_down_link{
        padding: .5% 3%;
        border-radius: 8px;
        font-size: 10px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 34px;
    }
    .Intensive_Phonics .section1 .item_box {
        font-size: 17px;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 14px;
    }
    .Summer_Monkey .section2 .ageItem h3 {
        font-size: 30px;
    }
    .Summer_Monkey .section4 .A_item a {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .A_item01 a {
        width: 17%;
    }
    .Cambridge .section1 .F_item {
        font-size: 15px;
    }
    .Cambridge .section1 .item_box {
        margin-bottom: 2%;
    }
    .ket-layout .section2 .center-box .small_box .top_item h3 {
        font-size: 20px;
    }
    .ket-layout .section2 .center-box .small_box .item {
        font-size: 16px;
    }
    .ket-layout .section4 .orgBox .froItem {
        font-size: 12px;
    }
    .ket-layout .section4 .orgBox {
        height: 60px;
    }
    .ket-layout-cn .section2 .center-box .small_box .top_item h3 {
        font-size: 15px;
    }
    .courses-main .tab-content .tab-pane p {
        font-size: 20px;
    }
    .courses-main .tab-content .tab-pane a:hover img {
        border: 8px solid #FFD90A;
    }
    .courses-main-cn .title-p {
        width: 50%;
        font-size: 18px;
    }
    .courses-main-cn .tab-content .tab-pane p {
        font-size: 16px;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 38px;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 25px;
        margin-bottom: 0;
    }
    .chinese_character .section4 .C_item img {
        width: 11%;
        margin-top: 0%;
    }
    .chinese_character .section2 .p_item p {
        font-size: 14px;
    }
    .chinese_character .begin_box .learn-box .learn-item .FrItem {
        font-size: 20px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 13px;
    }
    .chinese_character .begin_box .learn-box .learn-item img {
        width: 90%;
    }
    .chinese_character .begin_box .begin_img img {
        width: 30%;
    }
    .chinese_character_cn .section4 .C_item img {
        width: 11%;
    }
    .chinese_character_cn .section4 .F_item, .chinese_character_cn .section2 .F_item {
        font-size: 32px;
    }
    .panda_papsk .section2 {
        padding-top: 5%;
    }
    .panda_papsk .section4 .A_item a {
        font-size: 17px;
    }
    .panda_papsk .section4 .F_item, .panda_papsk .section2 .F_item {
        font-size: 34px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        width: 98%;
        margin-top: 2%;
        font-size: 15px;
    }
    .panda_conver .section4 .F_item {
        right: -8%;
    }
    .panda_conver .section4 .A_item a {
        font-size: 20px;
    }
    .panda_conver_cn .section4 .F_item {
        right: -5%;
    }
    .Private_Lesson .section1 .item_box {
        width: 100%;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 20px;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 15px;
    }
    .Panda_Course .section2 .center_box .r-item p {
        width: 120%;
    }
    .Panda_Course .section2 .F_item {
        font-size: 34px;
    }
    .Panda_Course .section2 .center_box {
        top: 37%;
    }
    .Private_Lesson .top_sec5 .p_item p {
        margin-top: 8%;
        font-size: 15px;
    }
    .trialClassS .section7 .item-or {
        font-size: 38px;
    }
    .trialClassS h2.title-h4, h4.title-h4 {
       font-size: 30px;
    }
    .trialClassS .gallery .gallery-list li a {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 15px;
    }
    .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 {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .nat-an .item-coming {
        font-size: 30px;
    }
    .trialClassS .section6, .trialClass .section5 {
        background-color: transparent;
    }
    .trialClassS .gallery .benefits .free-ocean .ocean {
       font-size: 1.65rem;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 70%;
        font-size: 12px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 34%;
        font-size: 13px;
    }
    .E-Teaching .iframeBox .video-box iframe {
        height: 304px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 66%;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 20px;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 17px;
    }
    .benefits_details .freeassDetails .form .close-btn {
        width: 35px;
        height: 35px;
        right: 20px;
        top: 20px;
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .F_item {
        width: 30%;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 25px;
    }
    .Intensive_Phonics .section4 .hrBox .hr {
        width: 65%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 15px;
    }
    .trialClass .section7 .pItem a {
        height: 210px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 22px;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 93%;
        /*height: 270px;*/
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 15px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 10px;
    }
    .trialClassT .section6, .trialClass .section5 {
        background-color: #FFEFD3;
    }
    .trialClassT .gallery .gallery-list li a {
        font-size: 20px;
    }
    .trialClassT .gallery .benefits .free-ocean .ocean {
        font-size: 25px;
    }
    .trialClassT .gallery .benefits .down_img {
        right: -7%;
        top: 7%;
    }
    .trialClassT .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 20px;
    }
    .trialClassT .section6 .faq-box a img {
        width: 20%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box_cn {
        bottom: 40%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2,
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        left: 10%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 {
        left: 10%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        font-size: 12px;
        border-radius: 15px;
        padding: 0px;
        width: 65%;
    }
    .course-new-page .section2 .video-box iframe {
        height: 288px;
    }
    .course-new-page .section6 .section2 .video-box iframe {
        height: 304px;
    }
    .trialClassA .section6, .trialClass .section5 {
        background-color: #fff;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 15px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 12px;
    }
    .trialClassA .gallery .gallery-list .nat-an .item-coming {
        font-size: 30px;
    }
    .phVideo .section1 .img1 {
        height: 80px;
    }
    .phVideo .section1 .img2 {
        height: 80px;
    }
    .phVideo .section1 .img3 {
        height: 90px;
    }
    .phVideo .section1 .video-box iframe {
        height: 303px;
    }
    .benefits_details .section7 .span .item-p2 {
        width: 40%;
    }
    .benefits_details .gallery .gallery-list li a {
        font-size: 26px;
    }
    .trialClassS .gallery .gallery-list .tieBox-btn li a {
        font-size: 17px;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 4.8%;
        margin-right: 2%;
    }
    .trialClass .section6 .down_content .contentItem p,
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 15px;
    }
    .trialClass .section6 .down_content .contentItem img,
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 30px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-h5 {
        font-size: 17px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 15px;
    }
    .trialClass .section6 .downBox .down_box .downItem,
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 20px;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 4.5%;
        margin-right: 1.2%;
    }
    .trialClass .benefits .den-box .faqs_regBox .item2 img {
        width: 7.8%;
        margin-right: 2%;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p,
    .trialClass .gallery .benefits .free-ocean .itemBox-p p {
        font-size: 13px;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 4.8%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC1 img {
        width: 20%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 12%;
    }
    .trialClassS .tieBox li {
        font-size: 20px;
    }
    .trialClass .section1 .topBox .bottomBox .box {
        padding: 5% 0;
    }
    .benefits_details .section7 .Asset346 .span {
        top: -10%;
    }
    .rrg_hk .title-box .p_item p {
        font-size: 28px;
    }
    .rrg_hk .Download_now .a-btn,
    .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 24px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 680px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 383px;
    }
    .trialClass .new-pp-categorize .categorize-box .categorize-select-text{
        font-size: 20px;
    }
    .new-pp-categorize .categorize-drop-menu{
        font-size: 20px;
        line-height: 40px;
    }
    .eLearning-box h1,
    .eLearning-box h2,
    .eLearning-box .eLearning-title{
        font-size: 50px !important;
    }
    .eLearning-small-box img{
        width: 70px;
    }
    /*.eLearning-small-box p{*/
    /*    font-size: 12px;*/
    /*}*/
    .trialClass .benefits .den-box .pp_det_xia, .trialClass .benefits .den-box .faqs_regBox img {
        width: 34px !important;
        margin-right: 10px !important;
    }
    .trialClass .benefits .den-box .appDownBox .introText {
        margin-left: 44px !important;
    }
}

@media (max-width: 1190px) {
    .slide{
        width: 320px !important;
    }
    .carousel-images {
        height: 637px;
    }
    .trialClass .benefits .den-box .appDownBox .downItem{
        font-size: 18px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        font-size: 8px;
        margin-left: 6.5%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content .app_down_link{
        padding: .2% 3%;
        font-size: 8px;
    }
    .trialClass .benefits .den-box .appDownBox .down_content img{
        margin-left: 8%;
    }
    header .menu li a {
        font-size: 17px;
        padding: 3px 5px;
    }
    header .menu li.trial-class a {
        padding: 3px 10px;
    }

    .index .section4 .box{
        margin-bottom: 30px;
    }
    .index .section4 {
        padding-bottom: 340px;
    }
    .index .section4 .view-more .a-btn-box a {
        position: relative;
        left: auto;
        transform: none;
        top: auto;
    }
    .gallery .gallery-list .tab-content .tab-pane .box img {
        height: auto;
    }
    .index .news-events .new-event-slide ul li span {
        font-size: 12px;
        line-height: 18px;
    }
    footer .footer-top h5 {
        line-height: 45px;
        white-space: normal;
    }
    footer .footer-top ul li:nth-child(3) p {
        min-width: 287px;
    }


    /*20220322*/
    .franchise .section1 .img-box a {
        width: 150px;
        height: 146px;
    }
    .franchise .section3 .step-box .inner-box {
        border-radius: 20px;
        padding: 12px;
    }
    .franchise .section3 .step-07 .p2, .franchise .section3 .step-05 .p2, .franchise .section3 .step-03 .p2, .franchise .section3 .step-01 .p2 {
        padding-left: 25px;
    }
    .franchise .section3 .step-08 .p2, .franchise .section3 .step-06 .p2, .franchise .section3 .step-04 .p2, .franchise .section3 .step-02 .p2 {
        padding-right: 25px;
    }
    .franchise .section3 .step-box .inner-box h6 {
        font-size: 21px;
        margin-bottom: 6px;
    }
    .franchise .section3 .step-box .inner-box h6::before {
        -webkit-text-stroke-width: 7px;
    }
    .franchise-hk .section3 .step-01 {
        top: 8%;
    }
    /*20220322*/
    .course-new-page .section4 .right-p a {
        padding: 6px 4px;
        font-size: 20px;
    }
    .course-new-page .title-box .title {
        font-size: 38px;
    }
    .course-new-page .section5 {
        padding: 40px 0 40px;
    }

    /*202201130*/
    .trialClass .section1 .left_top a img {
        width: 300px;
    }
    .trialClass .section1 .left_bottom .textItem01 {
        font-size: 18px;
    }
    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 12px;
    }
    .trialClass .section3 .Item_box {
        width: 60%;
    }
    .trialClass .section5 .top_item h1 {
        margin-bottom: 50px;
        font-size: 32px;
    }
    .trialClass .section5 .top_item2 h3,
    .trialClass .section5 .top_item h3 {
        font-size: 21px;
        font-weight: bold;
    }
    .trialClass .section5 .top_item .num {
        font-size: 15px;
    }
    .trialClass .section5 .top_item .num2 {
        font-size: 13px;
    }
    .trialClass .section5 .top_item2 .num {
        font-size: 14px;
        line-height: 20px;
        /*padding-top: 50px;*/
    }
    .trialClass .section5 .top_item2 {
        position: relative;
    }
    .trialClass .section5 .top_item2 .num2 {
        color: #B72831;
        font-size: 12px;
        transform: scale(0.7);
        position: absolute;
        left: -18%;
        bottom: 38%;
    }
    .trialClass .section6 .bottom_item .ItemBox .item .item02,
    .trialClass .section6 .bottom_item .ItemBox .item .item01 {
        font-size: 14px;
    }
    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        font-size: 18px;
    }
    .trialClass .section6 .bottom_item .ItemBox {
        height: 300px;
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 5% 9%;
    }
    .trialClass .section5 .big_box .item_box .bottom_img {
        top: 10%;
    }
    .trialClass .section5 .big_box .item_box .bottom_img2 {
        top: -15%;
    }
    .trialClass .section3 .text_item .item02, .trialClass .section3 .text_item .item01 {
        width: 18.5%;
    }
    .trialClass .section3 .lis_item li {
        width: 19.5%;
    }
    .trialClass .section4 .img_box img {
        height: 300px;
    }
    .trialClass .section5 .top_item2 {
        padding-top: 48px;
    }
    .trialClass .section5 .top_item2 .num2 {
        bottom: 47%;
    }
    .trialClass .section5 .top_item {
        padding-top: 0px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 23px;
    }
    .trialClass .section6 .downLoad {
        font-size: 14px;
    }
    .trialClass .section4 .item_box button {
        font-size: 13px;
    }
    .trialClassHk .section5 .top_item2 h3 {
        /*color: #542F1B;*/
        font-weight: bold;
        font-size: 21px;
    }
    .trialClassHk .section5 .top_item2 {
        padding-right: 0px;
    }
    .trialClassHk .section5 .top_item2 h3 .num5 {
        font-size: 15px;
    }
    .trialClassHk .section5 .top_item2 h3 {
        font-size: 23px;
    }
    .trialClassHk .section5 .top_item2 .num2 {
        bottom: 43%;
    }
    .trialClassHk .section6 .downLoad {
        font-size: 12px;
    }
    .trialClassHk .section6 .downLoad {
        font-size: 13px;
    }
    .trialClassHk .section6 .footer_box .span {
        font-size: 15px;
    }

    .imgBox .enlargeImg_wrapper h1 {
        font-size: 22px;
    }
    .trialClassHk .section5 .top_item .num4 {
        top: -40%;
    }
    .trialClassHk .section5 .top_item h1 {
        top: -50%;
    }
    .trialClass .section5 .top_item {
        top: -6%;
    }
    .trialClass .section5 .top_item h1 {
        top: -140%;
    }
    .trialClassHk .section5 .top_item {
        top: -10%;
    }
    .trialClassHk .section1 .topBox .leftBox .left_bottom p {
        font-size: 13px;
    }
    .trialClassHk .section4 .item_box .top_item2 {
        width: 45%;
    }
    .trialClass .section4 .top_item2 {
        width: 43%;
    }
    .trialClass .section5 .top_item2 {
        width: 77%;
        left: 15%;
        top: 0%;
    }
    .trialClassHk .section5 .top_item2 {
        width: 61%;
        left: 0%;
    }
    .trialClass .section6 .downBox .down_box {
        padding: 5px;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 30px;
    }
    .trialClass .section6 .downBox .down_box .downImg {
        width: 40px;
        height: 40px;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 22px;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 40px;
    }
    .trialClass .section6 .downBox .down_content {
        padding: 10px;
    }
    .gallery>.active,
    .gallery-page>.active {
        left: 28%;
        width: 46%;
    }
    .gallery .imgBox {
        left: 20%;
        width: 60%;
        top: 23%;
    }
    .gallery .imgBox,
    .gallery-page .imgBox {
        top: 28%;
    }
    .gallery>.active,
    .gallery-page>.active {
        top: 11%;
        left: 25%;
        width: 50%;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 18px;
    }
    .trialClass .section6 .downBox .down_box .downImg {
        width: 25px;
        height: 25px;
        display: flex;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 16px;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 30px;
        margin-right: 5px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        font-size: 15px;
        line-height: 20px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downImg {
        width: 20px;
        height: 20px;
    }
    .Faq-Page-cn .section2 .topItem {
        font-size: 32px;
    }
    .Faq-Page-cn .section2 .videoItem .video_item,
    .Faq-Page-cn .section2 .downBox .videoBox .videoItem {
        width: 65%;
        height: 380px;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 28px;
    }
    .Faq-Page-cn .section2 .topItem .img {
        position: absolute;
        top: 1153%;
        right: -2%;
        width: 15%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        top: 30%;
    }
    .lucky_draw_page .footer-bottom02 {
        line-height: 20px;
        font-size: 16px;
    }
    .trialClassHk .section5 .top_item {
        width: 65%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1.3rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .byHs {
        font-size: 0.9rem;
    }
    .trialClass .gallery .benefits .free-ocean p {
        font-size: 1rem;
    }
    .trialClass .gallery .benefits .free-ocean .hsbc p {
        font-size: 0.1rem;
    }
    .trialClass .gallery .benefits .down_img img {
        width: 22%;
    }
    .trialClass .gallery .benefits .down_img {
        right: -10%;
        top: 7%;
    }
    .trialClass .section6 .mtSize img {
        margin-top: -35%;
    }
    .trialClass .section6 .footer_box {
        margin-top: -14.5%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean span {
        font-size: 0.9rem;
    }
    .trialClass .gallery .benefits .free-ocean {
        margin-left: 3%;
        line-height: 23px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        bottom: 7%;
    }
    .ket-layout .small-img-text li {
        font-size: 15px;
    }
    .ket-layout .small-img-text img {
        width: 20px;
    }
    .ket-layout .section4 .A_item .EF_Reading {
        width: 26%;
    }
    .ket-layout .section4 .orgBox {
        width: 58%;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 40%;
    }
    .pet-layout .section2 .center-box .small_box .item {
        font-size: 13px;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 15%;
    }
    .courses-main .tab-content .tab-pane a:hover img {
        border: 7px solid #FFD90A;
    }
    .chinese_character .section1 .rightBox img {
       width: 75%;
    }
    .chinese_character .section1 .item_box {
        width: 100%;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 30px;
    }
    .chinese_character .section2 .p_item p {
        font-size: 12px;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .chinese_character .section4 .S_item {
        font-size: 14px;
    }
    .chinese_character .section4 .C_item img {
        width: 11%;
    }
    .chinese_character .begin_box .learn-box .learn-item .FrItem {
        font-size: 17px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
    }
    .chinese_character_cn .section4 .C_item img {
        width: 11%;
    }
    .panda_chinese .section4 .p_item p {
        width: 100%;
    }
    .panda_papsk .section4 .mon_item {
        margin-top: 12%;
    }
    .panda_papsk .section4 .A_item a {
        font-size: 14px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        font-size: 12px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        margin-bottom: 3%;
        margin-top: 2%;
        font-size: 19px;
    }
    .panda_conver .section4 .A_item a {
        width: 22%;
    }
    .panda_chinese .top_sec4 {
        margin-top: 0%;
    }
    .Private_Lesson .section1 .item_box {
        width: 125%;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 15px;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 12px;
    }
    .Panda_Course .section2 .F_item {
        font-size: 30px;
    }
    .Panda_Course .section2 h2.title-h4, h4.title-h4 {
        font-size: 34px;
    }
    .Private_Lesson .top_sec5 .fea_item {
        margin-top: 20%;
    }
    .trialClassS .gallery .gallery-list .nat-an .item-coming {
        font-size: 24px;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 253px;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 60%;
        padding: 1px 0px;
        font-size: 12px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 3%;
        left: 10%;
        width: 150px;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.85rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 0.7rem;
    }
    .trialClassS .gallery .benefits .free-ocean .byHs {
        font-size: 1rem;
    }
    .trialClassS .gallery .benefits .section6 .itemN-ter {
        border-bottom: 1px solid #754C24;
        font-size: 13px;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p {
        font-size: 13px;
    }
    .trialClassS .gallery .benefits .section6 .itemN-img img {
        width: 13%;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 16px;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 15px;
        padding: 13px 10px;
    }
    .benefits_details .RedeemRewards .detail-box label {
        top: -20px;
        left: 0px;
        font-size: 13px;
    }
    .benefits_details .RedeemRewards .detail-box select, .benefits_details .RedeemRewards .detail-box input {
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box {
        margin-top: 3%;
        padding: 0;
    }
    .benefits_details .RedeemRewards .detail-box .msg {
        font-size: 11px;
    }
    .benefits_details .RedeemRewards .detail-box .submit-btn {
        padding: 5px 15px;
        font-size: 15px;
    }
    .benefits_details .RedeemRewards .detail-box .btn {
        font-size: 24px;
    }
    .Intensive_Phonics .section2 .W_item {
        padding-top: 2%;
    }
    .Intensive_Phonics .section4 .A_item a {
        width: 20%;
    }
    .Intensive_Phonics .section4 .C_item img {
        width: 9%;
    }
    .Intensive_Phonics .section4 .F_item {
        width: 35%;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 34px;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 21px;
    }
    .Intensive_Phonics .section4 .hrBox .hr {
        width: 75%;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 18px;
    }
    .trialClass .section7 .pItem a {
        height: 170px;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 95%;
        height: 270px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2,
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        left: 10%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        bottom: 20%;
        left: 14%;
    }
    .trialClassT .section6 .faq-box a img {
        width: 20%;
    }
    .trialClassT .section6 .faq-box a .span01 {
        font-size: 24px;
    }
    .trialClassT .section6 .faq-box a .span02 {
        font-size: 18px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 235px;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        width: 95%;
        top: 20%;
    }
    .chat-room-new .section6 .title-box.step5-part p {
        padding-bottom: 80px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 20%;
    }
    .course-new-page .section6 .section2 .video-box iframe {
        height: 253px;
    }
    .trialClassA .gallery .gallery-list li a {
        font-size: 13px;
        padding: 5px 10px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 12px;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 10px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 10px;
    }
    .phVideo .section1 .img1 {
        height: 70px;
    }
    .phVideo .section1 .video-box iframe {
        height: 253px;
    }
    .benefits_details .section7 .span .item-p {
        font-size: 13px;
    }
    .benefits_details .gallery .gallery-list li a {
        font-size: 22px;
    }
    .trialClassS .benefits .den-box .m-h3 {
        font-size: 20px;
    }
    .trialClass .section6 .downBox .down_box .downItem,
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 18px;
    }
    .trialClass .benefits .den-box .faqs_regBox {
        display: flex;
        align-items: flex-start;
        margin-top: 3%;
        flex-direction: column;
    }
    .trialClass .benefits .den-box .faqs_regBox .item1,
    .trialClass .benefits .den-box .faqs_regBox .item2 {
        margin-bottom: 3%;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 5%;
        margin-right: 1.5%;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 13px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-h5 {
        font-size: 15px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-food {
        font-size: 13px;
        color: #cccccc;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p,
    .trialClass .gallery .benefits .free-ocean .itemBox-p p {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .tieBox-btn li a {
        font-size: 15px;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 5.5%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC1 img {
        width: 20%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 12%;
    }
    .trialClassS .tieBox li {
        font-size: 18px;
    }
    .benefits_details .section7 .span .rrg_btn {
        font-size: 13px;
    }
    .rrg_hk .title-box .p_item p {
        font-size: 24px;
    }
    .rrg_hk .Download_now .a-btn,
    .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 22px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 600px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 337px;
    }
    .crVideo .section1 .img4 {
        height: 120px;
    }
    .monkey-coin-rewards-section .reward-img{
        min-height: 100px;
    }
    .trialClass .benefits .den-box .pp_det_xia, .trialClass .benefits .den-box .faqs_regBox img {
        width: 34px !important;
        margin-right: 10px !important;
    }
    .trialClass .benefits .den-box .appDownBox .introText {
        margin-left: 44px !important;
    }
}

@media (max-width: 1024px) {
    .eLearning-box h1,
    .eLearning-box h2,
    .eLearning-box .eLearning-title{
        font-size: 40px !important;
    }
    .eLearning-small-box img{
        width: 60px;
    }
    .eLearning-small-box p{
        font-size: 12px;
    }
    .carousel-images {
        height: 550px;
    }
    .Our_Locations {
        font-size: 38px;
    }
    .lucky_draw_page .lucky_img05 {
        height: 135%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -122.2%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 60px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 30px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 45px;
        margin-bottom: 10%;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -135%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -132%;
    }
    .comeOthers a {
        font-size: 24px;
        padding: 1px 16px;
        border-radius: 15px;
    }
    .trialClassHk .section1 .topBox .leftBox {
        top: 15%;
    }
    .trialClass .section7 .pItem .item .psize {
        font-size: 14px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 20px;
    }
    .trialClass .section7 .pItem a {
        height: 170px;
    }
    .trialClass .section5 .top_item3 h3, .trialClass .section5 .top_item3 h3  {
        color: #009F93;
    }
    .trialClass .section8 .span h4,
    .trialClass .section4 .span h4 {
        font-size: 30px;
        font-weight: bold;
    }
    .trialClass .section8 .swiper .btnN, .trialClass .section4 .swiper .btnN {
        right: 3%;
        top: 45%;
    }
    .trialClass .section8 .swiper .btnP3 {
        top: 45%;
    }
    .trialClass .section4 .Sw_box {
        padding-top: 18%;
    }
    .trialClass .section7  .span h4,
    .trialClass .section3 .span h4,
    .trialClass .section2 .span h4 {
        color: #328A46;
        font-size: 34px;
        font-family: NunitoExtraBold;
    }
    .trialClass .section4 .swiper .btnN {
        top: 71%;
        right: 13%;
        width: 14%;
    }
    .trialClass .section4 .swiper .btnP {
        top: 71%;
        left: 24%;
        width: 15%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 60%;
        font-size: 12px;
        border-radius: 15px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        left: 2%;
        bottom: 5%;
    }
    .trialClass .section4 .span h4 {
        font-size: 24px;
    }
    .trialClass .section4 .swiper_box {
        width: 40%;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 88%;
        padding: 0 3%;
    }
    .trialClass .section4 .swiper .btnP img,
    .trialClass .section4 .swiper .btnN img {
       width: 17%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 0%;
    }
    .Intensive_Phonics .section1 .item_box {
        margin-top: 5%;
    }
    .Intensive_Phonics .section1 .rightBox {
        margin-top: 8%;
    }
    .Intensive_Phonics .section1 .item_box {
        margin-bottom: 5%;
        font-size: 17px;
    }
    .Intensive_Phonics .section1 .img_box .img01 {
        width: 100%;
    }
    .Intensive_Phonics .section1 .img_box .img02 {
        margin-left: 20%;
    }
    .Intensive_Phonics .section2 {
        padding-top: 5%;
    }
    .Intensive_Phonics .section2 .W_item p {
        font-size: 15px;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 38px;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 36px;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 24px;
    }
    .Intensive_Phonics .section4 .O_item {
        font-size: 15px;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 34px;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 40px;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 12px;
    }
    .Summer_Monkey .section2 .ageItem h3 {
        font-size: 24px;
    }
    .Summer_Monkey .section2 .D_item {
        font-size: 34px;
    }
    .Summer_Monkey .section1 {
        padding-bottom: 0px;
    }
    .Summer_Monkey .section4 .A_item a {
        font-size: 14px;
    }
    .Cambridge .section1 .item_box {
        margin-bottom: 2%;
    }
    .Cambridge .section1 {
        padding-bottom: 0;
    }
    .Cambridge .section1 .img_box .img01 {
        width: 90%;
    }
    .Cambridge .section1 .img_box .img02 {
        margin-left: -32%;
        width: 16%;
    }
    .Monkey_Tales .section1 .img_box .img02 {
        margin-left: 3%;
        width: 20%;
    }
    .Monkey_Tales .section1 .img_box .img01 {
        width: 70%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset9 {
        width: 12%;
    }
    .Intensive_Phonics .section4 .hr {
        height: 10px;
    }
    .Primary_Preparantion36 .section4 .S_item {
        font-size: 14px;
    }
    .Summer_Monkey36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Summer_Monkey36 .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .imgBox .enlargeImg_wrapper .P_itemCN {
        font-size: 12px;
    }
    .imgBox .enlargeImg_wrapper .Bo_box .P_itemHK {
        font-size: 12px;
    }
    .Cambridge612 .section1 .img_box .img02 {
        margin-left: -47%;
        width: 14%;
        margin-top: -4%;
    }
    .Cambridge612 .section1 .img_box .img03 {
        margin-left: -44%;
    }
    .Cambridge612 .section1 .img_box .img01 {
        width: 100%;
    }
    .Cambridge612 .section1 .item_box {
        font-size: 12px;
    }
    .Cambridge612 .section1 .img_box img {
        width: 50%;
    }
    .lucky_draw_page .footer-bottom02 .terms {
        font-size: 20px;
    }
    .gallery-page .imgBox {
        left: 23%;
        width: 54%;
    }
    .gallery .imgBox .removeX .removeX_item, .gallery-page .imgBox .removeX .removeX_item {
        width: 5.4%;
        font-size: 1rem;
    }
    .gallery .imgBox .removeX, .gallery-page .imgBox .removeX {
        top: -7.5%;
        right: -5.5%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 4%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box .img01 {
        width: 85%;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: 6%;
    }
    .E-Teaching .section1 .rightBox {
        top: 2%;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 30px;
    }
    .E-Teaching .section2 .PC_Plus img {
        margin-top: 130%;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 15px;
        line-height: 20px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 14px;
    }
    .E-Teaching .section3 .BG2_qwe .PC_asset2_img {
        width: 100%;
    }
    .E-Teaching .section3 .small-img-text {
        padding: 15px 0;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 11%;
        margin-right: 0%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 14px;
        line-height: 18px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 13px;
        line-height: 18px;
    }
    .E-Teaching .section4 .uls li img {
        width: 100px;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img img {
        width: 90%;
        margin-left: 5%;
        margin-top: -2%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_EF_img {
        margin-top: 10%;
    }
    .E-Teaching .section2 .PC_Plus {
        margin: 0% 6%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 1.5rem;
        line-height: 25px;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 30%;
    }
    .E-Teaching .section3 {
        margin-bottom: 10%;
    }
    .Our_Locations {
        font-size: 30px;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 12px;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 28px;
    }
    .ket-layout .section1 .leftBox {
        margin-top: 0%;
    }
    .ket-layout .section1 .rightBox {
        top: 0.5%;
    }
    .ket-layout .section4 .A_item .EF_Reading {
        width: 24%;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 15%;
    }
    .chinese_character .section1 .rightBox img {
        width: 65%;
    }
    .chinese_character .section1 .img_box .img01 {
        width: 80%;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 26px;
    }
    .chinese_character_cn .section4 .S_item {
        font-size: 13px;
    }
    .chinese_character .section1 .img_box .img02 {
        margin-left: 8%;
    }
    .chinese_character_cn .section4 .F_item {
        margin-bottom: 3%;
    }
    .panda_papsk .section4 .A_item a {
        font-size: 14px;
    }
    .panda_papsk .title-box .title {
        font-size: 34px;
    }
    .Private_Lesson .section4 .S_item {
        font-size: 15px;
    }
    .Private_Lesson_cn .section1 .item_box {
        width: 100%;
    }
    .Panda_Course .section1 h2.title-h4, h4.title-h4 {
        font-size: 34px;
    }
    .Panda_Course .section2 .F_item {
        font-size: 30px;
    }
    .trialClassS .section7 .span p {
        font-size: 14px;
    }
    .trialClassS .section7 .span h4,
    .trialClassS .section3 .span h4,
    .trialClassS .section2 .span h4 {
        font-size: 30px;
    }
    .trialClass .section8 .swiper .btnN,
    .trialClassS .section8 .swiper .btnP3 {
        top: 45%;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 65%;
        font-size: 12px;
        border: 2px solid;
    }
    .trialClassS .section7 .pp_img {
        width: 70%;
        margin: 5% 0%;
    }
    .trialClassS .section7 .disF #roll1 .pp_img,
    .trialClassS .section7 .disF #roll2 .pp_img {
        width: 100%;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        width: 95%;
        height: 100%;
        border: 5px solid #FED900;
        border-radius: 27px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 36%;
        left: 10%;
        font-size: 12px;
    }
    .trialClassS .section8 .AItem .A_item {
        left: 19%;
    }
    .trialClassS .section8 .swiper .btnN,
    .trialClassS .section8 .swiper .btnP3 {
        top: 60%;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 64%;
        left: 10%;
        font-size: 12px;
        width: 85%;
    }
    .Intensive_Phonics .section4 .A_item {
        margin-top: 5%;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 100%;
        padding: 0 4%;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 100%;
        height: 250px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 13px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2, .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        left: 12%;
    }
    .trialClass .section7 .pItem .item_cn p {
        font-size: 18px;
    }
    .trialClass .section8 .swiper .btnN3 {
        right: 10%;
    }
    .trialClass .section4 {
        margin-bottom: 20%;
    }
    .course-new-page .section6 .big-border-b {
        height: 10px;
    }
    .course-new-page .section6 .camb_Asset41 {
        width: 65%;
        margin-left: -6%;
    }
    .course-new-page .section6 .ExamBtn,
    .course-new-page .section1 .ExamBtn,
    .course-new-page .section6 .ExamBtn span,
    .course-new-page .section1 .ExamBtn span {
        font-size: 18px;
    }
    .benefits_details .section7 .span .item-p {
        font-size: 11px;
    }
    .benefits_details .section7 .Asset346 .qrBox {
        margin-top: 1%;
    }
    .trialClassS .gallery .benefits .free-ocean .item-food {
        font-size: 12px;
        color: #cccccc;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 5.5%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC1 img {
        width: 20%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 12%;
    }
    .trialClass .section1 .topBox .bottomBox .box .right_text {
        font-size: 11px;
    }
    .benefits_details .section7 .Asset346 .span {
        top: -15%;
    }
    .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;
    }
    .rrg_hk .title-box {
        margin-top: 20%;
        margin-bottom: 5%;
    }
    .blank-to-pp h4{
        font-size: 31px;
    }
    .blank-to-pp a{
        font-size: 29px;
    }
    .monkey-coin-rewards-section h4{
        font-size: 34px;
    }
    .new_p h1{
        font-size: 34px;
    }
    .new_p h4{
        font-size: 22px;
    }
    .trialClass .benefits .den-box .pp_det_xia, .trialClass .benefits .den-box .faqs_regBox img {
        width: 32px !important;
        margin-right: 10px !important;
    }
    .trialClass .benefits .den-box .appDownBox .introText {
        margin-left: 42px !important;
    }
}

@media (max-width: 991px) {
    .index .news-events-wrap{
        margin-bottom: 50px;
    }
    .index .news-events-wrap .title-h4{
        font-size: 30px;
    }
    .pp-example{
        margin-top: 40px;
    }
    .carousel-images {
        height: 710px;
        background: #ffffff;
    }
    .padding-ton .ex-text{
        font-size: 24px;
    }
    .phVideo .section1 .pp-details a{
        width: 70%;
    }
    header .menu li#li02:before,
    header .menu li#li03:before,
    header .menu li#li05:before,
    header .menu li#li06:before,
    header .menu li#li07:before{
        content:'';
        position: absolute;
        top: 13px;
        left: 4px;
        border-width: 2px 2px 0 0;
        width: 10px;
        height: 10px;
        border: #583512  solid;
        transform: rotate(135deg);
        display: inline-block;
        border-width: 2px 2px 0 0;
    }
    header .menu li ul{position: relative;}

    header .menu #li08 .down{
        padding: .7%;
        margin-left: 8px;
    }

    header .menu{
        display: none;
        padding: 15px 0;
    }
    header .menu li{
        padding: 0px 25px;
    }
    header .menu li ul li{
        padding: 0px 10px;
    }

    header .menu li.trial-class {
        margin-left: 25px;
    }
    header .menu li a {
        font-size: 20px;
        padding: 3px 0;
    }
    header .menu li.lang:before{
        content: none;
    }
    .index .section1 .t-box p {
        font-size: 29px;
        line-height: 40px;
    }
    .index .section3 ul li{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
        border: 0;
    }
    .index .section3 {
        padding: 0;
    }
    footer{
        margin-top: 0;
    }
    footer .footer-top ul li {
        padding: 0;
        border-right: 0;
    }
    footer .footer-top {
        padding-top: 0;
    }
    footer .footer-top h5,
    footer .footer-top .footer-col-space {
        min-height: auto;
        margin-top: 20px;
    }
    footer .footer-bottom {
        font-size: 15px;
    }
    .index .section6 .a-btn-box,
    .index .section6 p,
    .index .section5 .a-btn-box,
    .index .section5 p{
        text-align: center;
    }
    .index .section5 img{
        margin-bottom: 30px;
    }
    .index .our-group ul li:nth-child(2) img {
        width: 60%;
        margin-bottom: 30px;
    }
    .index .our-group ul li img {
        margin: 0 10px;
        width: 80px;
        object-fit: contain;
    }
    footer .footer-top ul {
        text-align: center;
    }
    footer .footer-top ul li{
        position: relative;
    }
    footer .footer-top ul li:before{
        content: "";
        border-bottom: 2px solid #006837;
        display: inline-block;
        width: 150px;
        bottom: 0;
        left: 50%;
        transform: translateX(0);
    }
    footer .footer-top ul li:nth-child(1):before,
    footer .footer-top ul li:nth-child(2):before{
        content: none;
    }
    footer .footer-top ul li:nth-child(3) p{
        margin-bottom: 20px;
    }
    footer .footer-top ul li:nth-child(3) p span{
        display: block;
        border: 0;
        padding: 0;
        margin:6px 0;
    }
    footer .footer-top ul li:nth-child(3) p a{
        padding:0 7px;
        border-right: 1px solid #ffffff;
        line-height: 15px;
    }
    footer .footer-top ul li:nth-child(3) p a:last-child{
        border: 0;
    }

    /*20220322*/
    .franchise .section2 .fbg-img-01,
    .franchise .section2 .fbg-img-02{
        display: none;
    }
    .franchise .section4 form{
        background-image: none;
        background-color: #f79f13;
        border-radius: 30px;
        padding: 20px;
    }
    .franchise .section4 form .row-out{
        width: 100%;
    }
    .franchise .section3 .step-07 .p2, .franchise .section3 .step-05 .p2, .franchise .section3 .step-03 .p2, .franchise .section3 .step-01 .p2 {
        padding-left: 0;
    }
    .franchise .section3 .step-08 .p2, .franchise .section3 .step-06 .p2, .franchise .section3 .step-04 .p2, .franchise .section3 .step-02 .p2 {
        padding-right: 0;
    }
    .franchise .section3 .step-box .p2 {
        padding-bottom: 0;
    }
    .franchise .section3 .step-box .text-img {
        padding-right: 30px;
    }
    .franchise .section3 .step-box .text-img img {
        width: 25px;
    }
    .franchise .section3{padding-top: 60px}
    .franchise .section3 .step{padding-bottom: 60px}
    .franchise .section3 .step-01{top:0%}
    .franchise .section3 .step-02{top:0%}
    .franchise .section3 .step-03{top:0%}
    .franchise .section3 .step-04{top:0%}
    .franchise .section3 .step-05{top:0%}
    .franchise .section3 .step-06{top:0%}
    .franchise .section3 .step-07{top:0%}
    .franchise .section3 .step-08{top:0%}
    .franchise .section3 .title-box {
        top: -20px;
    }
    /*20220322*/
    .course-new-page .section6 .row,
    .course-new-page .section5 p,
    .course-new-page .section2 .left-img,
    .course-new-page .title-box .title,
    .course-new-page .title-box p,
    .course-new-page .title-next-p{
        text-align: center;
    }
    .course-new-page .section1 {
        background-size: contain;
        background-position: top left;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 110px;
    }
    .course-new-page .section2 .left-img img {
        max-width: 80%;
        display: inline-block;
    }
    .course-new-page .section23-bg{
        background-image: none;
    }
    .course-new-page .section2{
        padding-bottom: 60px;
    }
    .course-new-page .section3{
        padding-top:60px;
        padding-bottom: 60px;
        /*background-color: #fff8dc;*/
    }
    .course-new-page .section4{
        background-image: none;
    }
    .course-new-page .s5-top-bg{display: none}
    .course-new-page .section5{
        background-image: none;
        background-color: #ffd80a;
    }
    .course-new-page .section6 .title-box p {
        display: inline-block;
        max-width: 80%;
    }
    .chat-room-new .section2 .pt-wen p{
        text-align: center;
        margin-top: 40px;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        width: 97%;
    }
    .gw-new .section1 .img1 {
        height: 140px;
    }
    .rs-new .section1 .img1 {
        height: 140px;
    }
    .camb-new .section3 {
        background-color: #ffd80a;
    }
    .tri-new .section6 .title-box h6 ,
    .rs-new .section6 .title-box h6 ,
    .camb-new .section6 .title-box h6 {
        border-radius: 30px;
        min-width: 160px;
    }
    .tri-new .section1 .img1 {
        height: 130px;
    }

    /*20221128 */
    .trialClass .section3 .Item_box {
        flex-direction: column;
        align-items: center;
    }
    .trialClass .section3 .Item_box .Item01 {
        padding: 0  55px;
        width: 100%;
        height: 100%;
        /* background-color: palegreen; */
        border-radius: 30px;
    }
    .trialClass .section2 {
        box-shadow: none;
        padding-bottom: 0;
    }
    .trialClass .section2 .videoBox video {
        width: 100%;
    }
    .trialClass .section3 .Item_box {
        width: 51%;
        padding: 40px 0;
    }
    .trialClass .section3 .Item_box .Item01 .text {
        font-size: 19px;
        text-align: center;
    }
    .trialClass .section3 .item {
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 30px;
        width: 72%;
    }
    .trialClass .section3 .text_item .item02,
    .trialClass .section3 .text_item .item01 {
        width: 22.5%;
    }
    .trialClass .section3 .lis_item li {
        width: 24.5%;
    }
    .trialClass .hangBox {
        margin-top: 150px;
    }
    .trialClass .section4 .img_box {
        padding-left: 0px;
        padding-right: 0px;
    }
    .trialClass .section4 .item_box {
        height: 300px;
    }
    .trialClass .section4 .big_box .center_img {
        position: absolute;
        bottom: 30%;
        left: 62%;
        width: 30%;
    }
    .trialClass .section4 .big_box .center_img2 {
        position: absolute;
        bottom: 37%;
        left:-5%;
        width: 30%;
    }
    .trialClass .section4 .item_box .bottom_img img {
        width: 200px;
    }
    .trialClass .section5 .item_box {
        padding-top: 0px;
    }
    .trialClass .section6 .bottom_item .hr {
        background-color: #fff;
        border: 1px solid #fff;
    }
    .trialClass .section6 .left_box .top_item {
        border-top-right-radius: 20px;
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 5% 15%;
        border-bottom-left-radius: 0px;
        border: 2px solid #B72831;
        height: auto;
    }
    .trialClass .section6 .right_box .top_item {
        border-top-right-radius: 0px;
    }
    .trialClass .section6 .bottom_item .ItemBox1 {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .trialClass .section6 .downLoad {
        flex-direction: column;
        align-items: center;
        font-size: 15px;
    }
    .trialClass .section6 .BigBox {
        justify-content: center;
    }
    .trialClass .section6 .downLoad1 {
        margin-top: 1%;
        line-height: normal;
    }
    .trialClass .section6 button {
        font-size: 16px;
        padding: 1px 30px;
        margin-left: 0px;
        border-radius: 40px;
        background-color: #B72831;
    }
    .trialClass .section6 .footer_box .span {
        font-size: 20px;
        padding: 0 40px;
    }
    .trialClass .section6 .footer_box .btn {
        font-size: 14px;
    }
    .trialClass .section5 .big_box {
        justify-content: center;
    }
    .trialClass .section6 .bottom_item .ItemBox .item {
        padding-bottom: 3%;
    }
    .trialClass .section4 .big_box {
        justify-content: center
    }

    .imgBox .enlargeImg_wrapper h1 {
        font-size: 18px;
    }
    .gallery>.active,
    .gallery-page>.active {
        left: 25%;
        width: 50%;
    }
    .Faq-Page-cn .section2 .topItem {
        font-size: 28px;
    }
    .Faq-Page-cn .section2 .videoItem .video_item,
    .Faq-Page-cn .section2 .downBox .videoBox .videoItem {
        width: 70%;
        height: 300px;
    }
    .Faq-Page-cn .section2 .topItem .img01 {
        top: -230%;
        right: 0%;
        width: 13%;
    }
    .Faq-Page-cn .section2 .EndBottom {
        border-bottom: 2px solid #BABCBD;
    }
    .Faq-Page-cn .section2 .downBox {
        border-top: 2px solid #BABCBD;
    }
    .Faq-Page-cn .section2 ._classify {
        border-top: none;
        border-bottom: 2px solid #BABCBD;
    }
    .Faq-Page-cn .section2 {
        background: #FFF8E5;
        margin-bottom: 10%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        font-size: 14px;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 24px;
    }
    .Faq-Page-cn .section2 .topItem .img {
        position: absolute;
        top: 1200%;
        left: 0%;
        width: 15%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 37%;
        right: 19%;
        display: block;
        width: 10%;
        height: 9%;
        /*background: red;*/
        z-index: 1000;
    }
    .lucky_draw_page .pop_up_box .pop_up_item img {
        width: 70%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 60px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 26px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 45px;
    }
    .Intensive_Phonics .section4 .C_item .img01 {
        width: 15%;
    }
    .Intensive_Phonics .section4 .C_item .img02 {
        width: 12%;
    }
    .Intensive_Phonics .section4 .C_item .img {
        width: 9%;
        margin-top: -2%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 5%;
    }
    .Intensive_Phonics .section1 .item_box {
        width: 70%;
        font-size: 20px;
        font-weight: 500;
        line-height: inherit;
        text-align: center;
        margin-bottom: 0;
        margin-top: 10%;
    }
    .Intensive_Phonics .section1 .img_box .img01 {
        width: 100%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 10%;
    }
    .Intensive_Phonics .section1 .img_box01 {
        margin-top: -3%;
        margin-bottom: 3%;
    }
    .Intensive_Phonics .section1 .img_box .img02 {
        margin-left: 10%;
    }

    .Intensive_Phonics .section1 .img_box img {
        width: 55%;
        /* height: 100%; */
        margin-bottom: 5%;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 34px;
        text-align: center;
    }
    .Intensive_Phonics .section2 .W_item {
        padding-top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section2 .W_item p {
        width: 70%;
        font-size: 20px;
        margin-top: 2%;
        text-align: center;
        padding-bottom: 5%;
    }
    .Intensive_Phonics .section1 {
        padding: 0;
    }
    .Intensive_Phonics .section4 .H_item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .right_box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 20px;
        width: 70%;
        text-align: center;
        font-weight: bold;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 34px;
    }
    .Intensive_Phonics .section4 .D_item,
    .Intensive_Phonics .section4 .a10_img {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .HBox {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .D_item div {
        /*width: 100px;*/
        margin-top: 25%;
        /*border-radius: 20px;*/
        font-size: 28px;
    }
    .Intensive_Phonics .section4 .hr {
        margin-bottom: 6%;
        width: 70%;
        height: 13px;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 17px;
        width: 25%;
    }
    .Intensive_Phonics .section4 .a14_img {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .a21_img {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .Assess_img img {
        width: 70%;
        margin-top: 15%;
    }

    .Intensive_Phonics .section4 .Mob_asset11,
    .Intensive_Phonics .section1 .rightBox,
    .Primary_Preparation .section2 .ppasset7-8 {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .Mob_asset11 img,
    .Intensive_Phonics .section1 .rightBox img,
    .Primary_Preparation .section2 .ppasset7-8 img {
        width: 70%;
    }
    .Primary_Preparation .section2 .ppasset8 img {
        width: 50%;
    }
    .Primary_Preparation .section4 .H_item img {
        width: 15%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9 {
        width: 9%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12 {
        width: 6%;
    }
    .Primary_Preparation .section4 .H_item .ppasset15 {
        width: 8%;
    }
    .Primary_Preparation .section1 .item_box {
        margin-top: 5%;
    }
    .Primary_Preparation .section4 .A_item {
        margin-top: 0%;
    }
    .Primary_Preparation .section4 .HBox {
        margin-top: 10%;
    }
    .Intensive_Phonics .section3 .C_item {
        top: 3%;
        font-size: 38px;
    }
    .Intensive_Phonics .section4 .Assess_img a {
        width: 27%;
        right: 25%;
    }
    .Intensive_Phonics .section4 .C_item img {
        width: 9%;
    }
    .Intensive_Phonics .section4 .C_item .img02 {
        width: 10%;
    }
    .Summer_Monkey .section2 .ageItem {
        text-align: center;
        width: 80%;
    }
    .Intensive_Phonics .section4 .F_item {
        font-size: 28px;
    }
    .Intensive_Phonics .section4 .a20_img,
    .Intensive_Phonics .section4 .a11_img img {
        width: 70%;
    }
    .Intensive_Phonics .section4 .a21_img img {
        width: 50%;
    }
    .Summer_Monkey .section2 .ageItem h3 {
        font-size: 34px;
        padding-bottom: 2%;
        padding-top: 10%;
    }
    .Summer_Monkey .section1 .img_box {
        margin-top: 12%;
    }
    .Summer_Monkey .section2 .D_item {
        font-size: 34px;
    }
    .Summer_Monkey .section1 .img_box01 {
        margin-top: 15%;
    }
    .Summer_Monkey .section1 .img_box img {
        margin-bottom: -11%;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 17px;
        font-weight: bold;
        color: #754C24;
    }
    .Summer_Monkey .section2 .D_item {
        padding-bottom: 0;
    }
    .Monkey_Tales .section4 .F_item {
        font-size: 40px;
    }
    .Cambridge .section1 .img_box .img01 {
        width: 100%;
    }
    .Cambridge .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Cambridge .section4 .YouItem {
        display: initial;
        margin-top: 10%;
    }
    .Cambridge .section4 .A_item {
        margin-top: 10%;
    }
    .Monkey_Tales .section1 .img_box .img02 {
        margin-left: 3%;
        width: 20%;
    }
    .Monkey_Tales .section1 .img_box .img01 {
        width: 70%;
    }
    .Cambridge .section1 .F_item {
        font-size: 24px;
        margin-top: 5%;
    }
    .Monkey_Tales .section4 .disCo {
        display: flex;
        justify-content: center;
    }
    .Monkey_Tales .section4 .right_box {
        margin-left: 0%;
    }
    .Primary_Preparantion36 .section4 .disCo01 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .Primary_Preparantion36 .section4 .H_item img {
        width: 8%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset13 {
        width: 15%;
        margin-top: -2%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset14 {
        width: 10%;
        margin-top: -2%;
    }
    .Primary_Preparantion36 .section4 .YouItem02 {
        display: initial;
    }
    .Primary_Preparantion36 .section4 .H_item02 {
        margin-top: 0%;
    }
    .Primary_Preparantion36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Primary_Preparantion36 .section1 .img_box .img02 {
        margin-left: -40%;
        margin-top: -5%;
    }
    .Primary_Preparantion36 .section1 .img_box .img03 {
        margin-top: 2%;
    }
    .Summer_Monkey36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Summer_Monkey36 .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Monkey_Tales36 .section4 .Trinity {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Monkey_Tales36 .section4 .disCo01 {
        margin-top: 0%;
    }
    .Monkey_Tales36 .section1 .img_box .img01 {
        width: 70%;
    }
    .Monkey_Tales36 .section1 .img_box .img02 {
        margin-left: 3%;
        margin-top: 0%;
    }
    .Cambridge612 .section4 .H_item img {
        width: 14%;
    }
    .Cambridge612 .section4 .YouItem .ppasset99 {
        width: 9%;
    }
    .Cambridge612 .section4 .YouItem .ppasset999 {
        width: 6%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        width: 5%;
        position: absolute;
        left: 28%;
    }
    .Cambridge612 .section1 .img_box .img02 {
        margin-left: -43%;
        width: 15%;
    }
    .Cambridge612 .section4 .H_item h3 {
        font-size: 28px;
    }
    .Cambridge612 .section4 .YouItem .ppasset199 {
        width: 14%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset7 {
        width: 18%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset11 {
        width: 20%;
    }
    .Cambridge612 .section4 .YouItem .ppasset9999 {
        width: 15%;
    }
    .Cambridge612 .section1 .img_box img {
        width: 50%;
    }
    .Cambridge612 .section4 .H_item .HItem {
        width: 62%;
    }
    .Cambridge612 .section4 .YouItem .ppassets999 {
        margin-top: -6%;
        margin-left: 20%;
    }
    .course-new-page .section3 .seeding_box .Title h4 {
        font-size: 1.5rem;
        padding-left: 0%;
    }
    .course-new-page .section3 .seeding_box .Seedling_Title img {
        width: 70%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 1.78rem;
        text-align: center;
        line-height: 2rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1.5rem;
        line-height: initial;
        text-align: center;
    }
    .trialClass .gallery .benefits {
        width: 75%;
        margin-left: 0;
    }
    .trialClass .gallery .benefits .free-ocean .ocean span {
        font-size: 1.4rem;
    }
    .trialClass .gallery .stu_can {
        text-align: center;
        font-size: 1.3rem;
        line-height: initial;
        font-weight: bold;
        margin-top: 5%;
    }
    .trialClass .gallery .stu_in {
        text-align: center;
        font-size: 1rem;
        color: #B72831;
        line-height: initial;
        font-weight: bold;
        margin-top: 2%;
    }
    .trialClass .section6 .downBox {
        margin-top: 3%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un1 {
        font-size: 1.5rem;
    }
    .trialClass .section5 .big_box {
        padding-top: 50px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un {
        font-size: 1.3rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .mo-tex {
        font-size: 1rem;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        left: 9%;
        bottom: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 100%;
        font-size: 18px;
        border-radius: 15px;
    }
    .trialClass .section4 .swiper .btnP img, .trialClass .section4 .swiper .btnN img {
        width: 30%;
    }
    .trialClass .section8 .swiper .btnP {
        top: 36%;
        left: 14.5%;
    }
    .trialClass .section8 .swiper .btnN {
        right: 3%;
        top: 36%;
    }
    .trialClassHk .section1 .IphonBox .left_bottom p {
        font-size: 25px;
        text-align: center;
    }
    .trialClassHk .section1 .IphonBox .left_bottom{
        text-align: center;
    }
    .trialClassHk .section1 .IphonBox .left_bottom img {
        margin: 1% 0;
    }

    .trialClass .section4 .swiper .btnP,
    .trialClass .section4 .swiper .btnN {
        top: 48%;
    }
    .trialClass .section4 .swiper .btnP {
        left: 17%;
    }
    .trialClass .section8 .swiper .btnN {
        right: 7%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 15%;
        margin-left: 4%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 2rem;
        line-height: 35px;
    }
    .E-Teaching .section1 .item_box {
        width: 100%;
        margin-top: 5%;
    }
    .E-Teaching .section2 .PC_eteacher img {
        width: 50%;
    }
    .E-Teaching .section2 .PC_Plus img {
        margin: 10% 0%;
        width: 10%;
    }
    .E-Teaching .section1 .img_box .img01 {
        width: 85%;
        margin-left: 8%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 20%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: 0%;
        margin-top: -7%;
    }
    .E-Teaching .section3 .BG2_qwe .container {
        top: 3%;
        left: 3%;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 40px;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 24px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 28px;
        text-align: center;
        padding-bottom: 10%;
        width: 91%;
        margin-left: 4%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_asset2_img {
        width: 80%;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 28%;
    }
    .E-Teaching .section4 .uls li img {
        width: 40%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 28px;
        line-height: 35px;
        margin: 5% 0% 3% 0%;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 24px;
        line-height: 33px;
        width: 65%;
        margin-bottom: 15%;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 1.45rem;
        line-height: 25px;
    }
    .E-Teaching .section3 {
        margin-top: 25%;
        margin-bottom: 25%;
    }
    .E-Teaching .section3 .BG2_qwe>img {
        position: absolute;
        top: -5%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 8%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 40px;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 26px;
    }
    .ket-layout .section1 .img_box .img01 {
        width: 90%;
        margin-bottom: 1%;
        margin-left: 0%;
    }
    .ket-layout .section1 .leftBox {
        margin-top: 15%;
        margin-left: 0%;
    }
    .ket-layout .section2 .center-box .small_box {
        display: none;
    }
    .ket-layout .section4 h4 {
        margin-bottom: 0%;
    }
    .ket-layout .section4 .ket_A_item {
        display: none;
    }
    .ket-layout .section2 .A_item {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .ket-layout .section4 .center-box .sma_box,
    .ket-layout .section2 .center-box .sma_box {
        display: block;
        margin-bottom: 5%;
    }
    .ket-layout .section4 .A_item {
        margin-top: 2%;
    }
    .ket-layout .section4 .orgBox {
        width: 77%;
    }
    .ket-layout .section4 .hr {
        width: 70%;
        height: 10px;
    }
    .ket-layout .section4 .Mob_asset11 {
        flex-direction: column;
    }
    .ket-layout .section4 .ket_item img:first-child {
         margin-right: 0%;
    }
    .ket-layout .section4 .ket_item img {
        width: 40%;
        margin-top: 7%;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 55%;
    }
    .ket-layout .section4 .ket_item {
        display: flex;
        flex-direction: column;
    }
    .ket-layout .section4 .ket_item .leftImg{
        margin-right: 0%;
    }
    .ket-layout .section4 .ket_item .righImg{
        margin-left: 0%;
    }
    .pet-layout .section4 .pet_A_item {
        display: flex;
    }
    .pet-layout .section2 .A_item a {
        font-size: 20px;
    }
    .pet-layout .section4 .A_item a {
        font-size: 20px;
        width: 20%;
    }
    .pet-layout .section4 .A_item {
        margin-top: 7%;
    }
    .courses-main .title-p {
        width: 100%;
        font-size: 18px;
    }
    .courses-main-cn .title-p {
        width: 70%;
        font-size: 18px;
    }
    .chinese_character .section1 .img_box .img01 {
        width: 80%;
        margin-bottom: 4%;
        margin-left: 0%;
        margin-top: 10%;
    }
    .chinese_character .section1 .img_box .img02 {
        width: 20%;
        margin-top: 6%;
        margin-left: 15%;
    }
    .chinese_character .section1 .rightBox {
        margin-top: 10%;
        left: 0%;
    }
    .chinese_character .section2 .p_item {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .chinese_character .section2 .p_item div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .chinese_character .section4 .p_item p,
    .chinese_character .section2 .p_item p {
        font-size: 20px;
        width: 35%;
        padding: 2% 0 8% 0;
    }
    .chinese_character .section4 .S_item {
        text-align: center !important;
    }
    .chinese_character .section4 .HBox {
        margin-top: 10%;
    }
    .chinese_character .section4 .sma_image img {
       width: 70% !important;
    }
    .chinese_character .section4 .sma_image {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .chinese_character .section4 .C_item .img02 {
        width: 6%;
    }
    .chinese_character .section4 .fea_item {
        margin-top: 25%;
    }
    .chinese_character .section4 .H_item {
        width: 100%;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 24px;
        margin-bottom: 0;
    }
    .chinese_character .section4 .C_item img {
        width: 6%;
    }
    .chinese_character .begin_box .learn-box {
        display: flex;
        justify-content: center;
        margin-top: 0%;
        flex-direction: column;
        align-items: center;
    }
    .chinese_character .begin_box .learn-box .learn-item:first-child {
        margin-right: 0%;
    }
    .chinese_character .begin_box .learn-box .learn-item:last-child {
        margin-left: 0%;
    }
    .chinese_character .begin_box .learn-box .learn-item {
        margin-bottom: -2%;
    }
    .chinese_character .begin_box .learn-box .learn-item img {
        width: 90%;
        margin-top: 30%;
    }
    .chinese_character .begin_box .begin_img img {
        width: 40%;
    }
    .chinese_character .begin_box .learn-box .learn-item .FrItem {
        font-size: 20px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 14px;
    }
    .panda_chinese .section4 .p_item, .panda_chinese .section2 .p_item {
        flex-direction: column;
        margin-bottom: 0%;
    }
    .chinese_character .section4 .fea_item {
        margin-top: 8%;
    }
    .panda_chinese .section2 .p_item div, .panda_chinese .section4 .p_item div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .panda_chinese .top_sec4 {
        margin-top: 0%;
    }
    .panda_chinese .section4 .F_item {
        margin-bottom: 0%;
    }
    .panda_chinese .section4 .H_box {
        margin-top: 0%;
    }
    .panda_chinese .section4 .F_item {
        margin-bottom: 0%;
    }
    .panda_chinese .section4 .fea_item {
        margin-bottom: 5%;
    }
    .panda_chinese_cn .section4 .HBox {
        margin-top: 5%;
    }
    .panda_papsk .section1 .img_box .img01 {
        margin-bottom: 0%;
    }
    .panda_papsk .title-box .title {
        font-size: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 8% 0%;
    }
    .panda_papsk .title-box .sk-p {
        margin-top: 4%;
        text-align: center;
        font-size: 16px;
    }
    .panda_papsk .section2 .p_img {
        text-align: center;
    }
    .panda_papsk .section2 .p_img img {
        width: 70% !important;
    }
    .panda_papsk .section2 .title-box .sk-p {
        width: 70%;
    }
    .panda_papsk .section2 .title-box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .panda_papsk .section4 .p_item p,
    .panda_papsk .section2 .p_item p {
        width: 50%;
    }
    .panda_papsk .title-box .title img {
        width: 20%;
    }
    .panda_papsk .top_sec4 {
        margin-top: 65%;
    }
    .panda_papsk .section4 .A_item a {
        width: 20%;
    }
    .panda_conver .section1 .img_box .img01 {
        margin-bottom: 0%;
    }
    .panda_conver .section4 .H_box {
        margin-top: 5%;
        text-align: center;
    }
    .panda_conver .top_sec6 {
        margin-top: 135%;
    }
    .panda_conver .section4 .kuan-box .On-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .panda_conver .section4 .kuan-box .On-item {
        left: 0%;
    }
    .panda_conver .section4 .A_item {
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box {
        text-align: center;
        width: 90%;
        margin-bottom: 8%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        margin-bottom: 3%;
        margin-top: 8%;
        font-size: 36px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        font-size: 22px;
    }
    .panda_conver .section4 .F_item {
        margin-bottom: -6%;
        left: 0%;
    }
    .panda_conver_cn .section4 .F_item {
        text-align: center;
    }
    .Panda_Course .section2 .center_box {
        position: initial;
        width: 100%;
        top: 40%;
        display: flex;
        flex-direction: column;
    }
    .Panda_Course .section2 .center_box .r-img {
        width: 100%;
    }
    .Panda_Course .section2 .center_box .l-box {
        flex-direction: column;
    }
    .Panda_Course .section2 .center_box .r-img,
    .Panda_Course .section2 .center_box .l-img {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .Panda_Course .section2 .center_box .r-img img,
    .Panda_Course .section2 .center_box .l-img img {
        width: 35%;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 24px;
        text-align: center;
        margin-top: 3%;
    }
    .Panda_Course .section2 .center_box .l-item {
        margin-left: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 8%;
    }
    .Panda_Course .section2 .center_box .l-item p,
    .Panda_Course .section2 .center_box .r-item p {
        width: 60%;
        text-align: center;
    }
    .Panda_Course .section2 .F_item {
        position: initial;
        margin-bottom: 10%;
        margin-top: 5%;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 18px;
    }
    .Panda_Course .section1 .course-box {
        display: inline-block;
        flex-direction: column;
        align-items: center;
    }
    .Panda_Course .section1 .course-box a img {
        width: 70% !important;
    }
    .Panda_Course .section1 .course-box>div {
        text-align: center;
    }
    .Panda_Course .section1 h2.title-h4, h4.title-h4 {
        margin-top: 10%;
    }
    .Panda_Course .tab-content .tab-pane p {
        font-size: 24px;
    }
    .Panda_Course .section1 .course-box>div {
        margin-bottom: 8%;
    }
    .Panda_Course .title-p {
        width: 80%;
        font-size: 18px;
        margin-bottom: 8%;
    }
    .Panda_Course .section2 h2.title-h4, h4.title-h4 {
        font-size: 30px;
    }
    .Private_Lesson .begin_box .learn-box .learn-item img {
        margin-top: -15%;
    }
    .Private_Lesson .begin_box .learn-box .learn-item .UrItem {
        font-size: 14px;
        padding-bottom: 50%;
    }
    .chinese_character .section2 .p_item>div>img{
        width: 30% !important;
    }
    .panda_chinese .section2 .p_item {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
    }
    .panda_chinese .section2 .p_item p {
        font-size: 20px;
        width: 60%;
        padding: 2% 0 8% 0;
    }
    .panda_chinese .section4 .p_item div>img {
       width: 30% !important;
    }
    .panda_chinese .section2 .p_item>div>img{
        width: 50% !important;
    }
    .Private_Lesson .top_sec5 .p_item {
        display: initial;
        text-align: center;
    }
    .Private_Lesson .top_sec5 .p_item>div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Private_Lesson .top_sec5 .divP p {
        width: 80%;
        text-align: center;
    }
    .Private_Lesson .top_sec5 .p_item>div img {
        width: 50%;
    }
    .Private_Lesson .top_sec5 .p_item p {
        margin-top: 2%;
        width: 70%;
    }
    .Private_Lesson .top_sec5 .divP {
        margin-bottom: 8%;
    }
    .trialClassS .section8 .span {
        top: 0%;
    }
    .trialClassS .section8 .swiper .btnN,
    .trialClassS .section8 .swiper .btnP {
        top: 54%;
    }
    .trialClass .section8 .swiper .btnN {
        right: 3%;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 80%;
        font-size: 17px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox img {
        width: 70%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-top {
        font-size: 18px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 24px;
    }
    .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 {
        font-size: 17px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox {
        margin-bottom: 10%;
    }
    .trialClassS .section8 {
        margin-bottom: 25% !important;
    }
    .trialClassS .gallery .gallery-list li a {
        min-width: 50px;
        padding: 5px 0px;
    }
    .trialClassS .section7 .disF #roll1 .pp_img,
    .trialClassS .section7 .disF #roll2 .pp_img {
        width: 70%;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 33%;
        left: 10%;
        font-size: 22px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 5%;
        left: 10%;
        width: 170px;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        width: 90%;
        border: 8px solid #FED900;
        border-radius: 50px;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 321px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 68%;
        left: 10%;
        font-size: 15px;
        width: 85%;
    }
    .trialClassS .gallery .benefits {
        width: 100%;
        margin-left: 8% !important;
        padding: 0px;
    }
    .trialClassS .gallery .benefits .item-benefits {
       flex-flow: column;
    }
    .trialClassS .gallery .benefits .free-ocean {
        margin-top: 5%;
        margin-left: 0%;
        width: 60%;
    }
    .trialClassS .gallery .benefits .free-ocean .byHs {
        font-size: 0.9rem;
        /*width: 100%;*/
        display: inline-block;
        text-align: center;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 1rem;
        text-align: center;
        margin-top: 5%;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 0.85rem;
        text-align: center;
        margin-top: 5%;
    }
    .trialClassS .section6 .detail-img-1 {
        display: flex;
        justify-content: center;
        margin: 8% 0% 8% 0%;
        text-align: center;
    }
    .trialClassS .gallery .benefits .free-ocean .byBc {
        font-size: 0.9rem;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .trialClassS .gallery .benefits .section6 .Term-BigBox .mtR {
        margin-right: 0%;
        margin-top: 5%;
    }
    .trialClassS .section6 .detail-img-1 a {
        padding: 2% 5%;
        font-size: 15px;
        color: #fff;
        background: #39A54A;
        border-radius: 50px;
        font-weight: bolder;
    }
    .trialClassHk .section6 .footer_box .span {
        width: 60%;
    }
    .trialClassS h2.title-h4, h4.title-h4 {
        margin-top: 10%;
    }
    .trialClassS .gallery #text2,
    .trialClassS .gallery #text3{
       margin-top: 15%;
    }
    .benefits_details .section5 .rowBox .item-benefits .detail-img-1 {
        display: none;
    }
    .benefits_details .gallery .benefits .item-benefits {
        align-items: center;
    }
    .benefits_details .section5 .rowBox .item-benefits .item-pp {
        display: flex;
        justify-content: center;
    }
    .benefits_details .gallery .benefits .free-ocean .hsbc {
        width: 100%;
        margin-top: 5%;
        line-height: initial;
        margin-bottom: 5%;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 20px;
        text-align: center;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 17px;
        text-align: center;
    }
    .benefits_details .gallery .benefits {
        width: 100%;
        border-radius: 25px;
        margin-left: 0%;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 22%;
        padding: 1% 0%;
    }
    .benefits_details .freeassDetails .form {
        max-width: 1200px;
        width: 100%;
        padding: 10px;
    }
    .benefits_details .RedeemRewards .detail-box select, .benefits_details .RedeemRewards .detail-box input {
        font-size: 15px;
    }
    .benefits_details .RedeemRewards .detail-box {
        margin-top: 5%;
        padding: 0;
    }
    .benefits_details .RedeemRewards .detail-box .msg {
        font-size: 17px;
    }
    .benefits_details .RedeemRewards .detail-box .submit-btn {
        padding: 5px 15px;
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .F_item {
        width: 28%;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 28px;
        margin-top: -7%;
        margin-bottom: 7%;
        z-index: 99999999;
    }
    .Monkey_Tales .section2 .Mob_mtt6 {
       flex-direction: column;
       align-items: center;
    }
    .Intensive_Phonics .section1 .mt_box {
        margin-top: 13%;
    }
    .Intensive_Phonics .section1 .mt_box h3 {
        margin-top: -5%;
    }
    .Intensive_Phonics .section1 .mt_box123 {
        margin-top: 5%;
    }
    .Primary_Preparation .section1 .BigBox {
        margin-top: 15%;
    }
    .Primary_Preparation .section2 .ppasset7-8 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-top: 5%;
    }
    .Primary_Preparation .section2 .ppasset7-8 img{
        width: 25%;
        margin-top: -15%;
    }
    .Primary_Preparation .section2 .S_item {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .Primary_Preparation .section2 .S_item p {
        width:70%;
        text-align: center;
    }
    .Primary_Preparation .section2 .ppasset8{
        text-align: center;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 40px;
        justify-content: center;
        margin-top: 5%;
    }
    .Primary_Preparation .section2 .ppasset7-8 .img {
        width: 20%;
        margin-top: -10%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9-10 {
        width: 12%;
    }
    .Primary_Preparation .section4 .H_item .ppasset16-16 {
        width: 15%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12-12 {
        width: 8%;
    }
    .Primary_Preparation .section4 .H_item .ppasset15-15 {
        width: 10%;
    }
    .Intensive_Phonics .section4 .hrBox {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .hrBox .hr {
        width: 70%;
    }
    .trialClass .section4 .swiper_box123 {
        width: 50%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 20px;
        width: 45%;
    }
    .trialClass .section4 {
        margin-bottom: 10%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -24%;
        left: 8%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 {
        bottom: 19%;
        left: 8%;
    }
    .trialClassS .gallery .gallery-list li a {
        min-width: 50px;
        padding: 5px 15px;
    }
    .trialClass .section6 .BigBox .faq-box{
        justify-content: center;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 24px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 13px;
    }
    .trialClassT .gallery .benefits .section6 .itemBox .itemBox-p {
        margin-bottom: 10%;
    }
    .trialClassT .section6 .faq-box a {
        justify-content: center;
    }
    .trialClassT .gallery .benefits .item-benefits {
        align-items: center;
    }
    .trialClassT .gallery .benefits .item-benefits .item-pp {
        display: flex;
        justify-content: center;
        margin-top: 0%;
        padding: 0%;
    }
    .trialClassT .gallery .benefits .free-ocean {
        width: 85%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .trialClassT .gallery .benefits .down_img .active {
        display: block;
        opacity: 0;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box_cn02 {
        bottom: 25%;
        left: 8%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean_cn {
        line-height: initial;
    }
    .trialClass .gallery .benefits,
    .trialClassT .section6 {
        border-radius: 30px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 385px;
    }
    .course-new-page .section2 .video-box {
        padding: 10% 0 0%;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        width: 90%;
        right: 5%;
    }
    .course-new-page .section6 .title-box p {
        margin-bottom: 10%;
    }
    .chat-room-new .section6 .title-box.step5-part p {
        padding-bottom: 130px;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        width: 95%;
        top: 17%;
    }
    .chat-room-new .section2 .left-img {
        padding-top: 40px;
        padding-bottom: 10%;
    }
    .chat-room-new .section2 .video-box {
        padding: 0% 0 10%;
    }
    .trialClass .section4 .sm-box{
        width: 100%;
        position: absolute;
        top: 30%;
        right: 0%;
        /*background: red;*/
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .trialClass .section4 .sm-box a{
        margin-right: 5%;
        width: 100%;
    }
    .trialClass .section4 .sm-box a:first-child{
        margin-left: 18.5%;
    }
    .trialClass .section4 .sm-box a:last-child{
        margin-right: 19%;
    }
    .trialClass .section4 .sm-box>div {
        /*width: 150%;*/
    }
    .trialClassA #rollIn2 img,
    .trialClassA #rollIn1 img{
        width: 75%;
    }
    .trialClass .section7 .item-h3 {
        font-size: 40px;
        margin: 10% 0%;
    }
    .trialClassA .gallery .gallery-list li a {
        font-size: 17px;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 17px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 26px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 22px;
    }
    .trialClassA .section5-1 .rowBox .item-box {
        line-height: initial;
        margin-bottom: 10%;
    }
    .trialClassA .section4 .sm-box img {
        width: 100%;
    }
    .location .imgBox {
        height: auto !important;
    }
    .phVideo .section1 .video-box iframe {
        height: 389px;
    }
    .phVideo .section7 {
        margin-top: 50%;
    }
    .phVideo .section1 .ph_Asset_details a {
        width: 45%;
        margin-top: 15%;
    }
    .rsVideo .section1 {
        margin-bottom: 20%;
    }
    .rsVideo .section1 .ph_Asset_details a {
        margin-top: 5%;
    }
    .crVideo .section1 .topBox {
        top: 30%;
    }
    .crVideo .section1 .img4 {
        height: 180px;
    }
    .course-new-page .section6 .endList {
        align-items: center;
    }
    .course-new-page .section6 .ExamBtn,
    .course-new-page .section1 .ExamBtn,
    .course-new-page .section6 .ExamBtn span,
    .course-new-page .section1 .ExamBtn span {
        font-size: 24px;
        text-align: center;
    }
    .course-new-page .section6 .title-box p {
        max-width: 100%;
    }
    .course-new-page .section6 .title-box p {
        margin-bottom: 0%;
    }
    .course-new-page .section6 .big-border-b {
        height: 10px;
        width: 100% !important;
        margin: 5% 0% 10% 0%;
    }
    .benefits_details .section1 .topBox .leftBox {
        top: 30%;
    }
    .benefits_details .section7 .span h4 {
        font-size: 24px;
    }
    .benefits_details .section4 .Sw_box {
        padding-top: 0;
        margin-top: 0;
    }
    .benefits_details .section7 .Asset346 {
        margin-bottom: 0%;
    }
    .benefits_details .section4 .span {
        top: 10%;
    }
    .trialClass .section4 .sm-box {
        top: 20%;
    }
    .benefits_details .section7 .Asset346 .qrBox .qr-appStore,
    .benefits_details .section7 .Asset346 .qrBox .qr-google {
        width: 15%;
        margin-top: 1%;
        margin-left: 3%;
    }
    .benefits_details .section7 .Asset346 .qrBox .logo-img {
        width: 21%;
        margin-left: -32%;
        margin-top: -1%;
    }
    .benefits_details .gallery .gallery-list li a {
        font-size: 24px;
    }
    .trialClassS .gallery .benefits .free-ocean {
        width: 100%;
        padding: 0% 2.5%;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        margin-top: 1%;
        margin-bottom: 5%;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 25px;
        margin-right: 10px;
    }
    .trialClass .section6 .down_content .contentItem p,
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 13px;
    }
    .trialClass .section6 .down_content .contentItem img,
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 25px;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 6%;
    }
    .trialClassS .gallery .benefits .free-ocean .item-food {
        font-size: 12px;
        color: #cccccc;
        display: block;
        text-align: center;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 13px;
        padding: 0;
    }
    .trialClassS .gallery .benefits .section6 .Term-BigBox .mtR {
        margin-right: 0%;
        margin-top: 0%;
    }
    .trialClassS .gallery .benefits .free-ocean {
        margin-top: 0%;
    }
    .trialClass .section6 .out-hsb {
        padding-left: 4.5%;
    }
    .trialClassS .gallery #offers #text3 {
        margin-top: 3%;
    }
    .benefits_details .section7 .span .rrg_btn {
        font-size: 15px;
    }
    .benefits_details .section7 .Asset346 .span {
        top: -8%;
    }
    .benefits_details .section8 .swiper .btnP {
        top: 35%;
        left: -10%;
    }
    .benefits_details .section8 .swiper .btnN {
        top: 35%;
        right: -10%;
    }
    .rrg_hk .Download_now .a-btn {
        padding: 0.2% 5%;
    }
    .rrg_hk .Download_now .qrBox .qr-appStore,
    .rrg_hk .Download_now .qrBox .qr-google {
        width: 15%;
    }
    .rrg_hk .Download_now .qrBox .logo-img {
        width: 25%;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 20%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 15%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .app_show_page img{
        width: 70%;
    }
    .benefits_details .section7 .span .video_box .item_box{
        margin-top: 3%;
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 15px 25px;
        padding: 0 10%;
    }
    .benefits_details .section7 .span .video_box .video_item{
        position: relative;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        position: absolute;
        left: 31%;
        top:50%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 20px;
        font-weight: bold;
    }
    .cr22Asset16 {
        width: 100%;
    }
    .grammarFocus {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .grammarFocus {
        margin-bottom: 0 !important;
    }
    .phNew_item h1 {
        font-size: 20px;
        text-align: center;
    }
    .scheduleNow {
        text-align: center!important;
        align-items: center;
    }
    .scheduleNow>img {
        width: 80%;
    }
    .scheduleNow a {
        display: contents;
        margin-bottom: 5%;
    }
    .new_pp_video{
        margin-top: 10%;
    }
    .trialClass .new-pp-categorize .categorize-box .categorize-select-text{
        font-size: 16px;
    }
    .new-pp-categorize .categorize-drop-menu{
        font-size: 16px;
        line-height: 30px;
    }
    .trialClass .new-pp-categorize .categorize-box .drop_down-icon{
        width: 15px;
        height: 15px;
        transform: rotate(-45deg);
        border-left: 3px solid #707070;
        border-bottom: 3px solid #707070;
        transition: transform 0.3s;
    }
    .control-intro{
        /*top: 43px;*/
        right: 4%;
        width: 25px;
        height: 16px;
        /*margin-top: -.6rem;*/
    }
    .ocean-intro{
        text-align: center;
        font: normal normal normal 20px/25px Helvetica Neue;
        color: #393939;
        margin-bottom: 1rem;
    }
    .eLearning{
        flex-direction: column-reverse;
    }
    .eLearning-box{
        padding: 0 !important;
        margin-bottom: 3rem;
    }
    .mt-town-box{
        margin: 2rem 0;
    }

    .gw-new .text-p {
        padding: 5% 0%;
    }
    .grammarFocus {
        align-items: center;
    }
    .gwNew_item h1 {
        font-size: 20px;
        text-align: center;
    }
    .gw-new .section1 {
        margin-bottom: 10%;
    }
    .course-new-page .section6 .section2 .video-box iframe {
        height: 390px;
    }
    .rs-new .section2 .key-box>div {
        width: 100%;
    }
    .blank-to-pp h4{
        font-size: 24px;
    }
    .blank-to-pp a{
        font-size: 22px;
    }
    .monkey-coin-rewards-section h4{
        font-size: 24px;
    }
    .monkey-coin-rewards-section .m-grid{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
    }
    .monkey-coin-rewards-section .reward img{
        width: 32%;
    }
    .monkey-coin-rewards-section .reward p{
        font-size: 16px;
    }
    .new_p h1{
        font-size: 24px;
    }
    .new_p h4{
        font-size: 16px;
    }
    .trialClass .gallery .benefits .free-ocean .m-aia img{
        bottom: -48% !important;
    }
    h2.title-h4, h4.title-h4{
        text-align: center;
    }
    .home .left-arrow {
        left: -5%;
    }
    .home .right-arrow {
        right: -5%;
    }
    .home .arrow {
        top: 45%;
    }
    .trialClass .benefits .den-box .pp_det_xia, .trialClass .benefits .den-box .faqs_regBox img {
        width: 32px !important;
        margin-right: 10px !important;
    }
    .trialClass .benefits .den-box .appDownBox .introText {
        margin-left: 42px !important;
    }
    .course-new-page-2026 .section1 .img1{
        max-width: 100%;
    }
    .course-new-page-2026 .section23-bg .r:after{
        right: -10%;

    }
    .course-new-page-2026 .section23-bg .l:after{
        left: -8%;
    }
    .course-new-page-2026 .section23-bg .hav-after .diff{
        font-size: 22px;
    }
    .course-new-page-2026 .title-cn{
        font-size: 25px;
    }
    .course-new-page-2026 .monthly-topics{
        width: 100%;
        background-image: none;
    }
    .course-new-page-2026 .monthly-topics h5{
        font-size: 30px;
        margin-bottom: 5px;
    }
    .course-new-page-2026 .monthly-topics p{
        font-size: 20px;
        margin: 0 !important;
    }
    .course-new-page-2026 .monthly-topics .themes .themes-text{
        font-size: 11px;
    }
    .course-new-page-2026 .section3 .box{
        background-color: #ffd90a;
    }
    .course-new-page-2026 .section3 .box .text div{
        display: block;
    }
}

@media (max-width: 840px){
    .carousel-images {
        height: 620px;
    }
    .location .filter a {
        font-size: 14px;
        line-height: 50px;
        padding: 0 10px;
    }
    .location .filter li:last-child {
        right: 4%;
        bottom: 27%;
        font-size: 14px;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .course-new-page-2026 .monthly-topics h5{
        font-size: 25px;
    }
    .left-reserve{
        border-left: 2px dashed #009539;
    }
    .left-reserve .left{
        left: -22px;
        right: auto !important;
    }
    .left-reserve .box.left{
        margin-right: 0!important;
        margin-left: 44px!important;

    }
    .left-reserve .box.left:before{
        left: 20px;
        right: auto !important;
        border-color: transparent #e5f4eb transparent transparent;
    }
    .aboutUs .history .col-md-6{
        padding-bottom: 50px;
    }
    .eLearning-box h1,
    .eLearning-box h2,
    .eLearning-box .eLearning-title{
        font-size: 50px !important;
    }
    .eLearning-small-box img{
        width: 70px;
    }
    .page-bar{
        margin-top: 21px;
        font-size: 20px;
    }

    .m-slide{
        width: 540px !important;
    }
    .m-slide .event-content{
        font-size: 25px;
    }
    .m-slide .event-content .event-text{
        width: 23%;
    }
    .carousel-images {
        height: 550px;
    }
    .padding-ton {
        padding: 40px 0;
    }
    .padding-ton .ex-text{
        font-size: 20px;
    }
    .intro-item{
        font-size: 18px;
    }
    .intro-item h1{
        font-size: 28px;
    }
    .intro-item .t-border{
        font-size: 20px;
    }
    .gallery-list .item-benefits .contentItem img {
        width: 30px;
    }
    .gallery-list .item-benefits .contentItem .text {
        font-size: 16px !important;
        font-weight: bold;
    }
    .crVideo .section1 .img4 {
        height: 140px;
    }
    .Our_Locations {
        font-size: 30px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 100px;
    }
    .course-new-page .camb-new .section2 .video-box {
        padding: 60px 0 0;
    }

    /*20220322*/
    .franchise .section4 .title-box p::before {
        -webkit-text-stroke: 4px #008b3d;
    }

    .franchise .section4 form {
        border-radius: 20px;
        padding: 15px 5px;
    }

    .franchise .section4 form .form-group label,
    .franchise .section4 form p,
    .franchise .section4 form span {
        font-size: 14px;
    }

    .franchise .section4 form p.label-p {
        min-height: auto;
    }

    .franchise .section2 .video-box iframe {
        height: 200px;
    }

    .franchise .section2 .video-box {
        padding: 10px;
        margin-bottom: 40px;
    }

    .franchise .section2 .list .col-12:nth-child(2) {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .franchise .section2 .list .col-12:nth-child(2):after,
    .franchise .section2 .list .col-12:nth-child(2):before {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 120px;
        height: 2px;
        background-color: #FFFFFF;
    }

    .franchise .section2 .list .col-12:nth-child(2):after {
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .franchise .section1 {
        padding-top: 80px;
    }

    .franchise .section1 .img-box a {
        right: 5%;
        top: auto;
        bottom: 10px;
        transform: none;
    }

    .return_top-box .return_top img {
        width: 40px;
        height: 40px;
    }

    .franchise .title-box .title {
        font-size: 33px;
    }

    .franchise-tc .title-box .title {
        font-size: 31px;
    }

    .franchise .section3 .step .fbg-img-02,
    .franchise .section3 .step .fbg-img-01 {
        display: none;
    }

    .franchise .section3 .step-box .p2 {
        display: none;
    }

    .franchise .section3 .step-box .p3, .franchise .section3 .step-box .p1 {
        display: block;
        width: 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px;
    }

    .franchise .section3 .step-07,
    .franchise .section3 .step-05,
    .franchise .section3 .step-03,
    .franchise .section3 .step-01 {
        margin-right: 40px;
    }

    .franchise .section3 .step-08,
    .franchise .section3 .step-06,
    .franchise .section3 .step-04,
    .franchise .section3 .step-02 {
        margin-left: 40px;
    }

    .franchise .section3 .step-box {
        position: relative;
        display: block;
    }

    .franchise .section3 .step-box .p4 {
        display: inline-block;
        position: absolute;
        width: auto;
        top: 20px;
        z-index: 10;
    }

    .franchise .section3 .step-box .p4 img {
        width: 90px;
    }

    .franchise .section3 .step-01 .p4,
    .franchise .section3 .step-03 .p4,
    .franchise .section3 .step-05 .p4,
    .franchise .section3 .step-07 .p4 {
        right: -40px;
    }

    .franchise .section3 .step-02 .p4,
    .franchise .section3 .step-04 .p4,
    .franchise .section3 .step-06 .p4,
    .franchise .section3 .step-08 .p4 {
        left: -40px;
    }

    .franchise .section3 .step-01 .inner-box,
    .franchise .section3 .step-03 .inner-box,
    .franchise .section3 .step-05 .inner-box,
    .franchise .section3 .step-07 .inner-box {
        padding: 20px 40px 20px 20px;
    }

    .franchise .section3 .step-02 .inner-box,
    .franchise .section3 .step-04 .inner-box,
    .franchise .section3 .step-06 .inner-box,
    .franchise .section3 .step-08 .inner-box {
        padding: 20px 20px 20px 40px;
    }

    .franchise .section3 .step-box .p1 .text-img,
    .franchise .section3 .step-box .p3 .text-img {
        padding: 0;
    }

    .franchise .section3 .step-box .text-img img {
        width: 60px;
        top: 72%;
        z-index: 11;
    }

    .franchise .section3 .step-box.step-05 .text-img img,
    .franchise .section3 .step-box.step-06 .text-img img,
    .franchise .section3 .step-box.step-07 .text-img img {
        top: 65%;
    }

    .franchise .section3 .step-07 .text-img img,
    .franchise .section3 .step-05 .text-img img,
    .franchise .section3 .step-03 .text-img img,
    .franchise .section3 .step-01 .text-img img {
        right: -28%;
    }

    .franchise .section3 .step-08 .text-img img,
    .franchise .section3 .step-06 .text-img img,
    .franchise .section3 .step-04 .text-img img,
    .franchise .section3 .step-02 .text-img img {
        left: -28%;
    }

    .franchise-tc .section3 .step-03 .text-img img {
        width: 50px;
        top: 75px;
    }

    .franchise .section4 .title-box p {
        font-size: 17px;
    }

    footer .footer-top ul li:nth-child(2) p {
        min-width: 100%;
    }

    .franchise .section4 form .form-group select {
        background: url(../images/select-down-arrow-1.png) no-repeat center right 4px transparent;
    }

    .franchise .section3 .step-box .text-img p {
        font-size: 15px;
    }

    .franchise .section3 .step-01{top:0%}
    .franchise .section3 .step-02{top:0%}
    .franchise .section3 .step-03{top:0%}
    .franchise .section3 .step-04{top:0%}
    .franchise .section3 .step-05{top:0%}
    .franchise .section3 .step-06{top:0%}
    .franchise .section3 .step-07{top:0%}
    .franchise .section3 .step-08{top:0%}


    /*20220322*/
    .section1 {
        padding: 40px 0;
    }
    .section-config{
        padding: 0;
    }

    .index .section3,
    .index .section2 {
        margin: 40px 0;
    }

    .index .section4 .box {
        background-color: #ffd90a;
    }

    .index .section4 .box img {
        border: 8px solid #ffffff;
        /*height: auto;*/
    }

    .index .section4 .box span {
        color: white;
    }

    .index .section4 .box p {
        display: block;
    }

    .index .section4 .box h3,
    .index .section4 .box h5 {
        color: #00903d;
    }

    h2.title-h4, h4.title-h4 {
        font-size: 30px;
        text-align: center;
    }

    .index .section1 .t-box p {
        font-size: 18px;
        line-height: 28px;
        white-space: nowrap;
        position: relative;
        z-index: 99;
    }

    .index .section2,
    .index .section4 {
        /*background-color: #fff9dc;*/
        background-image: none;
        padding: 40px 0;
    }

    .bg-img-ff {
        display: none;
    }

    .index .section2 .l-part {
        margin-bottom: 30px;
    }

    .gallery .gallery-list {
        padding-bottom: 40px;
    }

    .gallery {
        padding: 50px 0 0;
    }

    .gallery .gallery-list li a {
        min-width: 70px;
    }

    .gallery .gallery-list li {
        padding: 0 5px;
    }

    .free-Assessmeny .form-row .form-group label {
        min-width: 135px;
    }

    .index .news-events .new-event-slide ul li:first-child {
        padding: 15px;
        margin: 15px 0;
    }

    .index .news-events .new-event-slide ul li span {
        left: 2px;
    }

    .index .explore-our-centers .tab-content div {
        height: 600px
    }

    .course-new-page .section1 .img1 {
        height: 50px;
    }

    .saturday-new .section1 .img1 {
        height: 110px
    }

    .saturday-new .section1-1 .title-box .title {
        font-size: 29px;
    }

    .free-test-new .section1 .outbox {
        margin-bottom: 40px;
    }

    .free-test-new .detail-box {
        padding: 10px;
    }

    .free-test-new .title-box h4 {
        font-size: 27px;
        margin-bottom: 0;
    }

    .saturday-new .section6 .row {
        margin-bottom: 100px;
    }

    .saturday-new .tw-title01 div {
        margin: 100px 0 40px;
    }

    .saturday-new .section1-1 .container {
        padding-top: 0;
    }

    .free-test-new .detail-box .form {
        padding: 10px 20px
    }

    .free-test-new .detail-box .form h3 {
        font-size: 23px;
        padding-top: 25px
    }

    .free-test-new .detail-box .form .close-btn {
        right: 5px;
        top: 5px;
        width: 35px;
        height: 35px;
        font-size: 22px;
    }

    .saturday-new .section1-1 .title-box .title01 {
        margin-top: 35px;
    }

    .course-new-page .section1 .img2 {
        height: 60px;
    }

    .course-new-page .section1 .img3 {
        height: 70px;
    }

    .course-new-page .section1 .small-img-text img {
        width: 15px;
        margin-right: 3px;
    }

    .course-new-page .section4 .right-p {
        text-align: center
    }

    .course-new-page .section4 .right-p a {
        font-size: 22px;
    }

    .course-new-page .section4 .right-p a,
    .course-new-page .section4 .right-p span {
        display: inline-block;
        width: auto;
        margin: 10px auto 15px;
        padding: 6px 20px;
    }

    .course-new-page .section7 {
        padding-top: 40px;
    }

    .course-new-page .section4 .right-p {
        padding-top: 40px;
    }

    .course-new-page .section4 .right-p .row {
        padding-bottom: 30px;
    }

    .course-new-page .title-box .title {
        font-size: 33px;
    }

    .chat-room-new .section6 .title-box.step5-part p {
        padding-bottom: 120px;
    }

    .chat-room-new .section6 .title-box.step5-part p img {
        top: 18%;
        width: 90%;
    }

    .chat-room-new .section6 .title-box p {
        display: inline-block;
        max-width: 88%;
    }

    .chat-room-new .section4 {
        background-color: #ffd90a;
    }

    .chat-room-new .section4 p {
        color: #008d3c;
        font-family: NunitoBold;
    }

    .chat-room-new .section6 {
        background-image: none;
    }

    .rs-new .section1 .img1,
    .gw-new .section1 .img1 {
        height: 88px;
    }

    .tri-new .section1 .title-next-p,
    .camb-new .section1 .title-next-p,
    .rs-new .section1 .title-next-p,
    .gw-new .section1 .title-next-p {
        padding-top: 20px;
    }

    .rs-new .gw-se2-bg,
    .gw-new .gw-se2-bg {
        display: none;
    }

    .rs-new .section2,
    .gw-new .section2 {
        padding-top: 30px;
        background-image: none;
        background-color: #fff8dc;
    }

    .rs-new .section2 .video-box,
    .gw-new .section2 .video-box {
        padding: 40px 0;
    }

    .rs-new .section6 .title-box h4,
    .gw-new .section6 .title-box h4 {
        margin-bottom: 0;
    }

    .course-new-page .section1 .small-img-text li {
        font-size: 13px;
    }

    .camb-new .section2 .img-box img {
        max-width: 100%;
    }

    .camb-new .section2 .levels {
        text-align: center;
    }

    .camb-new .section2 .levels span {
        display: inline-block;
        width: auto;
        margin-bottom: 20px;
        padding: 8px 25px;
    }

    .camb-new .section2 .levels p {
        text-align: center;
    }

    .camb-new .section2 .levels .col-md-4 {
        padding-right: 15px;
    }

    .camb-new .camb-se3-bg {
        display: none
    }

    .camb-new .section3 {
        background-color: #ffd80a
    }

    .camb-new .section3 .img2 {
        max-width: 100%;
    }

    .gw-new .section6 .title-box h5 span,
    .rs-new .section6 .title-box h5 span,
    .camb-new .section6 .title-box h5 span {
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 31px;
        font-size: 20px;
    }

    .course-new-page .big-b-title {
        font-size: 32px;
    }

    .tri-new .section2 {
        padding-bottom: 0;
    }

    .tri-new .section2 .container {
        top: 50px;
    }

    .tri-new .section2 .video-box {
        margin-bottom: 30px;
    }

    .tri-new .section2 .bing-img img {
        height: 350px;
        object-fit: cover;
    }

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

    .trialClass .section1 .left_bottom2 .textItem01 {
        width: 50%;
    }

    .trialClass .section1 .left_bottom2 .textItem02 a {
        font-size: 20px;
    }

    .trialClass .section3 .Item_box {
        width: 50%;
        height: 100%;
    }

    .trialClass .section3 .item {
        font-size: 17px;
        margin-top: 20px;
        margin-bottom: 30px;
        width: 57%;
    }

    .trialClass .hangBox .leftItem {
        margin-left: 15%;
        padding: 15px 0;
        line-height: normal;
    }

    .trialClass .hangBox .leftItem h3 {
        font-size: 20px;
    }

    .trialClass .hangBox .leftItem span {
        font-size: 12px;
    }

    .trialClass .hangBox .san {
        position: absolute;
        top: -20px;
        left: 15%;
        width: 0;
        height: 0;
        border-bottom: 20px solid hsl(48, 100%, 50%);
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
    }

    .trialClass .hangBox .rightItem01 {
        right: 18.5%;
        top: calc(50% - 70px);
        width: 140px;
        height: 140px;
    }

    .trialClass .hangBox .rightItem {
        right: 17.5%;
        top: calc(50% - 70px);
        width: 140px;
        height: 140px;
    }

    .trialClass .section4 .item_box .bottom_img img {
        width: 110px;
    }

    .trialClass .section4 .img_box img {
        height: 300px;
    }

    .trialClass .section4 .item_box {
        height: 200px;
    }


    .trialClass .section4 .item_box h2 {
        font-size: 22px;
    }

    .trialClass .section4 .item_box .num {
        font-size: 14px;
    }

    .trialClass .section4 .item_box .top_item2 button,
    .trialClass .section4 .item_box .top_item button {
        font-size: 12px;
    }

    .trialClass .section6 .footer_box .span {
        font-size: 18px;
        padding: 0 20px;
    }

    .trialClass .section6 .footer_box .btn {
        font-size: 12px;
    }

    .trialClass .section5 .center_top .num3 {
        width: 44%;
        line-height: normal;
        margin-top: 2%;
        color: #583512;
    }

    .trialClass .section5 .center_top .num4 {
        width: 59%;
        font-size: 18px;
    }

    .trialClass .section5 .center_top .num5 {
        width: 59%;
        font-size: 16px;
        margin-top: 0;
    }

    .trialClass .section5 .center_bottom .num1 {
        width: 57%;
    }

    .trialClass .section5 .center_bottom .num2 {
        width: 65%;
    }

    .trialClass .section5 .center_bottom .num3 {
        width: 53%;
    }

    .trialClass .section6 .bottom_item .ItemBox {
        padding: 4% 12%;
    }

    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        padding: 3px 0;
    }

    .trialClass .section6 .downLoad {
        font-size: 15px;
        font-weight: bold;
    }

    .trialClass .section6 .downLoad1 {
        margin-top: 15px;
    }

    .trialClass .section6 button {
        font-size: 14px;
    }

    .trialClass .section3 .text_item .item02 .write, .trialClass .section3 .text_item .item01 .write {
        width: 0;
        height: 0;
        border-left: 15px solid #fff;
        border-top: 15px solid transparent;
        border-bottom: 17px solid transparent;
    }

    .trialClass .section3 .text_item .item02, .trialClass .section3 .text_item .item01 {
        height: 30px;
    }

    .trialClass .section3 .text_item .item01 .green {
        right: -15px;
        border-left: 15px solid #74C370;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

    .trialClass .section3 .text_item .item02 .orange {
        right: -15px;
        border-left: 15px solid #F48133;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

    .trialClass .section3 .text_item .item02, .trialClass .section3 .text_item .item01 {
        margin-right: 15px;
    }

    .trialClass .section6 .ItemBox .item .item02 {
        margin-left: 8.5px;
    }

    .trialClass .section3 .Item_box .Item02 {
        width: 12%;
        padding-bottom: 4%;
    }

    .trialClass .section2 .videoBox .videoItem .img {
        position: absolute;
        width: 15%;
        top: 30%;
        left: 42%;
    }

    .trialClass .section1 .topBox .leftBox {
        width: 33%;
        top: 20%;
        left: 7%;
    }

    .trialClass .section1 .IphonBox {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 45px;
        z-index: 999;
        box-shadow: 0px 5px 5px #e6e9eb;
        opacity: 0.95;
    }

    .trialClass .section1 .IphonBox .left_bottom {
        width: 65%;
        text-align: center;
    }

    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 20px;
        margin-top: 4%;
    }

    .trialClass .section1 .IphonBox .left_bottom img {
        width: 60%;
    }

    .trialClass .section1 .topBox {
        margin-bottom: 50px;
        z-index: 999;
        box-shadow: 0px 5px 5px #e6e9eb;
        opacity: 0.95;
    }
    .trialClass .section7  .span h4,
    .trialClass .section3 .span h4,
    .trialClass .section2 .span h4 {
        font-size: 32px;
        font-weight: bold;
    }
    .trialClassHk .section3 .span h4 {
        font-size: 30px;
        width: 50%;
    }
    .trialClass .hangBox {
        margin-top: 100px;
    }
    /*.trialClass .section4 .Image {*/
    /*margin-top: 300px;*/
    /*}*/
    .trialClass .section4 .itemBox .item_box {
        position: absolute;
        top: 65%;
        left: 8%;
    }
    .trialClass .section4 .item_box .top_item2 {
        position: absolute;
        top: 180%;
        left: 15%;
        width: 56%;
    }
    .trialClassHk .section4 .item_box .top_item2 {
        width: 45%;
    }
    .trialClass .section4 .itemBox {
        margin-left: 8%;
    }
    .trialClass .section5 .center_top .num1 {
        margin-bottom: 10%;
    }
    /*.trialClass .section5 .center_top .num2 h3 {*/
    /*margin-bottom: 4%;*/
    /*}*/
    .trialClass .section5 .center_top .num2 {
        display: flex;
        justify-content: center;
        color: #1A6FAF;
        align-items: center;
        flex-direction: column;
    }
    .trialClass .section6 .mtSize {
        margin-top: 0px;
    }
    .trialClassHk .section6 .footer_box .span {
        font-size: 22px;
        padding: 0px;
        width: 54%;
    }
    .trialClassHk .section6 .footer_box .hr {
        width: 20%;
        height: 3px;
    }
    .trialClassHk .section1 .IphonBox .left_bottom img {
        width: 60%;
    }
    .trialClassHk .section3 .item {
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 30px;
        width: 53%;
    }
    .trialClass .section4 .Image img {
        display: none;
    }
    .trialClass .section4 .item_box .num2 {
        margin-bottom: 4%;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 28px;
    }
    .trialClass .hangBox .hangTop {
        display: none;
    }
    .trialClass .section2 .videoBox iframe, .trialClass .section2 .videoBox video {
        width: 80%;
    }
    .newsDetails .buttonBox a img {
        width: 60%;
        margin: 5px 0%;
    }
    .trialClassHk .section4 .item_box .num3 {
        width: 40%;
    }
    .trialClassHk .section4 .item_box .top_item2 {
        width: 60%;
    }
    .trialClass .section6 .downBox {
        margin-bottom: 10%;
    }
    .gallery .imgBox,
    .gallery-page .imgBox {
        top: calc(50% + 20px);
        bottom: auto;
        left: 3%;
        width: 94%;
        height: auto;
        max-height: none;
        overflow: visible;
        box-sizing: border-box;
        display: block;
        transform: translateY(-50%);
        pointer-events: none;
    }
    .gallery .imgBox .enlargeImg_wrapper,
    .gallery-page .imgBox .enlargeImg_wrapper,
    .gallery .imgBox .removeX,
    .gallery-page .imgBox .removeX {
        pointer-events: auto;
    }
    .gallery>.active,
    .gallery-page>.active {
        left: 3%;
        width: 94%;
    }
    .imgBox .enlargeImg_wrapper {
        width: 100%;
        max-width: 100%;
        max-height: calc(100vh - 150px);
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .imgBox .enlargeImg_wrapper img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }
    .imgBox .enlargeImg_wrapper h1,
    .imgBox .enlargeImg_wrapper h2 {
        height: auto;
        margin: 8px 0 0;
        font-size: 20px;
        line-height: 1.3;
        overflow-wrap: break-word;
        word-break: break-word;
    }
    .imgBox .enlargeImg_wrapper .Bo_box {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 8px 0 0;
    }
    .imgBox .enlargeImg_wrapper .Bo_box .P_itemHK,
    .imgBox .enlargeImg_wrapper .Bo_box .P_itemCN {
        overflow-wrap: break-word;
        word-break: break-word;
    }
    .gallery .imgBox .removeX,
    .gallery-page .imgBox .removeX {
        top: 8px;
        right: 8px;
        width: auto;
        z-index: 3;
    }
    .gallery .imgBox .removeX .removeX_item,
    .gallery-page .imgBox .removeX .removeX_item {
        width: 28px;
        height: 28px;
        font-size: 16px;
    }
    .Faq-Page-cn .section2 .topItem .img {
        top: 1140%;
        left: 0%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downImg {
        width: 20px;
        height: 20px;
        right: 1%;
        position: absolute;
        z-index: 99;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        font-size: 12px;
        line-height: 16px;
        width: 100%;
        z-index: 100;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 22px;
        width: 100%;
        z-index: 100;
    }
    .Faq-Page-cn .section2 .videoItem .video_item,
    .Faq-Page-cn .section2 .downBox .videoBox .videoItem {
        width: 65%;
        height: 250px;
    }
    .Faq-Page-cn .section2 .topItem .img01 {
        top: 520%;
        right: -2%;
        width: 13%;
    }
    .Faq-Page-cn .section2 .topItem .img01 {
        top: -150%;
        right: 0%;
        width: 13%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .active {
        padding: 3% 0;
        width: 100%;
        z-index: 100;
    }
    .Faq-Page-cn .section2 .topItem .img {
        width: 12%;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 26px;
        margin-bottom: 0%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 38px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 17px;
    }
    .lucky_draw_page .pop_up_box .pop_up_item img {
        width: 75%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 32%;
        right: 17%;
        display: block;
        width: 8%;
        height: 15%;
        /*background: red;*/
        z-index: 1000;
    }
    .lucky_draw_page .lucky_img05 {
        height: 146%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -133.2%;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -150%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -146%;
    }
    .summer_courses_page .agesItem .agesUI {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .summer_courses_page .agesItem .agesUI li:first-child {
        margin-top: 5%;
    }
    .summer_courses_page .agesItem .agesUI li {
        margin-bottom: 10%;
    }
    .summer_courses_page .agesItem ul li:first-child {
        margin-right: 0%;
    }
    .summer_courses_page .twoLi li:first-child {
        margin-right: 0%;
    }

    .summer_courses_page .agesItem ul li a p:first-child {
        font-size: 28px;
    }
    .summer_courses_page .agesItem ul li a p:last-child {
        font-size: 58px;
    }
    .summer_courses_page .agesItem ul li {
        width: 200px;
        height: 200px;
    }
    .summer_courses_page #year612 ul li a, .summer_courses_page #year36 ul li a {
        width: 200px;
        height: 200px;
        font-size: 26px;
    }
    .twoLi li a {
        font-size: 18px;
    }
    .comeOthers a {
        font-size: 18px;
        color: white;
        font-weight: bold;
        padding: 1px 15px;
        background: #F39800;
        border-radius: 12px;
    }

    .summer_courses_page .agesItem .agesH3 {
        font-size: 30px;
    }
    .trialClass .section4 .container {
        top: 5%;
    }
    .trialClass .section4 .Mob_img {
        height: 70%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a:last-child {
        right: 5%;
    }
    .trialClass .section8 .swiper .btnP{
        width: 20%;
        top: 44%;
    }
    .trialClass .section8 .swiper .btnN {
        width: 20%;
        top: 44%;
    }
    .trialClass .section5 .center_top .num6 {
        line-height: normal;
        font-weight: bold;
        flex-direction: column;
    }
    .trialClass .section5 .center_top .Citem,
    .trialClass .section5 .center_top .Fitem {
        width: 100%;
        font-size: 32px;
        color:#009F93;
    }
    .trialClass .section5 .center_top .Eitem,
    .trialClass .section5 .center_top .Oitem {
        width: 100%;
    }
    .trialClass .section5 .center_top .num9 {
        display: flex;
        flex-direction: column;
    }
    .trialClass .section5 .center_top .Oitem {
        font-size: 32px;
        font-weight: bold;
    }
    .trialClass .section5 .center_top .Eitem {
        font-size: 18px;
        font-weight: bold;
    }
    .trialClass .section7 .pItem a {
        height: 220px;
    }
    .trialClass .section5 .center_top .Oitem1 {
        font-size: 32px;
        font-weight: bold;
        font-family: 'NunitoExtraBold';
    }
    .trialClass .section5 .center_top .num8 {
        display: flex;
        line-height: initial;
        flex-direction: column;
    }
    .trialClass .section4 .span h4 {
        font-size: 30px;
        font-weight: bold;
    }
    .trialClass .section4 .span {
        top: 12%;
    }
    .trialClass .section4 {
        margin-bottom: 10%;
    }
    .trialClass .section8 .swiper .btnP2,
    .trialClass .section8 .swiper .btnN2{
        top: 35%;
    }
    .trialClass .section8 .swiper .btnN2{
        right: 4%;
    }
    .trialClass .section7 .disF {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .trialClass .section4 .Sw_box {
        margin-top: 0%;
        position: absolute;
        top: 25%;
        padding-top: 0;
    }
    .trialClass .section4 .swiper_box {
        width: 33.3%;
    }
    .trialClass .section4 .swiper .PC_img {
        width: 100%;
    }
    .trialClass .section8 .swiper .btnP {
        left: 15.5%;
    }
    .trialClass .section4 .swiper .btnP {
        top: 47%;
        left: 15%;
    }
    .trialClass .section4 .swiper .btnN {
        top: 47%;
        right: 0%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 111%;
        font-size: 22px;
    }
    .trialClass .section8 .swiper .PC_img {
        width: 100%;
    }
    .trialClass .section8 .swiper_box {
        width: 50%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 5%;
    }
    .Intensive_Phonics .section1 .item_box {
        width: 70%;
        font-size: 20px;
        font-weight: bold;
        line-height: initial;
        text-align: center;
        margin-bottom: 0;
        margin-top: 10%;
    }
    .Intensive_Phonics .section1 .img_box .img01 {
        width: 100%;
    }
    .Intensive_Phonics .section1 .img_box {
        margin-top: 10%;
    }
    .Intensive_Phonics .section1 .img_box01 {
        margin-top: -3%;
        margin-bottom: 3%;
    }
    .Intensive_Phonics .section1 .img_box .img02 {
        margin-left: 10%;
    }

    .Intensive_Phonics .section1 .img_box img {
        width: 55%;
        /* height: 100%; */
        margin-bottom: 3%;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 34px;
        text-align: center;
    }
    .Intensive_Phonics .section2 .W_item {
        padding-top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section2 .W_item p {
        width: 70%;
        font-size: 20px;
        margin-top: 2%;
        text-align: center;
        padding-bottom: 5%;
    }
    .Intensive_Phonics .section1 {
        padding: 0;
    }
    .Intensive_Phonics .section4 .H_item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .right_box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 20px;
        width: 70%;
        text-align: center;
        font-weight: bold;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 34px;
    }
    .Intensive_Phonics .section4 .D_item,
    .Intensive_Phonics .section4 .a10_img {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .HBox {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .D_item div {
        /*width: 100px;*/
        margin-top: 25%;
    }
    .Intensive_Phonics .section4 .hr {
        margin-bottom: 6%;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 17px;
    }
    .Intensive_Phonics .section4 .a14_img {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .a21_img {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .Intensive_Phonics .section4 .Assess_img img {
        width: 70%;
        margin-top: 15%;
    }

    .Intensive_Phonics .section4 .Mob_asset11,
    .Intensive_Phonics .section1 .rightBox,
    .Primary_Preparation .section2 .ppasset7-8 {
        display: flex;
        justify-content: center;
    }
    .Intensive_Phonics .section4 .Mob_asset11 img,
    .Intensive_Phonics .section1 .rightBox img,
    .Primary_Preparation .section2 .ppasset7-8 img {
        width: 70%;
    }
    .Primary_Preparation .section2 .ppasset8 img {
        width: 50%;
    }
    .Primary_Preparation .section4 .H_item img {
        width: 15%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9 {
        width: 8%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12 {
        width: 6%;
    }
    .Primary_Preparation .section1 .item_box {
        margin-top: 5%;
    }
    .Primary_Preparation .section4 .A_item {
        margin-top: 0%;
    }
    .Primary_Preparation .section4 .HBox {
        margin-top: 10%;
    }
    .Intensive_Phonics .section3 .C_item {
        top: 3%;
        font-size: 38px;
    }
    .Intensive_Phonics .section4 .Assess_img a {
        width: 27%;
        right: 25%;
        height: 15%;
    }
    .Intensive_Phonics .section4 .C_item img {
        width: 9%;
    }
    .Intensive_Phonics .section4 .C_item .img02 {
        width: 10%;
    }
    .Summer_Monkey .section2 .ageItem {
        text-align: center;
        width: 80%;
    }
    .Intensive_Phonics .section4 .a11_img img {
        width: 70%;
    }
    .Summer_Monkey .section1 .img_box {
        margin-top: 11%;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 20px;
    }
    .Summer_Monkey .section1 .img_box img {
        margin-bottom: -8%;
    }
    .Summer_Monkey .section1 .img_box01 {
        margin-top: 12%;
        margin-bottom: 3%;
    }
    .Cambridge .section1 .F_item {
        font-size: 24px;
        margin-top: 5%;
    }
    .Cambridge .section2 .F_item {
        margin-top: 5%;
    }
    .Cambridge .section4 .F_item {
        margin-bottom: 0%;
    }
    .Cambridge .section4 {
        margin-top: 0%;
    }
    .Cambridge .section4 .YouItem {
        margin-top: 10%;
        display: initial;
    }
    .Cambridge .section4 .hr {
        margin-top: 4%;
    }
    .Cambridge .section4 .Assess_img img {
        margin-top: 0%;
    }
    .Cambridge .section4 .A_item {
        margin-top: 5%;
    }
    .Cambridge .section4 .A_item a {
        width: 13%;
    }
    .Monkey_Tales .section4 .right_box {
        margin-left: 0%;
    }
    .Monkey_Tales .section4 .disCo {
        display: flex;
        justify-content: center;
    }
    .Monkey_Tales .section4 .YouItem {
        display: inline-block;
    }
    .Cambridge .section1 .img_box .img01 {
        width: 100%;
    }
    .Cambridge .section1 .img_box .img02 {
        margin-left: -35%;
        margin-top: -3%;
    }
    .Cambridge .section4 .right_box {
        margin-top: 10%;
    }
    .Cambridge .section4 .P_item {
        margin-top: 10%;
    }
    .Monkey_Tales .section1 .img_box .img02 {
        margin-left: 3%;
        width: 20%;
    }
    .Monkey_Tales .section1 .img_box .img01 {
        width: 70%;
    }
    .Primary_Preparantion36 .section4 .disCo01 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .Primary_Preparantion36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Primary_Preparantion36 .section1 .img_box .img02 {
        margin-left: -40%;
        margin-top: -5%;
    }
    .Primary_Preparantion36 .section1 .img_box .img03 {
        margin-top: 2%;
    }
    .Primary_Preparantion36 .section4 .H_item img {
        width: 8%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset13 {
        width: 15%;
        margin-top: -2%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset14 {
        width: 10%;
        margin-top: -2%;
    }
    .Primary_Preparantion36 .section4 .YouItem02 {
        display: initial;
    }
    .Primary_Preparantion36 .section4 .H_item02 {
        margin-top: 0%;
    }
    .Monkey_Tales .section4 .right_box {
        margin-top: 0%;
    }
    .Primary_Preparantion36 .section4 .Assess_img img {
        margin-top: 20%;
    }
    .Summer_Monkey36 .section1 .img_box .img01 {
        width: 100%;
    }
    .Summer_Monkey36 .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Summer_Monkey36 .section1 .img_box .img03 {
        margin-top: -2%;
    }
    .Monkey_Tales36 .section1 .img_box .img01 {
        width: 70%;
    }
    .Monkey_Tales36 .section1 .img_box .img02 {
        margin-left: 3%;
        margin-top: 0%;
    }
    .Monkey_Tales36 .section4 .disCo01 {
        margin-bottom: 15%;
    }
    .Monkey_Tales36 .section4 .Assess_img {
        margin-top: 10%;
    }
    .Cambridge612 .section4 .H_item img {
        width: 13%;
    }
    .Cambridge612 .section4 .YouItem .ppasset99 {
        width: 8%;
    }
    .Cambridge612 .section4 .YouItem .ppasset999 {
        width: 5.5%;
    }
    .Cambridge612 .section1 .img_box .img02 {
        margin-left: -43%;
        width: 15%;
        margin-top: -5%;
    }
    .Cambridge612 .section4 .H_item h3 {
        font-size: 28px;
    }
    .Cambridge612 .section4 .YouItem {
        margin-top: 0%;
    }
    .Cambridge612 .section4 .right_box {
        margin-top: 0%;
    }
    .Cambridge612 .section4 .F_item {
        margin-bottom: 5%;
        font-size: 36px;
    }
    .Cambridge612 .section4 .YouItem .ppasset199 {
        width: 13%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset7 {
        width: 17%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset11 {
        width: 19%;
    }
    .Cambridge612 .section4 .YouItem .ppasset9999 {
        width: 14%;
    }
    .Cambridge612 .section1 .img_box img {
        width: 50%;
    }
    .trialClass .section6 .mtSize img {
        margin-top: 0%;
    }
    .trialClass .section6 .footer_box {
        margin-top: 0%;
    }
    .trialClass .gallery .benefits {
        padding: 15px;
    }
    .trialClass .gallery .gallery-list li:first-child {
        margin-right: 5%;
    }
    .E-Teaching .section1 .img_box .img01 {
        width: 80%;
        margin-left: 10%;
    }
    .E-Teaching .section1 .leftBox {
        margin-top: 20%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: -2%;
        margin-top: -8%;
    }
    .E-Teaching .section1 .item_box {
        width: 100%;
        margin-top: 5%;
    }
    .E-Teaching .section2 .PC_eteacher img {
        width: 50%;
    }
    .E-Teaching .section3 .BG2_qwe .PC_asset2_img {
        width: 80%;
        margin-left: 5%;
    }
    .E-Teaching .section3 .small-img-text {
        padding: 15px 0;
        margin-left: 5%;
    }
    .E-Teaching .section3 .item_box {
        font-size: 1.5rem;
        padding-bottom: 10%;
        width: 80%;
        margin-left: 10%;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 30px;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 20px;
    }
    .E-Teaching .section4 .uls li img {
        width: 40%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 1.7rem;
        line-height: 30px;
        margin: 5% 0% 3% 0%;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 1.3rem;
        line-height: 30px;
        width: 65%;
        margin-bottom: 15%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 6%;
    }
    .E-Teaching .section1 .img_box .img02 {
        width: 15%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 6%;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 16px;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 28px;
        line-height: 33px;
    }
    .E-Teaching .section3 .big-b-title {
        margin-left: 5%;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 22px;
    }
    .ket-layout .section1 .img_box .img01 {
        width: 90%;
        margin-bottom: 1%;
        margin-left: 0%;
    }
    .ket-layout .section1 .leftBox {
        margin-top: 15%;
        margin-left: 0%;
    }
    .ket-layout .section2 .center-box .small_box {
        display: none;
    }
    .ket-layout .section4 h4 {
        margin-bottom: 0%;
    }
    .ket-layout .section4 .ket_A_item {
        display: none;
    }
    .ket-layout .section2 .A_item {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .ket-layout .section4 .center-box .sma_box,
    .ket-layout .section2 .center-box .sma_box {
        display: block;
        margin-bottom: 5%;
    }
    .ket-layout .section4 .A_item {
        margin-top: 2%;
    }
    .ket-layout .section4 .orgBox {
        width: 77%;
    }
    .ket-layout .section4 .hr {
        width: 70%;
        height: 10px;
    }
    .ket-layout .section4 .ket_item img:first-child {
        margin-right: 0%;
    }
    .ket-layout .section4 .ket_item img {
        width: 40%;
        margin-top: 7%;
    }
    .ket-layout .section2 h5 {
        font-size: 18px;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 55%;
    }
    .pet-layout .section4 .pet_A_item {
        display: flex;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 15%;
    }
    .pet-layout .section2 .A_item a {
        font-size: 15px;
        width: 17%;
    }
    .pet-layout .section4 .A_item {
        margin-top: 7%;
    }
    .courses-main .title-p {
        width: 80%;
    }
    .courses-main .gallery-list li a {
        font-size: 14px;
    }
    .courses-main .tab-content .flex-container{
        /*display: block;*/
    }
    .courses-main .tab-content .flex-container .text-center{
        font-size: 18px;
    }
    .chinese_character .section4 .C_item .img02,
    .chinese_character .section4 .C_item img {
        width: 6%;
    }
    .panda_conver .section4 .kuan-box .On-item .right_box img {
        width: 70% !important;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box {
        text-align: center;
        width: 80%;
        margin-bottom: 10%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        margin-bottom: 5%;
        margin-top: 10%;
        font-size: 34px;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2 {
        top: 50%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox img,
    .trialClassS .section7 .pp_img {
        width: 60%;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 24px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 5%;
        left: 5%;
    }
    .trialClassS .section8 .AItem .A_item button {
        padding: 3px 0px;
    }
    .trialClassS .gallery .benefits {
        padding: 0px;
    }
    .trialClassS h2.title-h4, h4.title-h4 {
        margin-bottom: 5%;
        margin-top: 15%;
    }
    .Primary_Preparation .section2 .ppasset7-8 img {
        width: 20%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9-10 {
        width: 12%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12-12 {
        width: 7%;
    }
    .trialClass .section7 .pItem .item {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        line-height: initial;
        margin-bottom: 15%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: 0%;
        left: 8%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        left: 3%;
        bottom: 6%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        line-height: inherit;
        margin-bottom: 0%;
    }
    .trialClassT .gallery .benefits .free-ocean .hsbc .bc,
    .trialClassT .gallery .benefits .free-ocean .hsbc .hs {
        margin-top: 0%;
    }
    /*.trialClassT .gallery .benefits .free-ocean {*/
    /*    width: 50%;*/
    /*}*/
    .trialClassT .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 12px;
    }
    .trialClass .gallery .benefits .free-ocean .hsbc {
        margin-top: 0%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        width: 100%;
    }
    .trialClassT .gallery .benefits .free-ocean .hsbc .hs {
        margin-top: 0%;
        width: 80%;
    }
    .trialClassT h2.title-h4, h4.title-h4 {
        margin-bottom: 5%;
        margin-top: 5%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean_cn {
        line-height: initial;
    }
    .trialClass .section4 .sm-box{
        top: 20%;
    }
    .trialClass .section4 .sm-box a{
        margin-right: 5%;
    }
    .phVideo .section1 .img1 {
        height: 65px;
    }
    .phVideo .section1 .video-box {
        margin-top: 5%;
    }
    .phVideo .section1 .video-box iframe {
        height: 388px;
    }
    .course-new-page .section1 .img1-1 {
        height: 100px;
    }
    .course-new-page .section1 .img2 {
        height: 80px;
    }
    .benefits_details .section1 .topBox .leftBox {
        top: 32%;
    }
    .benefits_details .section7 .span .item-p2 {
        width: 75%;
    }
    .benefits_details .section7 .span h4 {
        font-size: 30px;
    }
    .benefits_details .section1 {
        padding-top: 12%;
    }
    .trialClassS .tieBox .title-h4 {
        margin-top: 20%;
    }
    .trialClass .benefits .den-box .downBox {
        margin-bottom: 0;
    }
    .trialClass .gallery .gallery-list .tieBox-btn li:first-child {
         margin-right: 0%;
    }
    .benefits_details .section7 .Asset346 .qrBox .qr-appStore, .benefits_details .section7 .Asset346 .qrBox .qr-google {
        width: 13%;
    }
    .benefits_details .section7 .Asset346 .qrBox .logo-img {
        width: 19%;
    }
    .benefits_details .section7 .Asset346 .qrBox {
        margin-top: 2%;
    }
    .benefits_details .section8 .swiper_box {
        width: 100%;
    }
    .benefits_details .section8 .swiper .btnP {
        top: 35%;
        left: -10%;
    }
    .benefits_details .section8 .swiper .btnN {
        top: 35%;
        right: -25%;
    }
    .rrg_hk .title-box .p_item p {
        font-size: 20px;
    }
    .rrg_hk .Download_now .a-btn,
    .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 20px;
    }
    .rrg_hk .title-box {
        margin-top: 25%;
        margin-bottom: 5%;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 30%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 20%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .app_show_page img{
        width: 80%;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        font-size: 16px;
    }

    .trialClass .new-pp-categorize .categorize-length{
        width: 60%;
    }
    .blank-to-pp h4{
        font-size: 30px;
    }
    .blank-to-pp a{
        font-size: 28px;
        padding: 8px 30px;
    }
    .monkey-coin-rewards-section h4{
        font-size: 30px;
    }
    /*.monkey-coin-rewards-section .m-grid{*/
    /*    display: grid !important;*/
    /*    grid-template-columns: repeat(2, 1fr);*/
    /*    row-gap: 40px;*/
    /*}*/
    .monkey-coin-rewards-section .reward img{
        width: 45%;
    }
    /*.monkey-coin-rewards-section .reward p{*/
    /*    font-size: 16px;*/
    /*}*/
    .new_p h1{
        font-size: 30px;
    }
    .new_p h4{
        font-size: 26px;
    }
    .home .left-arrow {
        left: -10%;
    }
    .home .right-arrow {
        right: -10%;
    }
    .home .arrow {
        top: 42%;
    }
    .home .m-box {
        width: 70%;
    }
    .trialClass .benefits .den-box .pp_det_xia, .trialClass .benefits .den-box .faqs_regBox img {
        width: 30px !important;
        margin-right: 8px !important;
    }
    .trialClass .benefits .den-box .appDownBox .introText {
        margin-left: 38px !important;
    }
    .course-new-page-2026 .title-box .title{
        font-size: 35px;
    }
    .course-new-page-2026 .title-box h5{
        color: #058b3e;
        font-size: 25px !important;
        font-weight: bold;
    }
    .course-new-page-2026 .title-box .b{
        margin-top: 5%;
    }
    .course-new-page-2026 .title-box p{
        font-size: 17px !important;
    }
    .course-new-page-2026 .section6 .tw-title01 span{
        font-size: 20px;
        padding: 6px 35px;
    }
    .course-new-page-2026 .section6 .week-box>div{
        font-size: 17px;
        color: #4f3730;
        font-weight: bold;
    }
    .course-new-page-2026 .section6 .week-box .week{
        font-size: 17px;
        width: 75px;
        padding: 2px 0;
        border-radius: 20px;
    }
    .course-new-page-2026 .section6 .week-box p{
        font-size: 14px;
        color: #765b46;
    }
    .course-new-page-2026 .section23-bg .r:after{
        right: -11%;
        border-width: 6px 0 6px 10px;
    }
    .course-new-page-2026 .section23-bg .l:after{
        right: -9%;
        border-width: 6px 10px 6px 0;
    }
    .course-new-page-2026 .section23-bg .hav-after .diff{
        font-size: 17px;
    }
    .course-new-page-2026 .section23-bg .left-text-box{
        font-size: 12px;
    }
    .course-new-page-2026 .section23-bg .right-text-box{
        font-size: 12px;
    }

    .course-new-page-2026 .section3 .content-part .tw-title01 span{
        padding: 5px 30px;
        font-size: 20px;
    }
    .course-new-page-2026 .monthly-topics{
        width: 100%;
        background-size: contain;
        padding: 10px 52px;
    }
    .course-new-page-2026 .monthly-topics p{
        font-size: 17px;
        margin-top: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 678px) {
    .carousel-images {
        height: 475px;
    }
    .padding-ton .ex-text{
        font-size: 15px;
    }
    .intro-item{
        font-size: 18px;
    }
    .intro-item h1{
        font-size: 20px;
    }
    .intro-item .t-border{
        font-size: 18px;
    }

    .crVideo .section1 .img4 {
        height: 120px;
    }
    .trialClass .benefits .den-box .appDownBox .downItem{
        font-size: 13px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        font-size: 8px;
        margin-left: 8%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content img{
        margin-left: 8%;
    }
    .trialClass .gallery .gallery-list li a {
        color: #00903d;
        background-color: #FFEFD3;
        font-size: 15px;
        cursor: pointer;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 1.3rem;
        text-align: center;
        line-height: 1.5rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un {
        font-size: 1.1rem;
    }
    .trialClass .gallery .benefits {
        padding: 10px;
        border-radius: 30px;
    }
    .trialClass .gallery .stu_can {
        font-size: 1rem;
        margin-top: 5%;
        margin-bottom: 10%;
    }
    .trialClass .gallery .gallery-list li:first-child {
        margin-right: 5%;
    }
    .trialClass h2.title-h4, h4.title-h4 {
        margin-bottom: 60px;
        font-size: 24px;
    }
    .trialClass .section4 .swiper .btnP {
        top: 39%;
        left: 14.5%;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        text-align: initial;
    }
    .trialClass .section4 .swiper .btnP,
    .trialClass .section4 .swiper .btnN {
        width: 30%;
    }
    .trialClass .section8 .swiper .btnP2, .trialClass .section8 .swiper .btnN2 {
        top: 33%;
    }
    .trialClass .section4 .swiper .btnN {
        top: 45%;
        right: -9%;
    }
    .trialClass .section4 .swiper .btnP {
        top: 44%;
        left: 12%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 100%;
        font-size: 18px;
    }
    .E-Teaching .section1 .img_box .img02 {
        width: 18%;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: 0%;
        margin-top: -7%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 1.5rem;
        line-height: 26px;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 26px;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 1.2rem;
        line-height: 20px;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 40px;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 37%;
    }
    .E-Teaching .section3 .item_box {
        font-size: 1.3rem;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 20px;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 34px;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 30px;
    }
    .ket-layout .small-img-text li {
        font-size: 12px;
    }
    .ket-layout .section1 .item_box {
        font-size: 18px;
    }
    .ket-layout .section2 h5 {
        font-size: 15px;
    }
    .ket-layout .section2 .A_item a {
        width: 30%;
    }
    .ket-layout .section4 .center-box .sma_box .item,
    .ket-layout .section2 .center-box .sma_box .item {
        font-size: 15px;
    }
    .ket-layout .section4 .orgBox a {
       margin-left: 6%;
    }
    .ket-layout .section4 .orgBox p {
        width: 100%;
    }
    .ket-layout .section4 .orgBox {
        height: 70px;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 65%;
    }
    .pet-layout .section2 .A_item a {
        width: 23%;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 18%;
    }
    .pet-layout .section4 .A_item {
        margin-top: 7%;
    }
    .courses-main .gallery-list li a {
        font-size: 12px;
    }
    .courses-main .title-p {
        width: 90%;
        font-size: 15px;
    }
    .courses-main .tab-content .tab-pane p {
        font-size: 12px;
    }
    .courses-main-cn .title-p {
        width: 85%;
        font-size: 14px;
    }
    .courses-main-cn .tab-content .tab-pane p {
        font-size: 12px;
    }
    .courses-main-cn .gallery-list li a {
        font-size: 12px;
    }
    .chinese_character .section4 .p_item p,
    .chinese_character .section2 .p_item p {
        font-size: 15px;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 20px;
    }
    .chinese_character .section4 .S_item {
        font-size: 14px;
    }
    .chinese_character .begin_box .learn-box .learn-item .FrItem {
        font-size: 15px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
    }
    .chinese_character .begin_box .learn-box .learn-item {
        margin-bottom: 0%;
    }
    .panda_chinese .top_sec5 .F_item {
        margin-bottom: 5%;
    }
    .panda_chinese_cn .section4 .HBox {
        margin-top: 5%;
    }
    .panda_papsk .section4 .A_item a {
        width: 30%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box {
        width: 90%;
        margin-bottom: 10%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        font-size: 30px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        font-size: 20px;
    }
    .panda_conver .section4 .kuan-box .On-item .right_box img {
        width: 90% !important;
    }
    .Panda_Course .tab-content .tab-pane p {
        font-size: 20px;
    }
    .Panda_Course .section2 .center_box .l-item p, .Panda_Course .section2 .center_box .r-item p {
        width: 70%;
        text-align: center;
    }
    .Panda_Course .section2 h2.title-h4, h4.title-h4 {
        font-size: 24px;
    }
    .Panda_Course h2.title-h4, h4.title-h4 {
        margin-bottom: 20px;
    }
    .Private_Lesson .top_sec5 .p_item>div img {
        width: 65%;
    }
    .Private_Lesson .top_sec5 .divP p {
        font-size: 15px;
    }
    .trialClassS .section7 .item-img-p p {
        font-size: 15px;
        width: 60%;
        margin-top: 2%;
    }
    .trialClassS .section8 .swiper_box {
        margin-top: 25%;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2{
        top: 50%;
    }
    .trialClass .section8 .span h4 {
        font-size: 24px;
    }
    .trialClass .gallery .gallery-list li a {
        background: transparent;
        color: #603813;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-top {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 18px;
    }
    .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 {
        font-size: 12px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom2,
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-bottom3 {
        margin-top: 5%;
    }
    .trialClassS .section7 .span {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .trialClassS .section7 .span p {
        width: 75%;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 18px;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2 {
        top: 56%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 235px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        font-size: 13px;
    }
    .trialClassS .section8 .AItem .A_item button {
        padding: 2px 0px;
        font-size: 14px;
        width: 65%;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 5%;
        left: 0%;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        border-radius: 45px;
    }
    .trialClassS .gallery .benefits {
        padding: 0px;
    }
    .trialClassS .gallery .benefits .free-ocean {
        width: 100%;
    }
    .trialClassS h2.title-h4, h4.title-h4 {
        margin-top: 20%;
    }
    .benefits_details .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.85rem;
        font-weight: initial;
    }
    .trialClassS .section5 .pagination a {
        padding: 0% 1%;
        font-size: 17px;
    }
    .benefits_details .RedeemRewards .detail-box select, .benefits_details .RedeemRewards .detail-box input {
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 30%;
        padding: 1% 0%;
    }
    .Intensive_Phonics .section4 .F_item {
        font-size: 22px;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 17px;
        width: 30%;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 22px;
    }
    .Primary_Preparation .section4 .H_item h3 .item_p {
        bottom: -40%;
    }
    .Primary_Preparation .section4 .H_item .ppasset12 {
        width: 8%;
    }
    .Primary_Preparation .section4 .H_item .ppasset9-10 {
        width: 10%;
    }
    .trialClass .section8 .swiper_box123 {
        width: 55%;
        margin-top: 5%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 15px;
        width: 40%;
    }
    .trialClass .section7 .pItem a .img {
        width: 65% !important;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -10%;
        left: 8%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 20px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 12px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        width: 100%;
        font-size: 25px;
    }
    .trialClassT .gallery .benefits .free-ocean .hsbc .hs {
        margin-top: 0%;
        width: 100%;
    }
    .course-new-page .section2 .video-box iframe {
        height: 285px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 22%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 20%;
        width: 93%;
    }
    .trialClass .section7 .item-h3, .trialClassA .section5-1 .title-h4, .trialClass .section7 .span h4, .trialClass .section8 .span h4, .trialClass .section4 .span h4 {
        font-size: 24px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 22px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 18px;
    }
    .phVideo .section1 .video-box iframe {
        height: 287px;
    }
    .phVideo .section1 .img1 {
        height: 60px;
    }
    .phVideo .section7 {
        margin-top: 35%;
    }
    .course-new-page .section1 .img1-1 {
        height: 80px;
    }
    .course-new-page .section1 .img2 {
        height: 70px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 95px;
    }
    .benefits_details .gallery .gallery-list li a {
        font-size: 18px;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc,
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 13px;
    }
    .trialClass .section6 .downLoad {
        font-size: 12px;
    }
    .trialClass .section6 .downBox .down_box .downItem,
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 13px;
    }
    .trialClass .benefits .den-box .faqs_regBox .item1 img {
        width: 19%;
    }
    .trialClass .section6 .down_content .contentItem p, .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 11px;
    }
    .trialClass .section6 .down_content .contentItem img,
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 21px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-h5 {
        font-size: 13px;
    }
    .trialClassS .gallery .gallery-list .tieBox-btn {
        margin-top: 15%;
    }
    .trialClassS .gallery .benefits .free-ocean {
        padding-bottom: 2%;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 7.5%;
    }
    .trialClass .section6 .out-hsb {
        padding-left: 6.5%;
    }
    .trialClassS .tieBox li {
        font-size: 15px;
    }
    .benefits_details .section7 .span .item-p2 {
        width: 100%;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 480px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 270px;
    }
    .rrg_hk .Download_now .a-btn, .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 18px;
    }
    .rrg_hk .Download_now .qrBox .qr-appStore, .rrg_hk .Download_now .qrBox .qr-google {
        width: 20%;
    }
    .rrg_hk .Download_now .qrBox .logo-img {
        width: 35%;
    }
    .course-new-page .section1 .topBox{
        margin-top: 4%;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 30%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 20%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        font-size: 12px;
    }
    .blank-to-pp h4{
        font-size: 24px;
        line-height: 30px;
    }
    .blank-to-pp a{
        font-size: 22px;
    }
    .monkey-coin-rewards-section h4{
        font-size: 24px;
    }
    .monkey-coin-rewards-section .reward p{
        font-size: 16px;
    }
    .new_p h1{
        font-size: 24px;
    }
    .new_p h4{
        font-size: 16px;
    }
    .home .left-arrow {
        left: -8%;
    }
    .home .right-arrow {
        right: -8%;
    }
    .home .arrow {
        top: 42%;
    }
    .home .m-box {
        width: 100%;
    }
    .trialClass .benefits .den-box .pp_det_xia, .trialClass .benefits .den-box .faqs_regBox img {
        width: 25px !important;
        margin-right: 5px !important;
    }
    .trialClass .benefits .den-box .appDownBox .introText {
        margin-left: 30px !important;
    }
    .location .filter a {
        font-size: 12px;
        line-height: 50px;
        padding: 0 8px;
    }
    .location .filter li:last-child {
        right: 4%;
        bottom: 27%;
        font-size: 12px;
        padding: 0;
    }
    .course-new-page .section6 .section2 .video-box iframe {
        height: 285px;
    }
}

@media (max-width: 576px){
    .history{
        margin-left: 15px !important;
    }
    .m-box{
        width: 490px !important;
    }
    .m-slide{
        width: 490px !important;
    }
    .m-slide .event-content{
        font-size: 22px;
    }
    .eLearning{
        padding: 0 15px !important;
    }
    /*.m-slide .event-content .event-text{*/
    /*    width: 230px !important;*/
    /*}*/

}

@media (max-width: 468px) {
    .eLearning-box h1,
    .eLearning-box h2,
    .eLearning-box .eLearning-title{
        font-size: 40px !important;
    }
    .eLearning-small-box img{
        width: 60px;
    }
    .eLearning-small-box p{
        font-size: 12px;
    }
    .eLearn-video{
        height: 250px;
    }
    .m-box{
        width: 350px !important;
    }
    .m-slide{
        width: 350px !important;
    }
    .m-slide .event-content{
        font-size: 18px;
    }
    .m-slide .event-content .event-text{
        width: 25%;
    }
    .see-all{
        font-size: 14px;
    }
    .carousel-images {
        height: 330px;
    }
    .crVideo .section1 .img4 {
        height: 100px;
    }
    .trialClass .section1  .video-box{
        height: 250px;
    }
    .trialClass .benefits .den-box .appDownBox .introText{
        text-align: left;
        margin-left: 9%;
    }
    .trialClass .benefits .den-box .appDownBox .down_content img{
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 160%;
        margin-left: -30%;
        margin-bottom: 54%;
    }
    .chinese_character .begin_box .learn-box .learn-item img {
        width: 90%;
        margin-top: 10%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        font-size: 24px;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box p {
        font-size: 12px;
    }
    .panda_conver .section4 .F_item {
        margin-bottom: -11%;
    }
    .Panda_Course .section1 h2.title-h4, h4.title-h4 {
        font-size: 24px;
    }
    .Panda_Course .tab-content .tab-pane p {
        font-size: 17px;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 20px;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 15px;
    }
    .Panda_Course .section2 .F_item {
        font-size: 24px;
    }
    .Panda_Course .section2 h2.title-h4, h4.title-h4 {
        font-size: 20px;
    }
    .Private_Lesson .begin_box .learn-box .learn-item img {
        margin-top: -25%;
    }
    .Private_Lesson .begin_box .learn-box .learn-item .UrItem {
        font-size: 14px;
        padding-bottom: 0%;
    }
    .trialClassS .section7 .span h4 {
        font-size: 24px;
    }
    .trialClassS .section8 .Mob_img {
        height: 550px;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        border: 5px solid #FED900;
        border-radius: 33px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 16px;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 70%;
        font-size: 15px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 3%;
        left: -2%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 202px;
    }
    .trialClassHk .section6 .footer_box .span {
        font-size: 12px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1.3rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.9rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 0.7rem;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .gallery .benefits .free-ocean .hsbc {
        width: 130%;
        margin-left: -15%;
        margin-top: 5%;
        line-height: initial;
        margin-bottom: 5%;
    }
    .benefits_details .gallery .benefits .free-ocean .m-aia{
        width: 100% !important;
        margin: 0 !important;
    }
    .benefits_details .freeassDetails .form .close-btn {
        width: 25px;
        height: 25px;
        right: 15px;
        top: 10px;
        font-size: 14px;
    }
    .benefits_details .RedeemRewards .red-p {
        text-align: center;
        font-size: 12px;
        margin-bottom: 5%;
        width: 80%;
    }
    .benefits_details .RedeemRewards .detail-box .msg {
        font-size: 11px;
    }
    .benefits_details .RedeemRewards .detail-box select,
    .benefits_details .RedeemRewards .detail-box input {
        font-size: 12px;
        padding: 12px 10px;
    }
    .benefits_details .RedeemRewards .detail-box select {
        padding-right: 25%;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 65%;
        padding: 1% 0%;
    }
    .benefits_details .RedeemRewards .detail-box {
        margin-top: 6%;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 17px;
        width: 35%;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 16px;
    }
    .Primary_Preparation .section2 .F_item {
        font-size: 30px;
    }
    .Primary_Preparation .section2 .ppasset7-8 img {
        margin-top: -8%;
    }
    .Primary_Preparation .section4 .H_item h3 {
        font-size: 28px;
    }
    .Primary_Preparation .section4 .H_item .ppasset15-15 {
        width: 8%;
    }
    .Primary_Preparation .section4 .H_item .ppasset16-16 {
        width: 13%;
    }
    .trialClass .section8 .swiper_box123 {
        width: 50%;
        margin-top: 0%;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 12px;
        width: 50%;
    }
    .trialClass .section7 .pItem a {
        height: 180px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 18px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -26%;
        left: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 16px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        width: 100px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        width: 100%;
        font-size: 14px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 10px;
    }
    .trialClassS h2.title-h4, h4.title-h4 {
        margin-top: 5%;
    }
    .trialClassT .section6 .faq-box a .span01 {
        font-size: 20px;
    }
    .trialClassT .section6 .faq-box a .span02 {
        font-size: 15px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 246px;
    }
    .chat-room-new .section6 .title-box.step5-part p {
        padding-bottom: 90px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 26%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 22%;
        width: 90%;
    }
    .course-new-page .section2 {
        padding-bottom: 10%;
    }
    .trialClass .section4 .span h4 {
        font-size: 20px;
    }
    .trialClass .section4 .sm-box {
        top: 17%;
    }
    .trialClass .section7 .span .item-p {
        font-size: 14px;
        padding: 0% 15%;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 18px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 15px;
    }
    .trialClassA .section7 .pItem .item-p {
       font-size: 11px;
    }
    .phVideo .section1 .img1 {
        height: 45px;
    }
    .phVideo .section1 .img2 {
        height: 45px;
    }
    .phVideo .section1 .img3 {
        height: 50px;
    }
    .phVideo .section1 .video-box iframe {
        height: 229px;
    }
    .phVideo .section7 {
        margin-top: 40%;
    }
    .EarlyAdmission .p-item p {
        font-size: 15px;
    }
    .crVideo .section1 .topBox {
        top: 40%;
    }
    .course-new-page .section1 .camb_Asset41 {
        height: 70px;
    }
    .course-new-page .section1 .camb_Asset45 {
        height: 65px;
    }
    .course-new-page .section1 .img1-1 {
        height: 60px;
    }
    .course-new-page .section1 .img2 {
        height: 50px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 85px;
    }
    .course-new-page .section6 .ExamBtn,
    .course-new-page .section1 .ExamBtn,
    .course-new-page .section6 .ExamBtn span,
    .course-new-page .section1 .ExamBtn span {
        font-size: 18px;
        text-align: center;
    }
    .trialClass .benefits .den-box .faqs_regBox .item1 img {
        width: 17%;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 7%;
    }
    .trialClassS .gallery .gallery-list .tieBox-btn li a {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .free-ocean {
        padding: 0% 4.5%;
    }
    .trialClassS .tieBox .title-h4 {
        margin-top: 30%;
        margin-bottom: 5%;
    }
    .trialClassS .benefits .den-box .m-h3 {
        font-size: 17px;
    }
    .trialClass .section6 .downBox .down_box .downItem,
    .trialClass .benefits .den-box .faqs_regBox .item1 span,
    .trialClass .benefits .den-box .faqs_regBox .item2 span {
        font-size: 12px;
        text-align: left;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 11%;
    }
    .trialClassS .tieBox li {
        font-size: 12px;
    }
    .trialClassS .gallery #offers #text3 {
        margin-top: 10%;
    }
    .rrg_hk .title-box .p_item p {
        font-size: 15px;
    }
    .rrg_hk .title-box {
        margin-top: 35%;
        margin-bottom: 5%;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 400px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 225px;
    }
    .rrg_hk .Download_now .a-btn, .rrg_hk .section5 .gallery .benefits .video-box h3 {
        font-size: 15px;
    }
    .rrg_hk .gallery {
        padding: 0px 15px;
    }
    .course-new-page .section1 .topBox{
        margin-top: 7%;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 28%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 16%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        font-size: 10px;
    }
    .trialClass .new-pp-categorize .categorize-length{
        width: 80%;
    }
    .ocean-intro{
        font-size: 17px;
    }
    .blank-to-pp h4{
        font-size: 24px;
    }
    .blank-to-pp a{
        font-size: 19px;
    }
    .monkey-coin-rewards-section h4{
        font-size: 20px;
    }
    .monkey-coin-rewards-section .m-grid{
        column-gap: 0 !important;
    }
    /*.monkey-coin-rewards-section .reward img{*/
    /*    width: 32%;*/
    /*}*/
    .new_p h1{
        font-size: 20px;
    }
    .new_p h4{
        font-size: 16px;
    }
    .trialClass .gallery .benefits .free-ocean .m-aia img{
        bottom: -60% !important;
    }
    .home .left-arrow {
        left: -10%;
    }
    .home .right-arrow {
        right: -10%;
    }
    .home .arrow {
        top: 44%;
    }
    .home .m-box {
        width: 100%;
    }
    .home .arrow img {
        width: 20px;
    }
    .courses-main .tab-content .flex-container{
        display: block;
    }
    .gallery .gallery-list .tab-content .tab-pane .col-lg-3 {
        text-align: center;
    }
    .courses-main .tab-content .tab-pane a img {
        width: 60%;
    }
    .courses-main .tab-content .tab-pane a:hover img {
        width: 60%;
    }
    .trialClass .benefits .den-box .gmd .introText {
        font-size: 10px;
    }
    .location .filter a {
        font-size: 12px;
        line-height: 50px;
        padding: 0 8px;
    }
    .location .filter li:last-child {
        right: 2%;
        bottom: 27%;
        font-size: 12px;
        padding: 0;
    }
}

@media (max-width: 450px) {
    .m-box{
        width: 330px !important;
    }
    .m-slide{
        width: 330px !important;
    }
    .m-slide .event-content{
        font-size: 14px;
    }
    /*.m-slide .event-content .event-text{*/
    /*    width: 125px !important;*/
    /*}*/
    .carousel-images {
        height: 300px;
    }
    .padding-ton .ex-text{
        font-size: 12px;
    }
    .intro-item{
        font-size: 11px;
    }
    .intro-item h1{
        font-size: 12px;
    }
    .intro-item .t-border{
        font-size: 12px;
    }

    .trialClass .section1  .video-box{
        height: 230px;
    }
    .Our_Locations {
        font-size: 24px;
    }
    .trialClass .section1 .left_top a img {
        width: 150px;
    }
    .trialClass .section1 .left_bottom2 .textItem01 {
        width: 52%;
    }
    .trialClass .section1 .left_bottom2 .textItem01 a {
        font-size: 20px;
        line-height: normal;
    }
    .trialClass .section1 .left_bottom2 .textItem02 a {
        font-size: 12px;
    }
    .trialClass .section1 .left_bottom2 .textItem02 {
        margin-top: 2%;
        width: 71%;
    }
    .trialClass .section1 .left_bottom2 {
        padding: 40px 0;
    }
    .trialClass .section3 .span h4, .trialClass .section2 .span h4 {
        font-size: 24px;
    }
    .trialClass .section3 .Item_box .Item01 {
        padding: 0 15px;
    }
    .trialClass .section3 .lis_item li span {
        font-size: 12px;
        bottom: -37px;
        left: -5px;
    }
    .trialClass .section3 .lis_item li a {
        font-size: 14px;
    }
    .trialClass .section3 .lis_item li {
        height: 50px;
        line-height: 50px;
    }
    .trialClass .section3 .lis_item li .span {
        bottom: -37px;
        right: -95%;
    }
    .trialClass .hangBox {
        margin-top: 50px;
    }
    .trialClass .hangBox .san {
        position: absolute;
        top: -10px;
        left: 15%;
        width: 0;
        height: 0;
        border-bottom: 10px solid hsl(48, 100%, 50%);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }
    .trialClass .hangBox .leftItem {
        margin-left: 10%;
        padding: 5px 0;
        line-height: normal;
    }
    .trialClass .hangBox .leftItem h3 {
        font-size: 14px;
    }
    .trialClass .hangBox .leftItem span {
        font-size: 12px;
        display: block;
        transform: scale(0.7);
        margin-left: -18%;
    }
    .trialClass .hangBox .rightItem01 {
        right: 13.5%;
        top: calc(50% - 50px);
        width: 100px;
        height: 100px;
    }
    .trialClass .hangBox .rightItem {
        right: 12.5%;
        top: calc(50% - 50px);
        width: 100px;
        height: 100px;
    }
    .trialClass .hangBox .rightItem .top_item div:nth-of-type(1) {
        font-size: 30px;
    }
    .trialClass .hangBox .rightItem .top_item div:nth-of-type(2) {
        font-size: 24px;
        margin: -15px -4px 0px 5px;
    }
    .trialClass .hangBox .rightItem .top_item div:nth-of-type(3) {
        font-size: 50px;
    }
    .trialClass .hangBox .rightItem .top_item {
        width: 100%;
        height: 60%;
        color: hsl(48, 100%, 50%);
        padding-top: 20px;
    }
    .trialClass .hangBox .rightItem .num {
        font-size: 12px;
        width: 129%;
        color: hsl(48, 100%, 50%);
        transform: scale(0.55);
    }
    .trialClass .section4 .span h4 {
        font-size: 24px;
    }
    .trialClass .section4 .big_box .center_img {
        position: absolute;
        bottom: 30%;
        left: calc(100% - 34.5%);
        width: 30%;
    }
    .trialClass .section4 .img_box img {
        height: 200px;
    }
    .trialClass .section4 .item_box {
        height: 150px;
    }
    .trialClass .section4 .item_box .bottom_img img {
        width: 90px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 17px;
    }
    .trialClass .section5 .center_top .num2 h3, .trialClass .section5 .center_top .num1 {
        font-weight: bold;
        font-size: 24px;
    }
    .trialClass .section5 .center_top .num3 {
        width: 68%;
        font-size: 15px;
    }
    .trialClass .section5 .center_top .num4 {
        width: 57%;
    }
    .trialClass .section5 .center_top .num5 {
        font-size: 14px;
    }
    .trialClass .section5 .center_bottom .num1 {
        width: 65%;
        font-size: 24px;
    }
    .trialClass .section5 .center_bottom .num2 {
        width: 65%;
        font-size: 13px;
    }
    .trialClass .section5 .center_bottom .num3 {
        width: 77%;
        font-size: 12px;
        transform: scale(0.8);
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 4% 4%;
    }
    .trialClass .section6 .bottom_item .ItemBox .item .item02, .trialClass .section6 .bottom_item .ItemBox .item .item01 {
        font-size: 13px;
    }
    .trialClass .section6 .right_box .top_item h1, .trialClass .section6 .left_box .top_item h1 {
        font-size: 24px;
    }
    .trialClass .section6 .left_box .top_item div {
        font-size: 14px;
    }
    .trialClass .section6 .right_box .top_item,
    .trialClass .section6 .left_box .top_item {
        height: 80px;
    }
    .trialClass .section6 .downLoad {
        font-size: 12px;
    }
    .trialClass .section6 button {
        font-size: 14px;
        padding: 0px 20px;
    }
    .trialClass .section6 .footer_box .span {
        font-size: 12px;
        padding: 0 10px;
    }
    .trialClass .section6 .ItemBox .item .item03 {
        margin-left: 5px;
    }
    .trialClass .section3 .text_item .item02 .total .totalItem {
        font-size: 18px;
        padding-right: 2%;
    }
    .trialClass .section3 .text_item .item01 img {
        top: 15%;
        left: 44%;
        height: 75%;
        width: 25%;
    }
    .trialClass .section3 .text_item .item02 .img {
        top: 15%;
        left: 20%;
        height: 75%;
        width: 25%;
    }
    .trialClass .section3 .text_item .item02 .total img {
        width: 15px;
        height: 16px;
        margin-right: 0%;
        margin-top: 15%;
    }
    .trialClass .section3 .text_item .item02 .orange,
    .trialClass .section3 .text_item .item02 .write,
    .trialClass .section3 .text_item .item01 .write,
    .trialClass .section3 .text_item .item01 .green {
        border-top: 12px solid transparent;
        border-bottom: 13px solid transparent;
    }
    .trialClass .section3 .text_item .item02, .trialClass .section3 .text_item .item01 {
        height: 25px;
    }
    .trialClass .section1 .IphonBox .left_bottom {
        width: 75%;
        text-align: center;
    }
    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 12px;
    }
    .trialClass .section3 .item {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0px;
        width: 57%;
    }
    .trialClass .section4 .item_box .num {
        font-size: 12px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 20px;
    }
    .trialClass .section4 .itemBox .item_box {
        position: absolute;
        top: 62%;
        left: 10%;
    }
    .top_item2 {
        position: absolute;
        top: 100%;
        left: 15%;
        width: 51%;
    }
    .trialClass .section4 .item_box .num2 {
        margin-bottom: 3%;
    }
    .trialClass .section4 .item_box .top_item2 {
        position: absolute;
        top: 135%;
        left: 15%;
        width: 67%;
    }
    .course-new-page .section3 .seeding_box .Title h4 {
        font-size: 1rem;
        padding-left: 0%;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 75px;
    }
    .trialClass .section4 .Image {
        margin-top: 150px;
    }
    .trialClassHk .section6 .footer_box .span {
        padding:0px 10px;
        width: 55%;
    }
    .trialClassHk .section6 .footer_box .item01 {
        margin-top: -30px;
    }
    .trialClass .section6 .footer_box .dl_mcf {
        width: 80%;
        flex-direction: column;
        align-items: center;
    }
    .trialClass .section6 .footer_box .dl_mcf a img {
        height: 60px;
        margin-bottom: 10px;
    }
    .newsDetails .buttonBox a img {
        width: 70%;
        margin: 5px 0%;
    }
    .trialClassHk .section4 .item_box .num2 {
        width: 85%;
    }
    .trialClassHk .section4 .item_box .num3 {
        width: 60%;
    }
    .trialClass .section2 .videoBox .videoItem {
        height: 100%;
    }
    .trialClassHk .section1 .IphonBox .left_bottom p {
        font-size: 20px;
        line-height: 30px;
    }
    .trialClassHk .section6 .downBox .down_content .contentItem p {
        font-size: 12px;
        text-align: left;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 25px;
    }
    .Faq-Page-cn .section2 .videoItem .video_item,
    .Faq-Page-cn .section2 .downBox .videoBox .videoItem {
        width: 100%;
        height: 225px;
    }
    .Faq-Page-cn .section2 .topItem {
        font-size: 24px;
    }
    .Faq-Page-cn .section2 ._classify .down_box .downItem {
        font-size: 16px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none03,
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none02 {
        display: block;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none04,
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none01 {
        display: none;
    }

    .Faq-Page-cn .section2 .topItem .img01 {
        top: -150%;
        right: 5%;
        width: 13%;
    }
    .Faq-Page-cn .section2 .topItem .img {
        top: 1050%;
        left: 5%;
        width: 15%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .active {
        padding: 4.92% 0;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downImg {
        right: 5%;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem {
        padding-left: 5%;
    }
    .lucky_draw_page .center_item_box .topItem {
        font-size: 18px;
        color: #0071B4;
        font-weight: bold;
        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 {
        width: 20px;
        height: 20px;
    }
    .lucky_draw_page .center_item_box .selectItem .role_item {
        font-size: 16px;
        font-weight: bold;
        color: #0071B4;
    }
    .lucky_draw_page .center_item_box .enter_name .name_item {
        font-size: 16px;
    }
    .lucky_draw_page .center_item_box .enter_name form {
        font-size: 16px;
        width: 200px;
        height: 40px;
        border: 2px solid #0071B4;
        margin-bottom: 5%;
    }
    .lucky_draw_page .center_item_box .enter_name input {
        width: 180px;
    }
    .lucky_draw_page .center_item_box .enter_name .red_name .noen_item {
        font-size: 14px;
    }
    .lucky_draw_page .center_item_box .enter_name .red_name {
        height: 35px;
    }
    .lucky_draw_page .center_item_box ._Submit button {
        padding: 5px 20px;
        font-size: 18px;
    }
    .lucky_draw_page .center_item_box ._Prize p:first-child {
        font-size: 32px;
    }
    .lucky_draw_page .center_item_box ._Prize p:last-child {
        font-size: 15px;
    }
    .lucky_draw_page .center_item_box ._Prize {
        line-height: 24px;
        margin-bottom: 2%;
    }
    .lucky_draw_page .footer-bottom02 {
        font-size: 12px;
    }
    .lucky_draw_page .lucky_img05 {
        height: 160%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -147.2%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -162%;
        line-height: 15px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 20px;
        margin-bottom: 2%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 28px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 14px;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -168%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        top: 40%;
        width: 20%;
    }
    .lucky_draw_page .center_item_box .topItem01 {
        font-size: 14px;
    }
    .comeOthers a {
        font-size: 14px;
        color: white;
        font-weight: bold;
        padding: 1px 10px;
        background: #F39800;
        border-radius: 10px;
    }
    .trialClass .section8 .AItem .A_item,
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        width: 100px;
    }
    .trialClass .section8 .AItem .A_item button,
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        font-size: 12px;
        border-right: 8px;
    }
    .trialClass .section7 .pItem a {
        height: 150px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 15px;
    }
    .trialClass .section7 .pItem .item .psize {
        font-size: 12px;
    }
    .trialClass .section7  .span h4,
    .trialClass .section8  .span h4,
    .trialClass .section4  .span h4 {
        font-size: 20px;
    }
    .trialClass .section5 .center_top .Citem,
    .trialClass .section5 .center_top .Fitem {
        font-size: 24px;
    }
    .trialClass .section5 .center_top .Oitem {
        font-size: 22px;
    }
    .trialClass .section5 .center_top .Eitem {
        font-size: 13px;
    }
    .trialClass .section8 .swiper .btnN,
    .trialClass .section4 .swiper .btnN {
        top: 59%;
        right: 4%;
    }

    .trialClass .section8 .swiper .btnN2{
        right: 17.5%;
        top: 30.5%;
        width: 29px;
    }
    .trialClass .section8 .swiper .btnP2 {
        top: 30%;
        width: 30px;
    }
    .trialClass .section4 .section8 .swiper .btnP2 {
        top: 43%;
    }
    .trialClass .section3 .span h4 {
        font-size: 18px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        bottom: 5%;
    }
    .trialClass .section4 .swiper .btnP {
        width: 35px;
        left: 13%;
    }
    .trialClass .section4 .swiper .btnN {
        top: 43%;
        right: 13.5%;
        width: 33px;
    }
    .Intensive_Phonics .section1 .img_box01 {
        margin-bottom: 0%;
    }
    .Intensive_Phonics .section1 .img_box .img02 {
        margin-left: 5%;
    }
    .Intensive_Phonics .section1 .img_box .img03 {
        margin-left: 2%;
    }
    .Intensive_Phonics .section1 .item_box {
        font-size: 15px;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 28px;
    }
    .Intensive_Phonics .section2 .W_item p {
        font-size: 15px;
        margin-top: 5%;
        padding-bottom: 7%;
    }
    .Intensive_Phonics .section2 .W_item {
        padding-top: 2%;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 28px;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 15px;
    }
    .Intensive_Phonics .section4 .D_item div,
    .Intensive_Phonics .section4 .F_item {
        font-size: 16px;
    }
    .Intensive_Phonics .section4 .A_item a {
        font-size: 12px;
        width: 30%;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .O_item {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .hr {
        height: 10px;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 24px;
    }
    .Primary_Preparation .section4 .H_item .ppasset9 {
        width: 8%;
    }
    .Intensive_Phonics .section3 .C_item {
        font-size: 28px;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .H_item .H3 {
        font-size: 20px;
    }
    .Summer_Monkey .section1 .img_box .img03 {
        margin-left: 5%;
    }
    .Summer_Monkey .section2 .D_item {
        font-size: 24px;
    }
    .Summer_Monkey .section2 .ageItem h3 {
        font-size: 24px;
    }
    .Summer_Monkey .section2 .ageItem p {
        font-size: 15px;
    }
    .Cambridge .section1 .F_item {
        font-size: 20px;
    }
    .Cambridge .section4 .A_item a {
        font-size: 12px;
        width: 23%;
        padding: 0.8% 0%;
    }
    .Cambridge .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Cambridge .section4 .P_item {
        margin-top: 13%;
    }
    .Monkey_Tales .section1 .img_box .img02 {
        margin-left: 3%;
        margin-top: 0%;
    }
    .Primary_Preparantion36 .section1 .img_box .img02 {
        margin-left: -25%;
    }
    .Primary_Preparantion36 .section1 .img_box .img03 {
        margin-left: 5%;
    }
    .Primary_Preparantion36 .section4 .H_item .ppasset90 {
        width: 9%;
    }
    .Primary_Preparantion36 .section1 .img_box .img02 {
        margin-left: -40%;
        margin-top: -5%;
    }
    .Summer_Monkey36 .section1 .img_box .img02 {
        margin-left: -35%;
    }
    .Summer_Monkey36 .section1 .img_box .img03 {
        margin-top: 1%;
        margin-left: 5%;
    }
    .Monkey_Tales36 .section1 .img_box .img02 {
        margin-left: 3%;
        margin-top: 0%;
    }
    .Cambridge612 .section4 .H_item img {
        width: 12%;
    }
    .Cambridge612 .section4 .YouItem .ppasset99 {
        width: 8%;
    }
    .Cambridge612 .section4 .YouItem .ppasset999 {
        width: 7.5%;
    }
    .Cambridge612 .section1 .img_box .img02 {
        margin-left: -43%;
        width: 15%;
        margin-top: -5%;
    }
    .Cambridge612 .section4 .H_item h3 {
        font-size: 20px;
    }
    .Cambridge612 .section4 .YouItem {
        margin-top: 0%;
    }
    .Cambridge612 .section4 .right_box {
        margin-top: 0%;
    }
    .Cambridge612 .section4 .F_item {
        margin-bottom: 5%;
        font-size: 24px;
    }
    .Cambridge612 .section4 .YouItem .ppasset199 {
        width: 11%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset7 {
        width: 15%;
    }
    .Cambridge612 .section4 .H_item .cbaAsset11 {
        width: 15%;
    }
    .Cambridge612 .section4 .YouItem .ppasset9999 {
        width: 12%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        width: 7%;
        left: 21%;
    }
    .lucky_draw_page .footer-bottom02 .terms {
        font-size: 15px;
        padding-bottom: 10px;
    }
    .lucky_draw_page .footer-bottom02 .terms01 {
        padding-bottom: 10px;
    }
    .trialClass .gallery .gallery-list li a {
        font-size: 15px;
    }
    .trialClass h2.title-h4, h4.title-h4 {
        margin-bottom: 50px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean1 p {
        font-size: 1rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean span {
        font-size: 0.9rem;
    }
    .trialClass .gallery .stu_can {
        font-size: 0.9rem;
        margin-bottom: 0%;
    }
    .trialClass .gallery .benefits {
        margin-top: 10%;
    }
    .trialClass .section6 {
        padding-top: 50px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un {
        font-size: 0.8rem;
    }
    .trialClass .gallery .stu_in {
        font-size: 12px;
    }
    .trialClass .section6 .downBox {
        border-top: 2px solid #B72831;
        border-bottom: 2px solid #B72831;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 15px;
    }
    .trialClass h2.title-h4, h4.title-h4 {
        font-size: 24px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .mo-tex {
        font-size: 12px;
    }
    .trialClass .gallery .benefits {
        padding: 10px;
        border-radius: 25px;
    }
    .trialClass .section4 .swiper .btnP img, .trialClass .section4 .swiper .btnN img {
        width: 100%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 18px;
        line-height: 20px;
        margin-top: -10%;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 24px;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 0.9rem;
        line-height: 15px;
    }
    .E-Teaching .section2 .PC_Plus img {
        width: 12%;
    }

    .E-Teaching .section3 .small-img-text img {
        width: 25px;
    }
    .E-Teaching .section3 .small-img-text li {
        font-size: 12px;
    }
    .E-Teaching .section3 .BG2_qwe .container {
        top: 3%;
        left: 0%;
    }
    .E-Teaching .section3 .item_box {
        font-size: 14px;
        padding-bottom: 5%;
        width: 80%;
        margin-left: 10%;
        padding-top: 0px;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 5%;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 47%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 18px;
        line-height: 20px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 15px;
        line-height: 20px;
        width: 70%;
        margin-bottom: 15%;
    }
    .E-Teaching .section3 .right_box_cn {
        margin-top: 0%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 28px;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 13px;
    }
    .E-Teaching .section3 .right_box_cn .small-img-text img {
        width: 20px;
    }
    .E-Teaching .section1 .img_box .img02 {
        margin-left: -3%;
        margin-top: -4%;
    }
    .E-Teaching .section1 .img_box .img02 {
        width: 15%;
    }
    .ket-layout .small-img-text img {
        width: 15px;
        margin-right: 3px;
    }
    .ket-layout .small-img-text li {
        padding-right: 15px;
    }
    .ket-layout .section1 .img_box .img01 {
        margin-bottom: 4%;
    }
    .ket-layout .section4 h4, .ket-layout .section2 h4 {
        font-size: 20px;
    }
    .ket-layout .section2 h5 {
        font-size: 12px;
    }
    .ket-layout .section4 .center-box .sma_box .item, .ket-layout .section2 .center-box .sma_box .item {
        font-size: 12px;
    }
    .ket-layout .section4 .center-box .sma_box .top_item h3, .ket-layout .section2 .center-box .sma_box .top_item h3 {
        font-size: 16px;
    }
    .ket-layout .section4 .center-box .sma_box .item,
    .ket-layout .section2 .center-box .sma_box .item {
        height: 60px;
    }
    .ket-layout .section4 .center-box .sma_box .top_item,
    .ket-layout .section2 .center-box .sma_box .top_item {
        height: 40px;
    }
    .ket-layout .section4 .center-box .sma_box .itemP,
    .ket-layout .section2 .center-box .sma_box .itemP {
        height: 70px;
    }
    .ket-layout .section4 .center-box .sma_box .itemS,
    .ket-layout .section2 .center-box .sma_box .itemS {
        height: 110px;
    }
    .ket-layout .section4 h4 {
        font-size: 20px;
        margin-bottom: 3%;
    }
    .ket-layout .section4 .center-box .sma_box .itemY {
        height: 265px;
    }
    .ket-layout .section4 .center-box .sma_box .itemG {
        height: 110px;
    }
    .ket-layout-cn .section4 .orgBox {
        width: 80%;
        height: 55px;
    }
    .pet-layout .section2 .A_item a {
        font-size: 12px;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 20%;
    }
    .pet-layout .section4 .A_item a {
        font-size: 12px;
        width: 20%;
    }
    .pet-layout .section4 .orgBox img {
        width: 20px;
    }
    .pet-layout .section4 .A_item {
        margin-top: 7%;
    }
    .courses-main .title-p {
        font-size: 12px;
    }
    .chinese_character .section2 .p_item p {
        width: 50%;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 15px;
    }
    .chinese_character .section4 .S_item {
        font-size: 12px;
    }
    .chinese_character .section4 .HBox {
        margin-top: 5%;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 20px;
    }
    .chinese_character .begin_box .learn-box .learn-item img {
        width: 100%;
        margin-top: 10%;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 150%;
        margin-left: -25%;
    }
    .chinese_character_cn .section4 .C_item .img02, .chinese_character_cn .section4 .C_item img {
        width: 7%;
    }
    .chinese_character .begin_box .learn-box .learn-item {
        margin-bottom: 3%;
    }
    .panda_papsk .section4 .A_item a {
        width: 35%;
    }
    .panda_papsk .section4 .p_item p, .panda_papsk .section2 .p_item p {
        width: 65%;
    }
    .panda_papsk .title-box .title {
        font-size: 24px;
    }
    .panda_papsk .section4 .san-3 img {
        width: 30%;
    }
    .panda_papsk_cn .title-box .sk-p {
        font-size: 15px;
    }
    .panda_conver .section4 .kuan-box .On-item .right_box img {
        width: 75% !important;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        font-size: 20px;
    }
    .Private_Lesson .begin_box .learn-box .learn-item img {
        margin-top: -25%;
    }
    .Private_Lesson .begin_box .learn-box .learn-item .UrItem {
        font-size: 14px;
        padding-bottom: 0%;
    }
    .panda_chinese .section4 .p_item div>img {
        width: 40% !important;
    }
    .Private_Lesson .top_sec5 .divP p {
        font-size: 12px;
        width: 70%;
    }
    .Private_Lesson .top_sec5 .p_item p {
        font-size: 12px;
    }
    .trialClassS .section8 .Mob_img {
        height: 500px;
    }
    .trialClassS .section8 .span h4 {
        font-size: 20px;
    }
    .trialClassS .section7 .item-or {
        font-size: 28px;
    }
    .trialClass .section7 .span h4 {
        font-size: 20px;
    }
    .trialClassS .section7 .item-img-p img {
        width: 15%;
    }
    .trialClassS .section7 .item-img-p p {
        font-size: 12px;
        width: 60%;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2 {
        top: 50%;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 100%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox img {
        width: 70%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 16px;
    }
    .trialClassS .section8 .Mob_img {
        height: 435px;
    }
    .trialClassS .section7 .item-or {
        font-size: 24px;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox .item-center {
        font-size: 14px;
    }
    .trialClassS .section8 .swiper .PC_img {
        width: 90%;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 13px;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 2%;
        left: 23%;
    }
    .trialClassS .section8 .swiper .btnP2,
    .trialClassS .section8 .swiper .btnN2 {
        top: 60%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 182px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 68%;
        left: 10%;
        font-size: 12px;
        width: 80%;
    }
    .trialClassS h2.title-h4, h4.title-h4 {
        margin-bottom: 0px;
    }
    .trialClassS .gallery .benefits {
        padding: 0px;
    }
    .trialClassS .gallery .benefits .free-ocean {
        width: 100%;
    }
    .trialClassS .gallery .benefits .section6 .itemN-ter {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .section6 .itemN-img img {
        width: 11%;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .gallery .benefits .free-ocean .hsbc {
        width: 120%;
        margin-left: -11%;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.8rem;
    }
    .trialClassS .section5 .pagination a {
        padding: 0% 1%;
        font-size: 12px;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 15px;
        margin-top: -3%;
    }
    .Primary_Preparation .section4 .H_item h3 .item_p {
        bottom: -55%;
        font-size: 12px;
    }
    .Primary_Preparation .section4 .H_item .ppasset9-10 {
        width: 9%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -13%;
        left: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 14px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 {
        bottom: 17%;
        left: 6%;
    }
    .trialClassT h2.title-h4, h4.title-h4 {
        margin-bottom: 12%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box_cn02 {
        bottom: 25%;
    }
    .course-new-page .section6 .title-box p {
        margin: 0 0px 10% auto;
    }
    .chat-room-new .section6 .title-box p {
        margin: 0 0 0px auto;
    }
    .trialClass .section7 .item-h3, .trialClassA .section5-1 .title-h4,
    .trialClass .section7 .span h4, .trialClass .section8 .span h4, .trialClass .section4 .span h4 {
        font-size: 20px;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 12px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 15px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 12px;
    }
    .phVideo .section1 .video-box iframe {
        height: 205px;
    }
    .course-new-page .section6 .big-border-b {
        height: 8px;
        margin: 5% 0% 15% 0%;
    }
    .benefits_details .section7 .span .item-p2 {
        width: 100%;
        font-size: 11px;
    }
    .benefits_details .section7 .Asset346 .qrBox {
        margin-top: 0%;
    }
    .benefits_details .section1 {
        padding-top: 25%;
    }
    .benefits_details .section7 .Asset346 .qrBox .qr-appStore,
    .benefits_details .section7 .Asset346 .qrBox .qr-google {
        width: 20%;
        margin-top: -6%;
        margin-left: 3%;
    }
    .benefits_details .section7 .Asset346 .qrBox .logo-img {
        width: 25%;
        margin-left: -30%;
        margin-top: -8%;
    }
    .benefits_details .gallery .gallery-list ul {
        margin-bottom: 10%;
    }
    .benefits_details .section7 .Asset346 .qrBox .qr-google {
        margin-left: 1%;
    }
    .benefits_details .section7 .span .item-p {
        font-size: 11px;
        padding: 0% 5%;
        line-height: initial;
    }
    .trialClass .section6 .downBox .down_content .contentItem img {
        width: 21px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1rem;
    }
    .trialClass .section6 .out-hsb {
        padding-left: 7.5%;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 8.5%;
    }
    .benefits_details .section7 .Asset346 {
        margin-top: 15%;
    }
    .benefits_details .section7 .span .rrg_btn {
        margin-top: 0%;
        margin-bottom: 10%;
    }
    .benefits_details .section7 .Asset346 .span {
        top: -25%;
    }
    .benefits_details .section8 .swiper .btnP {
        top: 30%;
        left: -10%;
    }
    .benefits_details .section8 .swiper .btnN {
        top: 30%;
        right: -22%;
    }
    .benefits_details .section7 .span .rrg_btn {
        font-size: 12px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 360px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 203px;
    }
    .benefits_details .section7 .span .qr_box .logo_img{
        width: 25%;
    }
    .benefits_details .section7 .span .qr_box .google_shop_img, .benefits_details .section7 .span .qr_box .app_shop_img{
        width: 15%;
        margin-top: 5%;
    }
    .benefits_details .section7 .span .video_box .video_item .item_text{
        font-size: 9px;
    }
    .gallery-list .item-benefits .contentItem img {
        width: 20px;
        margin-right: 10px;
    }
    .gallery-list .item-benefits .contentItem .text {
        font-size: 12px !important;
        font-weight: bold;
    }
    .home .left-arrow {
        left: -9%;
    }
    .home .right-arrow {
        right: -9%;
    }
    .home .arrow {
        top: 50%;
    }
    .home .m-box {
        width: 100%;
    }
    .home .arrow img {
        width: 18px;
    }
    .courses-main .tab-content .tab-pane a img {
        width: 85%;
    }
    .courses-main .tab-content .tab-pane a:hover img {
        width: 85%;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 8%;
    }
    .trialClass .benefits .den-box .appDownBox .introText {
        text-align: left;
        margin-left: 10%;
    }
    .location .filter a {
        font-size: 12px;
        line-height: 50px;
        padding: 0 12px;
    }
    .location .filter li:last-child {
        right: 2%;
        bottom: 27%;
        font-size: 12px;
        padding: 0;
    }
}

@media (max-width: 390px) {
    .m-box{
        width: 300px !important;
    }
    .m-slide{
        width: 300px !important;
    }
    .trialClass .section1  .video-box{
        height: 220px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 18px;
        margin-bottom: 2%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 26px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 12px;
    }
    .lucky_draw_page .lucky_img05 {
        height: 165%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -152.2%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -162%;
        line-height: 13px;
    }
    .lucky_draw_page .footer-bottom02 {
        font-size: 12px;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 41%;
        right: 13%;
        width: 20%;
        height: 6%;
    }
    .lucky_draw_page .center_item_box ._Submit button {
        padding: 3px 18px;
        font-size: 18px;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        left: 20%;
    }
    .trialClass .gallery .gallery-list li a {
        font-size: 12px;
    }
    .trialClass .gallery .benefits {
        width: 86%;
    }
    .trialClass .gallery .benefits {
        width: 80%;
        border-radius: 15px;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 1rem;
        line-height: 20px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 0.8rem;
        line-height: 18px;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 22px;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 18px;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 12px;
        width: 100%;
        margin-left: 0%;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 15px;
        line-height: 18px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 13px;
        width: 82%;
        margin-left: 9%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 26px;
    }
    .E-Teaching .section3 .right_box_cn .small-img-text img {
        width: 20px;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 200%;
        margin-left: -50%;
        margin-bottom: 15%;
    }
     .benefits_details .gallery .benefits {
        width: 100%;
        border-radius: 25px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 202px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 30%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 24%;
    }
    .trialClass .section7 .span .item-p {
        font-size: 12px;
    }
    .trialClass .section7 .item-h3, .trialClassA .section5-1 .title-h4, .trialClass .section7 .span h4, .trialClass .section8 .span h4, .trialClass .section4 .span h4 {
        font-size: 18px;
    }
    .phVideo .section1 .video-box iframe {
        height: 185px;
    }
    .course-new-page .section1 .camb_Asset41 {
        height: 60px;
    }
    .course-new-page .section1 .camb_Asset45 {
        height: 50px;
    }
    .course-new-page .section1 .img1-1,
    .course-new-page .section1 .img2 {
        height: 50px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 73px;
    }
    .course-new-page .section6 .ExamBtn,
    .course-new-page .section1 .ExamBtn,
    .course-new-page .section6 .ExamBtn span,
    .course-new-page .section1 .ExamBtn span{
        font-size: 18px;
    }
    .trialClassS .gallery .benefits .free-ocean .byHs {
        font-size: 0.7rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.7rem;
    }
    .trialClass .section6 .downLoad1 {
        margin-top: 5px;
    }
    .trialClass .section6 .downLoad {
        font-size: 11px;
    }
    .trialClass .benefits .den-box .faqs_regBox .item2 img {
        width: 8%;
        margin-right: 2%;
    }
    .trialClass .benefits .den-box .pp_det_xia {
        width: 8%;
    }
    .trialClass .section6 .downBox .down_box .downItem {
        font-size: 12px;
    }
    .trialClassS .gallery .benefits .free-ocean .item-a {
        font-size: 11px;
    }
    .trialClassS .gallery .benefits .section6 .itemBox .itemBox-p,
    .trialClass .gallery .benefits .free-ocean .itemBox-p p {
        font-size: 11px;
    }
    .trialClass h2.title-h4, h4.title-h4 {
        font-size: 20px;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC1 img {
        width: 15%;
    }
    .trialClass .benefits .den-box .faqs_regBox .itemCN-SC2 img {
        width: 9.5%;
    }
    .benefits_details .section8 .swiper .btnN {
        top: 30%;
        right: -21%;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 330px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 186px;
    }
    .home .left-arrow {
        left: -9%;
    }
    .home .right-arrow {
        right: -9%;
    }
    .home .arrow {
        top: 46%;
    }
    .home .m-box {
        width: 100%;
    }
    .home .arrow img {
        width: 18px;
    }
}

@media (max-width: 375px) {
    .Our_Locations {
        font-size: 20px;
    }
    .trialClass .section1 .left_bottom2 .textItem01 {
        width: 62%;
        line-height: normal;
    }
    .trialClass .section1 .left_bottom2 .textItem02 {
        margin-top: 2%;
        width: 85%;
    }
    .trialClass .section3 .Item_box {
        width: 79%;
    }
    .trialClass .section3 .item {
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 30px;
        width: 80%;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 16px;
    }
    .trialClass .section4 .item_box .num {
        font-size: 12px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 14px;
    }
    .trialClass .section5 .center_top .num3 {
        width: 68%;
        font-size: 13px;
    }
    .trialClass .section5 .center_top .num4 {
        width: 58%;
    }
    .trialClass .section5 .center_top .num5 {
        font-size: 12px;
    }
    .trialClass .section5 .center_top .num2 h3, .trialClass .section5 .center_top .num1 {
        font-size: 22px;
    }
    .trialClass .section5 .center_bottom .num1 {
        width: 59%;
        font-size: 22px;
        color: #1A6FAF;
    }
    .trialClass .section5 .center_bottom .num2 {
        width: 70%;
        font-size: 12px;
    }
    .trialClass .section5 .center_bottom .num3 {
        width: 90%;
        font-size: 12px;
        transform: scale(0.7);
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 3% 2%;
    }
    .trialClass .section6 .bottom_item .ItemBox .item .item02, .trialClass .section6 .bottom_item .ItemBox .item .item01 {
        font-size: 12px;
    }
    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        padding: 2px 3px;
    }
    .trialClass .section6 .bottom_item .ItemBox1 .item div {
        font-size: 15px;
    }
    .trialClass .section3 .text_item .item02 .total .totalItem {
        font-size: 12px;
        padding-right: 0%;
    }
    .trialClass .section3 .text_item .item02 .total img {
        width: 12px;
        height: 12px;
        margin-right: 2%;
        margin-top: 12%;
    }
    .trialClass .section3 .text_item .item02 .img {
        left: 25%;
    }
    .trialClass .section1 .IphonBox .left_bottom {
        width: 85%;
        text-align: center;
    }
    .trialClass .section4 .item_box .num2 {
        margin-bottom: 0%;
    }
    .trialClass .section4 .item_box .top_item2 {
        position: absolute;
        top: 120%;
        left: 15%;
        width: 55%;
    }
    .trialClass .section4 .Image {
        margin-top: 100px;
    }
    .trialClass .section5 .big_box {
        padding-top: 50px;
    }
    .trialClass .section6 {
        padding-top: 50px;
    }
    .trialClassHk .section6 .footer_box .span {
        padding: 0px 10px;
        width: 65%;
    }
    .trialClassHk .section6 .footer_box .hr {
        width: 15%;
        height: 3px;
    }
    .trialClass .section6 .downBox .down_content .contentItem p {
        font-size: 14px;
    }
    .trialClassHk .section6 .downBox .down_content .contentItem p {
        font-size: 12px;
    }
    .trialClass .section6 .downBox .down_content {
        padding: 5px;
    }
    .course-new-page .section3 .seeding_box .Title h4 {
        font-size: 0.9rem;
        padding-left: 0%;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 70px;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none04 {
        display: block;
    }
    .Faq-Page-cn .section2 .downBox .down_box .downItem ._iphon_none03 {
        display: none;
    }
    .lucky_draw_page .lucky_img05 {
        height: 176%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -163.2%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 28px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 12px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 20px;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -185%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -178%;
        line-height: 12px;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 41%;
        right: 15%;
        width: 20%;
        height: 5%;
    }
    .comeOthers a {
        font-size: 12px;
        color: white;
        font-weight: bold;
        padding: 1px 9px;
        background: #F39800;
        border-radius: 9px;
    }
    .trialClass .section8 .swiper .btnN2{
        right: 17.5%;
        width: 29px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a button {
        padding: 0;
    }
    .trialClass .section4 .swiper .btnP {
        left: 12%;
        width: 30px;
    }
    .trialClass .section4 .swiper .btnN {
        top: 43%;
        right: 12%;
        width: 29px;
    }
    .trialClass .section7 .pItem .item p {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .C_item .img {
        width: 11%;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 24px;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 24px;
    }
    .Intensive_Phonics .section3 .C_item {
        font-size: 24px;
    }
    .Intensive_Phonics .section4 .H_item .H3 {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .C_item .img {
        width: 10%;
        margin-top: 0%;
    }
    .Intensive_Phonics .section4 .A_item a {
        width: 35%;
    }
    .Cambridge .section4 .A_item a {
        width: 25%;
    }
    .Cambridge612 .section4 .H_item h3 {
        font-size: 18px;
    }
    .Cambridge612 .section4 .S_item {
        font-size: 14px;
    }
    .Cambridge612 .section4 .H_item img {
        width: 11.5%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        left: 22%;
    }
    .trialClass .gallery .stu_can {
        font-size: 12px;
    }
    .trialClass .gallery .gallery-list li:first-child {
        margin-right: 0%;
    }
    .trialClass .section7 .span h4, .trialClass .section8 .span h4, .trialClass .section4 .span h4 {
        font-size: 17px;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 15px;
        line-height: 18px;
        margin-top: -10%;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 20px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 13px;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 0.9rem;
        line-height: 17px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 0.7rem;
        line-height: 17px;
        width: 70%;
        margin-bottom: 15%;
    }
    .E-Teaching .section2 .bottomP {
        font-size: 12px;
        line-height: 14px;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 50%;
    }
    .E-Teaching .section3 .right-box {
        margin-top: 1%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 24px;
    }
    .ket-layout .section1 .item_box {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .hr {
        height: 5px;
    }
    .ket-layout .section4 .orgBox {
        height: 80px;
    }
    .ket-layout .section2 .A_item a {
        width: 50%;
    }
    .pet-layout .section2 .A_item a {
        font-size: 12px;
    }
    .pet-layout .section4 .A_item .EF_Reading {
        width: 22%;
    }
    .pet-layout .section4 .A_item a {
        font-size: 12px;
        width: 22%;
    }
    .ket-layout .section2 .A_item a {
        width: 26%;
    }
    .pet-layout-cn .section4 .orgBox {
        height: 50px;
    }
    .pet-layout-cn .section4 .orgBox {
        width: 95%;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 170%;
        margin-left: -33%;
        margin-bottom: 50%;
    }
    .chinese_character .section4 .F_item, .chinese_character .section2 .F_item {
        font-size: 18px;
    }
    .chinese_character .section2 .p_item img {
       width: 45%;
    }
    .chinese_character .section2 .p_item p {
        font-size: 12px;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 15px;
    }
    .chinese_character .section4 .C_item .img02, .chinese_character .section4 .C_item img {
        width: 7%;
    }
    .chinese_character .small-img-text li {
        padding-right: 25px;
    }
    .chinese_character .small-img-text img {
        width: 15px;
        margin-right: 5px;
    }
    .panda_chinese .section4 .p_item p {
        font-size: 12px;
        width: 40%;
    }
    .panda_chinese .top_sec5 .p_item img {
       width: 50%;
    }
    .panda_papsk .section4 .A_item a {
        width: 40%;
    }
    .panda_papsk .section4 .p_item p,
    .panda_papsk .section2 .p_item p {
        width: 65%;
    }
    .panda_papsk_cn .title-box .sk-p {
        font-size: 12px;
    }
    .Panda_Course .section1 h2.title-h4, h4.title-h4 {
        font-size: 20px;
    }
    .Panda_Course .tab-content .tab-pane p {
        font-size: 14px;
    }
    .Panda_Course .section4 .F_item, .Panda_Course .section2 .F_item {
        font-size: 20px;
    }
    .Panda_Course .section2 .center_box .l-item h4 {
        font-size: 15px;
    }
    .Panda_Course .section2 .center_box .l-item p {
        font-size: 12px;
    }
    .Panda_Course .section2 h2.title-h4, h4.title-h4 {
        font-size: 15px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        font-size: 12px;
    }
    .trialClassS .section8 .swiper .PC_img {
        width: 100%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 155px;
    }
    .trialClassS .section8 .AItem .A_item button {
        width: 85%;
        padding: 0px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        width: 88%;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 2%;
        left: 35%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 1rem;
    }
    .trialClassS .gallery .benefits .free-ocean .byHs {
        font-size: 0.7rem;
    }
    .trialClassS .gallery .benefits .free-ocean .byBc {
        font-size: 0.75rem;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.75rem;
    }
    .trialClassS .section6 .detail-img-1 a {
        padding: 3% 7%;
        font-size: 12px;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 17px;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 15px;
    }
    .benefits_details .RedeemRewards .detail-box label {
        top: -15px;
        left: 0px;
        font-size: 10px;
    }
    .benefits_details .freeassDetails .form .close-btn {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box select,
    .benefits_details .RedeemRewards .detail-box input {
        font-size: 10px;
        padding: 12px 10px;
    }
    .benefits_details .RedeemRewards .detail-box select {
        padding-right: 25%;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 70%;
        padding: 1% 0%;
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box .submit-btn {
        padding: 5px 15px;
        font-size: 17px;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 13px;
    }
    .Primary_Preparation .section2 .S_item p {
        font-size: 15px;
    }
    .trialClass .section4 .swiper_box .AItem a button, .trialClass .section4 .swiper_box>div .PC_OP1 a button {
        font-size: 10px;
        width: 44%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box p {
        font-size: 12px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -23%;
        left: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 8px;
    }
    .trialClass .section8 .AItem .A_item, .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        width: 85px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        bottom: 4%;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .bc {
        font-size: 0.53rem;
    }
    .trialClassT .section6 .faq-box a .span01 {
        font-size: 15px;
    }
    .trialClassT .section6 .faq-box a .span02 {
        font-size: 12px;
    }
    .trialClass .section8 .AItem .A_item button {
        font-size: 10px;
        width: 100%;
        border: 1px solid #008845;
    }
    .trialClassT .section6 .downBox .down_box img {
        width: 8%;
        margin-right: 4%;
    }
    .trialClassS .gallery .benefits .free-ocean {
        width: 100%;
    }
    .trialClassT .gallery .benefits {
        width: 100%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 30%;
    }
    .trialClassA .gallery .gallery-list .nat-an .item-coming {
        font-size: 18px;
        margin-top: 0%;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 11px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 13px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 11px;
    }
    .phVideo .section1 .video-box iframe {
        height: 173px;
    }
    .phVideo .section1 .img1 {
        height: 40px;
    }
    .phVideo .section1 .img2 {
        height: 40px;
    }
    .phVideo .section1 .img3 {
        height: 45px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 310px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 174px;
    }
    .rrg_hk .Download_now .a-btn {
        border: 1px solid #603813;
        border-radius: 5px;
    }
    .home .left-arrow {
        left: -8%;
    }
    .home .right-arrow {
        right: -8%;
    }
    .home .arrow {
        top: 48%;
    }
    .home .m-box {
        width: 100%;
    }
    .home .arrow img {
        width: 15px;
    }
}

@media (max-width: 366px) {
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 200%;
        margin-left: -50%;
        margin-bottom: 50%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        font-size: 17px;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 150px;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .section6 .terms .item-dis h3 {
        font-size: 15px;
    }
    .benefits_details .section6 .terms .item-dis p {
        font-size: 13px;
    }
    .trialClassS .gallery .benefits .free-ocean .hsbc .hs {
        font-size: 0.7rem;
    }
    .benefits_details .RedeemRewards .detail-box select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(../images/freeDown.png) no-repeat center right 8px transparent;
    }
    .Intensive_Phonics .section1 .BigBox h3 {
        font-size: 12px;
    }
    .course-new-page .section2 .video-box iframe {
        height: 189px;
    }
    .course-new-page .section6 .title-box.step5-part p img {
        top: 33%;
    }
    .chat-room-new .section6 .title-box.step5-part p img {
        top: 30%;
        width: 90%;
    }
    .course-new-page .section1 .img1-1 {
        height: 40px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 65px;
    }
    .trialClassA .section5-1 .rowBox .item-p1 {
        font-size: 10px;
    }
    .trialClassA .section5-1 .rowBox .item-p2 {
        font-size: 12px;
    }
    .trialClassA .section5-1 .rowBox .item-p3 {
        font-size: 9px;
    }
    .trialClassA .gallery .gallery-list li a {
        font-size: 11px;
    }
    .phVideo .section1 .video-box iframe {
        height: 166px;
    }
    .trialClass .benefits .downCN-SC .pp_det_xia {
        width: 9.5%;
    }

}

@media (max-width: 320px) {
    .Our_Locations {
        font-size: 18px;
    }
    .trialClass .section1 .left_bottom2 .textItem01 {
        width: 68%;
        line-height: normal;
    }
    .trialClass .section3 .Item_box {
        width: 94%;
    }
    .trialClass .section6 .bottom_item .ItemBox .item .item02, .trialClass .section6 .bottom_item .ItemBox .item .item01 {
        font-size: 12px;
        transform: scale(0.85);
    }
    .trialClass .section6 .bottom_item .ItemBox {
        padding: 2% 0%;
    }
    .trialClass .section6 .footer_box .span {
        font-size: 12px;
        transform: scale(0.8);
        padding: 0 0px;
    }
    .trialClass .section6 .footer_box .hr {
        width: 13%;
    }
    .trialClass .section6 .ItemBox .item .item02 {
        margin-left: 0px;
    }
    .trialClass .section6 .ItemBox .item .item03 {
        margin-left: -4px;
    }
    .trialClass .hangBox {
        margin-top: 50px;
    }
    .trialClass .section3 .text_item .item02 .total .totalItem {
        padding-top: 3px;
    }
    .trialClass .section3 .text_item .item02 .total img {
        margin-right: 0%;
        margin-top: 20%;
    }
    .trialClass .section1 .IphonBox .left_bottom {
        width: 100%;
    }
    .trialClass .section3 .span h4, .trialClass .section2 .span h4 {
        font-size: 20px;
    }
    .trialClass .section4 .span h4 {
        font-size: 17px;
    }
    .trialClass .section3 .span h4 {
        font-size: 13px;
    }
    .trialClass .section4 .item_box h2 {
        font-size: 12px;
    }
    .trialClass .section4 .itemBox .item_box {
        top: 59%;
    }
    .trialClass .section4 .item_box .top_item2 {
        position: absolute;
        top: 96%;
        left: 15%;
        width: 55%;
    }
    .trialClass .section4 .Image {
        margin-top: 50px;
    }
    .trialClass .section5 .center_bottom .num3 {
        width: 100%;
    }
    .trialClass .section5 .center_bottom .num1 {
        width: 80%;
    }
    .trialClass .section5 .center_bottom .num2 {
        width: 75%;
    }
    .trialClass .section5 .big_box {
        padding-top: 50px;
    }
    .trialClass .section6 {
        padding-top: 50px;
    }
    .trialClassHk .section5 .center_top .num2 h3 {
        font-size: 21px;
    }
    .trialClass .section1 .left_bottom .textItem02 {
        font-size: 12px;
        padding: 0px 20px;
    }
    .trialClassHk .section1 .IphonBox .left_bottom img {
        width: 80%;
    }
    .course-new-page .section3 .seeding_box .Title h4 {
        font-size: 0.8rem;
        padding-left: 0%;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 22px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 30px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 13px;
    }
    .lucky_draw_page .lucky_img05 {
        height: 195%;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -182.2%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -200%;
        line-height: 12px;
    }
    .lucky_draw_page .footer-bottom01 {
        bottom: -210%;
    }
    .lucky_draw_page .pop_up_box .pop_up_item a {
        position: absolute;
        top: 35%;
        right: 15%;
        width: 20%;
        height: 14%;
    }
    .lucky_draw_page .center_item_box .enter_name .red_name .noen_item {
        font-size: 12px;
    }
    .lucky_draw_page .center_item_box .topItem01 {
        font-size: 12px;
    }
    .trialClass .section8 .swiper .btnN2{
        right: 17.5%;
        width: 30px;
    }
    .trialClass .section8 .swiper .btnP2{
        width: 30px;
    }
    .trialClass .section4 .swiper .btnN {
        top: 43%;
        right: 12.5%;
        width: 30px;
    }
    .Intensive_Phonics .section1 .item_box {
        font-size: 12px;
    }
    .Intensive_Phonics .section2 .W_item h3 {
        font-size: 20px;
    }
    .Intensive_Phonics .section2 .W_item p {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 18px;
    }
    .Intensive_Phonics .section4 .H_item span {
        font-size: 12px;
    }
    .Intensive_Phonics .section4 .S_item {
        font-size: 12px;
        width: 80%;
    }
    .Intensive_Phonics .section1 .item_box {
        width: 80%;
    }
    .Intensive_Phonics .section1 {
        margin-top: 75px;
    }
    .Intensive_Phonics .section4 .H_item .h3 {
        font-size: 17px;
    }
    .Intensive_Phonics .section4 .C_item .img {
        width: 12%;
    }
    .Primary_Preparation .section4 .F_item,
    .Primary_Preparation .section2 .F_item {
        font-size: 20px;
    }
    .Intensive_Phonics .section4 .H_item h3 {
        font-size: 14px;
    }
    .Intensive_Phonics .section4 .A_item01 a {
        width: 40%;
    }
    .Cambridge .section4 .A_item a {
        width: 30%;
    }
    .Cambridge .section4 .S_item {
        width: 70%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        left: 24%;
    }
    .Cambridge612 .section4 .YouItem .ppasset999 {
        width: 8.5%;
    }
    .trialClass .section5 .center_top .num4 {
        width: 62%;
    }
    .gallery .gallery-list li a {
        padding: 5px 8px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 0.9rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .age_un {
        font-size: 0.1rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 0.9rem;
        line-height: 1rem;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 13px;
        line-height: 16px;
        margin-top: -10%;
    }
    .E-Teaching .section1 .item_box {
        width: 100%;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 16px;
    }
    .E-Teaching .section3 .small-img-text img {
        width: 15px;
        margin-right: 0px;
    }
    .E-Teaching .section3 .item_box {
        font-size: 12px;
    }
    .E-Teaching .section4 .A_item .EF_Reading {
        width: 60%;
    }
    .E-Teaching .section4 .uls .li-p {
        font-size: 0.8rem;
        line-height: 15px;
    }
    .E-Teaching .section4 .uls .ul-p {
        font-size: 12px;
        line-height: 16px;
        width: 75%;
    }
    .E-Teaching .section3 .right_box_cn .item_box {
        font-size: 12px;
        width: 100%;
        margin-left: 0%;
    }
    .E-Teaching .section3 .big-b-title {
        font-size: 18px;
    }
    .E-Teaching .section3 .right_box_cn .small-img-text {
        padding: 5px 0;
    }
    .E-Teaching .section3 .right_box_cn .right-box {
        margin-top: 0%;
    }
    .ket-layout .section4 .center-box .sma_box .itemY {
        height: 330px;
    }
    .ket-layout .section4 .orgBox {
        height: 90px;
    }
    .ket-layout-cn .section4 .orgBox {
        height: 60px;
    }
    .chinese_character_cn .section4 .C_item .img02, .chinese_character_cn .section4 .C_item img {
        width: 9%;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 220%;
        margin-left: -62%;
        margin-bottom: 70%;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 12px;
    }
    .panda_papsk .title-box .sk-p {
        font-size: 12px;
    }
    .panda_papsk .section4 .A_item a {
        width: 50%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box {
        width: 100%;
        margin-bottom: 5%;
    }
    .trialClassS .section8 .Mob_img {
        height: 360px;
    }
    .trialClassS .section7 .span h4, .trialClassS .section8 .span h4 {
        font-size: 14px;
    }
    .trialClassS .section8 .span {
        top: -5%;
    }
    .trialClassS .gallery .gallery-list .nat-an .natBox img {
        width: 80%;
    }
    .trialClassS .section8 .swiper_box .PC_img {
        border: 4px solid #FED900;
        border-radius: 25px;
    }
    .trialClassS .section8 .AItem .A_item_p {
        bottom: 45%;
        left: 7%;
    }
    .trialClassS .section8 .AItem .A_item {
        bottom: 1%;
        left: 15%;
    }
    .E-Teaching .iframeBox .video-box iframe {
        width: 100%;
        height: 130px;
    }
    .trialClassS .section8 .AItem .A_item_small {
        top: 55%;
        left: 7%;
        font-size: 12px;
        width: 90%;
    }
    .trialClassS .section8 .AItem .A_item_ps {
        bottom: 34%;
    }
    .trialClassS .section8 .AItem .A_item_smallAs {
        top: 64%;
    }
    .trialClassS .section8 .AItem .A_item_smallR {
        top: 62%;
    }
    .trialClassS .section8 .AItem .A_item_pt {
        bottom: 30%;
    }
    .trialClassS .section8 .AItem .A_item_pz {
        bottom: 22%;
    }
    .trialClassS .section6 {
        padding-top: 0px;
    }
    .benefits_details .RedeemRewards .detail-box .msg {
        font-size: 10px;
    }
    .benefits_details .RedeemRewards .detail-box .num {
        width: 50%;
        padding: 1% 0%;
        font-size: 10px;
    }
    .benefits_details .RedeemRewards .detail-box .input-group input {
        font-size: 12px;
    }
    .benefits_details .RedeemRewards .detail-box .submit-btn {
        padding: 4px 15px;
        font-size: 15px;
    }
    .benefits_details .RedeemRewards .detail-box select,
    .benefits_details .RedeemRewards .detail-box input {
        font-size: 10px;
        padding: 8px 10px;
    }
    .Intensive_Phonics .section4 .D_item div, .Intensive_Phonics .section4 .F_item {
        font-size: 12px;
    }
    .Primary_Preparation .section4 .H_item h3 .item_p {
        bottom: -55%;
        font-size: 8px;
    }
    .trialClass .section7 .pItem a {
        height: 110px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box {
        bottom: -37%;
        left: 6%;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide .item_box2 p {
        font-size: 7px;
    }
    .trialClass .section4 .swiper_box .swiper .swiper-wrapper .swiper-slide a {
        bottom: 2%;
    }
    .trialClass .gallery .benefits .free-ocean .ocean {
        font-size: 0.95rem;
    }
    .trialClass .gallery .benefits .free-ocean .ocean .byHs {
        font-size: 0.7rem;
    }
    .trialClassT .section6 .faq-box a .span01 {
        font-size: 12px;
    }
    .trialClassT .section6 .faq-box a .span02 {
        font-size: 10px;
    }
    .trialClassS .gallery .benefits .section6 .itemN-ter {
        font-size: 10px;
    }
    .course-new-page .section1 .img1-1 {
        height: 50px;
    }
    .course-new-page .section1 .m-exam-link img{
        width: 55px;
    }
    .phVideo .section1 .video-box iframe {
        height: 143px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box {
        width: 267px;
    }
    .rrg_hk .section5 .gallery .benefits .video-box iframe {
        height: 150px;
    }
}

@media (max-width: 300px) {
    .lucky_draw_page .lucky_img05 {
        height: 200%;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:first-child {
        font-size: 26px;
    }
    .lucky_draw_page .lucky_img06 ._Prize p:last-child {
        font-size: 12px;
    }
    .lucky_draw_page .lucky_img06 ._Prize {
        line-height: 19px;
        margin-top: 0%;
    }
    .lucky_draw_page .footer-bottom02 {
        bottom: -196%;
        line-height: 12px;
    }
    .lucky_draw_page .lucky_img06 {
        bottom: -187.2%;
    }
    .trialClass .section8 .swiper .btnN, .trialClass .section4 .swiper .btnN {
        right: -0.5%;
    }
    .Cambridge612 .section4 .YouItem .ppasset1999 {
        left: 23%;
    }
    .trialClass .gallery .gallery-list li:first-child {
        margin-right: 0%;
    }
    .trialClass h2.title-h4, h4.title-h4 {
        font-size: 20px;
    }
    .trialClass .gallery .benefits {
        padding: 5px;
        border-radius: 20px;
    }
    .trialClass .gallery .benefits .free-ocean .ocean p {
        font-size: 0.8rem;
        line-height: 0.8rem;
    }
    .trialClass .gallery .gallery-list li {
        padding: 0 3px;
    }
    .E-Teaching .section1 .img_box01 {
        font-size: 0.9rem;
        line-height: 16px;
        margin-top: -10%;
    }
    .E-Teaching .section4 h4, .E-Teaching .section2 h4 {
        font-size: 15px;
    }
    .E-Teaching .section3 .item_box {
        width: 85%;
    }
    .chinese_character .begin_box .learn-box .learn-item .UrItem {
        font-size: 12px;
        width: 250%;
        margin-left: -76%;
        margin-bottom: 70%;
    }
    .chinese_character .section4 .H_item .H3 {
        font-size: 12px;
    }
    .chinese_character .section4 .C_item .img02, .chinese_character .section4 .C_item img {
        width: 9%;
    }
    .panda_conver .section4 .kuan-box .On-item .left_box h4 {
        margin-bottom: 2%;
        margin-top: 3%;
    }
}