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

@font-face {
	font-family:UTM Avo regular;
	src:url(../font/UTMAvo.ttf);
	}
	
@font-face {
	font-family:UTM Avo regular;
	src:url(../font/utmavo-webfont.eot);
	}
	
@font-face {
	font-family:UTM Avo regular;
	src:url(../font/utmavo-webfont.woff);
	}
	
@font-face {
	font-family:UTM Avo bold;
	src:url(../font/UTMAvoBold.ttf);
	}
	
@font-face {
	font-family:UTM Avo bold;
	src:url(../font/utmavobold-webfont.eot);
	}
	
@font-face {
	font-family:UTM Avo bold;
	src:url(../font/utmavobold-webfont.woff);
	}
	
@font-face {
	font-family:UTM Avo bold;
	src:url(../font/utmavobold-webfont.woff2);
	}
	

*{margin:0; padding:0;}
body {background:#ececec;font-family: 'Roboto', sans-serif;}
.fl {float:left;}
.fr {float:right;}
.mal3 {margin-left:3%;}
.mar3 {margin-right:3%;}
a:link {text-decoration:none;}
.cl1{color:#999;}
.cl2{color:#666;}
.cl4{color:#999;}
.cl5{color:#666;}
.clorblue {color:#3b5998;}
.clstep1 {background:#3ec2a8;} .clstep2 {background:#b3e370;} .clstep3 {background:#ffa155;} .clstep4 {background:#ffd200;}
.cackhoahoc .wlop11 {width:18%;}
.body {width:100%;height:auto;position:relative;overflow:hidden;margin:auto;background:#fff;max-width:1124px;}
.header {width:95%; height:80px;margin:auto;}
.share span{line-height: 80px;text-align:center;font-size:20px;background-size:contain;background-position:center;}
.span1 {width:120px;height:80px;background:url(../image/share.png);display:inline-block;padding-left:20px;background-repeat: no-repeat;color:#fff;}
.span2 {width:56px;height:80px;background:url(../image/share2.png);display:inline-block;background-repeat:no-repeat;color:#2a4a8a}
.banner{width:100%;height:auto; margin:auto;}
.pic2 {display:none;}
.thongtingiaovien {width:95%;height:auto;margin:auto;overflow:hidden;}
.title1 {width:100%;height:auto;text-align:center;margin-top:1%;}
.title1 h3 {font-size:24px;font-family: 'Roboto Slab', serif;color:#fff;text-transform:uppercase;padding:10px 20px;display:inline-block;border-radius:5px 5px 0px 0px;}
.td-box-gioithieugv {width:100%;height:auto;margin-top:1%;overflow:hidden;}
.td-gioithieugv {width:49%;height:200px;overflow:hidden;position:relative;}
.img-gv {width:40%;height:auto}
.info-gv {width:58%;height:auto}
.info-gv h3 {font-family: 'Roboto Slab', serif;text-transform:uppercase;color:#ee6b2a;padding-top:2%;}
.info-gv h4 {color:#666;padding:2% 0%;}

.info-gv p {color:#aaa;font-size:12px;line-height:18px;}
.info-button a{padding:7px 15px;background:#89b042;font-size:12px;color:#fff;position:absolute;bottom:3%;right:0;z-index:5;}
.info-button a:hover {background:#ee6b2a;}
.info-button-lop8 a{padding:7px 15px;background:#2c224b;font-size:12px;color:#fff;position:absolute;bottom:3%;right:0;z-index:5;}
.info-button-lop8 a:hover {background:#ee6b2a;}
.info-button-lop7 a{padding:7px 15px;background:#55295c;font-size:12px;color:#fff;position:absolute;bottom:3%;right:0;z-index:5;}
.info-button-lop7 a:hover {background:#ee6b2a;}
.info-button-lop6 a{padding:7px 15px;background:#383130;font-size:12px;color:#fff;position:absolute;bottom:3%;right:0;z-index:5;}
.info-button-lop6 a:hover {background:#ee6b2a;}
.td-boxvideo-main {width:23%;height:auto;margin-left:1.4%;margin-top:1%;display: inline-block;}
.td-video-img {width:100%;height:auto;overflow:hidden;position:relative;;border-radius:7px 7px 0px 0px;}
.td-video-opacity {width:100%;height:100%;background:#000;position:absolute;top:0;opacity:0.3;display:none;}

.play {z-index:3;position:absolute;width:100%;height:100%; background:url(../image/iconvideo.png) no-repeat center;background-size:20%;top:0;}
.td-video-title {width:100%;height:60px;border-radius:0px 0px 7px 7px;background:#89b042;}
.td-video-title a{color:#fff;padding:5px 10px;display:inline-block;font-size:14px;}
.td-video-title a:hover {color:#ffca00;}
.td-video-title-lop8 {width:100%;height:60px;border-radius:0px 0px 7px 7px;background:#2c224b;}
.td-video-title-lop8 a{color:#fff;padding:5px 10px;display:inline-block;font-size:14px;}
.td-video-title-lop8 a:hover {color:#ffca00;}
.td-video-title-lop7 {width:100%;height:60px;border-radius:0px 0px 7px 7px;background:#55295c;}
.td-video-title-lop7 a{color:#fff;padding:5px 10px;display:inline-block;font-size:14px;}
.td-video-title-lop7 a:hover {color:#ffca00;}
.td-video-title-lop6 {width:100%;height:60px;border-radius:0px 0px 7px 7px;background:#383130;}
.td-video-title-lop6 a{color:#fff;padding:5px 10px;display:inline-block;font-size:14px;}
.td-video-title-lop6 a:hover {color:#ffca00;}
.td-video-time {position:absolute;bottom:0;right:0;z-index:4;}
.td-video-time span {background:#222;color:#fff;padding:5px 10px;font-size:14px;}
.td-box-luachon {width:100%;height:auto;background-color:#426ba2;background-image:url(../image/bg.png);background-size:contain;overflow:hidden;margin-top:2%;display:inline-block;}
.td-box-luachon1 {width:50%;height:auto;}
.td-box-luachon1 ul {padding:5%;color:#ffc000;font-weight:bold;} .td-box-luachon1 ul li {list-style-image:url(../image/icondieukien.png); margin-top:10px;}
.cackhoahoc {width:100%;height:auto;margin:auto;}
.cackhoahoc ul li {list-style:none;width:23.25%;margin-left:1.4%;margin-top:1%;float:left;text-align:center;background:#ee6b2a;line-height:50px;font-size:24px;border-radius:3px;}	
.cackhoahoc ul li a{color:#fff;display:block;}
.cackhoahoc ul li:hover {background:#89b042;}
.ykienhocsinh{width:100%;height:auto;background:#3b5f3e;margin:auto;margin-top:2%;background-image:url(../image/banner3.png);background-repeat:no-repeat;background-position:bottom;background-size:100%;overflow:hidden;display:inline-block; }
.title3{padding:10px;display:block;}
.box-ykien{width:55%;height:70%;margin:auto;background:white;border-radius:5px 5px 0px 0px;position:relative;overflow:hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.anhhocsinh {float:left;width:30%;height:100%;margin:10px}
.box-ykien h3 {font-family:Roboto Slab;font-weight:bold;padding:20px 20px 5px 20px;display:block;color:#333;}
.box-ykien p {font-family:Roboto Slab;;padding:15px 15px;display:block;color:#333;}
.title2 {text-align:center;color:#fff;padding:10px 0px;}
.baochi {width:100%;height:auto;margin:auto;background:#cdcdcd;}
.baochi a{padding:10px 0px 10px 20px;display:inline-block;}
.td-cacbuocmuakhoahoc {width:100%;height:auto;background:#426ba2;}
.td-align-cacbuoc {width:100%;height:auto;margin:auto;padding-top:3%;}
.td-cacbuoc {width:24%;height:230px;text-align:center;display:inline-block;overflow:hidden;}
.iconcacbuoc {padding:10px 25px;display:inline-block;border-radius:35px;}
.iconcacbuoc:hover {background:#fff;}
.td-cacbuoc p{font-weight:bold;text-transform:uppercase;color:#fff;padding-top:20px;font-size:16px;display:block;}
.box-dangki{width:100%;height:auto;background:#471e56;margin:auto;position:relative;overflow:hidden;text-align:center;}
.action{width:100%;height:auto;padding:20px 0 20px 0;}
.button {font-size:24px;color:white;border-radius:3px;font-weight:bold;display:inline-block;}
.dangnhap {background:#3870bc;padding:8px 35px;}
.dangki {background:#599342;padding:8px 55px;}
.naptien {background:#ffa901;padding:8px 50px;}

.pop {width:100%;height:100%;position:fixed;z-index:3;top:0px;left:0px;background:rgba(0, 0, 0, 0.68);visibility:hidden;}
.popvideo, .popvideo2, .popvideo3, .popvideo4 {width:60%;height:auto;position:fixed;z-index:5;top:13%;left:20%;background:white;border:6px solid white;visibility:hidden;-webkit-transform:scale(0);-webkit-transition:all ease 0.5s;}	
.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.pophienlen {visibility:visible;}
.popvideohienlen {-webkit-transform:scale(1);visibility:visible;}
.exit{position:fixed;z-index:999;top:-15px;right:-15px;}
.box-comment {width:100%;height:auto;background:white;position:relative;overflow:hidden;margin:auto}
textarea,.auto-text-area {
    border: 1px solid #dedede;
    color: #777;
    resize: none;
    padding: 4px;
    margin-left: 1%;
    height: 50px;}
	
.btnSmall {
    background-color: #eee;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    color: #333 !important;
    font-size: 12px;
	margin-top:0.5%;
	margin-left:1%;
	margin-bottom: 10px;
    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;}
.avatar-member{
	width: 5%;
	height: auto;
	display: block;
}
.innerWrap {width:95%;position:relative;overflow:hidden;height: auto;padding-left: 5px}

.innerWrap span {padding-bottom:0.5%;color:#a1a1a1;display:block;margin-left:8px;font-size: 14px;}
.innerWrap p {
	padding: 10px;
    font-size: 18px;
    font-family: UTM Avo regular;
}
.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;}
.footer {width:100%;height:auto;margin:auto; background:#fff;font-size:14px;border-top:2px solid #cff1ff;max-width:1124px;}
.item {width:24%;height:auto; float:left;margin-top:2%;margin-left:1%;}

.item ul {margin-top:3%;list-style-position:inside;color:#0bb4eb ;margin-left:2%;}
.ft1 a:hover{text-decoration:underline;}
.ft2{width:100%;height:auto;position:relative;overflow:hidden;text-align:center;margin-top:2%;display:inline-block;}
.ft2 a{font-weight:bold;padding:0px 1%;color:#666;font-size:12px}
.ft2 a:hover{text-decoration:underline;}
.border {border-right:1px solid #666;}
.info-button-lop10 a{padding:7px 15px;background:#54adff;font-size:12px;color:#fff;position:absolute;bottom:3%;right:0;z-index:5;}.info-button-lop10 a:hover {background:#ee6b2a;}.td-video-title-lop10 {width:100%;height:60px;border-radius:0px 0px 7px 7px;background:#54adff;}.td-video-title-lop10 a{color:#fff;padding:5px 10px;display:inline-block;font-size:14px;}
.ft2 p {padding-bottom: 0.5%;
    color: #a1a1a1;
    display: block;

    margin-left: 1%;}
strong.magl10 a{
	    margin-top: 25px;
    display: inline-block;

}

.td-boxvideo-hover:hover .td-video-opacity{display:block;}
.td-boxvideo-hover:hover .play {background-size:23%;}

.info-button-lop12 a{padding:7px 15px;background:#3b4e7b;font-size:12px;color:#fff;position:absolute;bottom:3%;right:0;z-index:5;}
.info-button-lop12 a:hover {background:#ee6b2a;}
.td-video-title-lop12 {width:100%;height:60px;border-radius:0px 0px 7px 7px;background:#3b4e7b;}
.td-video-title-lop12 a{color:#fff;padding:5px 10px;display:inline-block;font-size:14px;}

.info-button-lop9 a{padding:7px 15px;background:#ffbd08;font-size:12px;color:#454545;position:absolute;bottom:3%;right:0;z-index:5;}
.info-button-lop9 a:hover {background:#ee6b2a;color:#fff;}
.td-video-title-lop9 {width:100%;height:60px;border-radius:0px 0px 7px 7px;background:#ffbd08;}
.td-video-title-lop9 a{color:#454545;padding:5px 10px;display:inline-block;font-size:14px;}



.call-action {width:250px;height:60px;position:fixed;bottom:0px;right:0px;z-index:999;text-align:left;}
.call-action i {color:#fff;font-size:34px;text-align:center;position:relative;top:-5px;right:-10px;z-index:111;width:60px;height:60px;background:#87b03f;border-radius:50%;line-height:60px;}
.call-action span {color:#87b03f;font-size:18px;position:relative;top:-7px;border:1px solid #87b03f;background:#fff;padding:3px 15px;border-radius:5px;}
.call-action:hover i {background:#426ba2;}
.call-action:hover span {color:#426ba2;border-color:#426ba2;}					
@media screen and (max-width: 768px) {.td-gioithieugv{width:100%;margin-top:1%;}
										.td-box-gioithieugv{margin-top:0;}.td-boxvideo-main{width:31.5%;}
										.pic2 {display:block;} .pic1{display:none;}
										.span1{width:80px}
										.span2{width:40px}
										.td-box-luachon1 {width:100%;}.td-box-luachon1 ul{padding-left:10%;font-size:14px;}
										.cackhoahoc ul li {font-size:14px;}
										.box-ykien{width:95%;}
										.iconcacbuoc {padding:10px 25px;} .td-cacbuoc p{font-size:12px;}
										.popvideo, .popvideo2, .popvideo3, .popvideo4 {width:90%;left:3%;top:25%;border:2px solid #fff;}
										.td-boxvideo-hover:hover .td-video-opacity{display:none;}
										.call-action{right:20px;width:50px;height:50px;} .call-action span{display:none;}
										.call-action i {top:-5px;width:50px;height:50px;font-size:26px;line-height:50px;}
									}
										
@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%;}}										

@media screen and (max-width: 480px) {.td-gioithieugv{width:49%;margin-top:0%;}
										.td-box-gioithieugv{margin-top:1;}
										.img-gv {width:100%;}
										.info-gv {width:98%;}
										.title1 h3 {font-size:16px;}.info-gv h3,h4{font-size:12px;}.info-text{display:none;}
										.td-boxvideo-main{width:47.5%;} .innerWrap {width:84%;}
										.td-gioithieugv {height:300px;}
										.cackhoahoc .wlop11 {width:30%;}
										}
											
@media screen and (max-width: 420px) {.header {width:100%}
											.span1{width:80px}
											.span2{width:40px}
											.header img {margin-top:15px;}
											.title1 h3 {font-size:16px;}.info-gv h3,h4{font-size:12px;}
											.info-button {margin-top:24%;} .item{width:100%;}
											.footer {font-size:16px;}
											.td-gioithieugv {height:280px;}
									
											}
@media screen and (max-width: 390px) {.header {width:100%}         
  .td-gioithieugv {height:260px;           }
  @media screen and (max-width: 360px) {.header {width:100%}           
  .td-gioithieugv {height:250px;           }