* { margin: 0px; box-sizing: border-box; border: none; }
html { min-height: 100%; }
body { background: #E6E6E6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #3A3A3B; }
#wrapper { margin: 0px auto; border: 1px #7A7A7A solid; border-top: 0; width: 900px; position: relative; padding: 20px; background-color: #FFFFFF; text-align: left; overflow: hidden; min-height: 1000px; }
#wrapper2 { padding: 15px 20px; width: 900px; margin: 0px auto; position: relative; border: 1px #7A7A7A solid; background: #fff; min-height: 1000px; }
header, article, footer { padding: 0px; position: relative; }
footer { width: 900px; margin: 15px auto; }
p { padding-bottom: 15px; }
h2 { margin: 0; color: #8F8E8E; font-size: 22px; line-height: 28px; text-align: center; padding: 35px 0 15px; }
h3 { font-size: 12px; line-height: 16px; }
a { color: #3A3A3B; text-decoration: none; }
img { max-width: 100%; height: auto; width: auto\9; border: none; }
ul { padding: 0px 0px 0px 0px; list-style-image: url(); list-style: none; }
ul li { background: url(../img/iconlist.jpg) no-repeat 0px 5px; padding-left: 20px; }
select, input { border: 1px solid #969697; padding: 1px 3px; height: 25px; }
.h2pc { background-color:#E6E6E6; color:#1c1c1c; margin-top:30px; padding-top:6px; padding-bottom:3px; margin-bottom:30px; }
.cbox { height: 12px; }
.rbox { height: 14px; }
.bnm {
   display: none;
}
.sec2 input { border: none; }
.clearfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }
.jus { text-align: justify; }
header img { display: block; }
.lang { padding-bottom: 5px; }
.left { float: left; width: 645px; font-size: 13px; line-height: 18px; }
.step3 { font-size: 12px; line-height: 16px; }
.left h3 { font-size: 18px; line-height: 22px; padding: 10px 0; border-bottom: 1px solid #969697; margin-bottom: 20px; }
.left sup { color: #DE1D37; }
.step { background: #E6E6E6; font-weight: bold; padding: 10px 0; color: #fff; font-size: 16px; font-weight: bold; }
.step span { display: inline-block; padding: 0 10px; width: 105px; }
.step span:last-of-type { width: 90px; }
.bgst1 .left h3 {
	margin-bottom:0;
}
.bgst1 { background: #E6E6E6 url(../img/bg1.jpg) no-repeat left; }
.bgst2 { background: #E6E6E6 url(../img/bg2.jpg) no-repeat left; }
.bgst3 { background: #E6E6E6 url(../img/bg3.jpg) no-repeat left; }
.bgst4 { background: #E6E6E6 url(../img/bg4.jpg) no-repeat left; }
.bgst5 { background: #E6E6E6 url(../img/bg5.jpg) no-repeat left; }
.bgst6 { background: #E6E6E6 url(../img/bg6.jpg) no-repeat left; }
.gtpc  { line-height: 10px !important;}
.sec input, .sec1 input { border: 1px solid #bbbbbb; }
.sec, .sec1 { padding-bottom: 16px; }
.sec1 p, .sec p { font-weight: bold; float: left; width: 140px; padding-bottom: 0px; }
.sec1 .as { width: 475px; float: left; }
.sec1 .as input { width: 475px; height: 25px; }
.sec1 .as aside { width: 215px; float: left; }
.sec1 .as aside:nth-of-type(2) { float: right; }
.sec1 .as aside input { width: 215px; }
.sec1 span { display: inline-block; margin-left: 5px; }
.btn, .sec1 .btn { float: right; margin-right: 110px; border: none; height: 36px; padding: 0px;}
.btn:focus {opacity: 0; cursor: not-allowed; }
.sec2 { padding-left: 250px; }
.ques { padding-left: 20px; font-size: 12px; }
.ques h4 { font-size: 14px; line-height: 20px; }
.ques ul { padding: 5px 0 20px 20px; }
.ques ul li { width: 50%; padding-right: 5%; float: left; background: none; padding-left: 0; margin-bottom: 3px; }
.ques li .chk { float: left; margin: 0; width: 5%; }
.ques li span { display: block; float: left; margin-left: 3px; margin-top: -3px; width: 93%; }
.ques li .ipt { width: 100%; color: #3A3A3B; }
.btnskip { float: right; margin-right: 70px; padding-top: 5px; }
.step3 h3:nth-of-type(2) { border-bottom: none; border-top: 1px solid #969697; padding-top: 8px; padding-bottom: 5px; margin-bottom: 0; }
.search { float: right; margin-bottom: 20px; }
.search .btnsearch { background: #404041; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 12px; }
.search .txtsearch { border: 1px solid #969697; width: 250px; }
.listcom { height: 500px; overflow: auto; width: 100%; border: 1px solid #969697; margin-bottom: 20px; }
.top { background: #404041; font-weight: bold; color: #fff; font-size: 14px; line-height: 18px; }
.t1 { width: 45px; padding: 5px 10px 5px 5px; float: left; }
.top .t1 { padding: 5px 5px; text-align: center; }
.t2 { float: left; width: 580px; padding: 5px 0; }
.t21 { float: left; width: 490px; padding: 0 10px 0 0; }
.t22 { float: left; width: 0px; padding: 0 0px; }
.t23 { float: left; width: 90px; padding: 0 10px; font-weight: bold; text-align: right; font-size: 14px; }
.t2 p { padding: 5px 10px 0 0; }
.row { border-bottom: 1px solid #969697; }
.step4 .t1 { width: 35px; }
.step4 .t2 { width: 590px; }
.step4  .t21 { width: 410px; }
.step4 .t22 { width: 90px; text-align: right; font-size: 12px; }
.step4 .t23 { width: 90px; text-align: right; font-size: 12px; }
.form { margin-bottom: 10px; }
.form .sec input { float: left; border: 1px solid #969697; }
.form .sec { padding-bottom: 10px; }
.hoithao { width: 200px; }
.gianhang { width: 300px; }
.soluong { width: 60px; }
.form .sec p { font-weight: normal; width: 250px; text-align: right; padding-right: 10px; }
.form select { border: 1px solid #969697; width: 45px; margin: 0; }
.form .sec aside { float: left; margin-right: 10px; }
.form .sec aside small { font-size: 11px; font-style: italic; }
.form .sec  span { display: inline-block; padding-top: 4px; }
#address { margin-bottom: 10px; }
.step5 { border: 1px solid #969697; border-bottom: 0; margin-bottom: 20px; }
.step5 .top { font-size: 12px; padding: 5px 0; }
.step5 .row1 input { max-width: 100%; width: 100%; }
.step5 .row1 .t1 { font-weight: bold; padding-top: 10px; }
.step5 .t1 { width: 30px; }
.t3 { float: left; width: 40px; padding: 5px 3px 5px 0; }
.step5 .t3 select { font-size: 11px; padding-left: 0; padding-right: 0; height: 25px; }
.t4 { float: left; width: 205px; padding: 5px 3px 5px 5px; }
.t5 { float: left; width: 0px;	 padding: 5px 0px 5px 0; }
.t6 { float: left; width: 105px; padding: 5px 3px 5px 0; }
.t7 { float: left; width: 105px; padding: 5px 3px 5px 0; }
.t8 { float: left; width: 150px; padding: 5px 0px 5px 0; }
.row1 { border-bottom: 1px solid #969697; }
.sec1 select { width: 215px; height:25px; }
.box2 { border: 1px solid #0d506a; margin-bottom: 20px; }
.box2 h4 { background: #720101; color: #fff; font-size: 14px; line-height: 18px; padding: 5px; }
.box21 { padding: 6px 5px 5px; }
.box3 { border: 1px solid #0d4f69; margin-bottom: 20px; }
.box3 h4 { background: #0d4f69; color: #fff; font-size: 14px; line-height: 18px; padding: 5px; }
.box31 { padding: 10px 5px 20px; }
.right { float: right; width: 195px; }
.box { background: #F5F4F4; margin-bottom: 20px; }
.box h3 { font-size: 12px; line-height: 17px; padding: 10px 8px; background: #E6E6E6; }
.box p { padding: 5px 8px 15px; text-align: justify; }
.box ul { padding: 5px 8px 15px; }
.box ul li { background: url(../img/icon1.jpg) no-repeat 0px 7px; padding-left: 10px; }
#wrapper2 header { padding: 0; }
#wrapper2 h4 { font-size: 14px; line-height: 18px; padding: 5px 0 5px; }
#wrapper2 .pad { padding: 0 30px; }
#wrapper2 .last { padding-top: 0px; padding-right: 15px; }
#wrapper2 .last img { display: inline; margin-bottom: 0; }
#wrapper2 .last span { display: block; }
#wrapper2 .t { border-top: 1px solid #ABABAB; height: 23px; }
#wrapper2 .sp1 { display: inline-block; width: 100px; padding: 2px; }
#wrapper2 .sp2 { display: inline-block; width: 155px; padding: 2px; border-left: 1px solid #ABABAB; border-right: 1px solid #ABABAB; }
#wrapper2 .sp3 { display: inline-block; width: 100px; padding: 2px; }
#wrapper2 .t2 { border-bottom: 1px solid #ABABAB; width: 100%; padding: 0; }
#wrapper2 header section:nth-of-type(2) .last { padding: 9px 25px 0 0; }
#wrapper2 article h2 { font-size: 18px; line-height: 22px; padding: 5px; background: #E6E6E6; color: #000; text-align: center; margin: 20px 0 10px; }
#wrapper2  h3 { font-size: 14px; line-height: 20px; border-bottom: 1px solid #ABABAB; padding: 0 0px 8px; margin: 0 20px 20px 0; }
#wrapper2  h4 { font-size: 12px; line-height: 18px; background: #E6E6E6; padding: 3px 10px; margin-bottom: 10px; }
#wrapper2 .info { font-size: 13px; line-height: 17px; margin: 0 0px 10px 20px; }
#wrapper2  .policy h5 { margin: 0 0 10px; padding: 3px 5px; }
#wrapper2  .policy { margin: 0 30px 0px 0px; border: 1px solid #7C7C7C; line-height: 17px; }
#wrapper2  .policy  p { padding: 0 5px 30px; }
#wrapper2 .right { width: 210px; }
#wrapper2 .right p { text-align: right; padding-bottom: 30px; }
#wrapper2 .right .big { font-size: 20px; line-height: 24px; padding: 0px 0 30px; font-weight: bold; }
#wrapper2 .right .code span { display: block; letter-spacing: 1px; }
#wrapper2 .right .code img { width: 120px; height: 35px; }
.box4 { padding: 1px 5px 3px; border: 1px solid #ABABAB; height: 23px; }
.kq1 { display: inline-block; width: 210px; }
#wrapper2 .sec1 .as { width: 455px; }
#wrapper2 .sec1 .as aside { width: 210px; }
.sec1 .as .kq { width: 455px; }
#wrapper2 .sec, #wrapper2 .sec1 { padding-bottom: 8px; }
#wrapper2 .info1 { margin: 0 0px 15px; }
#wrapper2 .info1 .sec .box4 { height: 20px; }
#wrapper2 .info1 .sec p { float: left; text-align: right; width: 160px; padding-right: 20px; }
#wrapper2  figure { text-align: right; margin: 0 0 30px; }
#wrapper2 .sec .as { width: 455px; float: left; }
#wrapper2 h5 { font-size: 13px; line-height: 18px; padding: 5px 40px; margin: 0 -40px; color: #fff; background: #3B3B3B; }
#wrapper2 footer { padding: 20px 20px 15px; position: relative; width: auto; }
#wrapper2 footer h5 { margin-bottom: 15px; }
#wrapper2 footer aside  span { text-align: right; display: block; font-size: 14px; letter-spacing: 2px; }
#wrapper2 header aside:first-of-type { }
#wrapper2 header aside:first-of-type .mat1 { text-transform: uppercase; height: 94px; }
#wrapper2 header aside:first-of-type .mat1 p:last-of-type { text-align: center; padding: 0; }
#wrapper2  small { line-height: 15px; }
/* Cap nhat Style 2 */
.f-right {float:right; display:inline;}
.sexh {border:1px solid #999; width:300px; color:#555; font-family:Calibri; font-size:13px; padding:3px 10px; margin:0 10px 0 0}
.search-exh select {float:right; display:inline; margin:0 10px 0 0;border:1px solid #999;padding:2px 1px 2px 10px; font-family:Calibri; font-size:13px;} 
.idscan {width:20%; background: #E6E6E6; padding:4px 4px 4px 4px; font-weight:bold; text-align:left; }
.dayscan {width:16%; background: #E6E6E6; padding:4px 4px 4px 4px; font-weight:bold; text-align:center; }
.dayscan-am {width:16%; background: #F9F9E1; padding:4px 4px 4px 4px; font-weight:bold; text-align:center; color:#ee4060; }
.dayscan-pm {width:16%; background: #FCE8E0; padding:4px 4px 4px 4px; font-weight:bold; text-align:center; color:#ee4060; }
/* Responsive */
@media only screen and (max-width:720px) {
   #wrapper {
      border:none;
      margin: 0 auto;
      padding: 3%;
      min-height: auto;
      width: 96%;
   }
   #wrapper .left, #wrapper .right {
   	width: 100%;
   }
   .bnm {
      display: block;
   }
   .bn {
      display: none;
   }
   .mba {
	   margin-top:10px;
   }
   .mbb {
	   margin-top:50px;
   }
   .ipc {
	   height: 30px !important;
   }
   .gtinh {
		width: 80px !important;
		line-height: 10px !important;
   }
   select, input { padding: 6px 3px; }
   h2 {
   	padding: 15px 0 10px;
   	font-size: 16px;
   }
   footer {
   	padding: 0 1rem 1rem;
   	width: 100%;
   }
   .sec1 .as, .sec1 .as input {
   	width: 100%;
	height: 30px;
   }
   .sec1 .as aside {
   	width: 43%;
   }
   .sec1 span {
   	margin-left: 0;
   }
   .sec1 .as aside input, .sec1 select {
   	width: 100% !important;
   }
   .ques {
   	padding-left: 0;
   }
   .ques ul li {
   	width: 100%;
   	padding-right: 0;
   }
   .btn, .sec1 .btn {
   	margin-right: 30px;
	margin-bottom: 30px;
   }
   .sec2 {
   	padding-left: 0;
   	text-align: right;
   }
   .left h3 {
   	font-size: 16px;
   }
   .step span {
   	width: auto;
   	padding: 5px 10px;
   	border-right: 1px solid #fff;
   	font-size: 14px;
   }
   .bgst5 {
   	margin-bottom: 15px;
   }
   .bgst6 span:last-of-type {
   	background: #009E62;
   }
   .h2mb { background-color:#E6E6E6; color:#1c1c1c; margin-top:25px; padding-top:3px; padding-bottom:3px; margin-bottom:14px; }
   .t1 {
      width: 10%;
      font-size: 13px;
   }
   .t2 {
      width: 90%;
      font-size: 13px;
   }
   .t21 {
      width: 70%;
   }
   .t22 {
      width: 5%;
   }
   .t23 {
      width: 25%;
      font-size: 13px;
   }
   .form .sec p {
      width: 110px;
   }
   .bgst4, .bgst5, .bgst6 {
       background: #404042;
   }

   .step4 .t1 {
      width: 10%;
   }
   .step4 .t2 {
      width: 90%;
   }
   .step4 .t21 {
      width: 60%;
   }
   .step4 .t22 {
      width: 20%;
      text-align: left;
   }
   .step4 .t23 {
      width: 20%;
   }
   .khachdoan {
      display: none;
   }
   .sprint {
	  padding-bottom: 8px;
   }

}
/* Ende Responsive */