*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
img{vertical-align:middle;max-width:100%}
@font-face{font-family:Nunito;src:url(../../../font/Nunito-Regular.eot);src:url(../../../font/Nunito-Regular.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Regular.otf) format("opentype"),url(../../../font/Nunito-Regular.svg) format("svg"),url(../../../font/Nunito-Regular.ttf) format("truetype"),url(../../../font/Nunito-Regular.woff) format("woff"),url(../../../font/Nunito-Regular.woff2) format("woff2");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.otf) format("opentype"),url(../../../font/Nunito-Bold.svg) format("svg"),url(../../../font/Nunito-Bold.ttf) format("truetype"),url(../../../font/Nunito-Bold.woff) format("woff"),url(../../../font/Nunito-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:NunitoBlack;src:url(../../../font/Nunito-Black.eot);src:url(../../../font/Nunito-Black.eot?#iefix) format("embedded-opentype"),url(../../../font/Nunito-Black.svg) format("svg"),url(../../../font/Nunito-Black.ttf) format("truetype"),url(../../../font/Nunito-Black.woff) format("woff"),url(../../../font/Nunito-Black.woff2) format("woff2");font-display:swap}
@font-face{font-family:junegull;src:url(../../../font/junegull.eot);src:url(../../../font/junegull.eot?#iefix) format('embedded-opentype'),url(../../../font/junegull.otf) format('otf'),url(../../../font/junegull.svg#junegull) format('svg'),url(../../../font/junegull.ttf) format('truetype'),url(../../../font/junegull.woff) format('woff'),url(../../../font/junegull.woff2) format('woff2')}
body{font-family:Nunito!important;font-size:18px;-webkit-text-size-adjust:100%}
.btn{box-shadow:inset 0 -2px 2px 2px #ffa9bd;text-shadow:0 2px 0 #000;transform:perspective(60px) rotateX(2deg);transition:all .1s;font-size:22px;background:#f62455;border:2px solid #2e2a4a;border-bottom:7px solid #2e2a4a;text-decoration:none;color:#fff;padding:12px 22px;border-radius:10px;font-family:NunitoBold;display:block;width:fit-content}
b{font-family:NunitoBold}
.wrapBtn{height:64px}
.btn:active{border-bottom:2px solid #2e2a4a;transform:perspective(60px) rotateX(2deg) translateY(5px) scale(.98);background:#d81e4a}
.container{width:100%;max-width:1224px;padding:0 12px;margin:0 auto}
.title{font-family:junegull,sans-serif;font-size:50px;text-align:center;margin:0 auto 24px}
#demoLessonContainer,#goAlongSon,#listCourseBuy,#studyWithBestTeacher{padding:24px 0}
#eventList1 .title,#comment .title,#familyFeelToTs247 .title,#goAlongSon .title,#listCourseBuy .title,#magazine3 .title,#studyWithBestTeacher .title{color:#0081da}
#demoLessonContainer .title{color:#fff568}
#magazine3 .title{font-size:50px}
#normalHeader{background-position:top}
#normalHeader,#studyWithBestTeacher{overflow:hidden}
#normalHeader .wrapperBanner{position:relative;z-index:1;padding:24px 0 0}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader .header{position:relative;z-index:10}
#normalHeader .header>div>ul .hotline a{background-image:url(../img/hotline.webp)}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background-image:url(../img/user.webp)}
#normalHeader .header>div>ul .hotline a,#normalHeader .header>div>ul .loginGroup .logged .avatar span,#normalHeader .header>div>ul .loginGroup .login a{color:#004f94}
#normalHeader .wrapperBanner .banner{width:calc(100% - 330px)}
#normalHeader .wrapperBanner .headerForm{position:relative;padding:0;background:0 0;margin-top:61px;width:330px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:18px;font-family:NunitoBlack;color:#245cc4}
#normalHeader .wrapperBanner .headerForm form{position:relative;clip-path:polygon(0 0,100% 0,100% 92%,50% 100%,0 92%);padding:24px 12px 45px;background:#fff}
#normalHeader .wrapperBanner .headerForm form input{font-family:Nunito}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select{margin-bottom:12px;background:#ebebeb;color:#848484!important}
#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select::placeholder{color:#848484!important}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{background:#f5524d;border-color:#e13531;color:#fff;margin-bottom:16px;font-size:24px;text-transform:none}
#studyWithBestTeacher{background:url(../img/texture-son-grow.webp)}
.pc{display:block!important}
.mobi{display:none!important}
#studyWithBestTeacher .flexWrap{display:flex;column-gap:12px;row-gap:15px;z-index:3}
#studyWithBestTeacher .block{font-size:16px;width:33.33%;padding:10px;border-radius:10px;border:2px solid #0072bc;margin-top:52px;position:relative;background:#fff}
#studyWithBestTeacher .block::after{content:"";width:100%;height:100%;background:#fbce3f;border:2px solid #0072bc;position:absolute;bottom:-11px;left:-2px;z-index:-1;border-radius:12px}
#studyWithBestTeacher .block ul{list-style:none;display:flex;flex-direction:column;row-gap:10px}
#studyWithBestTeacher .block .avatar{margin-top:-53px;margin-bottom:14px;text-align:center}
#studyWithBestTeacher .block .avatar img{width:80px}
#studyWithBestTeacher .titleBlock{text-align:center;color:#f62455;text-transform:uppercase;margin-bottom:12px;font-family:NunitoBold}
#studyWithBestTeacher .block ul li b{font-family:NunitoBold;color:#204a6a;margin-bottom:5px;display:inline-block}
#studyWithBestTeacher .flexWrap{position:relative;z-index:4}
#studyWithBestTeacher .sonGrow{margin-top:74px;border:2px solid #2e2a4a;border-radius:10px;background:#fff}
#studyWithBestTeacher .sonGrow .titleSonGrow{font-size:30px;color:#fff;text-shadow:0 0 3px #034874;background:#0072bc;font-family:junegull;padding:12px 10px;text-align:center;border-bottom:2px solid #2e2a4a;position:relative;border-radius:7px 7px 0 0}
#studyWithBestTeacher .sonGrow .line-connect-grow{position:absolute;top:-120%;z-index:2;left:10%}
#studyWithBestTeacher .sonGrow ul{display:flex;column-gap:12px;justify-content:space-around;padding:12px 0}
#studyWithBestTeacher .sonGrow ul li{width:33.33%;list-style:none;text-align:center}
#studyWithBestTeacher .sonGrow ul li img{width:90px}
#studyWithBestTeacher .sonGrow ul li p{margin-top:12px}
#goAlongSon{background:url(../img/texture-son-grow-white.webp),#fccc30}
#goAlongSon .infoTeacher{min-height:600px;background:#fff;border:2px solid #0072bc;border-radius:10px;padding:12px;width:100%;max-width:380px;border-bottom:8px solid #8781bd}
#goAlongSon .avatar{text-align:center}
#goAlongSon .teacherName{font-size:24px;color:#255bc5;font-family:NunitoBold;display:block;margin:12px 0;text-align:center}
#goAlongSon .desc{list-style:none;display:flex;flex-direction:column;row-gap:13px}
#goAlongSon .desc li{background:no-repeat 0 4px url(../img/makup.webp);background-size:16px;padding-left:24px;font-size:14px}
#goAlongSon .tabs_control,.tabs_subject_name{display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:20px;row-gap:20px;list-style:none;margin-bottom:12px;font-size:24px}
#goAlongSon .btnHocThu{display:block;width:fit-content;margin:24px auto 0;text-decoration:none;background:#f52854;color:#fff;border-radius:15px;border:3px solid #fff;padding:12px 24px;font-size:24px;font-weight:700}
#goAlongSon .tabs_subject_name{text-transform:uppercase}
#goAlongSon .tabs_control li,.tabs_subject_name li{text-align:center;padding:6px 24px;border-radius:5px;cursor:pointer;background:#fff;min-width:150px}
#goAlongSon .tabs_control li{border:2px solid #0081da;color:#0081da}
#goAlongSon .tabs_subject_name li{border:2px solid #959595;color:#959595}
#goAlongSon .tabs_control li.active{border:2px solid transparent;background:#0081da;color:#fff}
#goAlongSon .tabs_subject_name li.active{border:2px solid transparent;background:#959595;color:#fff}
#goAlongSon .tabs_subject,.tabs_control_subject{visibility:hidden;height:0;overflow:hidden}
#goAlongSon .tabs_subject.active,.tabs_control_subject.active{visibility:visible;height:max-content;overflow:unset}
#goAlongSon .listTeacher::after{content:"";display:block;clear:both}
.bx-wrapper{position:relative;margin:0 auto}
#goAlongSon .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:4;position:absolute;width:100%;top:47%}
#goAlongSon .bx-controls-direction a.bx-prev{margin-left:-55px}
#goAlongSon .bx-controls-direction a.bx-next{margin-right:-55px}
#demoLessonContainer{background:no-repeat top left url(../img/texture-course-blue-top.webp),no-repeat bottom right url(../img/texture-course-blue-bottom.webp),#0081da}
#demoLessonContainer #demoLesson{padding-bottom:0}
#demoLesson .content .lessons ul li a div p:first-child{text-align:left}
#demoLessonContainer #demoLesson .content{background:#fff;border:1px solid #000}
#demoLessonContainer #demoLesson .content .lessons ul li a.active{background:#f7d21f}
#demoLessonContainer #demoLesson .title{padding-bottom:0}
#demoLessonContainer #demoLesson .title>div>a{display:none}
#demoLessonContainer #demoLesson .title>div ul{padding:0;display:flex!important;flex-wrap:wrap;position:relative;background:0 0;justify-content:center;column-gap:12px;row-gap:12px}
#demoLessonContainer #demoLesson .title>div ul li{width:103px}
#demoLessonContainer #demoLesson .title>div ul li a{text-shadow:none;font-size:20px;background:#fff;border:2px solid #1f5ca3;color:#0769c3;padding:12px 24px;border-radius:10px;font-family:Nunito}
#demoLessonContainer #demoLesson .title>div ul li a.active,#demoLessonContainer #demoLesson .title>div ul li a:hover{background:#fff4a8;color:#0769c3}
#demoLessonContainer #demoLesson .title>div{position:relative;top:0;width:100%}
#listCourseBuy #listSubject .content{padding-top:0;background:#0072bc}
#listCourseBuy #listSubject .content>div{background:0 0}
#listCourseBuy .txtWarning{text-align:center;font-size:35px;padding:0 107px}
#listCourseBuy .txtWarning a{color:#000;text-decoration:none;font-family:NunitoBold}
#listCourseBuy .text{width:100%;max-width:800px;margin:0 auto;text-align:center;font-size:24px;padding:0 12px}
#listCourseBuy .text b{font-size:24px;font-family:Nunito}
#listSubject .content>div ul li a:hover{background:#fbce3f}
#familyFeelToTs247 ul{list-style:none;z-index:3}
#familyFeelToTs247 #videoLeftStyle3 .wrapperVideo{background:#0072bc}
#familyFeelToTs247 .wrapSlider{display:flex;justify-content:center;column-gap:108px;row-gap:12px}
#familyFeelToTs247 .wrapSlider .listMsg{max-width:208px;width:100%}
#familyFeelToTs247 .wrapSlider .listFeelVideo{max-width:795px;width:100%}
#familyFeelToTs247 #videoLeftStyle3{padding:0}
#familyFeelToTs247 .listFeelVideo .bx-wrapper{position:relative}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:0;position:absolute;width:100%;margin-top:-32%}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:-55px}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-next{margin-right:-55px}
#familyFeelToTs247 .listMsg .bx-controls-direction{display:flex;justify-content:center;column-gap:24px;margin-top:12px}
#familyFeelToTs247 .listMsg .bx-controls-direction a{border-radius:99px;display:flex;width:25px;height:25px;justify-content:center;align-items:center}
#familyFeelToTs247 .listMsg .bx-controls-direction a.bx-next:hover,#familyFeelToTs247 .listMsg .bx-controls-direction a.bx-prev:hover{background:#fff}
#familyFeelToTs247{background:url(../img/texture-son-grow-white.webp),#fccc30}
#magazine3 .wrap{padding:24px calc((100% - 1224px)/ 2)}
#magazine3 .achievement{padding:0 calc((100% - 1224px)/ 2) 12px}
#magazine3{background:#fff}
#comment{padding-top:30px}
#comment .body-comment{margin-top:0}
#comment .fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop iframe,.fb_iframe_widget_fluid_desktop span{max-width:100%!important;width:100%!important}
#familyFeelToTs247{padding:12px calc((100% - 1200px)/ 2)}
#familyFeelToTs247 .wrapperVideo{width:750px;margin:auto;padding:10px;background:#000;border-radius:15px}
#familyFeelToTs247 .wrapperVideo .video{position:relative;padding-bottom:56.25%;overflow:hidden}
#familyFeelToTs247 .wrapperVideo .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:7.5px}
.txtPC{display:block}
.txtMobi{display:none}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:#0072bc;color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#fff;background:#f62455;border-bottom:4px solid #ffa200;cursor:pointer}
#popupRequestAdvisory>div>div input,#popupRequestAdvisory>div>div select,#popupRequestAdvisory>div>div textarea{margin-bottom:10px;background:rgba(255,255,255,.3);color:#7057a9;border-radius:13px;padding:10px 15px;font-size:15px;border:1px solid #dbcbfd}
#popupRequestAdvisory>div>a{background:url(../img/iconClose.webp) 0/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
#magazine3 .CompanysCooperated{margin-bottom:0}
#listGift{padding:12px 0 34px}
#listGift .container{background:url(../img/vienPhongBiNgang.jpg) repeat-x top,url(../img/vienPhongBiNgang.jpg) repeat-x bottom,url(../img/vienPhongBiDoc.jpg) repeat-y left,url(../img/vienPhongBiDoc.jpg) repeat-y right;background-size:100px,100px,12px,12px;padding:24px;border-radius:10px}
#listGift ul.content{list-style:none;color:#262626}
#listGift .promoInfo ul>li span{width:112px;display:inline-block}
#listGift ul.content>li.itemPromo{margin-top:20px;border:1px solid #e0e0e0;padding:12px;border-radius:5px;background:#fff}
#listGift ul.content>li.itemPromo>.promoInfo{margin-top:18px}
#listGift ul.content>li.itemPromo>.promoInfo>ul{list-style:none;padding-left:25px}
#listGift .titleInfo{margin-bottom:10px;font-size:20px;font-family:NunitoBlack}
#listGift .title{color:#0081da;width:fit-content;margin:0 auto 5px;font-family:junegull,sans-serif;font-size:36px;text-align:center;text-transform:uppercase}
#listGift .btnConfirmGift{text-decoration:none;display:block;width:fit-content;margin:0 auto;padding:10px 24px;color:#000;background:#e8e8e8;border-bottom:5px solid #ccc;border-radius:10px}
#listGift .btnConfirmGift:hover{background:#a7a7a7}
#listGift ul.content>li .wrapPromo .btnGift{width:306px;text-align:right}
#listGift ul.content>li .wrapPromo{margin-bottom:10px}
#listGift .promoInfo ul{list-style:none}
#listGift .promoInfo ul>li{padding:3px 0;margin-bottom:12px}
#listGift .promoInfo ul>li input,#listGift .promoInfo ul>li textarea{width:100%;outline:0;border:none;border-bottom:1px dashed #ccc;padding:10px 0 2px;border-radius:5px;font-size:16px;color:#0f2475;font-family:Montserrat,sans-serif;transition:all .1s;font-style:italic}
#listGift .promoInfo ul>li textarea{resize:vertical}
#listGift .promoInfo ul>li input:focus,#listGift .promoInfo ul>li textarea:focus{border-bottom:1px dashed #0f2475}
#listGift .promoInfo ul>li input:focus~label,#listGift .promoInfo ul>li textarea:focus~label{color:#0f2475;font-size:14px}
#listGift .btnConfirmGift.btnChooseBook{padding:5px 18px;border-radius:20px;font-size:16px}
#listGift .confirmGift #thongBaoXacNhan{padding:5px;background:#fdda76;color:brown;margin-top:12px;border-radius:5px;display:none;font-style:italic}
#listGift ul.content>li.itemPromo ul.list-book-confirm{padding:0 20px;display:grid;gap:11px}
#listGift ul.content>li.itemPromo ul.list-book-confirm>li{display:grid;gap:12px;border-top:1px solid #ccc;padding-top:12px}
#listGift ul.content>li.itemPromo ul.list-book-confirm li p>i{color:#ba4e4e}
#listGift .list-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(300px - 12px),1fr));row-gap:5px;column-gap:27px;list-style:none}
#listGift .list-books li{display:flex;align-items:center;gap:12px;justify-content:space-between}
#listGift .list-books li a{text-decoration:none;background:#0072bc;border-radius:99px;padding:1px 12px;color:#fff}
#listGift .list-books li a:hover{background:#f5524d}
#eventList1 .title{
    line-height: normal;
} 
@media all and (max-width:1024px){
#magazine3 .title,.title{font-size:40px}
#studyWithBestTeacher .sonGrow .line-connect-grow{width:82%}
#goAlongSon .infoTeacher{min-height:auto}
#goAlongSon .bx-controls-direction a.bx-prev{margin-left:-5px}
#goAlongSon .bx-controls-direction a.bx-next{margin-right:-5px}
#familyFeelToTs247 .wrapSlider{flex-direction:column}
#familyFeelToTs247 .wrapSlider .listFeelVideo,#familyFeelToTs247 .wrapSlider .listMsg{margin:0 auto}
#magazine3 .achievement,#magazine3 .wrap{padding:12px}
.body-comment{padding:0 12px!important}
}
@media all and (max-width:768px){
#magazine3 .title,.title{font-size:30px}
#normalHeader .wrapperBanner .banner{width:100%}
#normalHeader .wrapperBanner .headerForm{margin-top:0}
#normalHeader .wrapperBanner .headerForm::before{display:none}
#normalHeader.png{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp{background-image:url(../img/backgroundMobi.webp)}
#normalHeader{background-size:contain;background-color:#fccc30}
#normalHeader .wrapperBanner{padding:0}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{margin-bottom:12px;font-size:18px}
#studyWithBestTeacher .flexWrap{flex-direction:column}
#studyWithBestTeacher .sonGrow .titleSonGrow{font-size:30px}
#studyWithBestTeacher .block{width:100%}
#studyWithBestTeacher .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:4;position:absolute;width:100%;top:47%}
#listCourseBuy .txtWarning{font-size:24px}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{z-index:6}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:0}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-next{margin-right:0}
#familyFeelToTs247{padding:20px}
#familyFeelToTs247 .wrapperVideo{max-width:750px;width:auto;padding:10px;border-radius:10px}
#familyFeelToTs247 .wrapperVideo .video iframe{border-radius:5px}
#listCourseBuy .text{font-size:18px}
#listCourseBuy .text b{font-size:18px}
#listGift{padding:12px}
#listGift ul.content>li .wrapPromo{display:block}
#listGift ul.content>li .textPromo{width:100%}
#listGift ul.content>li .wrapPromo .btnGift{width:100%;text-align:center;margin-top:20px}
#listGift ul.content>li.itemPromo>.promoInfo{margin-top:10px}
#listGift ul.content>li.itemPromo ul.list-book-confirm{padding:0}
}
@supports (-webkit-touch-callout:none){
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:16px!important}
}
@media all and (max-width:480px){
*{font-size:14px}
#magazine3 .title,.title, #eventList1 .title, #eventList1 .title span{font-size:20px !important}
.bx-wrapper{position:relative}
.bxsliderMobi{position:relative}
.bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:0;position:absolute;top:45%;width:100%;left:0;z-index:5}
.bx-controls-direction a{width:15px;height:15px}
.bx-controls-direction a img{width:100%}
.bx-controls-direction a.bx-prev{margin-left:0}
.bx-controls-direction a.bx-next{margin-right:0}
.btn{font-size:18px}
.pc{display:none!important}
.mobi{display:block!important}
.txtPC{display:none}
.txtMobi{display:block}
#listCourseBuy .txtWarning.txtMobi{padding:0 6%}
@supports (-webkit-touch-callout:none){
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select{height:35px!important;padding:10px}
}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:17px;margin-bottom:12px}
#videoLeftStyle3{padding:0 12px}
#studyWithBestTeacher .block .avatar{margin-top:0}
#studyWithBestTeacher .block .avatar img{width:80px}
#studyWithBestTeacher .sonGrow{margin-top:56px}
#studyWithBestTeacher .sonGrow .line-connect-grow{width:auto;top:-50px;left:50%;margin-left:-21px}
#studyWithBestTeacher .sonGrow .titleSonGrow{font-size:20px}
#studyWithBestTeacher .sonGrow ul{flex-direction:column;row-gap:5px;padding:10px}
#studyWithBestTeacher .sonGrow ul li{width:100%;display:flex;align-items:center;column-gap:10px;text-align:left}
#studyWithBestTeacher .sonGrow ul li p{margin-top:0;width:100%}
#studyWithBestTeacher .sonGrow ul li img{width:60px}
#studyWithBestTeacher .flexWrap{display:block}
#studyWithBestTeacher .block{margin-top:0}
#goAlongSon .tabs_control li,.tabs_subject_name li{min-width:98px;font-size:15px;padding:6px}
#goAlongSon .desc{display:flex;flex-direction:column;row-gap:5px}
#goAlongSon .desc li{background-size:16px}
#goAlongSon .tabs_control,.tabs_subject_name{flex-wrap:wrap;justify-content:flex-start;row-gap:12px}
#goAlongSon .avatar img{width:110px}
#demoLesson .content .lessons ul li a{background:#f5f5f5}
#listSubject .content>div{padding:0}
#listCourseBuy #listSubject .content{padding:10px}
#listSubject{padding:0 12px}
#listCourseBuy .txtWarning,#listCourseBuy .txtWarning b{font-size:16px;margin-top:12px}
#familyFeelToTs247 .wrapSlider .listMsg{max-width:75%}
#familyFeelToTs247 .listMsg .bx-controls-direction a{width:16px;height:16px;background:#fff}
#familyFeelToTs247 .listMsg .bx-controls-direction a img{width:5px}
#familyFeelToTs247{padding:12px 0}
#familyFeelToTs247 .listMsg .bx-controls-direction{position:static}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{margin-top:0}
#demoLesson{padding:0}
#demoLessonContainer #demoLesson .title>div ul{column-gap:5px;padding:0}
#demoLessonContainer #demoLesson .title>div ul li a{padding:6px 10px;font-size:14px}
#demoLessonContainer,#goAlongSon,#listCourseBuy,#studyWithBestTeacher{padding:12px 0}
#studyWithBestTeacher .block{width:310px!important}
#studyWithBestTeacher .bx-viewport{padding-bottom:30px}
#listGift .listBooksChoise li{justify-content:space-between}
}