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

*{padding:0; margin:0}
body {font-family:Tahoma, Geneva, sans-serif;}

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

.header {width:100%;height:80px;background:white;position:fixed;z-index:1000;top:0;}
.countdow{width:50%;height:auto;background:white;}
.countdow img{display:block;margin:auto;}
.iconface {background:url(../images/chiase.png) no-repeat;width:292px;height:80px;background-size:contain;position:absolute;right:0;text-align:center;color:white;font-weight:bold;font-size:22px;}
.iconface .span1{padding-left:42px;position:relative;top:24px;}
.iconface .span2{padding-left:20px;position:relative;top:24px;}
.main {width:100%;height:auto;margin:80px auto 0;}
.banner {background:#d41d21;width:100%;height:auto;}
.banner2 {width:100%;background-image:url(../images/bg.png);position:relative;height:auto;overflow:hidden; }
.box-video {width:50%;height:auto;float:left;}
.main-video {width:98%;height:98%;padding:2%;}
.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:50%;height:auto;float:left;}
.info ul li {list-style-image:url(../images/icon1.png);font-size:24px;margin-left:60px;margin-top:2%;margin-bottom:2%;font-weight:bold;}

.listmon{width:100%;height:auto;background:#d41d21;position:relative;overflow:hidden;background-image:url(../images/bg-listmon.png);background-repeat:no-repeat;background-size:contain;}
.tip1 {width:100%;height:auto;background-image:url(../images/tip1.png);background-repeat:no-repeat;background-position:center;text-align:center;font-size:30px;font-weight:bold;background-size:80%;padding:15px 0 15px 0;}

.monlop {width:85%;height:auto;background-image:url(../images/bg-chonmon.png);margin:auto;border-radius:5px;border-bottom:5px solid #d58c00;}
.monlop table {width:100%;font-size:24px;border-collapse: collapse;text-align:center;}
.monlop table td, tr {border: 1px dashed #d58c00;}
.monlop span {text-align:center;display:block;color:#73010c;font-weight:bold;}
.monlop a {padding:15px 0 15px 0; color:#333;display:block;}

.gioithieu{width:100%;height:auto;background:#d41d21;position:relative;overflow:hidden;}
.tip2 {width:100%;height:auto;background-image:url(../images/tip2.png);background-repeat:no-repeat;background-position:center;text-align:center;font-size:30px;font-weight:bold;background-size:90%;padding:15px 0 15px 0;}
.anhthayco {width:50%; height:auto;float:left;}
.noidung{width:42%;height:auto;float:left;margin-left:3%;}
.noidung ul li {list-style-image:url(../images/icon2.png);font-size:18px;color:white;padding:5px 0 	5px 0;}
.dangkihoc{width:100%;height:auto;background:#d41d21;position:relative;overflow:hidden;}
.tip3 {width:100%;height:auto;background-image:url(../images/tip3.png);background-repeat:no-repeat;background-position:center;text-align:center;font-size:30px;font-weight:bold;background-size:90%;padding:15px 0 15px 0;}

.box-dangki{width:100%;height:auto;background:#cdcdcd;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;}

.danhsach {width:100%;height:auto;background:white;position:relative;overflow:hidden;text-align:center;}
.danhsach h3 {color:#0043a8;padding:15px;}
.text1 {padding-bottom:15px;}
.danhsach table {width:100%;border-collapse: collapse;}
.danhsach .tr1, .td1 {border:1px solid #cdcdcd;}
.danhsach table h4, p {padding:10px;}

.danhsach2 {width:100%;height:auto;background:white;position:relative;overflow:hidden;text-align:center;}
.danhsach2 h3 {color:#f30;padding:15px;}
.danhsach2 a{color:#0043a8}
.danhsach2 table {width:100%;border-collapse: collapse;}
.danhsach2 .tr1, .td1 {border:1px solid #cdcdcd;}
.danhsach2 table h4, p {padding:10px;}

.box-comment {width:95%;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:1.5%;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;}

.innerWrap {width:96%;height:auto;position:relative;overflow:hidden;}
.child1 {width:85%;height:auto;position:relative;overflow:hidden;}

.innerWrap span {padding-bottom:0.5%;color:#a1a1a1;display:inline-block;margin-left:1%;}
.under2, .under3, .under4{margin-left:1%;}

.commentchild{width:100%;height:auto;position:relative;overflow:hidden;background:#e6ecf2;}

.cmchild{width:100%;height:auto;position:relative;overflow:hidden;}
.commentchild2, .commentchild3, .commentchild4, .commentchild5{width:100%;height:auto;position:relative;overflow:hidden;display:none;}


@media screen and (max-width: 1124px){.info ul li {font-size:18px;}
									 .monlop table {font-size:18px;}
									 .tip1{font-size:24px;}
									 .tip2{font-size:24px;}
									 .tip3{font-size:24px;}}

@media screen and (max-width: 960px){.countdow {width:100%}
									.box-video {width:100%;}
									.main-video {padding:0%;width:100%}
									.tip1{font-size:18px;}
									.tip2{font-size:18px;}
									.tip3{font-size:18px;}
									.info {width:100%}
									.anhthayco {width:100%;}
									.noidung{width:90%;margin-left:5%;}
									.innerWrap {width:94%;}
									.clearfix img {width:34px;height:34px}
									.main {margin:160px auto 0;}
									}

@media screen and (max-width: 640px){.countdow {width:100%}
									.iconface {font-size:18px;width:50%;margin-right:0%;}
									.monlop table {font-size:14px;}
									.noidung ul li {font-size:14px;}
									.monlop{width:100%;border-radius:0px;}
									.tip1{font-size:18px;}
									.tip2{background:none;font-size:18px;}
									.tip3{background:none;font-size:18px;}
									.noidung{width:90%;margin-left:7%;}
									.button {display:block;margin-top:10px}
									.action{width:70%;margin:auto;}
									.innerWrap {width:92%;}
									.logo {width:50%}}

@media screen and (max-width: 480px){.countdow {width:100%};
									.iconface .span { position:relative;}
									.iconface {font-size:18px}
									.iconface .span1 {padding-left:40px;top:20px}
									.iconface .span2 {padding-left:15px;top:20px}
									.tip1{background:none;padding:7px 0 7px 0;}
									.tip2{background:none;padding:7px 0 7px 0;}
									.tip3{background:none;padding:7px 0 7px 0;}
									.monlop a{padding:10px 0 10px 0;}
									.countdow img{width:50%}
									.clearfix img {width:30px;height:30px}
									.main {margin:120px auto 0;}}
									
@media screen and (max-width: 420px){.countdow {width:100%}
									.iconface {font-size:16px}
									.iconface .span {position:relative;top:18px}
									.iconface .span1 {padding-left:30px;}
									.iconface .span2 {padding-left:20px;}
									.noidung{width:90%;margin-left:10%;}
									.button{font-size:18px}
									.innerWrap {width:90%;}
									.countdow img{width:50%}}
									
@media screen and (max-width: 390px){
									.main {margin:100px auto 0;}
									.iconface .span2 {padding-left:5px;}
									.iconface .span1 {padding-left:20px;}}
									
@media screen and (max-width: 360px){.countdow {width:100%}
									.iconface {font-size:14px}
									.iconface .span {position:relative;top:16px}
									.iconface .span1 {padding-left:25px;}
									.iconface .span2 {padding-left:15px;}
									.countdow img{width:50%}
									.clearfix img {width:25px;height:25px}
									.info ul li {font-size:14px;}
									.main {margin:100px auto 0;}}
									
@media screen and (max-width: 320px){.countdow {width:100%}
									.iconface {font-size:14px}
									.iconface .span {position:relative;top:12px}
									.iconface .span1 {padding-left:15px;}
									.iconface .span2 {padding-left:5px;}
									.countdow img{width:50%}
									.main {margin:90px auto 0;}}
									
@media screen and (max-width: 280px){.countdow {width:100%}
									.iconface {font-size:12px}
									.iconface .span {position:relative;top:12px}
									.iconface .span1 {padding-left:15px;}
									.iconface .span2 {padding-left:5px;}
									.countdow img{width:50%}
									.main {margin:80px auto 0;}}