@keyframes open {0%   {opacity: 0;}100% {opacity: 1;}}
@keyframes close {0%   {opacity: 1;}100% {opacity: 0;}}
.container {max-width: 1030px !important;}
.boxClear {clear: both;}
body{font-family: "Mitr-Light";}
body .swal2-styled.swal2-confirm{color: #000;}
body .swal2-styled.swal2-cancel{color: #000;}
body #main .pageHowGood .show-mobile {display: none;}
a {text-decoration: none;color: #000;}
#phyVideoCourses{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
#phyVideoCourses iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.phyVideoCourses {position: relative;}
.phyVideoCourses iframe {left: 0;top: 0;height: 100%;width: 100%;position: absolute;}
#main .container{position: relative;}
header {background-color: #fff;font-family: "Mitr-Light";position: relative;z-index: 1000;}
header #topHeader .logo {max-width: 117px;margin: 17px 0 0 0;position: relative;}
header #topHeader .boxout {position: relative;float: right;width: 400px;margin: 7px 0 0 0;}
header #topHeader .boxout.boxouthaslogin{width: 482px}
header #topHeader .boxout.boxouthaslogin .boxContact{max-width: 340px;}
header #topHeader .boxout .boxContact {max-width: 260px;width: 100%;float: left;margin: 17px 0 0 0;position: relative;}
header .boxBtn {float: left;}
header .btnAll {font-size: 11px;color: #000;float: left;width: 68px;height: 21px;text-align: center;border: none;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;}
header .btnLogin {background-color: #ffc611;}
header .btnRegis {margin-left: 6px;background-color: #d0d0d0;}
header .btnlogOut{margin-left: 6px;background-color: #d0d0d0;width: 78px;}
header .boxLogin{position: relative;cursor: pointer;float: left;overflow: hidden;width: 115px;margin: -5px 0 0 21px;}
header .boxLogin .imgProfile{width: 28px;margin: auto;display: block;float: left;}
header .boxLogin .nameText{font-family: "Mitr-Light";font-size: 12px;color: #000;margin: -3px 0 0 8px;float: left;}
header .boxLogin .nameUser{font-family: "Mitr-R";font-size: 12px;color: #000;margin: -1px 0 0 10px;float: left;min-width: 50px;}
header #topHeader .boxout .boxContact .boxSocial {float: left;width: 62px;margin: 4px 0 0 10px;}
header #topHeader .boxout .boxContact .boxSocial .iconAll {width: 15px;height: 13px;float: left;cursor: pointer;background-size: cover;}
header #topHeader .boxout .boxContact .boxSocial .iconFace {background-image: url("../images/frontend/icon-face1.jpg");}
header #topHeader .boxout .boxContact .boxSocial .iconFace:hover {background-image: url("../images/frontend/icon-face2.jpg");}
header #topHeader .boxout .boxContact .boxSocial .iconYou {background-image: url("../images/frontend/icon-you1.jpg");margin-left: 8px;}
header #topHeader .boxout .boxContact .boxSocial .iconYou:hover {background-image: url("../images/frontend/icon-you2.jpg");}
header #topHeader .boxout .boxContact .boxSocial .iconLine {background-image: url("../images/frontend/icon-line1.jpg");margin-left: 8px;}
header #topHeader .boxout .boxContact .boxSocial .iconLine:hover {background-image: url("../images/frontend/icon-line2.jpg");}
header .boxCartHeader {float: left;position: relative;margin: -3px 0 0 14px;cursor: pointer;}
header .boxCartHeader .cart{width: 18px;}
header .boxCartHeader .boxcountcart{font-family: "Mitr-Light";font-size: 12px;line-height: 16px;text-align: center;position: absolute;background-color: #ff7018;width: 16px;height: 16px;border-radius: 90px;top: -4px;right: -10px;color: #fff;}
header #topHeader .boxout .boxFree {position: relative;float: right;}
header #topHeader .boxout .boxFree .pic1 {position: relative;max-width: 135px;}
header #topHeader .boxout .boxFree .pic2 {position: absolute;top: 0;left: 0;width: 100%;}
header #headerMobile {display: none;}
header #headerMobile .boxTop{position:relative;height: 90px;}
header #headerMobile .boxTop .menuBar{position: absolute;top: 0;bottom: 0;margin: auto;left: 0px;width: 25px;cursor: pointer;}
header #headerMobile .boxTop .boxiconCart{width: 31px;position: absolute;top: 0;bottom: 0;margin: auto;right: 15px;}
header #headerMobile .boxTop .boxiconCart img{width: 100%;margin: 30px 0 0 0;}
header #headerMobile .boxTop .boxiconCart .boxcountcart {font-family: "Mitr-Light";font-size: 12px;line-height: 19px;text-align: center;position: absolute;background-color: #ff7018;width: 19px;height: 19px;border-radius: 90px;top: 19px;right: -12px;color: #fff;}
header #headerMobile .boxTop .logo{width: 160px;position: absolute;top: 0;bottom: 0;left: 0;right:0;margin: auto;}
header #headerMobile .boxBtn{width: 68px;position: absolute;top: 16px;right: 50px;}
header #headerMobile .boxBtn .btnRegis{margin: 10px 0 0 0;}
header #headerMobile .borderB{height:3px;background-color:#7f7f7f;width: 100%;}
header #headerMobile .navMenuBarMo{text-align: center;font-family: "Mitr-Light";font-size: 19px;padding: 15px 0;box-shadow: 0 0 10px #b7b7b7;}
header #headerMobile .navMenuBarMo a{color: #000;}
header #headerMobile .boxLogin {position: absolute;width: 120px;top: 36px;left: inherit;right: 45px;}
header #popupMenu{display: none;}
header .popupMenu {font-family: "Mitr-Light";font-size: 17px;display: block;width: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;z-index: 12001;height: 100%;overflow-y: scroll;}
header .popupMenu .mr100px {padding-right: 100px;}
header .popupMenu .ml100px {padding-left: 100px;}
header .popupMenu .icon-close {cursor: pointer;float:right;width: 20px;margin-bottom: 20px;}
header .popupMenu .container {max-width: 820px;min-height: 100%;background: #fff;}
header .popupMenu .itemMenu .iconAll{margin: 5px auto 0;width: 100%;max-width: 35px;display: block;}
header .popupMenu .itemMenu a{color: #000;}
header .popupMenu .itemMenu .nameMenu{padding: 12px 0 12px 15px;}
header .popupMenu .itemMenu .nameMenu:hover{text-decoration: underline;}
header .popupMenu .itemMenu .nameMenu.active{background-color: #ffc815;}
header .popupMenu .itemMenu .nameMenu .arrow{width: 15px;margin: 0 0 0 5px;}
header .popupMenu .itemMenu .nameMenu .arrowUp{display: none;}
header .popupMenu .border{width: 100%;height: 2px;background-color: #7f7f7f;}
header .popupMenu .itemMenu .subMenu{margin-left: 25px;display: none;margin-top: 5px;}
header .popupMenu .itemMenu .subMenu .listSub{margin-bottom: 12px;}
header .popupMenu .itemMenu .subMenu .listSub.active{color: #ffc815;font-family: "Mitr-R";}
header .popupMenu .boxSocial{width: fit-content;margin-top: 60px;}
header .popupMenu .boxSocial .iconAll{width: 27px;}
header .popupMenu .boxSocial .iconCenter{margin-right: 7px;}
header .popupMenu .chat{width: 170px;float:right;margin-top: 40px;}
header .popupMenu .hasul{cursor: pointer;}
header #popupMenuLogin{display: none;}
header #popupMenuLogin .container {background-image: url('../images/frontend/bgpopup.jpg');background-size: cover;}
header #popupMenuLogin .boxClose{padding-top: 50px;background-color: #fff;overflow:hidden;}
header .boxNameLogin{padding:15px 0 25px;background-color: #fff;margin-bottom: 15px;}
header .welcome{font-size: 22px;font-family: "Mitr-Light";}
header .nameLogin{font-family: "Mitr-R";font-size: 22px;margin-top: 10px;}
header .popupMenu .itemMenu.active{background-color: #fff;}

ul {margin: 0;padding: 0;}
ul li {list-style: none;}
a {display: contents;}
.clear {clear: both;}
#navMenu {height: 35px;border-bottom: 5px #ffc611 solid;background-color: #484849;position: relative;z-index: 10;}
#navMenu .mainUl .mainli {font-size: 13px;color: #fff;padding: 1px 10px;border-radius: 10px;margin: 4px 4px;position: initial;}
#navMenu .mainUl .mainli .text {float: left;}
#navMenu .mainUl .mainli .textClickCourses{cursor: pointer;}
#navMenu .mainUl .mainli .boxarrow {float: left;margin: -1px 0 0 4px;position: relative;}
#navMenu .mainUl .mainli .boxarrow .arrowDown {height: 9px;}
#navMenu .mainUl .mainli .boxarrow .arrowDown1 {position: relative;}
#navMenu .mainUl .mainli .boxarrow .arrowDown2 {position: absolute;top: 6px;left: 0;opacity: 0;}
#navMenu .mainUl .mainliactive ,#navMenu .mainUl .mainli:hover{color: #000;background-color: #ffc611;}
#navMenu .mainUl .mainli:hover .subUl{display: flex!important;}
#navMenu .mainUl .mainliactive .boxarrow .arrowDown2 ,#navMenu .mainUl .mainli:hover .boxarrow .arrowDown2{opacity: 1;}
#navMenu .subUl {padding: 25px 15px 17px;width: 100%;position: absolute;top: 27px;max-width: 1000px;left: 0;right: 0;margin: auto;display: none!important;}
#navMenu .subUl li {float: left;margin: 0 8px;text-align: center;font-size: 12px;color: #000;}
#navMenu .subUl li:hover {color: #ffc611;}
#navMenu .subUl li .icon {max-width: 50px;display: block;margin: 0 auto 7px;}
#navMenu .subUl li .text-menu.active{color: #ffc611;}
#boxSubli {background-color: #fff;position: absolute;padding: 9px 0 0;border-top: 5px #ffc611 solid;border-bottom: 5px #ffc611 solid;width: 100%;left: 0;z-index: 5;margin: -5px 0 0 0;display: none;height: 110px;}

#cartRight{position: fixed;right: 5px;width: 200px;top: 300px;z-index: 1000;}
#cartRight .imgcartRight{width: 100%;}
#cartRight .textCartRiight{position: absolute;font-family: "Mitr-Light";font-size: 15px;text-align: center;width: 52px;top: 27px;left: 39px;}
#chatRight{position: fixed;right: 5px;width: 200px;top: 370px;z-index: 1000;}
#main {overflow: hidden;}
#main .slideTop {position: relative;font-family: "Mitr-R";z-index: 100;}
#main .slideHeight {height: 730px;}
#main .slideTop .slideImgMo{display: none;}
#main .slideTop .bx-wrapper {box-shadow: none;border: none;margin-bottom: 0;}
#main .slideTop .bx-wrapper .bx-controls-direction {display: none;}
#main .slideTop .bx-wrapper .listSlide {background-size: contain;background-position: top center;background-repeat: no-repeat;}
#main .slideTop .bx-wrapper .bx-controls .bx-pager {bottom: 25px;}
#main .detailSlide {position: absolute;top: 0px;left: 0;right: 0;top: 574px;}
#main .detailSlide .boxBtn {width: 290px;display: block;margin: auto;bottom: 0;}
#main .detailSlide .boxBtn .btnall {width: 135px;height: 50px;line-height: 50px;font-size: 13px;color: #000;background-color: #ffc611;text-align: center;border-radius: 15px;}
#main .detailSlide .boxBtn .bl {float: left;}
#main .detailSlide .boxBtn .br {float: right;}
#main .boxFamily {position: relative;}
#main .boxFamily .textFamily {width: 350px;float: right;margin: 37px 0 0 0;position: relative;z-index: 50;}
#main .boxFamily .bg1 {width: 100%;height: 565px;background-image: url("../images/frontend/bg-studen.png");background-repeat: no-repeat;max-width: 1500px;position: absolute;top: 15px;background-size: cover;left: 0;right: 0;margin: auto;background-position: top center;}
#main .boxFamily .bg2 {width: 100%;height: 325px;background-image: url("../images/frontend/bgFamily01.png");background-repeat: no-repeat;max-width: 1700px;position: absolute;bottom: 0px;background-size: contain;left: 0;right: 0;margin: auto;background-position: left;}
#main .boxFamily .slideItemStudent {width: 100%;max-width: 1540px;padding: 0 35px;display: block;margin: 25px auto 0;position: relative;white-space: nowrap;overflow: auto;}
#main .boxFamily .slideItemStudent .item {width: 235px;margin: 0 9px;display: inline-block;white-space: initial;}
#main .boxFamily .slideItemStudent .item .boximg {position: relative;border-radius: 10px;overflow: hidden;background-size: cover;background-position: center;border: #fff 3px solid;}
#main .boxFamily .slideItemStudent .item .boximg .bgPic {position: relative;width: 100%;opacity: 0;}
#main .boxFamily .slideItemStudent .item .name {font-family: "Mali-semiBold";text-align: right;font-size: 16px;margin-top: 12px;padding: 0 5px;}
#main .boxFamily .slideItemStudent .item .subName {font-family: "Mali-semiBold";font-size: 13px;text-align: left;margin-top: 2px;padding: 0 5px;}
#main .boxFamily .slideItemStudent .item .detail {margin-top: 7px;font-family: "Mitr-Light";font-size: 13px;padding: 0 5px;}
.slick-prev:before, .slick-next:before{font-size: 30px;}
.slick-next {right: 13px;}
#main .picPara {position: absolute;top: 0;}
#main .simpleParallax {overflow: hidden;position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;}
#main .boxFamily .boxDetail {position: relative;z-index: 10;margin: 25px 0 0 0;font-family: "Mitr-Light";padding: 0 0 50px;}
#main .boxFamily .boxDetail .title {font-size: 16px;margin-top: 90px;}
#main .boxFamily .boxDetail p {font-size: 13px;margin-top: 25px;}
#main .boxFamily .boxDetail .btnClick {font-size: 14px;margin-top: 40px;}
#main .boxFamily .boxDetail .btnClick .arrow {width: 14px;}
#main .boxFamily .boxDetail .anime01 {width: 100%;max-width: 275px;float: right;}
#main .boxFamily .boxImgBg {position: absolute;width: 100%;height: 100%;top: 0;max-width: 1300px;display: block;margin: auto;left: 0;right: 0;z-index: 0;}
#main .boxFamily .boxImgBg .star01 {position: absolute;width: 75px;top: 572px;}
#main .boxFamily .boxImgBg .anime02 {position: absolute;width: 210px;right: 0px;top: 592px;}
#main .boxvdo {background-image: url("../images/frontend/bg-vdo.jpg");background-size: cover;background-position: center;padding: 67px 0 110px;position: relative;overflow: hidden;}
#main .boxvdo .iconplay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100px;z-index: 10;}
#main .boxvdo .bgboxDetail {position: absolute;right: -244px;top: -300px;width: 900px;}
#main .boxvdo .boxDetail {width: 360px;font-family: "Mitr-Light";font-size: 20px;color: #000;float: right;}
#main .boxvdo .boxDetail .text {text-align: center;margin: 20px 0 0;position: relative;}
#main .boxvdo .boxDetail .text span {font-size: 30px;}
#main .boxvdo .boxDetail .text .textin {position: relative;z-index: 10;}
#main .boxvdo .boxDetail .text .pic02 {position: absolute;width: 38px;top: -41px;left: 59px;z-index: 5;}
#main .boxvdo .boxDetail .text .pic03 {position: absolute;width: 38px;top: 138px;left: 290px;z-index: 5;}
#main .boxvdo .boxDetail .pic01 {display: block;margin: auto;width: 53px;position: relative;z-index: 10;}
#main .boxLearning {position: relative;overflow: hidden;}
#main .boxLearning .cog {position: absolute;left: 1600px;right: 0;top: 500px;width: 253px;margin: auto;z-index: 1;}
#main .boxLearning .mag {position: absolute;left: 0;right: 1700px;top: 1500px;width: 170px;margin: auto;z-index: 1;}
#main .boxLearning .bg1 {width: 100%;height: 100%;top: 0;background-image: url("../images/frontend/bg-box-style2.jpg");background-size: contain;background-position: top center;background-repeat: no-repeat;position: absolute;}
#main .boxLearning .boxtop {position: relative;}
#main .boxLearning .boxtop .bglogo {position: absolute;top: -340px;left: -156px;width: 632px;}
#main .boxLearning .boxtop .logo-style {width: 100%;max-width: 346px;display: block;margin: 52px auto 0;position: relative;}
#main .boxLearning .boxtop .boxtext {margin: 55px 0 0;font-family: "Mitr-R";font-size: 20px;color: #000;padding-left: 45px;}
#main .boxLearning .boxtop .boxtext .text1 span {font-weight: bold;font-size: 30px;color: #ffc611;}
#main .boxLearning .boxtop .boxtext .text2 {margin: 0 0 0 30px;}
#main .boxLearning .boxtop .boxtext .text3 {margin: 0 0 0 60px;}
#main .boxLearning .box-learning {border-radius: 10px;box-shadow: 0 0 10px #b7b7b7;background-color: #fff;margin-top: 26px;border-radius: 15px;overflow: hidden;}
#main .boxLearning .box-learning .boxl {padding-top: 30px;padding-bottom: 33px;}
#main .boxLearning .box-learning .boxl .logo {display: block;margin: 0px auto 0;width: 120px;}
#main .boxLearning .box-learning .boxl .logo3 {width: 58px;}
#main .boxLearning .box-learning .boxl .detail {margin: 20px 0 47px;text-align: center;font-family: "Mitr-Light";font-size: 15px;padding: 0 15px;}
#main .boxLearning .boxtitle {font-family: "Mitr-R";font-size: 30px;color: #000;position: relative;text-align: center;display: block;margin: 15px auto 0;width: fit-content;padding: 0 15px;}
#main .boxLearning .boxtitle .number1 {height: 42px;position: absolute;left: -30px;top: -5px;}
#main .boxLearning .boxtitle .number2 {height: 42px;position: relative;margin: -16px -5px 0 0px;}
#main .boxLearning .boxtitle .number3 {height: 42px;position: absolute;left: -28px;top: 0px;}
#main .boxLearning .boxtitle .textb {font-family: "Mitr-Light";font-size: 15px;}
#main .boxLearning .btnall {width: 139px;height: 42px;background-color: #ffc611;text-align: center;line-height: 42px;font-family: "Mitr-R";font-size: 13px;border-radius: 20px;display: block;margin: auto;}
#main .boxLearning .boxr {background-size: cover;background-position: center;height: 100%;}
#main .boxLearning .boxr .imgop {opacity: 0;width: 100%;display: none;}
#main .boxLearning .box-learning-c {padding-bottom: 40px;}
#main .boxLearning .box-learning-c .boximg {background-size: cover;background-position: center;height: 230px;}
#main .boxLearning .box-learning-c .boxtitle {margin: 0;}
#main .boxLearning .box-learning-c .boxl {padding-top: 20px;padding-bottom: 20px;}
#main .boxLearning .box-learning-c .boxl .detail {text-align: left;margin: 13px 0 0;}
#main .boxLearning .box-learning .iconlive {width: 100%;max-width: 108px;display: block;margin: -5px auto 0;}
#main .boxLearning .boxstudy {position: relative;margin: 45px 0 30px;}
#main .boxLearning .boxstudy .bgbox {width: 100%;max-width: 1310px;position: absolute;left: 0;right: 0;top: 95px;margin: auto;height: 624px;background-position: top center;background-size: cover;background-image: url("../images/frontend/bg_studying.png");}
#main .boxLearning .boxstudy .logoboxstudy {display: block;margin: 34px auto 0;width: 245px;position: relative;}
#main .boxLearning .boxstudy .picanime08 {position: absolute;top: 0;right: 0;left: 363px;margin: auto;width: 110px;}
#main .boxLearning .boxstudy .title {font-family: "Mitr-Light";font-size: 25px;text-align: center;margin-top: 17px;position: relative;}
#main .boxLearning .boxstudy .item {position: relative;background-color: #fff;padding: 24px 0 0;overflow: hidden;border-radius: 10px;margin-top: 35px;}
#main .boxLearning .boxstudy .item .logoItem {display: block;width: 51px;margin: 22px auto 0;}
#main .boxLearning .boxstudy .item .title {font-family: "Mitr-Light";font-size: 15px;text-align: center;font-size: 15px;margin-top: 10px;}
#main .boxLearning .boxstudy .item .logo2 {margin: 5px auto 0;width: 100px;display: block;}
#main .boxLearning .boxstudy .item .btnall {width: 54px;height: 25px;background-color: #ffc611;text-align: center;line-height: 25px;font-family: "Mitr-R";font-size: 13px;border-radius: 20px;display: block;margin: 26px auto 0;color: #000;}
#main .boxLearning .boxstudy .item .btnall:hover{text-decoration: underline;}
#main .boxLearning .boxstudy .item .picb {width: 100%;margin-top: 25px;}
#main .boxLearning .boxStudyPlan {position: relative;}
#main .boxLearning .boxStudyPlan .bgStudyPlan {width: 100%;max-width: 1420px;position: absolute;left: 0;right: 0;top: 63px;margin: auto;height: 727px;background-position: top center;background-size: cover;background-image: url("../images/frontend/bgStudyPlan.png");}
#main .boxLearning .boxStudyPlan .boxtitlePlan {margin: 60px 0 0 0;}
#main .boxLearning .boxStudyPlan .boxtitlePlan .titleTop {font-family: "Mitr-M";font-size: 30px;color: #ffc611;}
#main .boxLearning .boxStudyPlan .boxtitlePlan .titleBottom {font-family: "Mitr-R";font-size: 21px;color: #000;margin: 0 0 0 25px;}
#main .boxLearning .boxStudyPlan .boxImgStudyPland {position: relative;width: 350px;display: block;margin: auto;}
#main .boxLearning .boxStudyPlan .boxImgStudyPland .imgStudyPlan {width: 100%;position: relative;top: 0;}
#main .boxLearning .boxStudyPlan .boxImgStudyPland .text {font-family: "Mitr-R";font-size: 25px;position: absolute;top: 190px;left: 64px;}
#main .boxLearning .boxStudyPlan .item {margin-top: 24px;position: relative;}
#main .boxLearning .boxStudyPlan .item .iconplan {display: block;margin: auto;max-width: 237px;width: 100%;}
#main .boxLearning .boxStudyPlan .item .btnall {width: 138px;height: 41px;background-color: #fff;text-align: center;line-height: 41px;font-family: "Mitr-R";font-size: 13px;border-radius: 20px;display: block;margin: 16px auto 0;color: #000;text-decoration: none;}
#main .boxLearning .boxCoursesRecom .boxin {position: relative;margin: 60px 0 0;}
#main .boxLearning .boxCoursesRecom {position: relative;}
#main .boxLearning .boxCoursesRecom .picbg1 {position: absolute;left: 1100px;right: 0;top: 57%;width: 128px;margin: auto;z-index: 0;}
#main .boxLearning .boxCoursesRecom .bgCourses {height: 530px;width: 100%;background-image: url("../images/frontend/bgCourses.jpg");background-position: center;top: 50px;position: absolute;}
#main .boxLearning .boxCoursesRecom .cartoonRecom {position: relative;max-width: 512px;width: 100%;}
#main .boxLearning .boxCoursesRecom .books {position: absolute;max-width: 420px;width: 100%;top: -10px;right: 0;}
#main .boxLearning .boxCoursesRecom .logoCourses1 {display: block;margin: -150px auto 0;width: 220px;position: relative;}
#main .boxLearning .boxCoursesRecom .boxItemCourses {position: relative;margin-top: 15px;z-index: 1;}
#main .boxLearning .boxCoursesRecom .boxItemCourses .boxItemCourses1 {padding: 0 60px;white-space: nowrap;overflow: auto;position: relative;}
#main .boxLearning .boxCoursesRecom .boxItemCourses .boxItemCourses1 .item {display: inline-block;white-space: initial;max-width: 300px;}
#main .boxLearning .boxCoursesRecom .boxItemCourses .container {max-width: 1800px !important;}
#main .boxItemCourses .item {border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px #b7b7b7;margin: 20px;background-color: #fff;}
#main .boxItemCourses .item .boximg {background-size: cover;background-position: center;position: relative;height: 210px;}
#main .boxItemCourses .item .boximg .clogo{position: absolute;top: 8px;left: 10px;height: 21px;z-index: 10;}
#main .boxItemCourses .item .boximg .boxicon{position: absolute;right: 8px;top: 9px;overflow: hidden;z-index: 10;}
#main .boxItemCourses .item .boximg .boxicon img{position: relative;float: left;margin-right: 5px;height: 15px;}
#main .boxItemCourses .item .boxDetail {padding: 15px;font-family: "Mitr-R";border-bottom: 1px solid #e8e8e8;}
#main .boxItemCourses .item .boxDetail .title {font-size: 20px;line-height: 1.3;}
#main .boxItemCourses .item .boxDetail .boxAll {overflow: hidden;margin-top: 6px;}
#main .boxItemCourses .item .boxDetail .boxAll .bLeft {font-size: 12px;float: left;width: 60%;}
#main .boxItemCourses .item .boxDetail .boxAll .bLeft img {width: 14px;margin-top: 1px;float: left;}
#main .boxItemCourses .item .boxDetail .boxAll .bLeft .text {float: left;margin-left: 6px;}
#main .boxItemCourses .item .boxDetail .boxAll .bRight {font-size: 13px;float: right;width: 40%;text-align: right;}
#main .boxItemCourses .item .boxDetail .boxAll .bRight img {margin-left: 5px;width: 11px;float: right;}
#main .boxItemCourses .item .boxDetail .boxAll.boxAllspacial .bLeft{width: 60%;}
#main .boxItemCourses .item .boxDetail .boxAll.boxAllspacial .bLeft .text{margin-left: 2px;}
#main .boxItemCourses .item .boxDetail .boxAll.boxAllspacial .bLeft img{width: 18px;margin-top: -2px;}
#main .boxItemCourses .item .boxDetail .boxAll.boxAllspacial .bRight{width: 40%;}
#main .boxItemCourses .item .boxPrice {padding: 15px;font-family: "Mitr-R";border-bottom: 1px solid #e8e8e8;}
#main .boxItemCourses .item .boxPrice .price {color: #ff0000;font-size: 24px;text-align: center;}
#main .boxItemCourses .item .boxPrice .priceFull {color: #000;font-size: 15px;text-align: center;margin-top: -4px;}
#main .boxItemCourses .item .btnClick {width: 148px;height: 41px;background-color: #ffc611;text-align: center;line-height: 41px;font-family: "Mitr-R";font-size: 14px;border-radius: 20px;display: block;margin: 16px auto 10px;color: #000;text-decoration: none;}
#main .boxItemCourses .item .btnClick:hover{background-color: #ffeeb6;}
#main .boxItemCourses .imgCourse {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 90%;
    max-height: 80%;
    position: absolute;
    margin: auto;
}
#main .boxLearning .boxCoursesRecom .boxItemCourses .slick-prev:before,
#main .boxLearning .boxCoursesRecom .boxItemCourses .slick-next:before {font-size: 45px;}
#main .boxLearning .boxCoursesRecom .boxItemCourses .slick-prev,
#main .boxLearning .boxCoursesRecom .boxItemCourses .slick-next {height: 45px;width: 45px;}
#main .boxLearning .boxCoursesRecom .boxItemCourses .slick-prev {left: 5px;top: 47%;z-index: 10;}
#main .boxLearning .boxCoursesRecom .boxItemCourses .slick-next {right: 20px;top: 47%;z-index: 10;}
#main .boxLearning .boxCoursesRecom .boxItemCourses .btnClickCourses {width: max-content;padding: 0 34px;height: 41px;background-color: #535353;color: #fff;text-align: center;line-height: 41px;font-family: "Mitr-R";font-size: 14px;border-radius: 20px;display: block;margin: 20px auto 33px;text-decoration: none;}
#main .boxLearning .boxCoursesRecom .logoCourses2 {display: block;margin: 0px auto 0;width: 220px;position: relative;}
#main .boxArticle {position: relative;padding: 25px 0 60px;background-color: #f5f5f5;overflow: hidden;}
#main .tagAHoverUnder:hover{color: #000;}
#main .tagAHoverUnder:hover .nameArt,#main .tagAHoverUnder:hover .nameArt2{text-decoration: underline;}
#main .tagAHoverUnder:hover .btnclickall .text{color: #ffc611;}
#main .boxArticle .picArt1 {position: absolute;left: 0;right: 1100px;top: 10%;width: 145px;margin: auto;z-index: 0;}
#main .boxArticle .picArt2 {position: absolute;left: 1200px;right: 0;top: 19%;width: 340px;margin: auto;z-index: 0;}
#main .boxArticle .picArt3 {position: absolute;left: 0;right: 1100px;top: 65%;width: 280px;margin: auto;z-index: 0;}
#main .boxArticle .iconligth {display: block;margin: auto;width: 31px;position: relative;}
#main .boxArticle .boxtitle {font-family: "Mitr-R";font-size: 25px;padding: 6px 25px;background-color: #ffc611;margin: 11px auto 0;display: block;width: max-content;border-radius: 20px;position: relative;}
#main .boxArticle .textb {font-family: "Mitr-Light";font-size: 15px;font-size: 15px;text-align: center;margin-top: 20px;position: relative;}
#main .boxArticle .boxvdo2 {box-shadow: 0 0 10px #b7b7b7;background-color: #fff;border-radius: 10px;padding: 10px;margin-top: 28px;position: relative;}
#main .boxArticle .boxvdo2 .boxleft {padding: 85px 15px;}
#main .boxArticle .boxvdo2 .boxleft .iconbook {display: block;margin: 0 auto 0;width: 26px;}
#main .boxArticle .boxvdo2 .boxleft .title {font-family: "Mitr-R";font-size: 25px;text-align: center;margin: 8px 0 0;}
#main .boxArticle .boxvdo2 .boxleft .detail {font-family: "Mitr-Light";font-size: 13px;text-align: center;margin: 20px 0 0;}
#main .boxArticle .boxvdo2 .boxleft .btnclick {margin: 20px auto 0;display: block;}
#main .boxArticle .boxvdo2 .boxleft .btnclick .text {color: #ffc611;}
#main .boxArticle .boxvdo2 .boxright {position: relative;background-size: cover;background-position: center;height: 100%;}
#main .boxArticle .boxvdo2 .boxright .iconplay {width: 68px;position: absolute;left: 0;right: 0;top: 0px;bottom: 0px;margin: auto;cursor: pointer;}
#main .boxArticle .btnclickall {font-family: "Mitr-Light";font-size: 13px;text-align: center;width: max-content;overflow: hidden;}
#main .boxArticle .btnclickall .text {float: left;text-decoration: underline;}
#main .boxArticle .btnclickall .text:hover{color: #ffc611;}
#main .boxArticle .btnclickall .arrowl {float: left;margin: 4px 0 0 6px;width: 11px;}
#main .boxArticle .boxartitleall .btnclickall {position: absolute;right: 10px;bottom: 10px;}
#main .boxArticle .boxartitle1 {position: relative;margin-top: 18px;box-shadow: 0 0 10px #b7b7b7;border-radius: 20px;overflow: hidden;}
#main .boxArticle .boxartitle1 .picArticle{width: 100%;}
#main .boxArticle .boxartitle2 {position: relative;background-size: cover;background-position:top center;overflow: hidden;border-radius: 20px;margin-top: 18px;box-shadow: 0 0 10px #b7b7b7;}
#main .boxArticle .boxartitle2 .bgimage {width: 100%;opacity: 0;}
#main .boxArticle .btnClick {width: max-content;padding: 0 34px;height: 41px;background-color: #ffc611;color: #000;text-align: center;line-height: 41px;font-family: "Mitr-R";font-size: 14px;border-radius: 20px;display: block;margin: 46px auto 0;text-decoration: none;}
#main .boxsmartstart {background-color: #fff;}
#main .boxsmartstart .container {max-width: 2000px !important;}
#main .boxsmartstart .boxContentAll {position: relative;background-position: center;background-size: cover;height: 520px;padding: 15px;}
#main .boxsmartstart .boxContentAll .text1 {font-family: "Mitr-Light";font-size: 38px;width: max-content;display: block;left: -195px;right: 0;top: 170px;margin: auto;position: absolute;}
#main .boxsmartstart .boxContentAll .text2 {font-family: "Mitr-R";font-size: 55px;width: max-content;display: block;left: 0;right: 0;top: 210px;margin: auto;position: absolute;}
#main .boxsmartstart .boxContentAll .text3 {font-family: "Mitr-Light";font-size: 15px;text-align: center;width: 100%;margin-top: 295px;position: relative;}
#main .boxsmartstart .boxContentCenter {background-position: left center;}
#main .boxsmartstart .boxContentCenter .picSmart {position: absolute;top: -69px;width: 300px;}
#main .boxsmartstart .boxContentAll .btnClick {width: max-content;padding: 0 55px;height: 41px;background-color: #ffc611;color: #000;text-align: center;line-height: 41px;font-family: "Mitr-R";font-size: 14px;border-radius: 20px;display: block;margin: 30px auto 0;text-decoration: none;}
#main .boxHowtoStudy {padding: 55px 0 65px;position: relative;overflow: hidden;}
#main .boxHowtoStudy .picArt1 {position: absolute;left: 0;right: 1467px;top: 0%;width: 124px;margin: auto;z-index: 1;}
#main .boxHowtoStudy .picArt2 {position: absolute;left: 1500px;right: 0;top: 37%;width: 185px;margin: auto;z-index: 1;}
#main .boxHowtoStudy .picArt3 {position: absolute;left: 0;right: 1100px;top: 69%;width: 92px;margin: auto;z-index: 1;}
#main .boxHowtoStudy .containerHowto {max-width: 1350px !important;position: relative;z-index: 1;}
#main .boxHowtoStudy .picHowtoStudy {display: block;max-width: 300px;width: 100%;display: block;margin: auto;position: relative;z-index: 10;}
#main .boxHowtoStudy .stephowto {display: block;width: 100%;display: block;margin: 20px auto 0;position: relative;z-index: 10;}
#main .boxHowtoStudy .btnClick {position: relative;z-index: 10;width: max-content;padding: 0 55px;height: 41px;background-color: #ffc611;color: #000;text-align: center;line-height: 41px;font-family: "Mitr-R";font-size: 14px;border-radius: 20px;display: block;margin: 40px auto 0;text-decoration: none;}
#main .boxHowtoStudy .boxHowGood {position: relative;}
#main .boxHowtoStudy .boxHowGood .bgHowgood {position: absolute;max-width: 1506px;width: 100%;height: 1002px;background-position: top center;background-size: cover;background-image: url("../images/frontend/bghowto.jpg");top: -18px;display: block;margin: auto;left: 0;right: 0;}
#main .boxHowtoStudy .boxHowGood .pichowto {width: 100%;max-width: 620px;display: block;margin: auto;padding-top: 52px;}
#main .boxHowtoStudy .boxHowGood .item .boxImg {position: relative;width: 95px;height: 80px;display: block;margin: 30px auto 0;}
#main .boxHowtoStudy .boxHowGood .item .boxImg img {position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;max-width: 100%;max-height: 100%;}
#main .boxHowtoStudy .boxHowGood .item .title {text-align: center;font-family: "Mitr-Light";font-size: 14px;margin-top: 15px;}
#main .boxHowtoStudy .picPro {width: 270px;display: block;margin: 70px auto 20px;}
#main .boxHowtoStudy .boxArticle {background: none;padding: 25px 0 15px;}
#topFooter {padding: 75px 0 0;background-image: url("../images/frontend/bgfooter.png");background-position: top center;background-size: cover;position: relative;background-repeat: no-repeat;}
#topFooter .logoFooter {width: 248px;}
#topFooter .boxAddress {font-family: "Mitr-Light";font-size: 12px;margin-top: 18px;}
#topFooter .boxAddress span {font-family: "Mitr-R";}
#topFooter .boxMenu {margin-top: 26px;font-size: 12px;}
#topFooter .boxMenu .list1 {font-family: "Mitr-R";}
#topFooter .boxMenu .list1.link:hover{text-decoration: underline;}
#topFooter .boxMenu .list2 {font-family: "Mitr-Light";margin-top: 5px;}
#topFooter .boxMenu .list2:hover{text-decoration: underline;}
#topFooter .boxMenu a {color: #000;}
#topFooter .boxTel {color: #000;margin: 66px 0 0 0;font-family: "Mitr-R";font-size: 15px;height: 37px;width: 280px;line-height: 37px;background-color: #fff;float: right;border-radius: 20px;}
#topFooter .boxTel .iconCall {width: 18px;float: left;margin: 9px 11px 0 18px;}
#topFooter .boxSocial {font-family: "Mitr-Light";font-size: 15px;margin-top: 7px;}
#topFooter .boxSocial:hover{text-decoration: underline;}
#topFooter .boxSocial img {float: left;margin: 0 15px 0 0;width: 20px;}
#topFooter .boxSocialFirst {margin-top: 18px;}
#topFooter .boxSocial a {color: #000;}
#topFooter .qr {margin: 12px 0 0 35px;width: 112px;}
#topFooter .boxAnimeFooter {margin: 20px 0 0 0;width: 400px;float: right;position: relative;height: 270px;}
#topFooter .boxAnimeFooter .animeFooter {width: 100%;}
#topFooter .boxAnimeFooter .animeFooter1 {width: 115px;position: absolute;bottom: 0;left: 145px;right: 0;margin: auto;}
#footerCopy {text-align: center;background-color: #484848;font-family: "Mitr-Light";padding: 8px 15px;color: #fff;}
#footerCopy span {color: #fdc70f;}
body .slick-prev {left: 3px;top: 30%;z-index: 10;}
body .slick-next {right: 12px;top: 30%;z-index: 10;}
body .slick-prev:before,body  .slick-next:before {color: red;}
#main .topPageOther {padding: 10px 0 0px;background-color: #ffc620;}
#main .topPageOther .picEnjoy {max-width: 410px;display: block;margin: 0 auto 0;width: 100%;}
#main .topPageOther .enjoyText {position: absolute;max-width: 390px;left: 0;right: 0;bottom: 0;top: 0;margin: auto;width: 100%;padding: 15px;}
#main .pageHowGood {position: relative;background-color: #fff;background-image: url("../images/frontend/bgHowGood.jpg");background-size: cover;padding-bottom: 180px;}
#main .pageHowGood .anime09 {position: absolute;left: 0;right: 1000px;top: 3600px;margin: auto;width: 132px;}
#main .pageHowGood .anime10 {position: absolute;right: 0;left: 1000px;top: 1500px;margin: auto;width: 132px;}
#main .pageHowGood .title {font-family: "Mitr-R";color: #000;font-size: 45px;text-align: center;margin-top: 85px;line-height: 1;}
#main .pageHowGood .title2 {font-family: "Mitr-Light";font-size: 40px;text-align: center;background: -webkit-linear-gradient(45deg, #ffc620, #ff9000 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .detailTop {font-family: "Mitr-Light";font-size: 20px;text-align: center;margin-top: 23px;}
body .mfp-auto-cursor .mfp-content .mfp-close {top: 15px;width: 18px;right: 15px;background-color: #fff;color: #000000;padding: 0px;height: 18px;line-height: 0;border-radius: 237px;text-align: center;font-size: 26px;font-weight: 100;}
body .mfp-auto-cursor .mfp-content {border: 5px solid #e7e7e7;cursor: auto;width: 100%;max-width: 600px;padding: 5px 5px 25px 5px;background-color: #fff;border-radius: 25px;font-family: "Mitr-Light";font-size: 16px;}
body .mfp-auto-cursor .mfp-content .imgPopup {border-top-left-radius: 25px;border-top-right-radius: 25px;width: 100%;}
body .mfp-auto-cursor .mfp-content .close-text {text-align: center;color: #000;display: block;width: fit-content;margin: 11px auto 0;text-decoration: underline;}
/*page howHowGood*/
#main .pageHowGood .numberAll {height: 28px;margin-top: -6px;position: relative;z-index: 10;}
#main .pageHowGood .titleAll {font-family: "Mitr-Light";font-size: 26px;position: relative;z-index: 10;}
#main .pageHowGood .detailAll {font-family: "Mitr-Light";font-size: 14px;margin-top: 20px;line-height: 1.5;max-width: 340px;width: 100%;position: relative;z-index: 10;}
#main .pageHowGood .boxImgAll .picMainAll {max-width: 100%;position: relative;z-index: 1;}
#main .pageHowGood .boxall {position: relative;max-width: 810px;width: 100%;display: block;margin: auto;height: fit-content;}
#main .pageHowGood .boxall .boxImgAll {position: relative;max-width: 405px;display: block;margin-left: auto;margin-right: auto;}
#main .pageHowGood .titleAllLeft {margin-top: 70px;text-align: left;}
#main .pageHowGood .titleAllRight {margin-top: 70px;text-align: right;}
#main .pageHowGood .titleAllCenter {text-align: center;margin-top: 5px;}
#main .pageHowGood .detailAllLeft {text-align: left;}
#main .pageHowGood .detailAllRight {text-align: right;float: right;}
#main .pageHowGood .detailAllCenter {text-align: center;display: block;margin-left: auto;margin-right: auto;}
#main .pageHowGood .boxImgNumber {text-align: center;padding-top: 30px;}
#main .pageHowGood .boxImgAllCenter {padding-top: 35px;}
#main .pageHowGood .boxMargin100 {padding-top: 105px;}
#main .pageHowGood .box1 {padding-top: 70px;}
#main .pageHowGood .box1 .titleAll span {background: -webkit-linear-gradient(45deg, #e394e0, #d068d7 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box1 .pic2 {position: absolute;max-width: 150px;top: -39px;right: -49px;z-index: 2;width: 37%;}
#main .pageHowGood .box1 .bg {position: absolute;max-width: 350px;z-index: 0;right: -58px;top: 92px;width: 87%;}
#main .pageHowGood .box2 .boxImgAllCenter {margin-top: 10px;}
#main .pageHowGood .box2 .titleAll span {background: -webkit-linear-gradient(45deg, #57d6ed, #3ab8ff 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box2 .pic2 {position: absolute;max-width: 125px;top: 60%;left: -24%;z-index: 2;width: 31%;}
#main .pageHowGood .box3 .titleAll span {background: -webkit-linear-gradient(45deg, #a0d113, #21c43c 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box3 .pic2 {position: absolute;max-width: 173px;bottom: -13%;left: -9%;z-index: 2;width: 43%;}
#main .pageHowGood .box3 .bg {position: absolute;max-width: 440px;z-index: 0;right: -18%;top: -15%;width: 109%;}
#main .pageHowGood .box4 .titleAll span {background: -webkit-linear-gradient(45deg, #6cb8ff, #2473f6 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box4 .pic2 {position: absolute;max-width: 130px;bottom: -10%;right: -17%;z-index: 2;width: 33%;}
#main .pageHowGood .box4 .bg {position: absolute;max-width: 480px;z-index: 0;right: -56%;top: -28%;width: 119%;}
#main .pageHowGood .box5 .titleAll span {background: -webkit-linear-gradient(45deg, #ffbf40, #ff9000 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box5 .pic2 {position: absolute;max-width: 150px;top: 29%;left: -10%;z-index: 2;width: 37%;}
#main .pageHowGood .box5 .bg {position: absolute;max-width: 400px;z-index: 0;width: 99%;left: -66%;top: 8%;}
#main .pageHowGood .box6 .titleAll span {background: -webkit-linear-gradient(45deg, #6cb8ff, #2473f6 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box6 .pic2 {position: absolute;max-width: 140px;width: 36%;top: -16%;left: -27%;z-index: 2;}
#main .pageHowGood .box6 .bg {position: absolute;max-width: 380px;z-index: 0;width: 94%;left: -36%;top: 47%;}
#main .pageHowGood .box7 .titleAll span {background: -webkit-linear-gradient(45deg, #63cf90, #0da38f 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box7 .pic2 {position: absolute;max-width: 117px;width: 29%;right: -40%;bottom: -27%;z-index: 2;}
#main .pageHowGood .box8 {margin-top: 56px;}
#main .pageHowGood .box8 .titleAll span {background: -webkit-linear-gradient(45deg, #ffbf40, #ff9000 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box8 .pic2 {position: absolute;max-width: 177px;width: 44%;left: -22%;bottom: 6%;z-index: 2;}
#main .pageHowGood .box8 .bg {position: absolute;max-width: 223px;z-index: 0;width: 55%;right: -37%;top: -18%;}
#main .pageHowGood .box9 .titleAll span {background: -webkit-linear-gradient(45deg, #ffbf40, #ff9000 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageHowGood .box9 .pic2 {position: absolute;max-width: 190px;width: 47%;top: -13%;right: -15%;z-index: 2;}
#main .pageHowGood .box9 .bg {position: absolute;max-width: 223px;z-index: 0;width: 55%;bottom: -37%;left: -26%;}
/*pagecontact*/
#main .pagecontact {padding-bottom: 70px;}
#main .topPageOther .ImgContactLeft {position: absolute;max-width: 290px;width: 100%;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
#main .topPageOther .ImgContactRight {max-height: 244px;height: 100%;display: block;margin: auto;}
#main .pagecontact .title {font-family: "Mitr-R";font-size: 25px;width: max-content;display: block;margin: 50px auto 0;}
#main .pagecontact .boxBorder {width: 100%;height: 7px;background-color: #ffc712;border-radius: 10px;margin-top: 5px;}
#main .pagecontact .detail {font-family: "Mitr-Light";font-size: 16px;text-align: center;margin-top: 18px;}
#main .pagecontact .boxContactDetail {max-width: 877px;display: block;margin: 35px auto 0;z-index: 10;}
#main .pagecontact .boxContactDetail .line1 {position: absolute;width: 1px;background-color: #000;height: 100%;left: 0;right: 0;margin: auto;}
#main .pagecontact .boxContactDetail .line2 {position: absolute;height: 1px;background-color: #000;width: 100%;top: 0;bottom: 0;margin: auto;}
#main .pagecontact .boxContactDetail .boxDetail {position: relative;padding: 30px 0;text-align: center;font-family: "Mitr-Light";}
#main .pagecontact .boxContactDetail .boxDetail .icon {display: block;margin: auto;width: 35px;}
#main .pagecontact .boxContactDetail .boxDetail .title {font-size: 16px;margin-top: 15px;}
#main .pagecontact .boxContactDetail .boxDetail .detail {margin-top: 15px;line-height: 1.6;font-size: 14px;}
#main .pagecontact .boxContactDetail .boxDetail .detail span {font-family: "Mitr-R";}
#main .pagecontact .boxSoAndMess {display: block;margin: 90px auto 0;max-width: 860px;position: relative;z-index: 10;}
#main .pagecontact .contactBg {position: absolute;width: 100%;height: 679px;top: -135px;background-position: top center;background-size: contain;background-repeat: no-repeat;background-image: url("../images/frontend/contactBG.jpg");}
#main .pagecontact .boxSoAndMess .contactBoxTitle {width: 165px;text-align: center;height: 31px;padding: 0px 0 5px;font-family: "Mitr-Light";font-size: 20px;color: #000;display: block;margin: auto;background-color: #ffc620;border-radius: 20px;}
#main .pagecontact .boxSoAndMess .boxSocial .boxListSocial {margin: 26px auto 0;display: block;width: max-content;}
#main .pagecontact .boxSoAndMess .boxSocial .boxListSocial .list {overflow: hidden;margin-top: 14px;}
#main .pagecontact .boxSoAndMess .boxSocial .boxListSocial .list img {float: left;width: 37px;margin: 0 37px 0 0;}
#main .pagecontact .boxSoAndMess .boxSocial .boxListSocial .list .name {font-size: 15px;font-family: "Mitr-Light";margin-top: 6px;float: left;}
#main .pagecontact .boxSoAndMess .boxSocial .boxListSocial .list .name a {color: #000;}
#main .pagecontact .boxSoAndMess .boxSocial .boxListSocial .list .name:hover{text-decoration: underline;}
#main .pagecontact .boxSoAndMess .boxSocial .contactQr {display: block;margin: 15px auto 0;width: 100px;}
#main .pagecontact .boxSoAndMess .boxMessage {font-family: "Mitr-Light";}
body #main .pagecontact .boxSoAndMess .boxMessage .inputFirst {margin-top: 25px;}
#main .pagecontact .boxSoAndMess .boxMessage .input {width: 100%;max-width: 350px;display: block;margin: 0 auto 17px;border-radius: 20px;background-color: #fff;font-size: 15px;padding: 0 25px;height: 36px;line-height: 36px;border: 1px solid #c9c9c9;}
body #main .pagecontact .boxSoAndMess .boxMessage .textareaMess {height: 150px;}
#main .pagecontact .boxSoAndMess .boxMessage .btn-submit {padding: 0 41px;height: 30px;line-height: 30px;border: none;text-align: center;color: #fff;background-color: #000;font-size: 14px;border-radius: 20px;display: block;margin: 26px auto 0;margin: auto;}
#main .pagecontact .boxLocation{margin-top: 100px;font-family: "Mitr-Light";position: relative;z-index: 10;}
#main .pagecontact .boxLocation .title{text-align: center;font-size: 20px;}
#main .pagecontact .boxLocation .location{text-align: center;margin-top: 25px;}
#main .pagecontact .boxLocation .location .contactMap{width: 20px;font-size: 15px;}
#main .pagecontact .boxLocation .location a{color: #000;}
#main .pagecontact .boxLocation .location a:hover{text-decoration: underline;}
#main .pagecontact .boxLocation .mapouter {position: relative;text-align: right;height: 500px;width: 100%;display: block;margin:65px auto 0; }
#main .pagecontact .boxLocation .gmap_canvas {overflow: hidden;background: none !important;height: 500px;width: 100%;}
/*pageKruAe*/
#main .pageKruAe{padding-bottom: 80px;}
#main .pageKruAe .container{max-width: 880px!important;}
#main .pageKruAe .bg{position: absolute;width: 100%;height: 920px;background-image: url('../images/frontend/knowBgTop.jpg');background-position: top left;background-size: contain;background-repeat: no-repeat;}
#main .pageKruAe .imgKruAe{position: relative;max-width: 798px;width: 100%;margin: 65px 0 0 0;}
#main .pageKruAe .boxTitle{font-family: 'Mali-semiBold';font-size: 25px;text-align: center;color: #000;margin-top: 15px;position: relative;line-height: 1.5;z-index: 10;}
#main .pageKruAe .boxTitle span{color: #ff9000;font-size: 33px;}
#main .pageKruAe .boxName{position:relative;width: 415px;display: block;margin:30px auto 0;}
#main .pageKruAe .boxName .boxNameIn{text-align: center;width: 360px;height: 184px;display: block;margin: auto;background-size: cover;background-image: url('../images/frontend/knowBg1.png');}
#main .pageKruAe .boxName .boxNameIn .name{font-family: "Mitr-Light";font-size:38px;line-height: 1.3;padding-top: 34px;}
#main .pageKruAe .boxName .boxNameIn .name span{font-family: 'Mitr-M';}
#main .pageKruAe .boxName .starAll{width: 32px;position:absolute;}
#main .pageKruAe .boxName .star01{top: 0;left: 0;}
#main .pageKruAe .boxName .star02{right:0;bottom: 0;}
#main .pageKruAe .textPhy{position: relative;margin-top: 25px;font-size: 43px;text-align: center;font-family: "Mitr-R";line-height: 1.4;background: -webkit-linear-gradient(45deg, #ffbf40, #ff9000 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .pageKruAe .information{max-width: 1065px;display: block;margin: 47px auto 0;padding: 32px 0;background-color: #f5f5f5;border-radius: 30px;}
#main .pageKruAe .information .boxIn{font-family: "Mitr-Light";font-size: 28px;}
#main .pageKruAe .information .boxIn .title{font-family: "Mitr-R";line-height: 1.2;}
#main .pageKruAe .information .boxIn span{font-family: "Mitr-Light";font-size: 23px;color: #858585;}
#main .pageKruAe .information .boxIn ul{margin-top: 28px;padding: 0 0 0 29px;}
#main .pageKruAe .information .boxIn ul li{list-style: disc;line-height: 1.3;}
#main .pageKruAe .boxDetailPage{font-size: 25px;font-family: "Mitr-Light";margin-top: 48px;text-align: center;}
#main .pageKruAe .boxDetailPage span{font-family: "Mitr-R";}
#main .pageKruAe .boxDetailPage span.color{color:#ff9000;}
#main .pageKruAe .boxGallery{margin-top: 100px;position:relative;}
#main .pageKruAe .boxGallery .container{max-width: 1630px!important;}
#main .pageKruAe .boxGallery .boxLeft{height: 365px;}
#main .pageKruAe .boxGallery .mt{margin-top: 30px;}
#main .pageKruAe .boxGallery .boxAll{border-radius: 20px;position:relative;background-size: cover;background-position: center;width: 100%;}
#main .pageKruAe .boxGallery .boxCenter1{height: 490px;}
#main .pageKruAe .boxGallery .boxCenter2{height: 240px;}
#main .pageKruAe .boxGallery .boxRight{height: 760px;}
#main .pageKruAe .boxGallery .bgGallery{background-repeat: no-repeat;width: 100%;position:absolute;top: -70px;min-height: 1414px;background-size: cover;background-position: top center;background-image: url('../images/frontend/knowBg3.png');}
#main .pageKruAe .textPhyBottom{margin-top: 90px;}
#main .pageKruAe .boxSmart{margin-top: 90px;position:relative;z-index: 10;}
#main .pageKruAe .boxSmart .bgSmart{position:absolute;top: 0;left: 0;right: 0;top: 0;margin: auto;height: 615px;max-width: 1200px;width: 100%;background-image: url('../images/frontend/knowBg1.png');background-size: contain;background-repeat: no-repeat;}
#main .pageKruAe .boxSmart .container{max-width: 960px !important;position: relative;}
#main .pageKruAe .boxSmart .imgKnowTopic{width: 100%;max-width: 368px;margin-top: 127px;}
#main .pageKruAe .boxSmart .img4M{width: 100%;max-width: 196px;float:right;margin: 13px 0 0 0;}
#main .pageKruAe .boxSmart .knowCartoon{max-width: 210px;width: 100%;margin: 65px 0 0 0;}
#main .pageKruAe .boxSmart .detail{font-family: 'Mali-semiBold';text-align: center;line-height: 1.5;font-size: 27px;}
#main .pageKruAe .boxSmart .detail span{color: #fff;}
#main .pageKruAe .boxSmart .btnSmart{font-family: "Mitr-Light";width: 137px;background-color: #fff;text-align: center;height: 40px;line-height: 40px;font-size: 13px;color: #000;margin: 49px auto 0;display: block;border-radius: 20px;}
#main .pageKruAe .boxTextMindset{position: relative;z-index: 5;margin-top: 10px;}
#main .pageKruAe .boxTextMindset .bg{width: 80%;height: 900px;position: absolute;top: -360px;background-image: url('../images/frontend/knowBg2.png');background-size: contain;background-repeat: no-repeat;}
#main .pageKruAe .boxTextMindset .container{max-width: 780px!important;}
#main .pageKruAe .boxTextMindset .detail{position: relative;font-family: 'Mali-semiBold';text-align: center;line-height: 1.4;font-size: 27px;}
#main .pageKruAe .boxTextMindset .detail span{color: #ff9000;font-size: 43px;}
#main .pageKruAe .boxTextMindset .picAll{width: 40px;position: relative;}
#main .pageKruAe .boxTextMindset .pic1{margin: 0 0 13px 0;}
#main .pageKruAe .boxTextMindset .pic2{position: absolute;bottom: -13px;right: 35px;}
#main .pageKruAe .boxArticleKru{margin-top: 95px;position: relative;z-index: 10;}
#main .pageKruAe .boxArticleKru .item .imgItem{width: 100%;} 
#main .pageKruAe .boxArticleKru .item .text{font-family: "Mitr-R";text-align: center;font-size: 25px;margin-top: 10px;}
#main .pageKruAe .boxArticleKru .item .btnClick{font-family: "Mitr-Light";width: 137px;background-color: #ffc611;text-align: center;height: 40px;line-height: 40px;font-size: 13px;color: #000;margin: 40px auto 0;display: block;border-radius: 20px;}
#main .pageKruAe .knowCartoon1{position: absolute;width: 218px;left: 1300px;right: 0;top: 39%;margin: auto;}
#main .pageKruAe .knowCartoon2{position: absolute;width: 260px;right: 1400px;left: 0;top: 69%;margin: auto;}
#main .pageKruAe .knowCartoon6{position: absolute;width: 386px;left: 1426px;right: 0;top: 94%;margin: auto;}
/*pageArticle*/
#main .topPageOther .articleTop{margin: 37px 0 23px 0;max-width: 226px;width: 100%;position: relative;z-index: 10;}
#main .topPageOther .articleTopCenter{position: absolute;top: 0;bottom: 0;margin: auto;max-width: 485px;width: 100%;z-index: 10;}
#main .topPageOther .articleTopCenter2{position:absolute;left: 0;right: 20px;margin: auto;width: 60px;top: 20px;z-index: 9;}
#main .topPageOther .articleTopCenter3{position:absolute;right: 25px;top: 133px;margin: auto;width: 95px;z-index: 9;}
#main .topPageOther .articleTopLight{position:absolute;right: -90px;top: 0;margin: auto;width: 570px;z-index: 5;height: 100%;}
#main .pageArticle {background-color:#f5f5f5;}
#main .pageArticle .boxFilter{padding: 15px 0;background: #fff;font-family: "Mitr-Light";font-size: 13px;}
#main .pageArticle .boxFilter .text{float: left;margin: 2px 0px 0 0;}
#main .pageArticle .boxFilter .select{float: left;border: 1px rgb(216, 216, 216) solid;text-align: center;margin-left: 7px;}
select option:checked,select option:hover  { background: #ffc712 !important;color: #000;}
.btnSubmitArticle{margin:  0 0 0 7px;border: none;padding: 2px 15px 3px;}
.btnSubmitArticle:hover{background: #ffc712;}
#main .pageArticle .boxartitleall{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
#main .pageArticle .boxDetailArticle{box-shadow: 0 0 10px #b7b7b7;padding: 10px 15px 15px;position: relative;background-color: #fff;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;font-family: "Mitr-Light";}
#main .pageArticle .boxDetailArticle .nameCate{font-size: 12px;}
#main .pageArticle .boxDetailArticle .nameArt{font-size: 18px;font-family: "Mitr-R";margin-top: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#main .pageArticle .boxDetailArticle .nameArt2{height: 54px;font-size: 18px;font-family: "Mitr-R";margin-top: 3px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;}
#main .pageArticle .boxDetailArticle .date{font-size: 12px;margin-top: 3px;}
#main .pageArticle .boxTitle{margin-top: 50px;text-align: center;}
#main .pageArticle .boxTitle .articleIcon{width: 65px;}
#main .pageArticle .boxTitle .title{font-family: "Mitr-R";margin-top: 10px;font-size: 20px;}
#main .pageArticle .boxDetailArticle .dateSubArticle{margin-top: 45px;}
#main .pageArticle .boxSubartitleall{margin-top: 25px;}
#main .pageArticle .btnclickallSubArt{float: right;margin-top: 20px;}
#main .pageArtiDetail{padding-bottom: 60px;}
#main .pageArtiDetail .artiDetailBg{position: absolute;width: 100%;top: 0;height: 1630px;background-size: cover;background-position: top center;background-image: url('../images/frontend/artDetailBg.jpg');}
#main .pageArtiDetail .boxtitle{max-width: 1030px;width: 100%;display: block;margin: auto;text-align: center;background-position: bottom center;background-image: url('../images/frontend/artDetailBgTitle.png');min-height: 180px;position: relative;background-size: cover;width: 100%;}
#main .pageArtiDetail .boxtitle .nameCate{font-family: "Mitr-Light";font-size: 10px;padding-top: 20px;}
#main .pageArtiDetail .boxtitle a:hover{color: #ffc712;}
#main .pageArtiDetail .boxtitle .name{font-family: "Mitr-R";font-size: 25px;margin-top: 15px;}
#main .pageArtiDetail .boxtitle .detail{margin:12px auto 42px ;font-size: 16px;font-family: "Mitr-Light";}
#main .pageArtiDetail .coverPage{box-shadow: 0 0 10px #b7b7b7;display: block;max-width: 100%;display: block;margin: auto;position: relative;border-radius: 20px;max-height: 400px;}
#main .pageArtiDetail .boxDetail{margin-top: 28px;position: relative;font-family: "Mitr-Light";margin-top: 25px;font-size: 13px;}
#main .pageArtiDetail .boxRightArticle{margin-top: 28px;width: 100%;border-radius: 20px;position:relative;background-color: #fff3ce;padding: 0 15px 25px;}
#main .pageArtiDetail .boxRightArticle .boxTitleRight{position: relative;margin-bottom: 20px;}
#main .pageArtiDetail .boxRightArticle .boxTitleRight .imgBg{width: 202px;margin-top: -20px;}
#main .pageArtiDetail .boxRightArticle .boxTitleRight .text{position: absolute;width: 175px;font-size: 16px;font-family: 'Mitr-M';transform: rotate(-5deg);top: 49px;left: 23px;text-align: center;}
#main .pageArtiDetail .boxRightArticle .item-list{overflow: hidden;margin-top: 10px;color: #000;}
#main .pageArtiDetail .boxRightArticle .item-list .boximg{float: left;width: 100%;height: 53px;background-size: cover;background-position: center;border-radius: 10px;}
#main .pageArtiDetail .boxRightArticle .paddingleft{padding-left: 0!important;}
#main .pageArtiDetail .boxRightArticle .item-list .name{font-family: "Mitr-R";font-size: 12px;}
#main .pageArtiDetail .boxRightArticle .item-list:hover .name{text-decoration: underline;}
#main .pageArtiDetail .boxRightArticle .item-list:hover .readMore{text-decoration: underline;}
#main .pageArtiDetail .boxRightArticle .item-list .date{font-family: "Mitr-Light";float: left;font-size: 9px;}
#main .pageArtiDetail .boxRightArticle .item-list .readMore{font-family: "Mitr-Light";float: right;font-size: 11px;}
#main .pageArtiDetail .boxRightArticle .lineBottom{height: 1px;width: 100%;background: #000;margin: 10px 0;}
#main .imgShare{width: 100%;margin-top: 30px;position: relative;}
#main .pageArtiDetail .boxShareSocial{width: fit-content;float: right;overflow: hidden;margin-top: 30px;position: relative;}
#main .pageArtiDetail .boxShareSocial .btnFace{float: left;width: 95px;}
#main .pageArtiDetail .boxShareSocial .btnTw{float: left;width: 79px;margin: 0 8px;}
#main .pageArtiDetail .boxShareSocial .btnLine{float: left;width: 71px;}
/*pageCourses*/
#main .pageCourses{padding-bottom: 60px;}
#main .pageCourses .coursesSlide{background-image: url('../images/frontend/courseBgTop.jpg');background-size: cover;background-position: top center ;}
#main .pageCourses .coursesSlide .boxSlide{min-height: 304px;}
#main .pageCourses .boxBottomSlide .boxTab{height: 48px;background-color: #ffc712;border-bottom-left-radius: 35px;border-bottom-right-radius: 35px;}
#main .pageCourses .boxBottomSlide{position: relative;z-index: 150;}
#main .pageCourses .iconCourses{width: 107px;display: block;margin: -16px auto 0;}
#main .pageCourses .textIconCourses{text-align: center;font-family: "Mitr-Light";font-size: 15px;color: #000;margin-top: 10px;}
#main .pageCourses .btnall {width: 139px;height: 42px;background-color: #ffc611;text-align: center;line-height: 42px;font-family: "Mitr-R";font-size: 13px;border-radius: 20px;display: block;margin:15px auto 0;}
#main .pageCourses a{color: #000;}
#main .pageCourses .boxFreeTrial .bgFreeTrial{background-image: url('../images/frontend/bgCourses2.jpg');height: 650px;left: 0;right: 0;display: block;margin: auto;position:absolute;top: 100px;background-size: cover;max-width: 1170px;width: 100%;background-position: top center;}
#main .pageCourses .boxFreeTrial{margin-top: -34px;position: relative;padding-bottom: 60px;}
#main .pageCourses .boxFreeTrial .freeTrial{width: 244px;float: right;position: relative;}
#main .pageCourses .boxSeeAll{position: relative;padding: 5px 17px;font-family: "Mitr-Light";float: right;font-size: 12px;background-color: #484848;color: #fff;border-radius: 20px;}
#main .pageCourses .boxSeeAll:hover{background-color: #ffc611;color: #000;}
#main .pageCourses .coursesPlay1{width: 133px;margin-top: 15px;position: relative;}
#main .pageCourses .coursesPlay2{width: 154px;margin-top: 15px;position: relative;}
#main .pageCourses .boxFreeTrial .boxSeeAll{margin-top: 20px;position: relative;}
#main .boxFreeTrial .itemVideo{position:relative;background-position: center;background-size: cover;border-radius: 20px;margin-top: 20px;overflow: hidden;}
#main .boxFreeTrial .itemVideo .iconplay{position:absolute;top: 0;bottom: 0;left: 0;right: 0;width: 60px;margin: auto;}
#main .pageCoursesCate .boxFreeTrial .itemVideo .iconplay{width: 40px;}
#main .boxFreeTrial .itemVideo .imgBg{width: 100%;opacity: 0;}
#main .boxFreeTrial .itemVideo .boxShadow{opacity: 0;position: absolute;width: 100%;height: 100%;background-color: #000;top:0;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;}
#main .boxFreeTrial .itemVideo:hover .boxShadow{opacity: 0.4;}
#main .pageCourses .boxCoursesShow{padding: 18px 0 35px;position: relative;}
#main .pageCourses .boxCoursesShow .boxImg{width: 60px;float: left;}
#main .pageCourses .boxCoursesShow .boxImg img{width: 47px;margin-top: 5px;}
#main .pageCourses .boxCoursesShow .boxCateCourse{float: left;padding: 10px 22px;font-size: 16px;font-family: "Mitr-Light";background-color: #ffc611;border-radius: 20px;}
#main .pageCourses .boxCoursesShow .boxSeeAll{margin-top: 6px;}
#main .pageCourses .boxItemCourses .item{max-width: 235px;width: 100%;margin: 25px 0 0;}
#main .pageCourses .boxItemCourses .item .boxDetail .title{font-size: 17px;}
#main .pageCourses .boxItemCourses .item .bRight{font-size: 11px;}
#main .pageCourses .boxItemCourses .item .bLeft{font-size: 11px;}
#main .pageCourses .boxItemCourses .item .boxPrice .price{font-size: 20px;}
#main .pageCourses .boxItemCourses .item .boxPrice .priceFull{font-size: 12px;}
#main .pageCourses .boxItemCourses .item .btnClick {width: 143px;height: 39px;line-height: 39px;font-size: 12px;}
#main .pageCourses .boxItemCourses .item .boximg .boxicon img {height: 13px;}
#main .pageCourses .boxItemCourses .item .boximg .clogo{height: 18px;}
#main .pageCourses .boxItemCourses .item .boximg{height: 165px;}
/*end pageCourses*/
/*pageCoursesDetail*/
#main .pageCoursesDetail{font-family: "Mitr-Light";padding: 15px 0 60px;}
#main .pageCoursesDetail .courDeBg{width: 100%;top: 175px;background-position: center top;position: absolute;background-image: url('../images/frontend/courDetailBg.jpg');background-size: cover;height: 600px;}
#main .pageCoursesDetail .breadcrumb{overflow: hidden;font-size: 12px;}
#main .pageCoursesDetail .breadcrumb a{color: #000;}
#main .pageCoursesDetail .breadcrumb a:hover{color: #ffc611;}
#main .pageCoursesDetail .breadcrumb .list{float: left;margin-right: 5px;}
#main .pageCoursesDetail .boxInDetail{padding: 0 15px 0;margin: 22px 0 0;}
#main .pageCoursesDetail .boxInDetail .name{font-size: 16px;font-family: "Mitr-R";}
#main .pageCoursesDetail .boxInDetail .coursesId{font-size: 12px;margin-top: 15px;}
#main .pageCoursesDetail .boxInDetail .rate{margin-top: 15px;width: fit-content;float:right;font-size: 12px;}
#main .pageCoursesDetail .boxInDetail .rate img{width: 12px;margin: -3px 0 0 2px;}
#main .pageCoursesDetail .boxInDetail .borderB{height: 1px;width: 100%;background-color: #000;margin: 20px 0 0;}
#main .pageCoursesDetail .boxInDetail .boxInDetail2{padding: 0 15px;margin-top: 25px;}
#main .pageCoursesDetail .boxInDetail .boxInDetail2{padding: 0 15px;}
#main .pageCoursesDetail .boxInDetail .boxImgCoursesMain{width: 100%;border-radius: 25px;height: 240px;overflow: hidden;}
#main .pageCoursesDetail .boxInDetail .boxImgCoursesMain img{position: absolute;max-width: 90%;max-height: 90%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#main .pageCoursesDetail .boxContentCourse{background-color: #ffc611;padding: 18px 24px;border-radius: 25px;margin-top: 25px;position: relative;}
#main .pageCoursesDetail .boxContentCourse .icon{background-color: #fff;width: 40px;margin:  0 auto 8px;padding: 8px;border-radius: 90px;display: block;}
#main .pageCoursesDetail .boxContentCourse .box50{position: relative;}
#main .pageCoursesDetail .boxContentCourse .detail1{font-size: 12px;text-align: center;}
#main .pageCoursesDetail .boxContentCourse .detail2{font-size: 14px;text-align: center;margin: 3px 0 0px;font-family: "Mitr-R";}
#main .pageCoursesDetail .boxContentCourse .borderh{position:absolute;height: 100%;width: 1px;background-color: #000;left: 0;right: 0;margin: auto;}
#main .pageCoursesDetail .boxContentCourse .borderCenter{width: 100%;height: 2px;background-color: #ffe58f;margin: 10px 0;}
#main .pageCoursesDetail .boxContentCourse .borderCenterh{width: 2px;height: 100%;background-color: #ffe58f;position: absolute;left: 0;right: 0;margin: auto;}
#main .alltitleBgffc611{padding: 6px 16px;background-color: #ffc611;font-family: "Mitr-R";font-size: 12px;max-width: max-content;border-radius: 25px;}
#main .pageCoursesDetail .btntopDetail{margin-top: 20px;}
#main .pageCoursesDetail .detailCourses{font-size: 12px;margin-top: 16px;line-height: 1.6;}
#main .pageCoursesDetail .boxPrice{text-align: center;font-family: "Mitr-R";text-align: center;margin-top: 40px;}
#main .pageCoursesDetail .boxPrice .text1{font-size: 15px;}
#main .pageCoursesDetail .boxPrice .price{color: #ff0000;font-size: 26px;}
#main .pageCoursesDetail .boxPrice .priceDis{font-size: 11px;}
#main .pageCoursesDetail .boxPrice .btnBuy{cursor: pointer;display: block;padding: 10px 45px;background-color: #ffc611;border-radius: 25px;margin: 22px auto 0;width: max-content;text-align: center;overflow: hidden;}
#main .pageCoursesDetail .boxPrice .btnBuy .cart{width: 30px;float: left;}
#main .pageCoursesDetail .boxPrice .btnBuy div{float: left;font-size: 18px;margin:  3px 0 0 10px;}
#main .pageCoursesDetail .boxPrice a{color: #000;}
#main .pageCoursesDetail .boxVdoEx{margin-top: 60px;cursor: pointer;}
#main .pageCoursesDetail .boxVdoEx .vdo{position:relative;margin-top: 20px;}
#main .pageCoursesDetail .boxVdoEx .vdo .bg{position: relative;width: 100%;border-radius: 25px;}
#main .pageCoursesDetail .boxVdoEx .vdo .iconPlay{width: 54px;position:absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#main .pageCoursesDetail .boxReview{margin-top: 45px;overflow: hidden;}
#main .pageCoursesDetail .boxReview .alltitleBgffc611{float:left;}
#main .pageCoursesDetail .boxReview .btnAll{float: right;text-decoration: underline;font-size: 12px;margin-top: 5px;}
#main .pageCoursesDetail .boxReview .btnAll a{color: #000;}
#main .pageCoursesDetail .listReview{font-size: 12px;padding: 18px 0;border-bottom: 1px solid #9e9e9e;}
#main .pageCoursesDetail .listReview .score{font-family: "Mitr-R";margin-top: 3px;}
#main .pageCoursesDetail .listReview .star{width: 10px;margin: -5px 3px 0 0;}
#main .pageCoursesDetail .listReview .detailReview{margin-top: 5px;}
#modalAddCart .boxContentpopupCart{max-width: 500px;width: 100%}
#modalAddCart .addCart{display: block;width: 130px;margin:30px auto 20px;}
#modalAddCart .textSuccess{text-align: center;margin-bottom: 30px;font-family: "Mitr-R";font-size: 18px;}
/*end pageCoursesDetail*/
/*pageCoursesCate*/
#main .imgTopPageCoursesCate{max-width: 100%;width: 100%;display: block;margin: auto;}
#main .imgTopMoPageCoursesCate{display: none;width: 100%;}
#main .pageCoursesCate .coureCateLeft{background-color: #fffaeb;padding-top: 10px;height: 100%;font-family: "Mitr-Light";padding-bottom: 60px;position: relative;}
#main .textFilter{margin: 0 0 0 10px;font-size: 13px;}
#main .iconFilter{height: 18px;}
#main .boxFilterFirst{margin-top: 25px;}
#main .pageCoursesCate .coureCateLeft .paddingLeft{padding-left: 15px;}
#main .pageCoursesCate .coureCateLeft .paddingRight{padding-right: 15px;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxTitle{overflow: hidden;cursor: pointer;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxTitle .boxL{font-family: "Mitr-R";font-size: 15px;width: 83%;float: left;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxTitle .boxR{width: 17%;float: left;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxTitle .boxR .arrow{width: 12px;float: right;margin: 7px 0 0 0;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxTitle .boxR .arrowDown{display: none;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList{padding-bottom: 5px;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList a{color: #000;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .list{margin-top: 5px;padding-top: 5px;padding-bottom: 5px;font-size: 13px;cursor: pointer;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .list.active{background-color: #e1e1e1;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .list:hover{background-color: #e1e1e1;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .listSub{margin-top: 5px;padding-top: 5px;padding-bottom: 5px;margin-left: 30px;font-size: 13px;cursor: pointer;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .listSub:hover span{text-decoration: underline;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .listSub .active {text-decoration: underline;}
#main .pageCoursesCate .coureCateLeft .borderBoxFil{margin: 5px 0 0px;height: 1px;background-color: #ccc8bc;width: 83%;}
#main .pageCoursesCate .coureCateRight{font-family: "Mitr-Light";position: relative;padding-bottom: 60px;}
#main .pageCoursesCate .coureCateRight .titleNameCate{font-family: "Mitr-R";font-size: 20px;margin-top: 10px;}
#main .pageCoursesCate .coureCateRight .countItem{font-size: 12px;margin-top: 20px;}
#main .pageCoursesCate .borderT{position: absolute;top: 46px;height: 1px;background-color: #ccc8bc;width: 100%;left: 0;}
#main .pageCoursesCate .boxItemCourses .item{margin:20px 0 0;}
#main .pageCoursesCate .boxItemCourses .item .boxDetail .title{font-size: 15px;min-height: 39px;}
#main .pageCoursesCate .boxItemCourses .item .boxDetail .boxAll .bLeft{font-size: 10px;margin-top: 2px;width: 50%;}
#main .pageCoursesCate .boxItemCourses .item .boxDetail .boxAll .bRight{font-size: 11px;width: 50%;}
#main .pageCoursesCate .boxItemCourses .item .boximg{height: 200px;}
#main .pageCoursesCate .boxItemCourses .item .boximg .clogo{height: 18px;}
#main .pageCoursesCate .boxItemCourses .item .boximg .boxicon img{height: 13px;}
#main .pageCoursesCate .boxItemCourses .item .boxPrice .price{font-size: 18px;}
#main .pageCoursesCate .boxItemCourses .item .boxPrice .priceFull{font-size: 10px;}
#main .pageCoursesCate .boxItemCourses .item .btnClick {width: 135px;height: 35px;line-height: 35px;font-size: 12px;}
#main .pageCoursesCate .coureCateLeft .boxFilterMo{display: none;}
#main .pageCoursesCate .coureCateLeft .boxFilterMo a{color: #000;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .list{margin-top: 5px;padding-top: 5px;padding-bottom: 5px;font-size: 13px;cursor: pointer;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .list.active{background-color: #e1e1e1;}
#main .pageCoursesCate .coureCateLeft .boxFilter .boxList .list:hover{background-color: #e1e1e1;}
.modalFilterAll{padding: 30px 15px 15px;font-family: "Mitr-Light";}
.modalFilterAll .boxFilterFirst{margin-top: 10px;}
.modalFilterAll .boxFilter .boxTitle{font-family: "Mitr-R";font-size: 15px;margin-bottom: 5px;margin-top: 25px;}
.modalFilterAll .boxFilter .listSub{margin-top: 0px;padding-top: 5px;padding-bottom: 5px;margin-left: 20px;font-size: 13px;cursor: pointer;}
.modalFilterAll .boxFilter .listSub .active {text-decoration: underline;}
.modalFilterAll .boxFilter .boxList a{color: #000;}
.modalFilterAll .boxFilter .boxList .list{margin-top: 0px;padding-top: 5px;padding-bottom: 5px;font-size: 13px;cursor: pointer;padding-left: 15px;}
.modalFilterAll .boxFilter .boxList .list.active{background-color: #e1e1e1;}
.modalFilterAll .borderBoxFil {margin: 5px 0 0px;height: 1px;background-color: #ccc8bc;width: 100%;}
.modalFilterAll .btnSubmitArticle{margin:20px auto 0;display: block;padding-top: 6px;font-size: 14px;}
/*end pageCoursesCate*/

/*boxTopOther*/
#main .boxTopOther{background-image: url('../images/frontend/cartBgTop.jpg');background-repeat: repeat-x;background-size: contain;padding-bottom: 11px;font-family: "Mitr-Light";}
#main .boxTopOther .title{font-family: "Mitr-R";font-size: 20px;margin-top: 23px;}
#main .boxTopOther .clickCourses{text-align: right;font-size: 12px;margin-top: 30px;text-decoration: underline;}
#main .boxTopOther a{color: #000;}
#main .pageCart a{color: #000;}
#main .pageCart .boxCartLeft{background-color: #f3f4f4;padding: 0px 0 60px 0;}
#main .pageCart .boxCartLeft .itemList{padding: 15px;background-color: #fff;margin: 15px;border-radius: 15px;box-shadow: #d5d5d5 0 0 5px;font-family: "Mitr-R";}
#main .pageCart .boxCartLeft .itemList .boxImg{width: 100%;height: 100px;border-radius: 20px;overflow: hidden;background-size: contain;background-position: center;background-repeat: no-repeat;}
#main .pageCart .boxCartLeft .itemList .name{font-size: 15px;min-height: 45px;}
#main .pageCart .boxCartLeft .itemList .name a{color: #000;}
#main .pageCart .boxCartLeft .itemList .name:hover{text-decoration: underline;}
#main .pageCart .boxCartLeft .itemList .bin{width: 22px;float: right;cursor: pointer;}
#main .pageCart .boxCartLeft .itemList .coursesNo{font-family: "Mitr-Light";font-size: 12px;margin-top: 5px;}
#main .pageCart .boxCartLeft .itemList .quantity{text-align: right;font-family: "Mitr-Light";font-size: 12px;margin-top: 5px;}
#main .pageCart .boxCartLeft .itemList .iconAll{float: left;border-radius: 25px;margin: 10px 5px 0 0;padding: 0px 5px 2px;background-color: #ffc611;color: #fff;font-size: 8px;}
#main .pageCart .boxCartLeft .itemList .price{font-size: 15px;text-align: right;color: #ff0000;margin-top: 8px;}
#main .pageCart .boxCartRight{padding-top: 15px;font-family: "Mitr-Light";padding-bottom: 60px;}
#main .pageCart .boxCartRight .titlePrice{text-align: center;font-size: 20px;border-radius: 25px;background-color: #ffedb3;padding: 5px 0;font-family: "Mitr-R";margin:0 15px 10px;}
#main .pageCart .boxCartRight .title{font-size: 11px;}
#main .pageCart .boxCartRight .titlecenter{text-align: center;}
#main .pageCart .boxCartRight .box{padding: 0 15px;}
#main .pageCart .boxCartRight .boxitemList1{padding: 0 15pxs;}
#main .pageCart .boxCartRight .boxitemList{padding: 10px 15px;border-bottom: 2px solid #000;}
#main .pageCart .boxCartRight .boxitemList:last-child{border: none;}
#main .pageCart .boxCartRight .boxitemList .nameCourses{font-family: "Mitr-R";font-size: 12px}
#main .pageCart .boxCartRight .boxitemList .noCourses{font-size: 12px;font-size: 11px;margin:  2px 0 0 13px;}
#main .pageCart .boxCartRight .boxitemList .priceCourses{font-size: 12px;text-align: right;}
#main .pageCart .boxCartRight .boxSum1{font-size: 15px;padding: 20px 15px 0;border-top: 3px solid #ffc712;margin-top: 15px;}
#main .pageCart .boxCartRight .boxSum1 .titlesum{margin-left: 13px;}
#main .pageCart .boxCartRight .boxSum1 .pricesum{text-align: right;}
#main .pageCart .boxCartRight .boxTotal{font-family: "Mitr-R";font-size: 15px;padding: 25px 15px;background-color: #f3f4f4;margin-top: 18px;border-radius: 25px;}
#main .pageCart .boxCartRight .boxTotal .titlesum {margin-left: 13px;}
#main .pageCart .boxCartRight .boxTotal .pricesum {text-align: right;color: #000;font-family: "Mitr-Light";}
#main .pageCart .boxCartRight .boxTotal .pricedis {text-align: right;color: #ff0000;}
#main .pageCart .boxCartRight .boxTotal .netAmount{text-align: right;color: #000;}
#main .pageCart .boxCartRight .btnClickStep2{background-color: #ffc712;margin-top: 15px;font-size: 15px;padding: 10px 0;width: -webkit-fill-available;border: none;}
#main .pageCart .boxCartRight .clickCourses{text-align: center;font-size: 12px;margin-top: 15px;text-decoration: underline;}
#main .pageCart .boxCartLeft .boxStep2{margin: 15px;padding: 15px ;background-color: #fff;box-shadow: #d5d5d5 0 0 5px;border-radius: 15px;}
#main .pageCart .boxCartLeft .boxStep2 .title{font-family: "Mitr-R";font-size: 15px;}
#main .pageCart .boxCartLeft .boxStep2 .boxSeletedAddress{font-family: "Mitr-Light";font-size: 14px;}
#main .pageCart .boxCartLeft .title2{font-family: "Mitr-Light";font-size: 15px;}
#main .pageCart .boxCartLeft .boxSelete{margin:10px 0 0 20px;}
#main .pageCart .boxCartLeft .boxSelete2{margin: 0px 0 0 20px;}
#main .pageCart .boxCartLeft .inputAll{margin-top: 10px;font-family: "Mitr-Light";font-size: 12px;margin-top: 5px;}
#main .pageCart .stepComfirm{max-width: 670px!important;font-family: "Mitr-Light";padding-bottom: 60px;}
#main .pageCart .stepComfirm .title{margin-top: 25px;font-size: 12px;text-align: center;}
#main .pageCart .stepComfirm .headTitle{height: 25px;line-height: 25px;font-family: "Mitr-R";font-size: 13px;display: block;margin:25px auto 0;background-color: #ffc91b;padding: 0 15px;width: max-content;border-radius: 15px;}
#main .pageCart .stepComfirm .boxCoursesCart{box-shadow:#c4c4c4 0 0 5px ;padding: 15px 0 0;border-radius: 5px;overflow: hidden;margin-top: 13px;}
#main .pageCart .stepComfirm .boxCoursesCart .tHeadAll{font-size: 12px;}
#main .pageCart .stepComfirm .boxCoursesCart .tHeadPrice{text-align: right;}
#main .pageCart .stepComfirm .boxCoursesCart .tNamePro{font-family: "Mitr-R";}
#main .pageCart .stepComfirm .boxCoursesCart .tall{margin-top: 15px;font-size: 12px;}
#main .pageCart .stepComfirm .boxCoursesCart .tNameNo{font-family: "Mitr-Light";}
#main .pageCart .stepComfirm .boxCoursesCart .tPrice{text-align: right;}
#main .pageCart .stepComfirm .boxCoursesCart .boxTotal{padding: 20px 30px!important;background: #f5f5f5;margin: 15px 0 0;font-family: "Mitr-R";font-size: 15px;}
#main .pageCart .stepComfirm .boxCoursesCart .boxListItem{padding: 0 30px;}
#main .pageCart .stepComfirm .boxCoursesCart .boxTotal .tSumPrice{text-align: right;color: #000;font-family: "Mitr-Light";}
#main .pageCart .stepComfirm .boxCoursesCart .boxTotal .tDiscount{text-align: right;color: #ff0000;font-family: "Mitr-Light";}
#main .pageCart .stepComfirm .boxCoursesCart .boxTotal .tNetAmount{text-align: right;color: #000;font-family: "Mitr-R";}
#main .pageCart .stepComfirm .boxCoursesCart .boxTotal .tTextPrice{text-align: right;}
#main .pageCart .stepComfirm .boxCoursesCart .showAddress{padding:0 30px 15px;font-size: 12px;}
#main .pageCart .stepComfirm .boxCoursesCart .showAddress .name{font-family: "Mitr-R";}
#main .pageCart .stepComfirm .btnAll {width: 240px;font-family: "Mitr-r";text-align: center;font-size: 15px;height: 50px;line-height: 50px;border-radius: 25px;border: none;background-color: #ffc712;display: block;margin: 40px auto 0;}
a.hoverColor:hover {color: #ffc712;}
#main .pageCart .stepComfirm .btnTextAll {font-size: 12px;text-align: center;font-family: "Mitr-Light";text-decoration: underline;margin-top: 15px;cursor: pointer;}
#main .pageCart .completed{padding: 50px 0 150px;}
#main .pageCart .completed .titleCom {text-align: center;font-family: "Mitr-R";font-size: 18px;}
#main .pageCart .completed .thank{display: block;margin: 45px auto;width: 130px;}
#main .pageCart .completed .detailCom {text-align: center;font-family: "Mitr-Light";font-size: 18px;}
#main .pageCart .completed .btnClickStep2 {font-family: "Mitr-R";text-align: center;border-radius: 25px;margin: 0 15px 10px;background-color: #ffc712;margin: 30px auto 0;font-size: 15px;padding: 10px 0;width: -webkit-fill-available;max-width: 300px;border: none;display: ;}
#main .pageCart .completed .clickCourses {text-align: center;font-size: 12px;margin-top: 15px;text-decoration: underline;font-family: "Mitr-Light";}
#main .pageCart .profileBg1 {position: absolute;width: 800px;left: 0;right: 500px;margin: auto;max-width: 100%;}
#main .pageCart .profileBg2 {position: absolute;width: 400px;left: 300px;top: 530px;right: 0;margin: auto;max-width: 100%;}
/*end boxTopOther*/

/*Profile*/
#main .topProfile{background-color: #ffc712;}
#main .topProfile .boxLeftProfile .imgProfile{width: 59px;height: 59px;border-radius: 200px;border: 2px solid #fff;margin: 7px 0;float: left;}
#main .topProfile .boxLeftProfile .box{float: left;margin: 0 0 0 15px;overflow: hidden;}#main .topProfile .boxLeftProfile .box .title{font-family: "Mitr-Light";font-size: 12px;margin:17px 0 0 0;}
#main .topProfile .boxLeftProfile .box .name{font-family: "Mitr-R";font-size: 15px;margin:3px 0 0 0;}
#main .topProfile .boxLeftProfile .boxcenter{width: max-content;margin: auto;overflow: hidden;display: block;}
#main .topProfile .boxLeftProfile .boxcenter .imgCenter{height: 71px;margin-top: 5px;float: left;}
#main .topProfile .boxLeftProfile .boxcenter .title{font-family: "Mitr-R";margin: 40px 0 0 11px;float: left;}
#main .bottomProfile{overflow: hidden;}
#main .bottomProfile .container{position: relative;z-index: 10;}
#main .bottomProfile .boxLeft{background-color: #fffaeb;padding-bottom: 60px;padding-top: 5px;}
#main .bottomProfile .profileBg1{position: absolute;width: 800px;left: 0;right: 500px;margin: auto;max-width: 100%;}
#main .bottomProfile .profileBg2{position: absolute;width: 400px;left: 300px;top: 930px;right: 0;margin: auto;max-width: 100%;}
#main .bottomProfile .boxLeft a{color: #000;}
#main .bottomProfile .boxLeft .boxListMenu{overflow: hidden;padding: 5px 15px 5px 15px;margin: 8px 0 0 0;}
#main .bottomProfile .boxLeft .boxListMenu.active{background-color: #ffc620;}
#main .bottomProfile .boxLeft .boxListMenu .iconAll{width: 25px;margin: 0 13px 0 0;float: left;}
#main .bottomProfile .boxLeft .boxListMenu .text{float: left;font-family: "Mitr-Light";font-size: 12px;margin-top: 3px;}
#main .bottomProfile .boxLeft .boxListMenu:hover .text{text-decoration: underline;}
#main .bottomProfile .boxRight{padding: 0 30px 60px;}
#main .bottomProfile .profileDetail{font-family: "Mitr-Light";}
#main .bottomProfile .profileDetail .boxTitle{overflow: hidden;margin-top: 30px;}
#main .bottomProfile .profileDetail .boxTitle2{margin-top: 30px;}
#main .bottomProfile .profileDetail .boxTitle .text1{float: left;font-size: 15px;text-decoration: underline;}
#main .bottomProfile .profileDetail .boxTitle .boxEdit{float: right;font-size: 12px;margin: 2px 0 0 0;color: #000;}
#main .bottomProfile .profileDetail .boxTitle .boxEdit img{width: 11px;margin:  0 10px 0 0;}
#main .bottomProfile .profileDetail .boxTitle .boxEdit:hover{color: #ffc712;}
#main .bottomProfile .profileDetail .boxDetail{font-size: 13px;margin-top: 0px;}
#main .bottomProfile .profileDetail .boxDetail .row{margin-top: 12px;}
#main .bottomProfile .profileDetail .boxDetail .imgProfile{width: 100%;max-width: 100px;}
#main .bottomProfile .btnAll {width: 200px;font-family: "Mitr-r";text-align: center;font-size: 15px;height: 40px;line-height: 40px;border-radius: 25px;border: none;background-color: #ffc712;display: block;margin: 20px auto 0;}
#main .btnTextAll {font-size: 12px;text-align: center;font-family: "Mitr-Light";text-decoration: underline;margin: 15px auto;cursor: pointer;width: fit-content;display: block;}
#main .bottomProfile a{color: #000;}
#main .bottomProfile a.hoverColor:hover {color: #ffc712;}
#main .bottomProfile .item .boxDetail{border: none;}
#main .bottomProfile .progress{height: 12px;border-radius: 5px;overflow: hidden;}
#main .bottomProfile .progress-bar{background-color: #ffc611;}
#main .bottomProfile .boxItemCoursesLearning{max-width: 235px;width: 100%;display: block;margin: auto;}
div.error {margin-top: 5px;font-family: "Mitr-Light";color: #ff0000;font-size: 13px;}
.textDanger {font-size: 12px;color: #ff0000;}
#main .bottomProfile .boxOrderHistory table{margin-top: 15px;font-size: 13px;}
#main .bottomProfile .boxOrderHistory table .tdHead{font-family: "Mitr-r";text-align: center;}
#main .bottomProfile .boxOrderHistory table .badgeText{font-size: 11px;font-family: "Mitr-r";font-weight: 100;}
#main .bottomProfile .profileDetail .divAlert{font-size: 11px;}
#main .bottomProfile .imgcartPayment{max-width: 450px;width: 100%;margin:0 auto 25px;display: block;,}
#main .bottomProfile .pageCart .stepComfirm{display: block;margin: auto;padding-bottom: 25px;}
#main .bottomProfile .tabLearning{margin-top: 25px;font-size: 13px;font-family: "Mitr-Light";color: #000;}
#main .bottomProfile .tabLearning .tabTitle{padding: 7px 30px 5px;background-color: #ffc611;overflow: hidden;}
#main .bottomProfile .tabLearning .tabTitle .iconTab{width: 25px;float: left;}
#main .bottomProfile .tabLearning .tabTitle .text{margin-left: 10px;margin-top: 2px;}
#main .bottomProfile .tabLearning .text{float: left;margin-top: 2px;}
#main .bottomProfile .tabLearning .boxclickshow{float: right;margin-top: 2px;cursor: pointer;}
#main .bottomProfile .tabLearning .boxclickshow .iconarrow{width: 11px;}
#main .bottomProfile .tabLearning .boxclickshow .iconarrowDown {display: none;}
#main .bottomProfile .tabLearning .tabCoursesTitle{background-color: #f3f3f3;padding: 7px 30px 5px;overflow: hidden;margin-top: -1px;}
#main .bottomProfile .tabLearning .itemSubCourses{padding: 18px 30px;font-size: 12px;font-family: "Mitr-Light";border-bottom: 1px solid #000;overflow: hidden;;display: ;}
#main .bottomProfile .tabLearning .itemSubCourses .boximg{position: relative;background-size: cover;background-position: center;}
#main .bottomProfile .tabLearning .itemSubCourses .img{width: 100%;opacity: 0;}
#main .bottomProfile .tabLearning .itemSubCourses .titleCourses{font-size: 13px;margin-top: 5px;}
#main .bottomProfile .tabLearning .itemSubCourses .boxdetailSubCourses{margin-top: 5px;}
#main .bottomProfile .tabLearning .itemSubCourses:hover .titleCourses{text-decoration: underline;color: #ffc712;}
#main .bottomProfile .tabLearning .itemSubCourses .iconfile{float: left;width: 18px;}
#main .bottomProfile .tabLearning .itemSubCoursesFile{border: none;}
#main .bottomProfile .tabLearning .itemSubCoursesFile .namefile{font-size: 13px;margin: 5px 0 0 15px;float: left;}
#main .bottomProfile .tabLearning .itemSubCoursesFile:hover .namefile{text-decoration: underline;}
#main .bottomProfile .tabLearning .itemSubCoursesFile{padding: 10px 30px 6px;}
#main .bottomProfile .breadcrumb{margin: 15px 0;font-size: 12px;}
#main .bottomProfile .breadcrumb .breadcrumb-item:hover{text-decoration: underline;}
#main .bottomProfile .phyVideoCourses{margin-top: 20px;}
#contentVideo{left: 0;top: 0;height: 100%;width: 100%;position: relative;}
#main .bottomProfile .boxBtnNextPrev{overflow: hidden;font-family: "Mitr-Light";font-size: 14px;margin-top: 10px;}
#main .bottomProfile .boxBtnNextPrev a{color: #000;}
#main .bottomProfile .boxBtnNextPrev .boxbtnNext:hover,#main .bottomProfile .boxBtnNextPrev .boxbtnPrev:hover{text-decoration: underline;}
#main .bottomProfile .boxBtnNextPrev .boxbtnPrev{float: left;}
#main .bottomProfile .boxBtnNextPrev .boxbtnNext {float: right;}
/*topProfile*/
/*curr*/
#main .topPageCurr{position: relative;z-index: 10;}
#main .topPageCurr .topLeftch{position: relative;width: 300px;margin: 24px 0 0 75px;z-index: 10;}
#main .topPageCurr .topRighttch{position: absolute;width: 490px;bottom: 0;right: 150px;}
#main .pageCurrHi{background-color: #f8f8f8;}
#main .pageCurrHi .bg{position: absolute;top: 0;width: 100%;height: 840px;background-image: url('../images/frontend/curriHiBg.jpg');background-size: cover;background-position: bottom center;}
#main .pageCurrHi .curriHiLainamA{position: absolute;width: 580px;left: 0;right: 900px;margin: auto;top: -150px;}
#main .pageCurrHi .curriHiHat {position: absolute;width: 170px;left: 0;right: 1105px;margin: auto;top: 324px;}
#main .pageCurrHi .curriHiLainamB {position: absolute;width: 145px;left: 900px;right: 0;margin: auto;top: 74px;}
#main .pageCurrHi .curriHiLainamC {position: absolute;width: 340px;left: 400px;right: 0;margin: auto;top: 254px;}
#main .pageCurrHi .curriHiGlasses {position: absolute;width: 160px;left: 800px;right: 0;margin: auto;top: 726px;}
#main .pageCurrHi .curriHiBook {position: absolute;width: 150px;left: 500px;right: 0;margin: auto;top: 1352px;}
#main .pageCurrHi .boxCurrHi {width: 860px;} 
#main .pageCurrHi .boxCurrAll{margin: 70px auto 60px;padding: 0 0 30px;}
#main .pageCurrHi .boxCurrAll.timeline{margin-top: 20px;}
#main .pageCurrHi .boxCurrHi .curriHiChart {width: 860px;}
#main .pageCurrHi .boxCurrHi .boxCHiAll{max-width: 474px;width: 47%;height: 7%;position: absolute;min-width: 474px;}
#main .pageCurrHi .boxCurrHi .boxCHiAll .boxl{font-family: "Mitr-R";font-size: 17px;position: absolute;top: -11px;left: 193px;bottom: 0;margin: auto;height: max-content;width: max-content;line-height: 1.5;}
#main .pageCurrHi .boxCurrHi .boxCHiAll .boxR {font-family: "Mitr-Light";font-size: 12px;position: absolute;top: -3px;left: 318px;bottom: 0;margin: auto;height: max-content;width: max-content;line-height: 1.5;}
#main .pageCurrHi .boxCurrAll a:hover{color: #ffc712;}
#main .pageCurrHi .boxCurrHi .boxCHi1 {top: 0.5%;left: 252px;}
#main .pageCurrHi .boxCurrHi .boxCHi2 {top: 9%;left: 252px;}
#main .pageCurrHi .boxCurrHi .boxCHi3 {top: 18%;left: 252px;}
#main .pageCurrHi .boxCurrHi .boxCHi4 {top: 27.1%;left: 252px;}
#main .pageCurrHi .boxCurrHi .boxCHi5 {top: 36.1%;left: 252px;}
#main .pageCurrHi .boxCurrHi .boxCHi6 {top: 45.3%;left: 252px;}
#main .pageCurrHi .boxCurrHi .boxCHiAll2{font-family: "Mitr-R";font-size: 17px;position: absolute;text-align: center;max-width: 228px;width: 23%;height: 7.5%;min-width: 228px;}
#main .pageCurrHi .boxCurrHi .boxCHiAll2 .boxl{position: absolute;height: max-content;width: max-content;line-height: 1.5;left: 0;right: 0;bottom: 0;top: -7px;margin: auto;}
#main .pageCurrHi .boxCurrHi .boxCHiAll2-1{left: 10px;top: 60%;}
#main .pageCurrHi .boxCurrHi .boxCHiAll2-2 {left: 257px;top: 60%;}
#main .pageCurrHi .boxCurrHi .boxCHiAll2-3 {left: 623px;top: 60%;}
#main .pageCurrHi .boxCurrHi .boxCHiAll3 {font-family: "Mitr-R";font-size: 17px;position: absolute;text-align: center;max-width: 275px;width: 28%;height: 4.2%;min-width: 275px;}
#main .pageCurrHi .boxCurrHi .boxCHiAll3 .boxl {position: absolute;height: max-content;width: max-content;line-height: 1.5;left: 0;right: 0;bottom: 0;top: -1px;margin: auto;}
#main .pageCurrHi .boxCurrHi .boxCHiAll3-1{left: 315px;top: 72.5%;}
#main .pageCurrHi .boxCurrHi .boxCHiAll3-2 {left: 315px;top: 79.3%;}
#main .pageCurrHi .boxCurrHi .boxCHiAll3-3 {left: 315px;top: 86.5%;}
#main .pageCurrHi .boxCurrHi .boxCHiAll3-4 {left: 315px;top: 93.4%;}
#main .pageCurrHi .boxCurrHi .textAll {font-family: "Mitr-R";font-size: 17px;position: absolute;}
#main .pageCurrHi .boxCurrHi .textAll1{top: 53.8%;left: 306px;}
#main .pageCurrHi .boxCurrHi .textAll2{top: 53.8%;left: 555px;}
#main .pageCurrHi .boxCurrJu{width: 990px;}
#main .pageCurrHi .boxCurrJu .curriJuChart {width: 990px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll {max-width: 477px;width: 48%;height: 8%;position: absolute;min-width: 477px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll .boxl {font-family: "Mitr-R";font-size: 17px;position: absolute;top: -8px;left: 196px;bottom: 0;margin: auto;height: max-content;width: max-content;line-height: 1.5;}
#main .pageCurrHi .boxCurrJu .boxCJuAll .boxR {font-family: "Mitr-Light";font-size: 12px;position: absolute;top: -7px;left: 321px;bottom: 0;margin: auto;height: max-content;width: max-content;line-height: 1.5;}
#main .pageCurrHi .boxCurrJu .boxCJuAll span{color: #ff8f22;}
#main .pageCurrHi .boxCurrJu .boxCJu1{top: 0.2%;left: 251px;}
#main .pageCurrHi .boxCurrJu .boxCJu2 {top: 9.9%;left: 251px;}
#main .pageCurrHi .boxCurrJu .boxCJu3 {top: 19.7%;left: 251px;}
#main .pageCurrHi .boxCurrJu .boxCJu4 {top: 29.7%;left: 251px;}
#main .pageCurrHi .boxCurrJu .boxCJu5 {top: 39.8%;left: 251px;}
#main .pageCurrHi .boxCurrJu .boxCJu6 {top: 50%;left: 251px;}
#main .pageCurrHi .boxCurrJu .textAll{font-family: "Mitr-R";font-size: 17px;position: absolute;}
#main .pageCurrHi .boxCurrJu .textAll1{top: 59.5%;left: 259px;}
#main .pageCurrHi .boxCurrJu .textAll2{top: 59.5%;left: 587px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2 {font-family: "Mitr-R";font-size: 17px;position: absolute;text-align: center;max-width: 228px;width: 23%;height: 8%;min-width: 228px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2 .boxl {position: absolute;height: max-content;width: max-content;line-height: 1.5;left: 0;right: 0;bottom: 0;top: -7px;margin: auto;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2-1{top: 66.7%;left: 11px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2-2 {top: 66.7%;left: 256px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2-3 {top: 66.7%;left: 754px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2-4 {top: 76.3%;left: 11px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2-5 {top: 76.3%;left: 256px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2-6 {top: 76.3%;left: 505px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2-7 {top: 76.3%;left: 754px;}
#main .pageCurrHi .boxCurrJu .boxCJuAll2-8 {top: 87.5%;left: 131px;}
#main .pageCurrHi .bgCurrJu{position: absolute;bottom: 0;width: 100%;height: 600px;background-image: url('../images/frontend/curriJu9.png');background-size: cover;background-position: top center;}
#main .pageCurrHi .curriJu2{position: absolute;width: 600px;left: 0;right: 580px;margin: auto;top: -100px;}
#main .pageCurrHi .curriJu3 {position: absolute;width: 75px;left: 700px;right: 0px;margin: auto;top: 56px;}
#main .pageCurrHi .curriJu4 {position: absolute;width: 145px;left: 750px;right: 0px;margin: auto;top: 70px;}
#main .pageCurrHi .curriJu5 {position: absolute;width: 135px;left: 0;right: 850px;margin: auto;top: 380px;}
#main .pageCurrHi .curriJu6 {position: absolute;width: 350px;left: 500px;right: 0px;margin: auto;top: 300px;}
#main .pageCurrHi .curriJu7 {position: absolute;width: 96px;left: 500px;right: 0px;margin: auto;top: 1220px;}
#main .pageCurrHi .curriJu8 {position: absolute;width: 103px;left: 0px;right: 0px;margin: auto;top: 1180px;}
#main .pagePlan{padding: 10px 0 120px;}
#main .pagePlan .boxPlanIn{margin-top: 25px;}
#main .pagePlan .boxOut{border-radius: 15px;overflow: hidden;font-family: "Mitr-R";width: 1000px;}
#main .pagePlan .boxOut .icon{height: 25px;margin: 0 0 0 5px;}
#main .pagePlan .boxOut .boxHead{font-size: 18px;text-align: center;padding: 6px 0;}
#main .pagePlan .boxOut .bgSubHeead{background-color: #e7e7e9;}
#main .pagePlan .boxOut .boxSubHead {font-size: 17px;text-align: center;padding: 6px 0;}
#main .pagePlan .boxOut .boxBgDetail {background-color: #fff;}
#main .pagePlan .boxOut .boxDetail {font-size: 15px;text-align: center;padding: 6px 0;font-family: "Mitr-Light";color: #989797;}
#main .pagePlan .boxOut .boxDetail a{color: #989797;}
#main .pagePlan .boxOut .boxDetail a:hover{color: #ffc712;}
#main .pagePlan .boxOut .boxBgDetailBr{border-right: 1px solid #e7e7e9;}
#main .pagePlan .boxiconAll{padding: 4px 10px;font-size: 15px;border-radius: 20px;width: max-content;font-family: "Mitr-R";margin-top: 20px;margin-bottom: 5px;}
#main .pagePlan .textAll{font-family: "Mitr-Light";font-size: 15px;margin-top: 5px;}
#main .pagePlan .picimg1{position: absolute;width: 600px;left: 0;right: 880px;margin: auto;top: -100px;}
#main .pagePlan .picimg2 {position: absolute;width: 150px;left: 1280px;right: 0px;margin: auto;top: 260px;}
#main .pagePlan .picimg3 {position: absolute;width: 190px;left: 0;right: 1300px;margin: auto;top: 960px;}
#main .pagePlan .picimg4 {position: absolute;width: 700px;left: 900px;right: 0;margin: auto;top: 1400px;}
#main .pagePlan .picimg5 {position: absolute;width: 95px;left: 200px;right: 0;margin: auto;top: 1850px;}
#main .pagePlan .picimg2-2{position: absolute;width: 90px;left: 0;right: 1280px;margin: auto;top: 244px;}
#main .pagePlan .picimg3-2 {position: absolute;width: 132px;right: 0;left: 1280px;margin: auto;top: 580px;}
#main .pagePlan .picimg4-2 {position: absolute;width: 637px;right: 0;left: 1516px;margin: auto;top: 671px;}
#main .pagePlan .picimg5-2 {position: absolute;width: 300px;right: 0;left: 316px;margin: auto;top: 1401px;}
#main .pageTimeline .timeline .thover .box{font-family: "Mitr-Light";text-align: center;font-size: 15px;position: absolute;height: max-content;width: max-content;line-height: 1.5;left: 0;right: 0;bottom: 0;top: 1px;margin: auto;}
#main .pageTimeline .timeline .thover{color: #000;}
#main .pageTimeline .timeline .thover:hover{color: #ffc712;}
#main .pageTimeline .timeline .tjbox1All{position: absolute;width: 68px;height: 291px;}
#main .pageTimeline .timeline .tjbox1{top: 26px;left: 236px;}
#main .pageTimeline .timeline .tjbox2{top: 26px;left: 312px;}
#main .pageTimeline .timeline .tjbox3{top: 26px;left: 386px;}
#main .pageTimeline .timeline .tjbox2All {position: absolute;width: 522px;height: 95px;}
#main .pageTimeline .timeline .tjbox3All{position: absolute;width: 216px;height: 95px;}
#main .pageTimeline .timeline .tjbox4 {top: 25px;left: 458px;}
#main .pageTimeline .timeline .tjbox5 {top: 123px;left: 458px;}
#main .pageTimeline .timeline .tjbox6 {top: 221px;left: 458px;}
#main .pageTimeline .timeline .box2All{font-family: "Mitr-Light";font-size: 15px;position: absolute;height: max-content;width: max-content;line-height: 1.4;bottom: 0;top: 4px;margin: auto;}
#main .pageTimeline .timeline .box2All .boxleft1{float: left;margin: 0 0 0 15px;width: 25px;}
#main .pageTimeline .timeline .box2All .boxleft2{float: left;margin: 0 5px 0 0px;width: 5px;}
#main .pageTimeline .timeline .box2All .boxleft3{float: left;}
#main .pageTimeline .timeline .tjbox7 {top: 326px;left: 238px;width: 216px;height: 70px;}
#main .pageTimeline .timeline .tjbox8 {top: 326px;left: 458px;height: 69px;}
#main .pageTimeline .timeline .tjbox9 {top: 400px;left: 238px;height: 122px;}
#main .pageTimeline .timeline .tjbox10 {top: 400px;left: 458px;height: 122px;}
#main .pageTimeline .timeline .tjbox11 {top: 526px;left: 238px;height: 67px;}
#main .pageTimeline .timeline .tjbox12 {top: 526px;left: 458px;height: 67px;}
#main .pageTimeline .timeline .tjbox13 {top: 599px;left: 238px;height: 94px;}
#main .pageTimeline .timeline .tjbox14 {top: 599px;left: 458px;height: 94px;}
#main .pageTimeline .timeline .tjbox15 {top: 699px;left: 238px;height: 71px;}
#main .pageTimeline .timeline .tjbox16 {top: 699px;left: 458px;height: 71px;}
#main .pageTimeline .timeline .tjbox17 {top: 779px;left: 238px;height: 121px;}
#main .pageTimeline .timeline .tjbox18 {top: 779px;left: 458px;height: 121px;}
#main .pageTimeline .timeline .tjbox19 {top: 905px;left: 238px;height: 77px;width: 440px;}
#main .pageTimeline .timeline .tjbox20 {top: 986px;left: 238px;height: 77px;width: 440px;}
#main .pageTimeline .timeline .tjbox21 {top: 400px;left: 683px;height: 664px;width: 94px;}
#main .pageTimeline .timeline .tjbox22 {top: 400px;left: 785px;height: 664px;width: 94px;}
#main .pageTimeline .timeline .tjbox23 {top: 400px;left: 885px;height: 664px;width: 94px;}
#main .pageTimelineJu .bg1{width: 100%;background-color: #81d3bf;height: 344px;position: absolute;top: 0;}
#main .pageTimelineJu .bg2{width: 100%;background-color: #c8efea;height: 298px;position: absolute;top: 418px;}
#main .pageTimelineJu .bg3 {width: 100%;background-color: #ebebeb;height: 425px;position: absolute;top: 795px;}
#main .pageTimeline .timeline .thbox1 {top: 23px;left: 236px;height: 93px;width: 215px;}
#main .pageTimeline .timeline .thbox2 {top: 120px;left: 236px;height: 93px;width: 215px;}
#main .pageTimeline .timeline .thbox3 {top: 219px;left: 236px;height: 93px;width: 215px;}
#main .pageTimeline .timeline .thbox4 {top: 320px;left: 236px;height: 93px;width: 215px;}
#main .pageTimeline .timeline .thbox5 {top: 421px;left: 236px;height: 130px;width: 215px;}
#main .pageTimeline .timeline .thbox6 {top: 557px;left: 236px;height: 130px;width: 215px;}
#main .pageTimeline .timeline .thbox7 {top: 23px;left: 460px;height: 93px;width: 424px;}
#main .pageTimeline .timeline .thbox8 {top: 120px;left: 460px;height: 93px;width: 424px;}
#main .pageTimeline .timeline .thbox9 {top: 219px;left: 460px;height: 93px;width: 424px;}
#main .pageTimeline .timeline .thbox10 {top: 320px;left: 460px;height: 93px;width: 424px;}
#main .pageTimeline .timeline .thbox11{top: 421px;left: 460px;height: 130px;width: 424px;}
#main .pageTimeline .timeline .thbox12{top: 557px;left: 460px;height: 130px;width: 424px;}
#main .pageTimeline .timeline .thbox13 {top: 23px;left: 891px;height: 665px;width: 94px;}
#main .pageTimeline .timeline .thbox14 {top: 693px;left: 236px;height: 130px;width: 361px;}
#main .pageTimeline .timeline .thbox15 {top: 830px;left: 236px;height: 130px;width: 361px;}
#main .pageTimeline .timeline .thbox16 {top: 964px;left: 236px;height: 93px;width: 361px;}
#main .pageTimeline .timeline .thbox17 {top: 693px;left: 602px;height: 130px;width: 382px;}
#main .pageTimeline .timeline .thbox18 {top: 830px;left: 602px;height: 130px;width: 382px;}
#main .pageTimeline .timeline .thbox19 {top: 964px;left: 602px;height: 93px;width: 382px;}
#main .pageTimelineHi .bg1{width: 100%;background-color: #81bcd3;height: 338px;position: absolute;top: 0;}
#main .pageTimelineHi .bg2 {width: 100%;background-color: #c6e7ef;height: 295px;position: absolute;top: 415px;}
#main .pageTimelineHi .bg3 {width: 100%;background-color: #ebebeb;height: 408px;position: absolute;top: 790px;}
/*pageReview*/
#main .pageReview{padding-bottom: 200px;}
#main .pageReview .bgReview{position: absolute;top: 0;width: 100%;height: 1300px;background-position: top center;background-size: cover;background-image: url('../images/frontend/reviewbg.png');}
#main .pageReview .img1{position: absolute;left: 0;right: 1200px;margin: auto;width: 61px;top: 150px;}
#main .pageReview .img2 {position: absolute;left: 0;right: 1400px;margin: auto;width: 27px;top: 200px;}
#main .pageReview .img3 {position: absolute;left: 0;right: 1600px;margin: auto;width: 204px;top: 1150px;}
#main .pageReview .img4 {position: absolute;left: 1300px;right: 0px;margin: auto;width: 108px;top: 650px;}
#main .pageReview .img5 {position: absolute;left: 1300px;right: 0px;margin: auto;width: 160px;top: 1900px;}
#main .pageReview .img6 {position: absolute;left: 50px;right: 0px;margin: auto;width: 430px;bottom: -100px;}
#main .pageReview .imgConHead{padding-top: 40px;width: 240px;display: block;margin: auto;}
#main .pageReview .text1{font-family: 'Mali-semiBold';font-size:20px;text-align: center;margin-top: 15px;}
#main .pageReview .boxTitle{margin-top: 40px;font-family: 'Mitr-M';font-size: 15px;text-align: center;padding-bottom: 10px;border-bottom: 2px #dfddd7 solid; }
#main .pageReview .boxReviewHilight .itemReview{display:block;margin:30px auto 0;max-width: 280px;position: relative;}
#main .pageReview .boxReviewHilight .itemReview .bgImg{width: 100%;}
#main .pageReview .boxReviewHilight .itemReview .boxImgIn{border-radius: 127px;position: absolute;overflow: hidden;max-width: 217px;left: 3%;right: 0;margin: auto;top: 9.5%;width: 75%;background-size: contain;background-position: center;}
#main .pageReview .boxReviewHilight .itemReview .boxImgIn .cl{width: 100%;opacity: 0;}
#main .pageReview .boxReviewHilight .itemReview .textIn{font-family: "Mitr-R";font-size: 13px;text-align: center;margin-top: -18%;left: 5%;}
#main .pageReview .boxReviewHilight .itemReview .detail{font-family: "Mitr-Light";font-size: 12px;margin-top: 25px;}
#main .pageReview .boxReviewHilight .itemReview .name{font-family: "Mitr-R";font-size: 12px;text-align: right;margin-top: 10px;}
#main .pageReview .boxReviewHilight .itemReview .nameCourses{font-family: "Mitr-Light";font-size: 12px;text-align: right;margin-top: 5px;}
#main .pageReview .boxReviewHilight .itemReviewAll .textIn{font-size: 11px;}
#main .pageReview .boxReviewHilight .itemReviewAll .boxImgIn{top: 4.5%;}
#main .pageReviewThank{padding:20px 0 200px;}
#main .pageReviewThank .boxTitle{max-width: 450px;width: 100%;min-height: 170px;padding: 25px 0 30px;background-image: url('../images/frontend/review15.png');background-position: top center;background-size: contain;display: block;margin: auto;background-repeat: no-repeat;}
#main .pageReviewThank .boxTitle .imgtext{max-width: 280px;width: 100%;display: block;margin: auto;}
#main .pageReviewThank .boxTitle .text{font-family: 'Mali-semiBold';font-size: 20px;text-align: center;line-height: 1.7;margin-top: 10px;}
#main .pageReviewThank .boxItem{margin: 25px 0 40px;}
#main .pageReviewThank .boxItem .boxImg{width: 100%;position: relative;background-position:top center;background-size: cover;overflow: hidden;border-radius: 5px;}
#main .pageReviewThank .boxItem .boxImg img{opacity: 0;width: 100%;}
#main .pageReviewThank .boxItem .name{font-size: 16px;font-family: 'Mali-semiBold';margin-top: 10px;text-align: right;}
#main .pageReviewThank .boxItem .text1{font-size: 12px;font-family: 'Mali-semiBold';margin-top: 4px;text-align: right;}
#main .pageReviewThank .boxItem .detail{font-family: "Mitr-Light";font-size: 11px;margin-top: 10px;}
#main .pageReviewThank .bgReview {position: absolute;top: 0;width: 100%;height: 900px;background-position: top center;background-size: contain;background-image: url('../images/frontend/review24.jpg');}
#main .pageReviewThank .img1{position: absolute;left: 700px;right: 0;margin: auto;width: 78px;top: 50px;}
#main .pageReviewThank .img2{position: absolute;left: 0px;right: 1250px;margin: auto;width: 165px;top: 300px;}
#main .pageReviewThank .img3{position: absolute;left: 0px;right: 1200px;margin: auto;width: 133px;top: 850px;}
#main .pageReviewThank .img4{position: absolute;left: 500px;right: 0;margin: auto;width: 520px;top: 500px;}
#main .pageReviewThank .img5{position: absolute;left: 1400px;right: 0;margin: auto;width: 210px;top: 990px;}
#main .pageReviewThank .img6{position: absolute;left: 0;right: 1000px;margin: auto;width: 490px;top: 1200px;}
#main .pageReviewThank .img7{position: absolute;left: 1350px;right: 0;margin: auto;width: 77px;top: 1500px;}
#main .pageReviewVdo .itemVdo{margin: 25px auto 30px;max-width: 300px;width: 100%;display: block;cursor: pointer;}
#main .pageReviewVdo .itemVdo .boxImg{position: relative;overflow: hidden;}
#main .pageReviewVdo .itemVdo .boxImg .boxHover{background-color: #000;opacity: 0;position:absolute;width: 100%;height: 100%;top: 0;}
#main .pageReviewVdo .itemVdo .boxImg .play{position: absolute;width: 25px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;opacity: 0;}
#main .pageReviewVdo .itemVdo .boxImgIn{position: relative;width: 107px;height: 107px;z-index: 10;background-color: #fff;overflow: hidden;border-radius: 150px;float: left;}
#main .pageReviewVdo .itemVdo .boxtext{float: left;font-family: "Mitr-R";font-size: 12px;position: relative;margin: 35px 0 0 8px;}
#main .pageReviewVdo .itemVdo .boxImgIn .pic{position:absolute;width: 100px;height: 100px;border-radius: 150px;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
#main .pageReviewVdo .itemVdo .boxContent{height: 57px;width: 90%;position: absolute;background-image: url('../images/frontend/review28.png');background-size: cover;border-radius: 10px;top: 25px;right: 0;}
#main .pageReviewVdo .itemVdo .detail {font-family: "Mitr-Light";font-size: 11px;margin-top: 10px;}
#main .pageReviewVdo .itemVdo .name{font-family: "Mitr-R";font-size: 12px;text-align: right;margin-top: 10px;}
#main .pageReviewVdo .itemVdo .nameCourses{font-family: "Mitr-Light";font-size: 12px;text-align: right;margin-top: 5px;}
#main .pageReviewVdo .itemVdo:hover .boxImg .boxHover{opacity: 0.5;}
#main .pageReviewVdo .itemVdo:hover .boxImg .play{opacity: 1;}
#main .pageReviewVdo .itemVdo:hover{color: #000;}
body.bodypageReview .mfp-auto-cursor .mfp-content{max-width: 750px;padding-top: 45px;}
#main .pageReviewVdo .bgReview {position: absolute;top: 0;width: 100%;height: 900px;background-position: top center;background-size: contain;background-image: url('../images/frontend/review24.jpg');}
#main .pageReviewVdo .imgV1 {position: absolute;left: 700px;right: 0;margin: auto;width: 78px;top: 50px;}
#main .pageReviewVdo .imgV2 {position: absolute;left: 0;right: 1000px;margin: auto;width: 500px;top: 60px;}
#main .pageReviewVdo .imgV3 {position: absolute;left: 0;right: 1100px;margin: auto;width: 125px;top: 323px;}
#main .pageReviewVdo .imgV4 {position: absolute;left: 1100px;right: 0;margin: auto;width: 63px;top: 445px;}
#main .pageReviewVdo .imgV5 {position: absolute;left: 1200px;right: 0;margin: auto;width: 150px;top: 700px;}
#main .pageReviewVdo .imgV6 {position: absolute;left: 900px;right: 0;margin: auto;width: 635px;top: 800px;}
#main .pageReviewVdo .imgV7 {position: absolute;left: 0;right: 1100px;margin: auto;width: 120px;top: 900px;}
#main .pageundercon{padding-bottom: 50px;}
#main .pageundercon .underconstruction{max-width: 600px;width: 100%;display: block;margin: 70px auto 0;}
#main .pageundercon .text{font-family: "Mitr-Light";font-size: 18px;text-align: center;margin-top: 70px;}
#main .pageundercon .btn{max-width: 260px;text-align: center;width: 100%;padding: 10px 0;font-family: "Mitr-R";font-size: 15px;background-color: #ffc712;border-radius: 15px;display: block;margin:  30px auto 0;}
/*pageHowApply*/
#main .pageHowApply .applyTop{width: 100%;margin-top: 70px;}
#main .pageHowApply .boxAllStep{max-width: 800px;width: 100%;display: block;margin:75px auto 0;}
#main .pageHowApply .boxAllStep .boxtitle{font-size: 18px;max-width: fit-content;color: #fff;padding: 10px 20px 12px;border-radius: 25px;margin: auto;position: relative;z-index: 1;}
#main .pageHowApply .boxAllStep .boxImgAll{position: relative;max-width: 400px;display: block;margin:50px auto 0;}
#main .pageHowApply .boxAllStep .boxImgAll .imgStep{width: 100%;}
#main .pageHowApply .boxAllStep .boxImgStep1 .bg{width: 434px;position: absolute;left: -131px;right: 0;top: -118px;margin: auto;}
#main .pageHowApply .boxAllStep .boxdetail{font-size: 16px;position: relative;z-index: 1;margin-top: 34px;}
#main .pageHowApply .boxAllStep .boxdetail li{margin-top: 10px;}
#main .pageHowApply .boxAllStep .boxdetail a{color: #000;}
#main .pageHowApply .boxAllStep .boxdetail a:hover{color: #747474;}
#main .pageHowApply .boxAllStep .boxdetail .applyIcon{width: 20px;margin: -3px 0 0 5px;cursor: pointer;}
#main .pageHowApply .boxAllStep .boxImgStep2 .bg {width: 375px;position: absolute;left: 195px;right: 0;top: -153px;margin: auto;}
#main .pageHowApply .boxAllStep .boxImgStep3 .bg{width: 220px;position: absolute;left: -557px;right: 0;top: -102px;margin: auto;}
#main .pageHowApply .boxAllStep .boxImgStep3 .anime {width: 95px;position: absolute;left: -391px;right: 0;top: 50px;margin: auto;z-index: 1;}
#main .pageHowApply .boxAllStep .boxImgStep4 .bg {width: 207px;position: absolute;left: 328px;right: 0;top: 12px;margin: auto;}
#main .pageHowApply .boxAllStep .boxImgStep4 .anime {width: 122px;position: absolute;left: 372px;right: 0;top: 71px;margin: auto;z-index: 1;}
#main .pageHowApply{background-image: url('../images/frontend/applybgFull.png');background-size: cover;}
/*pageHowApply*/
/*pagePro*/
#main .pagePro {background-image: url('../images/frontend/promoBg1.png');background-size: cover;}
#main .pagePro .promoBg4{width: 400px;position: absolute;left: 1062px;right: 0;top: 420px;z-index: -1;margin: auto;}
#main .pagePro .promoBg2{width: 490px;position: absolute;left: 0;right: 1066px;top: 590px;z-index: -1;margin: auto;}
#main .pagePro .promoBg5{width: 335px;position: absolute;left: 1062px;right: 0;top: 2420px;z-index: -1;margin: auto;}
#main .pagePro .promoBg6{width: 470px;position: absolute;left: 0;right: 1066px;top: 1700px;z-index: -1;margin: auto;}
#main .pagePro .boxItemPro{margin-top: 50px;}
#main .pagePro .boxItemPro:hover img{opacity: 0.8;}
/*pagePro*/

@media (max-width: 2050px) {
    /*slide home*/
    #main .slideTop .bx-wrapper .listSlide{background-size: cover;}
    #main .boxArticle{padding-bottom: 90px;}
}

@media (max-width: 1750px) {
    #main .boxLearning .boxCoursesRecom .boxItemCourses .boxItemCourses1 .item{max-width: 100%;}
    /*pagecontact*/
    #main .pagecontact .contactBg{height: 800px;background-size: contain;}
    #main .pageKruAe .boxGallery .bgGallery{min-height: 1100;background-size: contain;}
    #main .pageArtiDetail .artiDetailBg{height: 1171px;background-size: contain;background-repeat: no-repeat;}
    #main .boxFamily .bg2{background-position: right;background-size: cover;}
}
@media (max-width: 1400px) {
    #main .boxsmartstart .boxContentCenter .picSmart {position: absolute;top: -47px;width: 189px;}
    #main .boxsmartstart .boxContentAll {height: 400px;}
    #main .boxsmartstart .boxContentAll .text1 {font-size: 33px;left: -180px;top: 85px;}
    #main .boxsmartstart .boxContentAll .text2 {font-size: 48px;top: 128px;}
    #main .boxsmartstart .boxContentAll .text3{margin-top: 190px;}
}

@media (max-width: 1199px) {
    /*home*/
    #main .slideHeight {height: 600px;}    
    #main .detailSlide {top: 475px;}
    #main .boxsmartstart .boxContentAll .text1{left: 0;font-size: 27px;top: 40px;}
    #main .boxsmartstart .boxContentAll .text2{font-size: 32px;top: 80px;}
    #main .boxsmartstart .boxContentAll .text3{margin-top: 133px;}
    /*page howHowGood*/
    #main .pageHowGood .anime09,#main .pageHowGood .anime10 {display: none;}
    /*pagecontact*/
    #main .pagecontact .boxLocation{margin-top: 50px;} 
    /*pageKruAe*/
    #main .pageKruAe .bg {height: 636px;background-position: top center;background-size: cover;}
    #main .pageKruAe .boxGallery .boxLeft {height: 300px;}
    #main .pageKruAe .boxGallery .boxCenter1 {height: 397px;}
    #main .pageKruAe .boxGallery .boxCenter2 {height: 204px;}
    #main .pageKruAe .boxGallery .boxRight {height: 631px;}
    #main .pageKruAe .knowCartoon1{display: none;}
    #main .pageKruAe .knowCartoon2{display: none;}
    #main .pageKruAe .knowCartoon6{display: none;}    
    #main .pageKruAe .boxSmart .bgSmart{background-size: cover;background-position: center;}
    #main .pageKruAe .boxTextMindset .bg {width: 92%;height: 474px;position: absolute;top: -110px;}
    /*pageArtiDetail*/
    #main .pageArtiDetail{padding-top: 5px;}
}




@media (max-width: 992px) {/*ipad*/
    #navMenu,#topHeader {display: none;}
    header #headerMobile {display: block;}
    /*home*/
    #cartRight {display: none;}
    #chatRight {display: none;}
    #main .slideHeight {height: 435px;}
    #main .detailSlide {top: 325px;}    
    #main .boxFamily .boxDetail .anime01 {max-width: 225px;float: none;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}    
    #main .boxFamily .boxDetail{padding: 0 0 80px;}
    #main .boxvdo .iconplay{left: 26%;right: auto;}
    #main .boxLearning .cog,#main .boxLearning .mag{display: none;}
    #main .boxLearning .boxtop .boxtext .text1 span{font-size: 28px;}
    #main .boxLearning .boxtop .boxtext{font-size: 19px;}
    #main .boxLearning .boxtop .bglogo {left: -308px;}
    #main .boxLearning .boxtitle .number1 {height: 33px;left: -22px;top: 3px;}
    #main .boxLearning .boxtitle .number2 {height: 33px;margin: -10px 0px 0 0px;}
    #main .boxLearning .boxtitle .number3 {height: 33px;left: -23px;top: 5px;}
    #main .boxLearning .boxtitle{font-size: 26px;}
    #main .boxLearning .box-learning .boxl .detail {margin: 20px 0 40px;}
    #main .boxLearning .boxstudy .logoboxstudy{width: 215px;}
    #main .boxLearning .boxstudy .picanime08 {top: 14px;right: 38px;width: 95px;}
    #main .boxLearning .boxstudy .bgbox{height: 580px;}
    #main .boxLearning .boxStudyPlan .boxImgStudyPland .imgStudyPlan {width: 89%;position: relative;float: right;max-width: 300px;}
    #main .boxLearning .boxStudyPlan .boxImgStudyPland .text {font-size: 23px;top: 172px;left: 84px;}
    #main .boxLearning .boxStudyPlan .item .iconplan {margin: auto;max-width: 200px;}
    #main .boxLearning .boxStudyPlan .item {margin-top: 40px;}
    #main .boxLearning .boxStudyPlan {margin-top: 53px;}
    #main .boxLearning .boxCoursesRecom .cartoonRecom {max-width: 390px;}
    #main .boxLearning .boxCoursesRecom .books {max-width: 300px;}
    #main .boxLearning .boxCoursesRecom .boxin {margin: 65px 0 0;}
    #main .boxLearning .boxCoursesRecom .picbg1{display: none;}
    #main .boxLearning .boxStudyPlan .bgStudyPlan {height: 627px;}
    #main .boxLearning .boxCoursesRecom .logoCourses1 {margin: -85px auto 0;}
    #main .boxItemCourses .item .boxDetail .boxAll .bRight{width: 122px;}
    #main .boxsmartstart .boxContentCenter .picSmart {top: -41px;width: 174px;}
    #main .boxsmartstart .boxContentAll{height: 320px;}
    #main .boxHowtoStudy .picArt1{display:none;}
    #main .boxHowtoStudy .picArt2{display:none;}
    #main .boxHowtoStudy .picArt3{display:none;}
    #main .boxHowtoStudy .boxHowGood .pichowto {max-width: 560px;padding-top: 20px;}
    #main .boxHowtoStudy .boxHowGood .bgHowgood{height: 960px;}
    #main .boxHowtoStudy .picPro{margin: 28px auto 20px;}
    #topFooter .boxTel {font-size: 13px;width: 243px;}
    /*page howHowGood*/
    #main .pageHowGood .title {margin-top: 60px;font-size: 40px;}
    #main .pageHowGood .title2 {font-size: 35px;}
    #main .pageHowGood .detailTop {font-size: 18px;margin-top: 18px;}
    #main .pageHowGood .titleAllLeft {margin-top: 40px;}
    /*pagecontact*/
    #main .pagecontact .boxSoAndMess .contactBoxTitle {width: 160px;height: 29px;font-size: 18px;}
    /*pageKruAe*/
    #main .pageKruAe .imgKruAe{margin:20px auto;display: block;}
    #main .pageKruAe .bg {height: 500px;background-position: top center;background-size: cover;}
    #main .pageKruAe .boxTitle{font-size: 23px;}
    #main .pageKruAe .boxName .boxNameIn {width: 323px;height: 165px;}
    #main .pageKruAe .boxName .boxNameIn .name {font-size: 34px;}
    #main .pageKruAe .boxTitle span{font-size: 30px;}
    #main .pageKruAe .textPhy{font-size: 34px;}
    #main .pageKruAe .information{margin: 47px 15px 0;}
    #main .pageKruAe .information .boxIn{font-size: 25px;}
    #main .pageKruAe .boxGallery .boxLeft {height: 205px;}
    #main .pageKruAe .boxGallery .boxCenter1 {height: 290px;}
    #main .pageKruAe .boxGallery .boxCenter2 {height: 121px;}
    #main .pageKruAe .boxGallery .boxRight {height: 441px;}  
    #main .pageKruAe .textPhyBottom {margin-top: 60px;}   
    #main .pageKruAe .boxSmart {margin-top: 70px;}
    #main .pageKruAe .boxSmart .img4M{max-width: 180px;}
    #main .pageKruAe .boxSmart .detail{font-size: 23px;}
    #main .pageKruAe .boxTextMindset {margin-top: 56px;}
    #main .pageKruAe .boxTextMindset .picAll {width: 35px;}
    #main .pageKruAe .boxTextMindset .detail {font-size: 24px;}
    #main .pageKruAe .boxTextMindset .detail span {font-size: 39px;}
    #main .pageKruAe .boxTextMindset .bg {width: 100%;top: -51px;}
    #main .pageKruAe .boxTextMindset {margin-top: 106px;z-index: 11;}
    #main .pageKruAe .boxArticleKru .item .text {font-size: 23px;}
    /*pageArti*/
    #main .topPageOther .articleTopCenter3, #main .topPageOther .articleTopCenter2, #main .topPageOther .articleTopLight{display: none;}
    #main .topPageOther .articleTopCenter{left: 0;right: 0;}
    /*pageArtiDetail*/
    #main .pageArtiDetail .boxtitle .name {font-size: 23px;}
    /*pageCourses*/
    #main .pageCourses .boxFreeTrial{margin-top: 20px;}
    #main .pageCourses .boxItemCourses .item{max-width: 100%;}
    #main .pageCourses .boxCoursesShow{padding: 35px 0 50px;}
    #main .pageCoursesCate .coureCateLeft .boxFilterDes{display: none;}
    #main .pageCoursesCate .coureCateLeft .boxFilterMo{display: block;}
    #main .pageCoursesCate .coureCateLeft {padding-bottom: 10px;}
    /*pageCoursesDetail*/
    #main .pageCoursesDetail .boxInDetail{padding: 0;}
    #main .pageCoursesDetail .boxInDetail .boxInDetail2{padding: 0;}
    #main .pageCoursesDetail .boxPrice .btnBuy .cart {width: 26px;}
    #main .pageCoursesDetail .boxPrice .btnBuy div {font-size: 16px;margin: 2px 0 0 10px;}
    #main .pageCoursesDetail .boxPrice .btnBuy{padding: 9px 35px;}
    /*curriculum*/
    #main .topPageCurr .topLeftch{margin: 24px 0 0 15px}
    #main .topPageCurr .topRighttch{right: 15px;}
    #main .pageCurrHi .boxCurrAll {overflow-x: scroll;width: auto;}
    #main .pagePlan .boxPlanIn {overflow-x: scroll;}
    /*review*/
    #main .pageReview .img1 {display: none;}
    #main .pageReview .img2 {display: none;}
    #main .pageReview .img3 {display: none;}
    #main .pageReview .img4 {display: none;}
    #main .pageReview .img5 {display: none;}

}


@media (max-width: 767px) {/*mobile*/
    header #headerMobile .boxTop .logo{width: 145px;position: absolute;top: 0;bottom: 0;left: 43px;margin: auto;right: auto;}
    header #headerMobile .navMenuBarMo{font-size: 15px;}
    header .popupMenu .mr100px {padding-right: 20px;}
    header .popupMenu .ml100px {padding-left: 20px;}    
    header #popupMenuLogin .boxClose{padding-top: 15px;}
    #main .boxvdo .iconplay{left: auto;right: auto;position: relative;display: block;margin: 15px auto;width: 80px;}
    #main .boxHowtoStudy .boxHowGood .bgHowgood{height: 1120px;}
    /*home*/
    #main .slideHeight {height: auto;}
    #main .detailSlide {top: 325px;}     
    #main .slideTop .slideImgMo{width: 100%;display: block;}
    #main .slideTop .bx-wrapper .listSlide{background: none;}
    #main .detailSlide .boxBtn .btnall {width: 115px;height: 40px;line-height: 40px;font-size: 13px;}   
    #main .detailSlide {bottom: 75px;top: auto;}     
    #main .slideTop .bx-wrapper .bx-controls .bx-pager {bottom: 6px;}    
    #main .boxFamily .textFamily{float: none;margin: 33px auto 10px;display: block;max-width: 300px;width: 100%;}
    #main .boxFamily .boxDetail .anime01{position: relative;}
    #main .boxFamily .boxDetail{margin: 0;padding: 0 0 40px;background-color: #eceded;}
    #main .boxFamily .boxDetail .anime01 {position: relative;display: block;margin: 10px auto 0;max-width: 165px;}
    #main .boxFamily .boxDetail .title {margin-top: 45px;}
    #main .boxFamily .bg2 {display: none;}
    #main .simpleParallax{display: none;}
    #main .boxFamily{background: #ffc611;}
    #main .boxFamily .bg1{display: none;}
    #main .boxFamily .boxImgBg{display: none;}
    #main .boxFamily .slideItemStudent{margin: 25px auto 35px;}
    #main .boxvdo .boxDetail{float: none;display: block;margin: 40px auto 0;position: relative;}
    #main .boxvdo{padding: 50px 0 60px;}
    #main .boxvdo .boxDetail .text .pic02,#main .boxvdo .boxDetail .text .pic03{width: 30px;}
    #main .boxLearning .boxtop .logo-style{max-width: 270px;margin: 42px auto 0;}
    #main .boxLearning .boxtop .bglogo {left: 0;right: 0;top: -292px;}
    #main .boxLearning .bg1{height: 569px;background-size: cover;}
    #main .boxLearning .boxtop .boxtext{text-align: center;padding: 0;margin: 70px 0 0;}
    #main .boxLearning .boxr{height: 350px;}
    #main .boxLearning .box-learning .iconlive{display: block;margin-top: 20px;}
    #main .boxLearning .box-learning-c .boxtitle {text-align: center;width: 100%;}
    #main .boxLearning .box-learning-c .boxl .detail{padding-top: 0;margin-top: 0;text-align: center;}
    #main .boxLearning .box-learning-c .boxl{padding-bottom: 0;}
    #main .boxLearning .boxstudy .title{font-size: 23px;}
    #main .boxLearning .boxstudy{padding-bottom: 0;}
    #main .boxLearning .boxstudy .bgbox{height: 100%;top: 30px;}
    #main .boxLearning .boxstudy .picanime08{display: none;}
    #main .boxLearning .boxstudy .logoboxstudy{width: 230px;}
    #main .boxLearning .boxStudyPlan .boxtitlePlan{text-align: center;margin-top: 40px;}
    #main .boxLearning .boxStudyPlan .boxImgStudyPland{max-width: 280px;margin-top: 35px;}
    #main .boxLearning .boxStudyPlan .boxImgStudyPland .text {font-size: 21px;top: 137px;left: 65px;}
    #main .boxLearning .boxCoursesRecom .boxin{position: relative;display: block;margin: auto;max-width: 350px;margin-top: 35px;}
    #main .boxLearning .boxCoursesRecom .logoCourses1 {margin: 55px auto 0;}
    #main .boxLearning .boxCoursesRecom .books {max-width: 65%;width: 100%;right: 0;top: 117px;}
    #main .boxLearning .boxStudyPlan .bgStudyPlan {height: 1241px;}
    #main .boxLearning .boxCoursesRecom .boxItemCourses .slick-prev, #main .boxLearning .boxCoursesRecom .boxItemCourses .slick-next{height: 30px;width: 30px;}
    #main .boxLearning .boxCoursesRecom .boxItemCourses .boxItemCourses1 {padding: 0 30px;}
    #main .boxLearning .boxCoursesRecom .boxItemCourses .slick-next {right: 10px;}
    #main .boxLearning .boxCoursesRecom .boxItemCourses .slick-prev {left: 3px;}
    #main .boxLearning .boxCoursesRecom .boxItemCourses .slick-prev:before, #main .boxLearning .boxCoursesRecom .boxItemCourses .slick-next:before {font-size: 30px;}
    .slick-next {right: 20px;}
    .slick-prev {left: 6px;}
    #main .boxArticle .boxvdo2 .boxright{height: 350px;}
    #main .boxHowtoStudy .picHowtoStudy{max-width: 260px;}
    #topFooter {padding: 20px 0 40px;background-position: 25%;}
    #topFooter .logoFooter {width: 225px;margin-top: 15px;}
    #topFooter .boxTel{float: none;display: block;margin: 25px auto 0;}
    #topFooter .boxSocial {width: 187px;display: block;margin: 10px auto 0;}
    #topFooter .qr {margin: 26px auto 35px;width: 140px;display: block;}
    #topFooter .boxAnimeFooter{display: block;margin: auto;float: none;max-width: 400px;width: 100%;}
    /*page howHowGood*/
    body #main .pageHowGood .hidden-mobile {display: none;}
    body #main .pageHowGood .show-mobile {display: block;}
    #main .topPageOther .picEnjoy {max-width: 300px;}
    #main .topPageOther .enjoyText {position: relative;display: block;margin: auto;}
    .br-hide-mo {display: none;}
    #main .pageHowGood .title {margin-top: 50px;font-size: 35px;}
    #main .pageHowGood .title2 {font-size: 30px;line-height: 1.1;margin-top: 10px;}
    #main .pageHowGood .box1 {padding-top: 40px;}
    #main .pageHowGood .titleAllLeft {text-align: center;}
    #main .pageHowGood .detailAll {text-align: left;width: 100%;max-width: 100%;}
    #main .pageHowGood .boxall .boxImgAll {max-width: 85%;width: 100%;margin-top: 40px;}
    #main .pageHowGood .boxImgAllCenter {padding-top: 0;}
    #main .pageHowGood .boxMargin100 {padding-top: 40px;}
    #main .pageHowGood .titleAll {font-size: 24px;}
    #main .pageHowGood .numberAll {height: 24px;}
    #main .pageHowGood .box7 .pic2 {bottom: -16%;right: 0%;}
    /*pagecontact*/
    #main .topPageOther .ImgContactLeft{position: relative;display: block;margin: 35px auto 30px;width: 100%;}
    #main .pagecontact .boxContactDetail .line2,#main .pagecontact .boxContactDetail .line1{display: none;}
    #main .pagecontact .boxContactDetail{margin-top: 15px;}
    #main .pagecontact .boxContactDetail .boxDetail{border-bottom: 1px solid #000;}
    #main .pagecontact .boxSoAndMess {margin: 45px auto 0;}
    #main .pagecontact .boxSoAndMess .boxMessage{margin-top: 45px;}
    #main .pagecontact .contactBg{top: 314px;}
    #main .pagecontact .boxLocation {margin-top: 0px;}
    #main .pagecontact .boxSoAndMess .boxSocial .boxListSocial .list img{margin: 0 15px 0 0;}
    /*pageKruAe*/
    #main .pageKruAe .boxTitle span {font-size: 27px;}
    #main .pageKruAe .boxTitle {font-size: 21px;}
    #main .pageKruAe .boxName .boxNameIn {width: 283px;height: 145px;}
    #main .pageKruAe .boxName .boxNameIn .name {font-size: 30px;}    
    #main .pageKruAe .textPhy {font-size: 29px;}    
    #main .pageKruAe .boxDetailPage{font-size: 22px;}
    #main .pageKruAe .information .boxIn{font-size: 22px;}
    #main .pageKruAe .boxDetailPage{font-size: 19px;}
    .brNoneMo{display: none;}
    #main .pageKruAe .boxGallery .mt {margin-top: 20px;}
    #main .pageKruAe .boxGallery .boxCenter1{margin-top: 20px;}
    #main .pageKruAe .boxGallery .boxRight{margin-top: 20px;}
    #main .pageKruAe .boxGallery .boxCenter2 {height: 156px;}    
    #main .pageKruAe .textPhyBottom {margin-top: 50px;}
    #main .pageKruAe .boxSmart {margin-top: 40px;}
    #main .pageKruAe .boxSmart .imgKnowTopic {margin-top: 100px;}
    #main .pageKruAe .boxSmart .img4M {max-width: 135px;}
    #main .pageKruAe .boxSmart .knowCartoon{display: none;}
    #main .pageKruAe .boxSmart .detail {font-size: 21px;margin-top: 30px;}
    #main .pageKruAe .boxSmart .bgSmart {height: 100%;}
    #main .pageKruAe .boxSmart {margin-top: 40px;padding-bottom: 45px;}
    #main .pageKruAe .boxTextMindset .picAll {width: 30px;}
    #main .pageKruAe .boxTextMindset .detail {font-size: 21px;}
    #main .pageKruAe .boxTextMindset .detail span {font-size: 30px;}    
    #main .pageKruAe .boxTextMindset .pic2 {bottom: -39px;}
    #main .pageKruAe .boxTextMindset .bg {width: 100%;top: -10px;background-size: cover;height: 100%;}
    #main .pageKruAe .boxTextMindset {margin-top: 0px;z-index: 11;padding-bottom: 65px;}
    #main .pageKruAe .boxArticleKru {margin-top: 10px;}   
    #main .pageKruAe .boxArticleKru .item .text {font-size: 20px;}
    #main .pageKruAe .boxArticleKru .item1{margin-bottom: 50px;}
    /*pageArticle*/
    #main .topPageOther .articleTop {margin: 22px auto 0;max-width: 173px;display: block;}    
    #main .topPageOther .articleTopCenter{    position: relative;margin: 20px auto 30px;display: block;}
    #main .pageArticle .boxFilter{padding-top: 0;text-align: center;}
    #main .pageArticle .boxFilter .margininput{margin-top: 15px;}
    /*pageArtiDetail*/
    #main .pageArtiDetail .boxtitle .name {font-size: 21px;}  
    #main .pageArtiDetail .boxRightArticle .boxTitleRight{margin-top: 60px;}
    /*pageCourses*/
    #main .imgTopPageCoursesCate {display: none;}
    #main .imgTopMoPageCoursesCate {display: block;}
    #main .pageCourses .boxFreeTrial{padding:30px 0 60px;}    
    #main .pageCourses .boxFreeTrial .freeTrial{float: none;display: block;margin: auto;}
    #main .pageCourses .boxFreeTrial .bgFreeTrial{height: 100%;top: 0;background: #fffbde;}
    #main .pageCourses .boxFreeTrial .topInboxFreeTrial{margin-top: 30px;}
    #main .pageCourses .boxCoursesShow .boxCateCourse {padding: 5px 15px;font-size: 15px;margin-top: 4px;}
    #main .pageCourses .boxCoursesShow .boxImg img {width: 39px;}
    #main .pageCourses .boxCoursesShow .boxImg {width: 48px;}
    #main .pageCourses .boxItemCourses  .boxSeeAll{float: left;margin-top: 15px;}
    #main .pageCoursesCate .boxFilterDes {display: none;}
    #main .pageCoursesCate .borderT{top: 57px;}
    #main .pageCoursesCate .coureCateRight .countItem{margin-top: 35px;}
    #main .pageCoursesCate .coureCateRight .titleNameCate{margin-top: 14px;}
    #main .pageCoursesCate .coureCateRight .countItem{margin-top: 27px;}

    #main .pageCart .boxCartLeft{padding: 0px 0 15px 0;}
    #main .pageCart .boxCartRight{padding-top: 30px;}
    #main .bottomProfile .boxLeft{padding-bottom: 7px;}
    #main .topProfile .boxLeftProfile .box{display: none;}
    #main .topProfile .boxLeftProfile .imgProfile{display: none;}
    #main .bottomProfile .profileBg2,#main .bottomProfile .profileBg1{display: none;}
    #main .topPageCurr .topLeftch{display: block;margin:30px auto 0;max-width: 300px;width: 100%;}
    #main .topPageCurr .topRighttch{display: none;}
    #main .pageCurrHi .curriHiLainamA {display: none;}
    #main .pageCurrHi .curriHiHat {display: none;}
    #main .pageCurrHi .curriHiLainamB {display: none;}
    #main .pageCurrHi .curriHiLainamC {display: none;}
    #main .pageCurrHi .curriHiGlasses {display: none;}  
    #main .pageCurrHi .curriHiBook {display: none;}
    #main .pageCurrHi .curriJu2 {display: none;}
    #main .pageCurrHi .curriJu3 {display: none;}
    #main .pageCurrHi .curriJu4 {display: none;}
    #main .pageCurrHi .curriJu5 {display: none;}
    #main .pageCurrHi .curriJu6 {display: none;}
    #main .pageCurrHi .curriJu7 {display: none;}
    #main .pageCurrHi .curriJu8 {display: none;}
    #main .pagePlan .picimg1 {display: none;}
    #main .pagePlan .picimg2 {display: none;}
    #main .pagePlan .picimg3 {display: none;}
    #main .pagePlan .picimg4 {display: none;}
    #main .pagePlan .picimg5 {display: none;}
    #main .pagePlan .picimg2-2 {display: none;}
    #main .pagePlan .picimg3-2 {display: none;}
    #main .pagePlan .picimg4-2 {display: none;}
    #main .pagePlan .picimg5-2 {display: none;}
    /*review*/
    #main .pageReview .img6 {display: none;}
    #main .pageReviewThank .img1 {display: none;}
    #main .pageReviewThank .img2 {display: none;}
    #main .pageReviewThank .img3 {display: none;}
    #main .pageReviewThank .img4 {display: none;}
    #main .pageReviewThank .img5 {display: none;}
    #main .pageReviewThank .img6 {display: none;}
    #main .pageReviewThank .img7 {display: none;}
    #main .bottomProfile .tabLearning .itemSubCourses{padding: 13px 15px;}
    #main .bottomProfile .tabLearning .tabCoursesTitle {padding: 7px 15px 5px;}
    #main .bottomProfile .tabLearning .tabTitle {padding: 7px 15px 5px;}
    #main .bottomProfile .tabLearning .itemSubCourses .boxdetailSubCourses {margin-top: 5px;font-size: 10px;}
    #main .bottomProfile .tabLearning .itemSubCourses .boximg {margin-top: 5px;}
}


@media (max-width: 575px) {/*mobile small*/
    #main .detailSlide .boxBtn .btnall {width: 105px;height: 33px;line-height: 33px;font-size: 13px;}    
    #main .detailSlide {bottom: 25px;}    
    #main .boxLearning .boxr{height: 310px;}
    #main .boxLearning .boxtitle {font-size: 23px;}
    #main .boxLearning .boxtitle .number1 {height: 28px;left: -22px;top: 3px;}
    #main .boxLearning .boxtitle .number2 {height: 28px;margin: -10px 0px 0 0px;}
    #main .boxLearning .boxtitle .number3 {height: 28px;left: -23px;top: 5px;}    
    /*pageKruAe*/
    #main .pageKruAe .boxName{max-width: 100%;}
    /*page Courses*/
    #main .pageCourses .btnall{margin: 15px auto 50px;}
    header #headerMobile .boxTop .logo {width: 105px;position: absolute;top: 0;bottom: 0;left: 39px;margin: auto;    right: auto;

}

}