@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:#fff;max-width:1124px;}
.header {width:95%; height:80px;margin:auto;}
.countdow{width:40%;height:auto;}
.countdow img{display:block;margin-left:40%;}
.countdow2 {display:none;width:100%;margin-bottom:2%;}
.countdow2 img{display:block;margin:auto;}
.share span{line-height: 80px;text-align:center;font-size:20px;font-family:Roboto Slab;font-weight:bold;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;background:#fc3030;}
.pic2 {display:none;}
.pic4 {display:none;}

.khuyenmai1 {width:100%;height:100%;overflow:hidden;margin:auto; background:#e1e1e1;padding:1%;}
.box-video {width:60%;height:100%;float:left;}
.main-video {width:98%;height:100%;background:#222;}
.video{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	
}
.info {width:38%;height:auto;float:left; background:#fff;border-radius:5px;border:2px #ff9c00 solid;border-bottom:6px #ff9c00 solid;}
.info img {float:left;margin-right:2%;}
.info ul {width:93%;margin:auto;height:auto;}
.info ul li {width:100%;padding:1.6% 0;list-style:none;font-size:14px;margin-top:1.5%;border-bottom:1px solid #ebcb98;display:inline-block;}
.stt {width:35px;height:35px;background:#ff4e00;;border-radius:50%;text-align:center;float:left;margin-right:2%;border:2px solid #ff9c00;}
.stt p {color:#fff;font-size:24px;font-weight:bold;margin-top:-5px;}
.info ul li span {color:#ff4e00; font-family:Roboto Slab;font-weight:bold;}

.listmon{width:100%;height:auto;background:#222;position:relative;overflow:hidden;margin:auto;}
.chonlop{width:90%;height:auto;position:relative;overflow:hidden;margin:auto;}
.lop {width:48%;height:auto; float:left;background:#fff;margin:1%;border-radius:3px;}
.lop12 {background:#1d87c3;}
.lop9 {background:#599342;}
.titlelop {text-align:center;padding:15px 0px;font-family:Roboto Slab;font-weight:bold;color:#fff;}
.lop ul li {text-align:center;float:left;list-style:none;width:48%;padding:15px 0px;font-size:18px;font-family:Roboto Slab;border-bottom:1px dashed #cdcdcd; border-left:1px dashed #cdcdcd;}
.lop ul li a {color:#333;}
.lop ul li a:hover {color:#ff4e00; text-decoration:underline;font-weight:bold;}
.title {width:100%;height:auto;margin:0.75% auto;text-align:center;color:#fc3030; font-family:Roboto Slab;}
.title h2 {font-family:Roboto Slab;color:red;text-align:center;padding:5px 0px;}
.title1 {background:url(../image/title1.png) no-repeat center;background-size:contain;}

.banner2{width:100%;height:auto;margin:auto;background:#ff9c00;overflow:hidden;position:relative;}
.box-banner2 {width:100%;height:auto;position:relative;overflow:hidden;padding-bottom:1%;padding-top:1%;}
.fat-banner2 {width:32%;height:auto;position:absolute;bottom:0%;}
.info-banner2 {width:64%;height:auto;font-size:18px;font-family:Roboto Slab;color:#242c42;background:#fff;margin-right:4%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);}
.info-banner2 ul li {list-style-image:url(../image/iconhand.png);padding:0.2% 0;margin-left:10%;padding:0.6% 0;border-bottom:1px dashed #cdcdcd;}
.info-banner2 h2 {margin-left:7%;padding:1.5% 0;color:#fc3030;}

.cacbuocdangki{width:100%;height:auto;background:#222;position:relative;overflow:hidden;margin:auto;}
.title2 {background:url(../image/title2.png) no-repeat center;background-size:contain;}

.box-dangki{width:100%;height:auto;background:#d6d6d6;margin:auto;position:relative;overflow:hidden;text-align:center;}
.action{width:100%;height:auto;padding:20px 0 20px 0;}
.button {font-size:24px;font-family:Roboto Slab;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-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;padding:5px;}

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

.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;}
									   .item{width:48%;}
									   .countdown {display:none;}
									   .countdown2 {display:block;}
									   .box-video {width:100%;}
									   .info {width:97.5%;}
									   .chonlop{width:100%;}
									   }	
	
@media screen and (max-width: 640px) {
									  .footer {font-size:12px;}
									  .pic1 {display:none;}
									  .pic2 {display:block;}
									  
									  .item {width:48%;}
									  .chonlop{width:90%;}
									  .title {width:100%;}
									  .cacbuoc p {font-size:14px;}
									  .title3 {background-size:90%;}
									  .innerWrap {width:90%;}
									  .info-banner2 {width:98%;margin-right:1%;}
									  .fat-banner2{display:none;}
									  .button {margin-top:2%;}
									  }
									
@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;}
									   .banner2 h2 {width:100%;border-radius:0px;font-size:18px;padding-left:1%;}
									   .innerWrap {width:88%;}
									   .chonlop{width:100%;}
									   .lop ul li {font-size:14px;}
									   .pic3 {display:none;}
									  .pic4 {display:block;}
									   }
											
@media screen and (max-width: 420px) {.header {width:100%}
											.span1{width:80px}
											.span2{width:40px}
											.lop {width:98%;}
											.header img {margin-top:15px;}
											.thongtinGV span {font-size:14px}
											.title h2 {font-size:14px;}
											.cacbuoc {width:95%;}
											.innerWrap {width:84%;}
											.item{width:100%;}
											}