body{
  background: #fff;
}
.main{
	margin-left:15px;
}
.header{
	background-color: #006699;
	color:white;
	font-size:12pt;
	padding-bottom:10pt;
	padding-left:10pt;
	padding-top:10pt
}
font-family: 'Open Sans', sans-serif;
			}
.tieude{
	color:#e84118;
}

.box1 {
 display:inline-block;
  transition: box-shadow .3s;
  width: 100%;
  height:140px;
  margin: 20px 20px 0px 0px;
  border-radius:0px;
  border: 0px solid #04AA6D;
  background-color: #00a8ff;
 text-align:center;
 padding: 10px ;
 
}
.box1:hover, .box2:hover, .box3:hover, .box4:hover, .box5:hover, .box7:hover   {
  box-shadow: 0 0 20px rgba(33,33,33,.2); 
  cursor:pointer;
  background:lightgray;
}
.customers {
			  font-family: 'Open Sans', sans-serif;
			  border-collapse: collapse;
			  width: 100%;
			  font-size:11pt;
			}

.customers td, th {
			  border: 1px solid #ddd;
			  padding: 10px;
			}

.customers tr:nth-child(even){background-color: #f2f2f2;}

.customers tr:hover {background-color: #ddd;}




.customers th {
			  padding-top: 8px;
			  padding-bottom: 8px;
			  text-align: center;
			  background-color: #00a8ff;
			  color: white;
			  font-family: 'Open Sans', sans-serif;
			}
.txt_codong{
			
			padding: 20px 30px 20px 13px;
			text-align: left;
			background-color: rgba(0, 0, 0, 0.1);
			border-width:0;
			border-radius:5px;
			font-size: 17px;
			letter-spacing: 1.5px;
			color: red;
			outline: 0;
			width:30%;
			
			font-family: 'Open Sans', sans-serif;
			margin:2px 2px 4px 2px;
			
		}
.tuy_chon{
			
			padding: 10px 10px 10px 10px;
			text-align: center;
			background-color: rgba(0, 0, 0, 0.1);
			border-width:0;
			border-radius:5px;
			font-size: 16px;
			letter-spacing: 1.5px;
			color: blue;
			outline: 0;
			width:30%;
			
			font-family: 'Open Sans', sans-serif;
			margin:2px 2px 4px 2px;
			
		}


	
.txt_timkiem{
			padding: 15px 15px 5px 0px;
			text-align: left;
			border: 0;
			border-bottom: 1px solid #04AA6D;
			font-size: 15px;
			letter-spacing: 1.5px;
			color: black;
			outline: 0;
			font-family: 'Open Sans', sans-serif;
			margin:0px 2px 10px 5px;
			width:80%;
			background:transparent;
}



@media (max-width: 767px) {
	.main{margin-left:0px;}
	
}
@media (max-width: 414px)
{
	.txt_xe{width:100%;}
	.txt_timkiem{width:80%;}
	.but{text-align:center;}
	.txt_codong{width:100%;}
	.check_yes{width:45%;}
	.check_no{width:45%;}
	.tuy_chon{width:50%;}
	.box1{height:180px;}
	.box2{height:240px;}
}
@media (max-width: 440px) {
	.txt_xe{width:100%;}
	.txt_timkiem{width:100%;}
	.but{text-align:center;}
	.txt_codong{width:100%;}
	.check_yes{width:45%;}
	.check_no{width:45%;}
	.tuy_chon{width:50%;}
	.box1{height:180px;}
	.box2{height:240px;}
}
@media (max-width: 451px) {
	.txt_xe{width:100%;}
	.txt_timkiem{width:100%;}
	.but{text-align:center;}
	.txt_codong{width:100%;}
	.check_yes{width:45%;}
	.check_no{width:45%;}
	.tuy_chon{width:50%;}
	.box1{height:180px;}
	.box2{height:240px;}
}
@media (max-width: 390px) {
	.txt_xe{width:100%;}
	.txt_timkiem{width:80%;}
	.but{float:center;}
	.txt_codong{width:100%;}
	.check_yes{width:45%;}
	.check_no{width:45%;}
	.tuy_chon{width:50%;}
	.box1{height:180px;}
	.box2{height:240px;}
}