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

*{margin:0; padding:0;}
body {font-family: 'Roboto', sans-serif;font-size:18px;}
img {vertical-align: middle;}
.fl {float:left;}
.fr {float:right;}
a:link {text-decoration:none;}


.main-header {width:100%;height:auto;position:fixed;top:0;overflow:hidden;background-color:#fff;z-index:96;}
.header {width:100%; height:56px;margin:auto;max-width:1152px;position:relative}
.logo {width:50%;height:56px;position:absolute;top:0;left:0;}
.share {text-decoration:none;width:50%;height:56px;position:absolute;top:0;right:0;}
.slide-menu {width:65%;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:#ff3033;text-decoration:none;text-transform:uppercase;padding:17px 0px;display:inline-block;}
.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;}

.box-banner {width:100%;height:auto;margin-top:56px;overflow:hidden;position:relative;}
.pic2 {display:none}

.box-favorite {width:100%;height:auto;overflow:hidden;background-color:#fff;background-image:url(../image/khdb_line.png)}
.box-center-cn {width:95%;height:auto;max-width:1152px;overflow:hidden;margin:auto;position:relative;padding:12px;clear: both;}
.s-tittle {width:95%;height:auto;max-width:1152px;margin:auto;position:relative;padding:0px 12px;text-align:center;position:relative;z-index:2;}
.s-tittle h2 {padding:8px 40px;background-color:#fef987;margin:auto;border-radius:0px 0px 60px 60px;display:inline-block;color:#005b15;text-transform:uppercase}

.fa-video {width:64%;height:auto;}

.s-video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.s-video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.col-fa ul li {list-style:none;padding:10px;font-size:14px;padding-top:0px;}
.col-fa ul li img {margin-right:7px;}
.fa-content {width:35%;height:auto;background-color:#fef987;border-radius:0px 15px 0px 15px;}
.fa-content h4 {padding:0px 12px;font-size:14px;text-align:center}
.box-sale {padding:10px;padding-top:0px;}
.box-sale img {width:25%;height:auto;}
.box-sale  span {width:65%;display:inline-block;padding:12px;text-align:center;border:2px solid #005b15;border-radius:10px;color:#005b15;font-weight:bold}


.box-info-sale {width:100%;height:auto;overflow:hidden;background-color:#ba1e23;position:relative;}

.s-bg-top {width:100%;height:253px;overflow:hidden;position:absolute;top:0;background-image:url(../image/bg-top1.png);background-repeat:no-repeat;}
.s-bg-bottom {width:100%;height:160px;overflow:hidden;position:absolute;bottom:0;background-image:url(../image/bg-bottom1.png);background-repeat:no-repeat;}

.col-info-sale {width:48%;height:auto;overflow:hidden;}

.col-info-sale ul li {list-style:none;padding:10px;font-size:14px;padding-top:0px;}
.col-info-sale ul li img {margin-right:7px;}
.info-sale {background-color:#fff;border-radius:0px 15px 0px 15px;}
.col-info-sale h4 {padding:0px 10px 5px 10px;font-size:14px;text-align:center;color:#ff0006;}
.col-info-sale p {font-size:14px;padding:0px 30px;}
.col-info-sale a {padding:8px 20px;display:inline-block;background-color:#005b13;text-align:center;text-decoration:none;color:#fef987;margin-bottom:10px;border-radius:0px 15px 0px 15px;}

.box-action  {width:100%;height:auto;overflow:hidden;background-color:#ba1e23;position:relative;background-image:url(../image/bg-top2.png);background-position:top;margin:10px 0px}
.step-action {width:32%;height:auto;overflow:hidden;text-align:center;color:#fff;padding:12px 0px;}
.step-action ul li{float:left;margin-right:2%;list-style:none;width:23.5%}
.step-action ul li p {padding:7px 12px;display:block;font-size:24px;background-color:#fef987;border-radius:0px 15px 0px 15px;color:#005b13;font-weight:bold;margin-top:7px;}


.example-title {width:100%;height:auto;}
.td-position {position:absolute;left:50%;transform: translateX(-50%)}
.example-title h3 {font-size:16px;text-align:center;text-transform:uppercase;padding:10px 10px;font-family: 'Open Sans', sans-serif; font-weight:bold;color:#fff;}
.td-video-container {width:100%;height:auto;overflow:hidden;background-color:#005b13;position:relative}
.info-tit {padding:7px 10px;margin:0px 10px;position:relative;}
.info-tit strong {margin-top:10px;}
.icon-font {position:absolute;right:-15px;top:0px;}   .icon-end {position:absolute;left:-15px;top:0px;}
.select-class {color:#fff;width:200px;padding:8px 0px;display:inline-block;margin-top:4px;border-radius:50px;font-weight:100px;text-align:center;background-color:#fef987;position:relative}
.select-class2 {display:block;}
.select-class i {font-size:20px;margin-left:10px;}
.select-class ul li{list-style:none;position:relative;border-bottom:1px solid #fef987;}
.menu-select-class {position:absolute;width:200px;background-color:#fff;right:0px;top:42px;text-align:left;border:1px solid #fef987;display:none;z-index:999;border-radius:15px;overflow:hidden}
.select-class ul li:hover .menu-select-class {display:block;top:30px;} 
.menu-select-class li a{padding:10px 10px;display:block;color:#666;}
.menu-select-class li a:hover {background-color:#005b13;color:#fff;}

.td_wrapper_video_playlist {width:100%;height:auto;position:relative;overflow:hidden}
.td_wrapper_player {width:60%;height:auto;}
.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.td_container_video_playlist {width:40%;height:389px;position:absolute;right:0;background:#222;}
.td_container_video_km {width:40%;height:100%;position:absolute;right:0;background-color:#fff;text-align:center;}

.td_video_controls_playlist_wrapper {width:100%;height:65px;background:#009688;}
.td_video_stop_play_control {width:20%;height:65px;}
.td-sp-video-play {width:42px;height:42px;position:relative;top:10px;left:11px;display:inline-block;margin:auto;}
.td-sp-video-play i{font-size:24px;color:#fff;padding-top:8px;padding-left:11px;}
.td_video_title_playing {width:80%;}
.td_video_title_playing h4 {font-size:13px;color:#fff;height:42px;position:relative;top:10px;border-left:1px solid #fff;padding-left:12px;}
.td_video_title_playing p {font-size:10px;color:#fff;font-style:italic;display:block;text-align:right;padding-right:10px;}
.td_video_title_playing2 {width:60%;}
.td_video_title_playing2 h4 {font-size:13px;color:#fff;height:42px;position:relative;top:10px;}
.td_video_title_playing2 p {font-size:10px;color:#fff;font-style:italic;display:block;}
.td_add_scrollbar_to_playlist {width:100%;max-height:380px;overflow:auto;background:#222;}
#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

.td_click_video_youtube {width:100%;height:85px;display:block;}
.td_click_video_youtube:hover {background:#404040}
.td_video_thumb {width:100px;height:65px;position:relative;top:10px;overflow:hidden;margin-left:11px;margin-right:11px;}
.td_video_thumb img {position:absolute;top:-6px;}
.seclect-sub {width:100%;height:auto;overflow:hidden;background-color:#fff;background-image:url(../image/khdb_line.png)}

.td-box-sub {width:49%;height:auto;min-height:507px;border-radius:5px;margin:1% 0;background-color:#fef987;padding:12px 0px;border-radius:0px 15px 0px 15px}
.td-class-stt {width:96%;height:auto;margin:auto;overflow:hidden;}
.td-class-stt h3 {color:#fb5f0b;padding:0px 10px;display:block;}

.td-click-class li {list-style:none;float:left;padding: 7px 10px;display:inline-block;width:29%;height:auto;text-align:center;}
.td-click-class li a {display:block;background-color:#fff;color:#ba1e23;padding: 7px 0px;border-radius:0px 15px 0px 15px;border:1px solid #005b13;}
.td-click-class li a:hover {background-color:#005b13;color:#fff;}

.box-benefit {width:100%;height:auto;overflow:hidden;background-color:#ba1e23;position:relative;}
.christmas-tree {width:40%;height:auto;overflow:hidden;}
.content-benefit {width:60%;height:auto;overflow:hidden;}
.content-benefit ul li {padding-bottom:12px;}
.content-benefit ul li span{color:#fff;}
.content-benefit ul li img{padding-right:7px;}

.ykienhocsinh {width:100%;height:auto;overflow:hidden;background-color:#fff;background-image:url(../image/khdb_line.png)}
.box-ykien{width:100%;height:auto;margin:10px auto;border-radius:5px;position:relative;overflow:hidden;padding:10px;}

.anhhocsinh {float:left;width:20%;margin-right:10px}
.box-ykien p {width:60%;height:auto;min-height:150px;font-family:'Maven Pro', sans-serif;padding:15px 15px;display:inline-block;color:#333;padding:12px;background-color:#fef987;border-radius:20px 20px 20px 0px}
.title2 {text-align:center;color:#fff;padding:10px 0px;}

.col-ykien {width:49%;}

.step-child {width:25%;text-align:center;padding:30px 0px;}
.clred1 {color:#ff1c23}  .clgreen1 {color:#005b13}

.btn-action {opacity:1;-webkit-transition:all ease 0.3s;-webkit-transform:scale(1);margin:5px 0px;}
.btn-action:hover {opacity:0.8;-webkit-transition:all ease 0.3s;-webkit-transform:scale(1.1)}
.btn-action span{padding:8px;display:block;color:#fff;}
.btn-action1 {background-image:url(../image/btn-step1.png);width:187px;height:40px;display:inline-block}
.btn-action2 {background-image:url(../image/btn-step2.png);width:187px;height:40px;display:inline-block}
.btn-action3 {background-image:url(../image/btn-step3.png);width:187px;height:40px;display:inline-block}

.list-student {width:100%;height:auto;overflow:hidden;text-align:center;}
.btn-rotate {padding:5px 15px;background-color:#005b13;border-radius:0px 15px 0px 15px;color:#fef987;}

.list-student table {width:100%;border-collapse: collapse;margin-top:2%;}
.list-student table tr, td {border:1px solid #cdcdcd;text-align:center;padding:10px 0px;}
.list-student table h4 {padding:10px;font-size:18px;padding:5px;text-transform:uppercase;color:#005b13}
.list-student table p {font-size:14px;padding-bottom:5px;text-align:center;}
.list-student table img {margin:0px 5px}
.list-student h4 {font-size:24px;color:#e33528;line-height:25px;text-align:center;}



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


.pop-info {width:40%;height:auto;position:fixed;top:50%;background-color:#fef987;left:50%;-webkit-transform:translate(-50%,-50%);z-index:1000;border-radius:0px 15px 0px 15px;}
.scroll-pop {width:100%;max-height:650px;overflow:auto;}
#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #aaa;
}

.btn-close {position:absolute;top:-15px;right:-15px;z-index:12000;}
.info-form{width:90%;margin:auto;overflow:hidden;padding:12px 24px;border-bottom:1px solid #005b13} .info-form p{padding-bottom:12px;}  .info-form span {padding-bottom:7px;display:block;font-weight:bold;color:#005b13}
.style-input {width:98%;height:40px;border-radius:0px 15px 0px 15px;outline:none;padding-left:2%;border:1px solid #005b13}
#country {border-radius:0px 15px 0px 15px;outline:none;padding:11px 25px;border:1px solid #005b13}
.Gift {border-bottom:1px solid #e2e08f;height:auto;overflow:hidden;padding:12px;}
.img-Gift {width:70px;height:70px;background-color:#fff;border:2px solid #005b13;border-radius:50%;margin-right:12px;}
.img-Gift img {position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%)}
.info-Gift {width:70%;}
.img-coc {width:40px;height:40px;border:1px solid #005b13;}
.btn-up {padding:7px 12px;border-radius:0px 15px 0px 15px;border:1px solid #005b13;outline:none;}
.btn-up span {font-size:18px;padding-left:7px;font-weight:bold;}


.pop {width:100%;height:100%;position:fixed;z-index:97;top:0px;left:0px;background:rgba(0, 0, 0, 0.68);}
.pophienlen {visibility:visible;}
.hidden {display:none;}
.btn-confirm{text-align:center;display:inline-block;padding:7px 20px;border-radius:0px 15px 0px 15px;margin-top:10px;background-color: #005b13;color:#fef987;}
.list-Gift {width:25%;}

.box-Gift {width:120px;height:120px;background-color:#fff;border:2px solid #005b13;border-radius:50%;margin-right:12px;}
.box-Gift img {position:relative;top:50%;left:35%;-webkit-transform:translate(-50%,-50%)}

.pop-info-quay {width:40%;max-height:800px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);z-index:1000;}
.pop-vongquay {position:relative;width:100%;height:auto;overflow:hidden;}
.kimquay {position:absolute;top:10%;left:10%;}
.btn-quay {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);}


.box-comment {width:100%;height:auto;background:white;position:relative;overflow:hidden;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;font-size:14px;}

.clearfix img {width:40px;height:40px;border-radius:50%;background:white;margin-top:15px}

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

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

.commentchild{width:100%;height:auto;position:relative;overflow:hidden;background:#e6ecf2;}
.child1 {width:80%;}
.cmchild{width:100%;height:auto;position:relative;overflow:hidden;}
.commentchild2{width:100%;height:auto;position:relative;overflow:hidden;display:none;}





@media screen and (max-width: 1050px) {.slide-menu .sign-in li span {display:none;} .box-sale  span {width:60%;} }

@media screen and (max-width:960px) {.slide-menu{width:60%;} .main-teacher {height:220px} .pop-info {width:96%;top:50%;-webkit-transform:translate(-50%,-50%)} .pop-info-quay {width:96%;}  .kimquay {position:absolute;top:15%;left:15%;}}

@media screen and (max-width:832px) {.sign-in:hover img{margin-left:0px;} .header{position:static}  .slide-menu{width:100%;margin-top:56px;text-align:center;border-top:1px solid #dde2b3a6;border-top:1px solid #dde2b3a6;} .box-banner{margin-top:112px;} .sign-in{float:right;} .main-teacher {height:270px} .fa-video {width:100%;}  .fa-content {width:100%;} .s-video-center{width:100%;}
.col-info-sale {width:100%;} .step-action{width:100%;}  .select-class{width:100%;padding:6px 0px;}  .td_wrapper_player {width:100%;}  .td_container_video_playlist {width:100%;position: relative;}
.center-full {width:100%;padding:12px 0px;}  .td-box-sub{width:100%;} .christmas-tree{display:none;}  .content-benefit{width:100%;}  .col-ykien{width:100%;} .box-ykien p {width:65%;} .btn-rotate {padding:10px 15px;margin-top:5px;} .kimquay {position:absolute;top:10%;left:10%;}
 }

@media screen and (max-width:768px) {.pic1 {display:none} .pic2{display:block;} .box-banner{padding-top:0;}  .col-fa{width:100%;float:none;} .fa-content {margin-top:12px;}   .box-Gift {width:90px;height:90px;}  .scroll-pop {max-height:400px;}
} 

@media screen and (max-width:640px) {.step-child {width:100%;margin:12px 0px;}  .mrl5 {margin-left:0;}  .radius-step1 {border-radius:100px}
.radius-step2 {border-radius:100px}
.radius-step3 {border-radius:100px}  .list-videofree ul li{width:100%;min-width:268px;}  .innerWrap {width:90%;}
}

@media screen and (max-width:496px) {.slide-menu{margin-top:0px;border-top:0px;} .slide-option{display:none;}  .box-banner{margin-top:45px;} .span2{display:none;} .span1{margin-right:50px;height:45px;width:75px;} .header{height:45px;overflow:hidden} .logo{height:45px;}  .share{height:45px;} .share span{line-height: 45px;} .slide-menu .sign-in li a{padding:13px 0px;} .logo{width:34%;}
.contact {font-size:18px;line-height:50px;padding:0;}  .td-click-class li {width:40%;}  .btn-rotate{display:block;} .step-child{padding:0px;}
.kimquay {top:5%;left:5%;}  .btn-quay {width:100px;height:100px;}  .innerWrap {width:84%;}
}
@media screen and (max-width:420px) {.box-center-cn {width:93%;} .s-tittle h2{font-size:18px;padding: 9px 10px;} .img-teacher{width:100%;} .img-teacher img{margin:auto}  .info-teacher{width:100%;text-align:center}  .info-teacher a{padding:12px 30px;}  .main-teacher {height:830px} .img-cm{width:15%}  .info-cm{width:70%} .center-full {width:100%;padding:12px 0px;} .list-Gift {width:50%;}
.kimquay {top:2%;left:2%;}
}
@media screen and (max-width:360px) {.logo{width:42%;}.box-center-cn {width:92%;} .main-teacher {height:840px} .center-full {width:100%;padding:12px 0px;} }