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


*{margin:0; padding:0;}

.clorgray {color:#333;}
.clorred {color:#73010c;}
.clorred2{color:#f30}
.cloryellow {color:#fde800;}
.clorblue {color:#3b5998;}
.cl1{color:#999;}
.cl2{color:#666;}
.cl4{color:#999;}
.cl5{color:#666;}
.fl {float:left;}
.fr {float:right;}
.mal3 {margin-left:3%;}
.mar3 {margin-right:3%;}
a:link {text-decoration:none;}

.body {width:80%;height:auto;position:relative;overflow:hidden;margin:auto;background:#242c42;max-width:1124px;}
.header {width:95%; height:80px;margin:auto;}
.countdown {width:320px;position:absolute; left:35%;top:-7px;}
.countdown2 {margin:auto;width:320px;display:none;}
.share span{line-height: 80px;text-align:center;font-size:20px;font-family:Roboto Slab;font-weight:bold;background-size:contain;background-position:center;color:#2a4a8a}
.span1 {width:120px;height:80px;background:url(../image/share.png);display:inline-block;padding-left:20px;background-repeat: no-repeat;}
.span2 {width:56px;height:80px;background:url(../image/share2.png);display:inline-block;background-repeat:no-repeat;}

.banner{width:100%;height:auto; margin:auto;background:#ffbd08;}
.pic2 {display:none;}
.pic4 {display:none;}
.box-videogioithieu{width:100%;height:auto;margin:auto;margin-top:0.75%;}
.box-videogioithieu h2 {font-family:Roboto Slab;color:white;text-align:center;padding:5px 0px;}
.videoGT {width:100%;height:auto;display:inline-block;}
.select-mon {width:15%;height:auto;margin-top:1%;margin-bottom:1%;margin-left:1.5%;float:left;}
.mon{width:100%;height:auto;background:#3b5741;float:left;border-radius:15px 15px 0px 0px;position:relative;}
.thongtinGV{width:100%;padding: 12px 0px;display:inline-block;background:white;text-align:center;border-radius:0px 0px 15px 15px;}
.thongtinGV span {font-family:Roboto Slab;color:#333;font-size:14px;padding-left:5px;text-decoration:underline;font-weight:bold;}
.thongtinGV:hover span{color:#ee2a2c;}
.play{z-index:2;position:absolute;width:100%;height:100%; background:url(../image/play.png) no-repeat center;background-size:20%}
.mon:hover .play {background-size:23%;}
.mon:hover {background:#2c4231;}
.monfree{width:15%;height:auto;margin-top:1%;margin-bottom:1%;margin-left:1.5%;float:left;position:relative;}
.play2{z-index:2;position:absolute;width:100%;height:100%; background:url(../image/play.png) no-repeat center;background-size:20%}
.monfree:hover .play2 {background-size:23%;}
.box-cackhoahoc{width:100%;height:auto;margin:auto;}
.title1 {background:url(../image/title1.png) no-repeat center;background-size:contain;}
.title {width:100%;height:auto;margin:0.75% auto;}
.title h2 {font-family:Roboto Slab;color:red;text-align:center;padding:5px 0px;}
.title2 {background:url(../image/title2.png) no-repeat center;background-size:contain;}
.title3 {background:url(../image/title3.png) no-repeat center;background-size:contain;}
.title4 {background:url(../image/title4.png) no-repeat center;background-size:contain;}
.title5 {background:url(../image/title5.png) no-repeat center;background-size:contain;}
.khoahoc {width:80%; height:auto; padding:1%; display:inline-block;border:1px solid #fff;border-radius:5px;font-size:18px;color:#fff;text-align:left;font-family:Roboto Slab;margin-bottom:1%; }
.titlekhoa {width:15%;height:100%;display:inline-block;text-align:center;font-weight:bold;color:#ffbd08; }
.tenkhoa {width:80%;height:auto;display:inline-block;border-left:6px solid #fff;padding-left:1%;}
.banner2{width:100%;height:auto;margin:auto;background:#ffbd08;overflow:hidden;position:relative;}
.banner2 h2 {width:66%;height:auto;float:right;background:#eeb108;color:#333;text-align:left;padding-left:4%;border-radius:50px 0px 0px 50px;margin:1% 0;}
.box-banner2 {width:100%;height:auto;position:relative;overflow:hidden;padding-bottom:1%;}
.fat-banner2 {width:32%;height:auto;}
.info-banner2 {width:68%;height:auto;font-size:18px;font-family:Roboto Slab;color:#242c42;}
.info-banner2 ul li {list-style-image:url(../image/iconhand.png);padding:0.2% 0;}

.hocthumienphi{width:100%;height:auto;background:#242c42;margin:auto;position:relative;overflow:hidden;text-align:center;}
.box-hocthu{width:90%;height:auto;margin:auto;}
.hocthumienphi h3 {font-family:Roboto Slab;font-weight:bold;color:#ce3e42;padding:10px 20px;background-color:white;width:60%;margin:auto;border-radius:5px;display:inline-block;margin-top:1%;margin-bottom:1%;}
.mon3 {width:20%;height:auto;display:inline-block;padding-bottom:3%;}

.ykienhocsinh{width:100%;height:auto;background:#fc9900;margin:auto;background-image:url(../image/banner3.png);background-repeat:no-repeat;background-position:bottom;background-size:100%;position:relative;overflow:hidden; }
.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;}
.baochi {width:100%;height:auto;margin:auto;background:#cdcdcd;}
.baochi a{padding:10px 0px 10px 20px;display:inline-block;}

.datcho{width:100%;height:auto;margin:auto; }
.timedatcho{width:80%;height:auto;;margin:auto;border:2px solid white;}
.dieukiendatcho {color:white;font-family:Roboto Slab;font-size:18px;width:87%;height:auto;margin:auto;padding:10px}
.clickdatcho {padding:10px 30px;display:inline-block;background:#df8800;font-family:Roboto Slab; font-size:24px;border-radius:5px;font-weight:bold; color:white;box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}
.cacbuochuongkm {width:100%;height:auto;background:#323c57;padding-top:0.5%;}
.cacbuoc {width:80%;height:auto;margin:auto;font-family:Roboto Slab;overflow:hidden;padding-bottom:1%;}
.Tib1 {width:12%;height:70px;background:#3b5741;border-radius:15px 0px 0px 15px;font-weight:bold;color:white;}
.Tib1 p {padding-top:25%;text-align:center;}
.Tib2 {width:88%;height:70px;background:#fff;border-radius:0px 15px 15px 0px;}
.Tib3 {width:12%;height:70px;background:#fea700;border-radius:15px 0px 0px 15px;font-weight:bold;color:white;}
.Tib3 p {padding-top:25%;text-align:center;}
.Tib4 {width:12%;height:90px;background:#bf4041;border-radius:15px 0px 0px 15px;font-weight:bold;color:white;}
.Tib4 p {padding-top:35%;text-align:center;}
.Tib5 {width:88%;height:90px;background:#fff;border-radius:0px 15px 15px 0px;}
.box-danhsach{width:100%;height:auto;margin:auto;background:white;padding-top:0.5%;}
.box-danhsach table {width:100%;border-collapse: collapse;}
.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;}

.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;}

.pop {
		width:100%;
		height:100%;
		position:fixed;
		z-index:3;
		top:0px;
		left:0px;
		background:rgba(0, 0, 0, 0.68);
		visibility:hidden;
		}
		
.popvideo {
		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;}

.popvideofree {
		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;
		}
		
		
.popvideofreehienlen {
		-webkit-transform:scale(1);
		visibility:visible;}
.pop2 {width:40%;
		height:220px;
		position:fixed;
		z-index:5;
		top:25%;
		left:30%;
		background:white;
		border:6px solid white;
		border-radius:5px;
		visibility:hidden;}
		
.pop2 span{font-family:Roboto Slab; font-size:18px;color:#e13a28;font-weight:bold;padding:20px 10px;display:block;}
		
.popdatchothanhcong{
		-webkit-transform:scale(0);
		-webkit-transition:all ease 0.5s;}
		
.popdatchothanhconghienlen {
		-webkit-transform:scale(1);
		visibility:visible;}
		
.character1{float:left;width:38%;height:220px;background:url(../image/popcharacter.png) no-repeat center;background-size:contain;}	
.character2{float:left;width:38%;height:220px;background:url(../image/popcharacter2.png) no-repeat center;background-size:contain;}		
.character3{float:left;width:38%;height:220px;background:url(../image/popcharacter3.png) no-repeat center;background-size:contain;}
.thongbao {float:right;width:62%;height:100%;padding-top:3%}

.exit2{position:absolute;top:-15px;right:-15px;}

.popdangnhap{
		-webkit-transform:scale(0);
		-webkit-transition:all ease 0.5s;}
		
.popdangnhaphienlen {
		-webkit-transform:scale(1);
		visibility:visible;}
		
.popkhongthanhcong{
		-webkit-transform:scale(0);
		-webkit-transition:all ease 0.5s;}
		
.popkhongthanhconghienlen {
		-webkit-transform:scale(1);
		visibility:visible;}


.footer {width:100%;height:auto;margin:auto; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;border-top:2px solid #cff1ff;}
.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;}
.ft2 p {color:#999;font-family:Arial, Helvetica, sans-serif;font-size:14px;}

	
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("//fonts.gstatic.com/s/roboto/v15/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("//fonts.gstatic.com/s/roboto/v15/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("//fonts.gstatic.com/s/roboto/v15/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("//fonts.gstatic.com/s/roboto/v15/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("//fonts.gstatic.com/s/roboto/v15/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("//fonts.gstatic.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("//fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0TTOQ_MqJVwkKsUn0wKzc2I.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0TUj_cnvWIuuBMVgbX098Mw.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0UbcKLIaa1LC45dFaAfauRA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Wo_sUJ8uO4YLWRInS22T3Y.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0b6up8jxqWt8HVA3mDhkV_0.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0SYE0-AqJ3nfInTTiDXDjU4.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("//fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url("//fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url("//fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url("//fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url("//fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url("//fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url("//fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Regular"), local("Roboto-Regular"), url("//fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("//fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("//fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("//fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("//fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("//fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("//fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2") format("woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("//fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2") format("woff2");
}
	
@media screen and (max-width: 1124px) {.cacbuoc{width:90%;}
										.body {width:100%;}
										}
	
@media screen and (max-width: 960px) {.thongtinGV{padding: 5px 0px;}
									   .thongtinGV span {font-size:16px}
									   .box-ykien{width:100%;border-radius:0px;}
									   .body {width:100%;}
									   .Tib1, .Tib2, .Tib3 {height:80px;}
									   .Tib4, .Tib5 {height:100px;}
									   .item{width:48%;}
									   .countdown {display:none;}
									   .countdown2 {display:block;}
									   .pop2{width:80%;left:9%;}
									   .monfree, .select-mon {width:32%;margin-left:1%;}
									   }	
	
@media screen and (max-width: 640px) {
									  .footer {font-size:12px;}
									  .pic1 {display:none;}
									  .pic2 {display:block;}
									  .item {width:48%;}
									  .exit{top:0;right:-5px;}
									  .exit img{width:80%;}
									  .popdatchothanhcong{
										width:90%;top:25%;
										left:2%;}
										
									   .popdangnhap{
										width:90%;top:25%;
										left:2%;}
										.character{position:absolute;left:0px;top:0;width:40%;}
									  .title {width:100%;}
									  .title h2 {font-size:16px;}
									  .cacbuoc p {font-size:14px;}
									  .title3 {background-size:90%;}
									  .pop2 span,p{font-size:14px}
									  .popvideo {width:100%;left:0;border:0px;}
									  .select-mon{width:49%;margin-left:1%;}
									  .monfree{width:49%;margin-left:1%;}
									  .montry{width:49%;margin-left:1%;}
									  .box-videogioithieu{width:100%}
									  .innerWrap {width:90%;}
									  .pop2{width:90%;left:3.5%;}
									  .khoahoc {width:92%;}
									  }
									
@media screen and (max-width: 480px) {.title2{width:100%}
									   .cacbuoc p {font-size:12px;}
									   .box-danhsach table h4, p{font-size:16px;}
									   .item {width:100%;}
									   .footer {font-size:16px;}
									   .fat-banner2{display:none;}
									   .info-banner2 {width:85%;}
									   .banner2 h2 {width:100%;border-radius:0px;font-size:18px;padding-left:1%;}
									   .innerWrap {width:88%;}
									   .pic3 {display:none;}
									  .pic4 {display:block;}
									   }
											
@media screen and (max-width: 420px) {.header {width:100%}
											.span1{width:80px}
											.span2{width:40px}
											.header img {margin-top:15px;}
											.thongtinGV span {font-size:14px}
											.title h2 {font-size:14px;}
											.cacbuoc {width:95%;}
											.innerWrap {width:84%;}
											.item{width:100%;}
											}