@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

@font-face {
  font-family: 'Open Sans', sans-serif;
  src:url(../font/OpenSans-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: 'Open Sans', sans-serif;
  src:url(../font/OpenSans-SemiBold.ttf);
  font-weight: 600;
}

@font-face {
  font-family: 'Open Sans', sans-serif;
  src:url(../font/OpenSans-Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: 'Open Sans', sans-serif;
  src:url(../font/OpenSans-ExtraBold.ttf)
  font-weight: 800;
}


html,body {font-family: 'Open Sans';font-size:16px;width:100%;height:100%;}

img{max-width:100%; vertical-align: middle;}

.fl {float:left;}
.fr {float:right;}

.cl-red {color:#db6c4e!important;}	
.cl-yellow {color:#ffea59!important;}
.cl-green {color:#138175!important;}
.cl-f {color:#fff!important;}	
.cl-a {color:#aaa!important;}	

.fw400{font-weight:400!important;}
.fw700{font-weight:700;}
.fw800{font-weight:800;}

.bgf {background-color:#fff;}

.bg-red {background-color:#db6c4e;}
.box-full .bg-red:hover {background-color:#ad4005;}

.bg-green {background-color:#5dc69d;}
.box-full .bg-green:hover {background-color:#242a0d;}

.bg-yellow {background-color:#f4cc53;}
.bg-green2 {background-color:#00b39f;}
.box-full .bg-green2:hover {background-color:#242a0d;}


.bt1 {border-top:1px solid #e1e1e1;}

.br5 {border-radius:5px;}

.pd6 {padding:6px;}
.pd12 {padding:12px;}
.pd24 {padding:24px;}

.pl12 {padding-left:12px;}
.pl24 {padding-left:24px;}
.pr12 {padding-right:12px;}
.pr24 {padding-right:24px;}

.rt180{-webkit-transform:rotate(180deg)}

.pc12 {padding:0px 12px;}
.pc16 {padding:0px 16px;}
.pc24 {padding:0px 24px;}

.pt12 {padding-top:12px;}
.pt24 {padding-top:24px;}
.pt52 {padding-top:52px;}

.pb12 {padding-bottom:12px;}
.pb24 {padding-bottom:24px;}

.mt12 {margin-top:12px;}
.mt24 {margin-top:24px;}

.mb12 {margin-bottom:12px;}
.mb24 {margin-bottom:24px;}

.mr12 {margin-right:12px;}
.mr24 {margin-right:24px;}

.ml12 {margin-left:12px;}
.ml24 {margin-left:24px;}

.up{text-transform:uppercase;}

.fs24{font-size:24px;}
.fs14{font-size:14px;}

.shadow {box-shadow:0px 0px 5px 1px #2626262b;}


.w25 {width:25%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w49 {width:49%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}

.fix{overflow:hidden}

.box-full{width:100%;height:auto}
.box-center{max-width:1248px;height:auto;margin:auto;}

.main-header {width:100%;height:auto;position:fixed;top:0;overflow:hidden;background-color:#fff;z-index:100;}
.header {height:56px;margin:auto;position:relative}
.logo {width:50%;height:56px;position:absolute;top:0;left:0;}
.logo img{top:50%;-webkit-transform:translateY(-50%);position:relative}
.share {text-decoration:none;width:50%;height:56px;position:absolute;top:0;right:0;}
.slide-menu {width:56%;height:56px;margin:auto;z-index:999;position:relative}
.slide-menu ul li {float:left;padding:0px 12px;height:56px;list-style:none;border-right:1px solid #dde2b3a6;-webkit-transition:all 0.2s linear 0s;font-weight:500;}
.slide-menu ul li a {color:#262626;text-decoration:none;padding:17px 0px;display:inline-block;}
.slide-menu ul li a img{float:left;margin-right:7px;}
.slide-menu ul li:hover {}   .slide-menu ul li:hover a{color:#005b15;text-decoration:underline}
.slide-menu .sign-in li {border:0px;height:56px;position:relative;padding:0px 12px;}
.slide-menu .sign-in li a {padding:17px 0px;display:inline-block;}
.slide-menu .sign-in:hover li {background-color:#fff;} .slide-menu .sign-in:hover img {margin-left:20px;-webkit-transition:all 0.2s linear 0s;}
.slide-menu .sign-in li img {float:left;margin-right:7px;-webkit-transform:translateY(2px);-webkit-transition:all 0.2s linear 0s;}
.share span{line-height: 56px;text-align:center;font-size:16px;background-size:contain;background-position:center;}
.span1 {width:90px;height:56px;background:url(../image/share.png);display:inline-block;padding-left:20px;background-repeat: no-repeat;color:#fff;float:right;}
.span2 {width:46px;height:56px;background:url(../image/share2.png);display:inline-block;background-repeat:no-repeat;color:#2a4a8a;float:right;}


.mt56{margin-top:56px;}
.pic2 {display:none;}

.box-1{background-image:url(../image/bg1.png)}

.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}

.box-video{margin:auto;overflow:hidden}

.btn-action{padding:8px 24px; border-radius:100px;display:inline-block;font-weight:700;color:#fff;text-align:center}

a:link{text-decoration:none;}

.t-center{text-align:center;}

.info-brand table{border-radius:5px;overflow:hidden;border-collapse: collapse;}
.info-brand table td{padding:12px;}
.st-one{background-color:#86cf86;text-align:center;font-weight:900;color:#fff;border-bottom:1px dashed #138175;}
.st-two{background-color:#fff;border-bottom:1px dashed #ffa763;border-left:1px dashed #ffa763;}

.list-content li{list-style:none;margin-bottom:24px;}
.list-content li strong{display:inline-block;margin-right:6px;}
.list-number{width:32px;height:32px;display:inline-block;border:1px solid #262626;border-radius:50%;display:flex;align-items:center; justify-content:center;}

.avt-teacher{width:260px;}
.info-teacher{width:calc(100% - 260px)}

.list-sub{width:100%;}
.list-sub li{list-style:none;float:left;margin-right:12px;}
.list-sub li a{padding:8px 24px;display:inline-block;border-radius:100px;font-weight:bold;text-transform:uppercase;color:#262626;}
.list-sub li a:hover{background-color:#f1f1f1;}

.info-child{width:100%;overflow:hidden}

.form-sub{width:100%;}
.form-sub tr td:nth-child(2){width:30%;}

.more-sub{background-color:#fff;border:1px solid #cb5718;color:#cb5718}

.list-sub-detail{width:100%;height:auto;overflow:auto;max-height:560px;}
.list-sub-detail ul li{list-style:none;border-top:1px solid #f1f1f1;}
.list-sub-detail ul li a{display:block;padding:12px 0px;}
.list-sub-detail ul li a:hover{background-color:#f6f7f8;}

#s-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
	background-color: #F5F5F5;
}

#s-scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#s-scroll::-webkit-scrollbar-thumb
{
	background-color: #cdcdcd;
}

.bg-2{background-image:url(../image/bg2.png);background-size:cover}

.center{margin:auto}

.anhhocsinh{margin-right:12px;width:120px;}  .box-ykien{padding:12px;overflow:hidden}

.list-step li{list-style:none;float:left;width:33.33%;position:relative;}
.list-step li img{position:absolute;left:-40px;top:50%;-webkit-transform:translateY(-50%)}
.list-step li span{display:inline-block;background-color:#138175;width:76%;position:relative;border-radius:0px 100px 100px 0px;padding-left:40px;height:52px;display:flex;align-items:center;margin-left:50px;font-weight:700;color:#fff;}

.list-Gift{width:100%;border-collapse:collapse}
.list-Gift td,th{border:1px solid #e1e1e1;padding:12px 0px;}

.list-Gift img{max-width:120px;}

.float-btn{position:fixed;right:30px;bottom:30px;display:flex;align-items:center;z-index:999;}

.float-btn span{padding:6px 24px;background-color:#fff;border-radius:100px;display:flex;align-items:center;margin-left:12px;color:#cb5718;position:relative;font-size:14px;}

.float-btn span img{position:absolute;left:-12px;}

.opacity{width:100%;height:100%;background-color:#000;opacity:0.7;position:fixed;top:0;left:0;display:none;z-index:998;}

.opacity-show{display:block}

.popup-info-user{height:auto;max-height:600px;height:100%;position:fixed;top:0px;left:50%;-webkit-transform:translateX(-50%);width:calc(100% - 24px);max-width:600px;z-index:1000;visibility:hidden;opacity:0;-webkit-transition:all ease 0.3s;}

.popup-info-user-show{visibility:visible;opacity:1;-webkit-transition:all ease 0.3s;top:60px}

.input-style{width:100%;height:40px;border-radius:5px;border:1px solid #e1e1e1;margin-top:4px;}

.option{width:100px;padding:8px 12px;border-radius:5px;outline:none;}

.list-pull{padding:12px 0px;}

.list-pull li{list-style:none;float:left;padding:12px;border-radius:5px;border:1px solid #e1e1e1;margin-right:12px;position:relative;display:table;margin-top:12px;width:18%;margin-right:2%;}
.list-pull li img{max-width:80px;}

.icon-close{position:absolute;top:-5px;right:-5px;z-index:1000}

.popup-info-pull{height:auto;max-height:80%;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);width:calc(100% - 24px);max-width:600px;z-index:1000;-webkit-transition:all ease 0.3s;visibility:hidden;opacity:0;}

.popup-info-pull-show{visibility:visible;opacity:1;-webkit-transition:all ease 0.3s;}


.btn-send{height:50px;}

.popup-scroll{height:calc(100% - 100px);overflow:auto;}

.popup{position:absolute;top:0px;left:0px;right:0px;bottom:0px}

.pop-successfully {position:fixed;bottom:25px;left:50px;background-color:#ffffff87;width:276px;height:auto;border-radius:100px;border:2px solid #e0e0e0;z-index:995;display:flex;align-items:center;}
.pop-successfully img{float:left;}
.info-successfully {width:75%;height:auto;font-size:12px;text-align:center;}
.info-successfully p {padding-top:4px;}

.popvideo{width:60%;height:auto;position:fixed;z-index:1000;top:13%;left:20%;background:white;border:6px solid white;visibility:hidden;-webkit-transform:scale(0);-webkit-transition:all ease 0.5s;}
.popvideohienlen {-webkit-transform:scale(1);visibility:visible;}

.relative{position:relative;}

.btn-next{position:absolute;top:50%;} .rt180{-webkit-transform:rotate(180deg)}

.btn-next:hover{-webkit-transform:scale(1.1)}

.icon-left{left:12px;}  .icon-right{right:12px;}

.box-comment {width:100%;height:auto;background:white;position:relative;overflow:hidden;margin:auto;max-width:1200px;margin:auto;}
.textarea {
    border: 1px solid #dedede;
    color: #777;
    resize: none;
    padding: 4px;
	margin-left:1%;
    height: 50px;
    width: 100%;}
	
.btnSmall {
    background-color: #eee;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    color: #333 !important;
    font-size: 12px;
	margin-top:0.5%;
	margin-left:1%;
    padding: 5px 15px;
}

.clearfix {padding:10px;border-bottom:1px dashed #cdcdcd;position:relative;overflow:hidden;list-style:none;}

.clearfix a {color:#44a578;}

.clearfix img {min-width:40px;min-height:40px;max-width:40px;max-height:50px;width:5%;height:auto;border-radius:50%;background:white;}

.innerWrap {width:94%;height:auto;position:relative;overflow:hidden;}

.innerWrap span {padding-bottom:0.5%;color:#a1a1a1;display:block;}

.under {padding:10px 20px;display:block;}

.commentchild{width:100%;height:auto;position:relative;overflow:hidden;background:#f5f5f5;}
.child1 {width:80%;margin-left:1%;}
.cmchild{width:100%;height:auto;position:relative;overflow:hidden;padding:1%}
.commentchild2{width:100%;height:auto;position:relative;overflow:hidden;display:none;}

.box-combo{width:800px}
.col-combo{background-color:#fff;border-radius:20px;text-align:center;position:relative}

.t-combo-style1{width: calc(100%-80px);padding:16px 40px;display:block;text-align:center;background-color:#86cf86;color:#fff;font-size:32px;font-weight:bold;text-transform:uppercase;border-radius:20px 20px 0px 0px;}
.t-combo-style2{width: calc(100%-80px);padding:16px 40px;display:block;text-align:center;background-color:#f96138;color:#fff;font-size:32px;font-weight:bold;text-transform:uppercase;border-radius:20px 20px 0px 0px;}

.col-combo p{padding-top:12px;}  .price-combo{font-size:60px;font-weight:bold;}

.tag-combo{position:absolute;top:-40px;right:-50px;}
.tag-combo img{width:100px}



@media screen and (max-width: 1200px) {.l262-timesale{width:100%;} .box-step {width:90%;margin:auto;}}

@media screen and (max-width: 960px) {.td_video_thumb {width:72px;height:40px;} .td_click_video_youtube{height:65px;}
									
									 .td-click-class li {width:25%;}
									 .l262-col-50 {width:100%;}
									 .td_wrapper_player{width:100%;}
									 .l262-boxtime {padding:0px 24px;}
									 
									 .list-step li{width:50%;margin-top:24px;}
									 .popup-info-user{max-height:78%;}
									 .box-combo{width:100%}  
									 }
									 								 	
									
@media screen and (max-width: 768px) {	
										.pic2 {display:block;} .pic1{display:none;}
										.span1{width:80px}
										.span2{width:40px}
										.box-col{width:100%!important;}
										.list-brand table{padding-left:0;}
										.list-brand tr{padding-bottom:0px;}
										.header {position:static}
										.coccoc-alo-phone {width:115px;height:115px;right:60%; top: 75%;}
										.slide-menu{width:100%;margin-top:56px;text-align:center;border-top:1px solid #dde2b3a6;}
										.l262-col {width:100%;}
										.l262-info-teacher .l262-col {min-height:0px;}
										.box-step {width:85%;margin:auto;}
										.box-Price strong {width:30%;}
										.show-chapter {display:block;text-align:center;padding:12px;}
										.pc16{padding:0px 12px;}    .pt24{padding-top:12px;}  .pd24{padding:12px;}  .mt24{margin-top:12px;}
										.list-shirt li{width:24.5%;}
										.list-sub li{width:33.33%;margin-right:0px;display:inline-block;text-align:center}
										.info-brand{width:97%;}
										.t-combo-style1{font-size:24px}  .t-combo-style2{font-size:24px} .price-combo{font-size:40px;display:block}
										.tag-combo img{width:80px;}
										.tag-combo{top:-20px;right:-20px;}
										}
										
@media screen and (max-width: 640px)   {.td-cacbuoc{width:100%;margin-top:5%;} .td-cacbuoc p{font-size:18px;} .innerWrap {width:90%;}
.footer {font-size:12px;} .item {width:48%;} .button {margin-top:2%;} .td-box-course {width:100%;} .td-button-cource {width:100%;} .option-class {width:100%;}

.td-video-container-title h4{left:50%;transform: translateX(-50%);} 

.list-shirt li{width:49.5%;}

.form-sub td{width:100%;display:block}  .more-sub{margin-top:12px;}

.form-sub tr td:nth-child(2){width:100%;}

.popup-info-user{right:12px;}



}										

@media screen and (max-width: 480px) {
										.title1 h3 {font-size:16px;} .info-text{display:none;}
										.innerWrap {width:84%;}
										
										.monlop table {border-spacing:0;border-collapse:collapse;}
										.monlop {width:100%;margin-top:10px}
										.td-menu-sub {width:100%;left:0;}
										.td-click-class li {width:44%;}
										.td-apply {width:95.5%;min-height:30px;}
										.select-class {width:95%;margin:0px 2.5% 12px 2.5%;}
										.slide-menu{margin-top:0px;border-top:0px;} .slide-option{display:none;}
										.slide-menu .sign-in li {background-color:#f1f1f1;}
										.slide-menu .sign-in li span {display:none;}
										.span2{display:none;} .span1{margin-right:50px;height:56px;width:75px;}
										.vincent {display:none}
										
										.fs24{font-size:18px;}
										.list-step li{width:100%;margin-top:24px;}
										.float-btn{right:16px;bottom:16px;}
										.col-combo{width:100%;}
										}
										
@media screen and (max-width: 476px) { .text-apply .td-right-third {top:-19px;font-size:90px;}  .text-apply .td-left-third {top:-19px;font-size:90px;}	}									
											
@media screen and (max-width: 420px) {.header {width:100%;border-radius:0px;}

											.title1 h3 {font-size:16px;}.info-gv h3,h4{font-size:12px;}
											.info-button {margin-top:24%;} .item{width:100%;}
											.footer {font-size:16px;}
											.share {margin-right:0;}
											.td-video-container-title h4 {font-size:14px;}
											.td-click-class li {width:40%;}
											.td-box-step {width:90%;margin:0% 5%;}
											
											.list-shirt li{width:49%;}
											.btn-action{margin:6px;width:60%;}
											}