@charset "utf-8";
/* CSS Document */


*{margin:0; padding:0;}
body {background:#ececec;font-family: 'Open Sans', 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;}
.cloryellow {color:#ffcc00;}
.clstep1 {background:#3ec2a8;} .clstep2 {background:#b3e370;} .clstep3 {background:#ffa155;} .clstep4 {background:#ffd200;}
.hoverfix {background:#404040}


.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;}
.td-video-container {width:100%;height:auto;overflow:hidden;}
.td-video-container-title {width:100%;height:40px;background:#2b2b2b;color:#fff;position:relative;}
.td-video-container-title h4 {position:absolute;left:50%;transform: translateX(-50%);text-transform:uppercase;line-height:40px;padding:0px 10px;font-family: 'Roboto Slab', serif;}
.select-class {margin-right:30px;color:#fff;width:202px;height:32px;line-height:32px;display:inline-block;background-color:#f5841f;margin-top:4px;border-radius:3px;font-weight:100px;text-align:center;}
.select-class i {font-size:20px;margin-left:10px;}
.td-video-container-title ul li{list-style:none;position:relative;}
.menu-select-class {position:absolute;width:200px;background-color:#fff;left:0px;text-align:left;border:1px solid #f5841f;display:none;z-index:999;}
.td-video-container-title 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:#cdcdcd;}

.td_wrapper_video_playlist {width:100%;height:auto;position:relative;}
.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:380px;position:absolute;right:0;background:#222;}
.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;}

.listmon{width:100%;height:auto;background:#426ba2;position:relative;overflow:hidden;}
.tip1 {width:100%;height:auto;text-align:center;font-size:30px;font-weight:bold;background-size:80%;padding:15px 0 15px 0;font-family: 'Roboto Slab', serif;}

.monlop {width:95%;height:auto;background-image:url(../images/bg-chonmon.png);margin:auto;border-radius:5px;margin-bottom:2%;}
.monlop table {width:100%;font-size:24px;border-collapse: collapse;text-align:center;}
.monlop table td, tr {border: 1px dashed #fff;}
.monlop span {text-align:center;display:block;color:#ffcc00;font-weight:bold;}
.monlop a {padding:10px 0 10px 0; color:#fff;display:block;}
.monlop a:hover {color:#ffcc00;}

.td-box-luachon {width:100%;height:auto;background-color:#f5841f;background-image:url(../image/bg.png);background-size:contain;overflow:hidden;display:inline-block;}
.td-box-luachon1 {width:50%;height:auto;}
.td-box-luachon1 ul {padding:5%;color:#2f2f2f;font-weight:bold;} .td-box-luachon1 ul li {list-style:none; margin-top:10px;}
.td-box-luachon1 ul li i {padding-right:10px;}

.ykienhocsinh{width:100%;height:auto;background:#426ba2;margin:auto;background-image:url(../image/banner3.png);background-repeat:no-repeat;background-position:bottom;background-size:100%;overflow:hidden;display:inline-block;}
.ykienhocsinh h2 {font-family: 'Roboto Slab', serif;}
.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-cacbuocmuakhoahoc h3 {text-align:center;font-size:30px;color:#fff;padding-top:2%;font-family: 'Roboto Slab', serif;}
.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:#a1c13a;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;}

.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;}

.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;}

.box-danhsach{width:100%;height:auto;margin:auto;background:white;padding-top:0.5%;}
.box-danhsach table {width:100%;border-collapse: collapse;margin-top:2%;}
.box-danhsach table tr, td {border:1px solid #cdcdcd;text-align:center;}
.box-danhsach table h4, p {padding:10px;font-size:18px;font-family:Roboto Slab;padding:5px;}
.box-danhsach p {text-align:center;}
.box-danhsach h4 {font-size:24px;color:#e33528;font-family: 'Roboto Slab', serif;line-height:50px;text-align:center;}


@media screen and (max-width: 960px) {.td_video_thumb {width:72px;height:40px;} .td_click_video_youtube{height:65px;}}	
									
@media screen and (max-width: 768px) {	.td_wrapper_player{width:100%;} .td_container_video_playlist{width:100%;position:relative;}
										.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_container_video_playlist{height:auto;} .td_add_scrollbar_to_playlist{max-height:300px;}
										.monlop table {font-size:16px;}
										.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;}
										.td-video-container-title h4 {left:0;position:relative;transform: translateX(0%);float:left;}
										}
										
@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%;}
.select-class {width:100%;border-radius:0px;margin-top:0;margin-right:0;}
.td-video-container-title h4{left:50%;transform: translateX(-50%);}}										

@media screen and (max-width: 480px) {
										.title1 h3 {font-size:16px;}.info-gv h3,h4{font-size:12px;}.info-text{display:none;}
										.innerWrap {width:84%;}
										.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;}
											
											}
