@charset "utf-8";
/* CSS Document     font-family: Roboto Condensed;   */
*{ 
	font-family: Arial;
    font-size: 14px;
    margin: 0;
    padding: 0;
    /*font-weight:normal;*/
    text-decoration: none;
}
body {
	float: left;
	width: 100%;
}

	.main_body { background-color: #ffffff;float: left;width: 100%;}
	.main_content {background-color: white;margin: 0 auto;width: 97%; /*border: 1px solid rgba(27, 140, 255, 0.42);*/}
	a:hover {text-decoration: none;}
	.banner, .header_cmenu {        display: none; }

/*-------------------------------------------------------*/
    
	.Center_Home {float:left; width:100%;}
	.Content_Left {float: left;width: 40%;	margin-top:4px; /*border: 1px solid rgba(27, 140, 255, 0.42);*/}
	.Content_Right {float: right;width: 58%;	margin-top:4px;/* border: 1px solid rgba(27, 140, 255, 0.42);*/}
	.Khung_Left{float:left;width:50%; border: 1px solid rgba(27, 140, 255, 0.42); margin-right: 2px;}
	
	
	.Khung_Left24{float:left;width:50%; border: 1px solid rgba(27, 140, 255, 0.42); margin-right: 2px; }
	.Khung_Left24 hangghe1 { margin-right: 2px;padding:20px }
	.Khung_Left48{float:left;width:50%; border: 1px solid rgba(27, 140, 255, 0.42); margin-right: 2px;}
	.Khung_Right{float:right;width:49%; border: 1px solid rgba(27, 140, 255, 0.42);}
	.Khung_Right24{float:right;width:49%; border: 1px solid rgba(27, 140, 255, 0.42);}
	.Khung_Right48{float:right;width:49%; border: 1px solid rgba(27, 140, 255, 0.42);}
	.Khung_Giua {float:left;width:1%; }

	.footer{float:left;width:100%;color:#fff;background-color:#1b5882;line-height:20px;}

/*----------------------------------------------------------------------------------*/
#hienthidatve {font-weight:bold;color:#00F;font-size:20px;line-height:30px;}
#sovedat {font-weight:bold;color:#C30;font-size:20px;line-height:20px;}
 .tienve{font-weight:bold;color:#C30;font-size:20px;line-height:20px;}
 .tienve2{font-weight:bold;color:#B1B1B1;font-size:20px;line-height:20px;}
 .vitrighe {font-weight:bold;color:#060;font-size:20px;line-height:30px;}
.cot1{  
	width:15% ;
	padding-left:5px;
    text-align:right;
    float:left;
    font-weight:bold;
    color:#960; line-height:20px;
}
.cot2{  
	width:85%;
	padding-left:5px;
	text-align:left; 
	line-height:20px;
    color:#006;;font-weight:bold;
	 
}

.thongtinxe-noidung{
	width: 79%;
	float: left; text-align:left;
}


/* Hàng hóa*/
.hanghoa-themmoi{
	padding: 10px 10px 10px 10px;
    border: 0px solid rgba(255, 255, 255, 0);
    border-radius: 25px;
    background-color: rgba(248, 255, 191, 0.75);
    font-size: 16px;
    box-shadow: 0 0 20px rgba(214, 157, 157, 0.59) inset;
    color: rgba(1, 64, 7, 0.87);
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}
.thongtinguihang-nguoigui{
	width: 60%;
	height: 60px;
}
.thongtinghanghoa{
	width:95%;
}
.thongtinghanghoa-chitiet{
	float: right;
}
.thongtinguihang-nguoigui{
	width: 50%;
	 
}
.thongtinguihang-noidung{
	width: 80%;
	height: 60px;
}
.thongtinguihang-ngaygui{
	width: 30%;
	 
}
.thongtinguihang-noiden{
	width: 50%;
}
.thongtinguihang-giacuoc{
	width: 30%;
}
.thongtinguihang-hinhanhhang{
	width: 90%;
	height:249px; 
	border: 0px; 
	background-color:#C7DEEF;
	border-spacing:0;
}


.thongtinguihang{
	width:50%;
	float: left;
	background: rgba(0, 188, 29, 0.17);
}
.thongtinguihang input{
	font-size: 16px;
    padding: 2px 2px 2px 2px;
    margin: 2px 0px 2px 0px;
	
}
.thongtinguihang textarea{
	font-size: 16px;
    padding: 2px 2px 2px 2px;
    margin: 2px 0px 2px 0px;
	
}
.thongtinguihang-dong{
	width: 100%;
	line-height: 32px;
}
.thongtingguihang-thongke{
	width:39%;
	float: left;
}
.thongtinguihang-ten{
	width: 100%;
    float: left;
    font-weight: bold;
    text-shadow: 0 0 0.1px black;
}
.thongtinguihang-capnhat{
	font-weight: bold;
    background: rgba(27, 158, 243, 0.88);
    width: 15%;
    color: rgba(0, 0, 0, 0.81);
    height: 35px;
    border: 1px rgba(209, 239, 209, 0.78) solid;
    box-shadow: 0 0 20px rgba(252, 242, 242, 0.95) inset;
}
.thongtinguihang-xoahang{
	font-weight: bold;
    background: rgba(211, 45, 45, 0.86);
    width: 15%;
    color: rgba(0, 0, 0, 0.81);
    height: 35px;
    border: 1px rgba(209, 239, 209, 0.78) solid;
    box-shadow: 0 0 20px rgba(252, 242, 242, 0.95) inset;
    margin-left: 10px;
}

.radio-hanghoa{
	height: 19px;
    width: 7%;
}


.danhmuchanghoa{
	width: 100%;
	/*float: left;*/
	text-align: center;
	border: 1px black solid;
    background: white;

}
.danhmuchanghoa thead{
	font-weight: bold;

}

/* Ghế ngồi */
.hangghe1{
	width:100%;
	min-width:400px;
}
.hangghe1-cot1{
	width:100%;  
	margin-left: 4px;
}
#tb{width:100%;height:100%;opacity: 0.90;padding:2px; position:fixed;background-color:#000;z-index:999999; }
#tbnoidung
{  text-align:left;
     font-size:16px;
  color: #000  ;
  font-family: Verdana,sans-serif;
    font-size: 15px;
 	padding:15px; 
    overflow: hidden;
}
#tbtieude
{    background: url(../images/controls.png) no-repeat top center;border-bottom:2px groove #CCF7A6;margin-left:5px;margin-right:5px;
       line-height:15px;font-size:18px;
     padding-top:18px;padding-bottom:3px; text-align:left; background-position: 30px 50px;
     
     color:#630;
     font-weight:bold;
     overflow: hidden;
}
#bangthongbao2{   border-radius: 12px;
      height:220px; width:370px;background-color:#FFF; 
	}
#bangthongbao1{  
      height:220px; width:370px;background-color:#FFF; 
	  
	   position:relative;padding:5px;height:220px;width:370px;background-color:#000;margin-top:10% ;z-index:9999999;
	}
	

#cboxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background: url(../images/controls.png) no-repeat top center;
    width: 38px;
    height: 19px;
	cursor:pointer;
    text-indent: -9999px;
}
.mh1{ height:220px;width:370px;}
.mh2{ height:320px;width:570px;}
.mh3{ height:400px;width:670px;}
.mh4{ height:450px;width:700px;}
.mh5{ height:560px;width:750px;}
.mh6{ height:560px;width:800px;}
.mh7{ height:560px;width:900px;}

#ghe1 {  
   opacity: 0.9; 
    
   
   background-position: -55px -380px;
  }

#ghe2 {  background-position: -155px -290px;  }

.soghe{line-height:12px;font-size:12px;text-align:left;color:#00F;font-weight:bold;}

.ghean{display:none;}
.ghechung {width: 135px ; height:45px;line-height:15px; border:1px solid #666;color:#00005E;font-weight:bold;font:Tahoma, Geneva, sans-serif }
.ghechung2 {width: 135px ; height:45px;line-height:15px; border:1px solid #666;color:#F30;font-weight:bold;font:Tahoma, Geneva, sans-serif }
.ghechung24 {width: 255px ; height:50px;line-height:15px; border:1px solid #666;color:#00005E;font-weight:bold;font:Tahoma, Geneva, sans-serif }
.ghechung242 {width: 255px ; height:50px;line-height:15px; border:1px solid #666;color:#F30;font-weight:bold;font:Tahoma, Geneva, sans-serif }

.ghengoi3{
	width: 19%;
    height: 65px;
    line-height: 15px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: center;
	 
}
.ghengoi5{
	width: 32%;
    height: 40px;
    line-height: 40px;
    padding: 0px 0px 0px 0px;
    float: left;
    text-align: center;
	margin-bottom: 5px;
}
.tbchuan {    border-collapse: collapse;    border-spacing: 0; border:10px }
 .tbchuan th {    background: none repeat scroll 0 0 #E4EBF2;    color: #12537F;    font-weight: bold;}
 .tbchuan th, .tbchuan td {     border: 1px solid #333333;    padding: 5px 3px 5px 5px;}
 .tbchuan  .mautr {    background: none repeat scroll 0 0 #E4EBF2;    color: #12537F;    font-weight: bold;}

.ghengoi{
	border: 1px rgba(0, 0, 0, 0.49) solid;
	background: rgba(91, 184, 95, 0.88);
	border-radius: 3px;cursor:pointer;
}
.ghengoi-dangchon{cursor:pointer;
	border: 1px rgba(0, 0, 0, 0.49) solid;
	background: #CAFFDB;
	border-radius: 12px;
}
.ghengoitam{cursor:pointer;
	border: 1px rgba(0, 0, 0, 0.49) solid;
	background:  #FFB591;
	border-radius: 12px;
}
.ghengoi-dadatve{cursor:pointer;
	border: 1px rgba(0, 0, 0, 0.49) solid;
	background: rgba(170, 179, 170, 0.73);
    border-radius: 22px;
}
.hangghetaixe{
	width:100%;
}
#ghexe{
	font-weight:bold;font-size:16px;color:#F00;
}


.hangghetaixe-soxe{
	width: 40%;
    float: left;
    text-align: center;
    height: 30px;font-weight:bold;color:#F00;
	line-height: 30px;
 font-size:18px;
}
.hangghetaixe-taixe{
	width: 20%;
    float: left;
    text-align: center;
    height: 30px;
	line-height: 30px;
	font-style: oblique;
}
.hangghetaixe-tang2-td{
	width: 38%;
    float: left;
    text-align: center;
    height: 30px;
	line-height: 30px;
}
.hangghetaixe-tang1-2{
	width: 58%;
    float: left;
    text-align: center;
    height: 30px;
	line-height: 30px;
}
.tang1-2{
	font-weight: bold;
	font-size: 110%;
}

/* Thông tin đặt chỗ*/
.thongtindatcho{
	width:100%;
}
.thongtinkhachhang{
	width:67%;
	float: left;
	border: 1px rgba(201, 228, 255, 0.51) solid;
    border-radius: 5px;
	padding:5px;
}

.tencot{
	width:20%;
	float: left;
	text-align: center;
}
.noidung{
	width:79%;line-height:40px;
	float: left;
}

.thongtinnhanvien{
	width:30%;
	float: left;
	text-align: center;
}
.thongtinkhachhang-dong{
	width:100%;
	line-height: 18px;
}
.phongve{
	width:100%;
}
.phongve-ten{
	width:100%;
	font-weight: bold;
}
.nhanvien{
	width:100%;
}
.nhanvien-ten{
	width:100%;
	font-weight: bold;
}

.thongtin-noidung{
	width:95%;
	font-size: 15px;
    padding: 2px 2px 2px 2px;
    margin: 2px 0px 2px 0px;
}
.diden{
	width:43%;
	 
}
.canthu{
	color:#F00;
	 
}
.sdt{
	font-weight: bold;
}
.sdt-input{
	width:74%;
	float: left;
}
.sdt-img{
	width:25%;
	float: left;
}
.sdt-img-img{
	width:26px;
}
.hoten{
	font-weight: bold;
}
.diachidon{
	font-weight: bold;
}
.datcho{
	width:100%;
	
}
.tenghe{
	width:25%;
	float: left;
    font-weight: bold;
}
.giatien{
	width:49%;
	float: left;
}
.giatien-img{
	width:25%;
	float: left;
}
/*Chọn tuyến xe*/
.chontuyenxe{
	width:100%;
}
.chontuyenxe-cot{
	font-weight: bold;
}
.chontuyenxe-select{
	width: 99%;
    font-size: 15px;
    background: rgba(240, 238, 100, 0.69);
    border: 1px solid rgba(244, 169, 22, 0.85);
    border-radius: 3px;
    padding: 4px 1px 4px 1px;
}
.chontuyenxe-select-option{
	font-size: 17px;
    border: 1px solid #e1e0c5;
    border-radius: 3px;
    padding: 4px 1px 4px 1px;
}
/*Chọn ngày*/
.hangngay-cot{
	width:100%;
	margin-left: 4px;
}
.hangngay-cot-ngay{
	width: 10%;
    height: 30px;
    line-height: 30px;
    padding: 2px 2px 2px 2px;
	margin-left:2px;
    float: left; cursor:pointer;
    text-align: center;
	margin-bottom: 5px;
}
.ngayhienthi{
	border: 1px rgba(0, 0, 0, 0.49) solid;
	background: rgba(225, 224, 197, 0.59);
	border-radius: 3px;
}
.inht{
	border: 1px rgba(0, 0, 0, 0.49) solid;
	background: rgba(225, 224, 197, 0.59);
	border-radius: 6px;
	width:80px;margin-left:5px;
}
.ngayhienthi-homnay{
	border: 1px rgba(0, 0, 0, 0.49) solid;
	background: rgba(205, 250, 246, 0.82);
	border-radius: 3px;
}
.ngayhienthi-chon{
	border: 1px rgb(244, 169, 22) solid;
    background: rgba(240, 238, 100, 0.67);
    border-radius: 3px;
}
.chonngay{
	width: 40%;
    padding: 2px 2px 2px 2px;
    margin: 4px 1px 3px 1px;
    font-size: 15px;
    border: 1px solid rgba(244, 169, 22, 0.85);
    border-radius: 4px;
}
/*Thông tin tuyến xe*/

.thongtintuyenxe{
	width:100%;
}
.tuyenxe{
	font-weight: bold;
}
.thongtinxe{
	width:100%;
}
.xechay{
	width:30%;
	float: left;
    margin-left: 5px; cursor:pointer;
}
.thongtinxechay{
    /*background: url(./blue-bus-2-l-124x124.png) no-repeat center;*/
    
	width: 100%;
    border: 1px #e8a324 solid;
    border-radius: 20px;
    background: rgba(231, 228, 5, 0.62);
    margin: 5px 5px 5px 5px;
}
.thongtinxe-tencot{
	width: 20%;
	float: left;
	
}

.thongtinxechay-dong{
	width:100%;
	text-align: center;
    /*height: 30px;
	/*line-height: 20px;*/
}
.soluongveban{
	font-weight: bold;
}
.sothutuxe{
	padding: 1px 1px 1px 1px;
    border: 1px white solid;
    border-radius: 30px;
    width: 100%;
    background: rgba(244, 157, 9, 0.86);
	font-weight: bold;
}

.header-title{
 	background: url(../images/BANNER-banvexe.jpg);
  	background-size: 340px  40px  ;
	background-repeat:no-repeat;
 	line-height: 40px;
 }
 .header-title-text{
  
    vertical-align: middle;
    font-weight: bold;
    font-family: sans-serif;
    color: rgba(59, 110, 37, 0.82);
    text-shadow: 0 0 1px rgba(59, 110, 37, 0.82);
 }


.phancachdoan{
	width: 100%;
	height: 30px;
}

 .content {min-height:300px;}
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

*/
/*Responsive Styles*/










/*Laptop 1280*/
@media screen and (max-width: 1280px) {
	.UL_Menu_1{display:none;}
}

/*Laptop 1280*/
@media screen and (max-width: 1152px) {
	.main_content {width: 99%;}
	.Content_Left {float: left;width: 40%; border: 1px solid rgba(27, 140, 255, 0.42);}
	.Content_Right {float: right;width: 58%; border: 1px solid rgba(27, 140, 255, 0.42);}
}

/* tablet - 1080 */
@media screen and (max-width: 1080px) {
	.Center_Header {height: 106px;}
}

/*Ipad horizontal - 1024*/
@media screen and (max-width: 1024px) {
	.main_content {width: 99%;}
	.Center_Header {height: 100px;} 
	.UL_Menu_1{display:none;}
}

@media screen and (max-width: 1080px) {
	.thongtinguihang-nguoigui{
		width: 80%;
	}
	.thongtinguihang-ngaygui{
		width: 70%; 
	}
	.thongtinguihang-noidung{
		width: 90%;
		height: 80px;
	}
	.thongtinguihang-noiden{
		width: 80%;
	}
	.thongtinguihang-giacuoc{
		width: 60%;
	}
	.thongtinguihang-hinhanhhang{
		width: 100%;
		height:249px;
		border: 0px; 
		background-color:#C7DEEF;
		border-spacing:0;
	}
	
}

@media screen and (max-width: 980px) {
    .contact_left{width:59%;float:left;}
    .contact_left img{width:100%;}
      .thongbaoloi h2{margin-left:0px;float:left;width:100%;}
    .thongbaoloi_icon {
        float: left;
    }
    .thongtinguihang{
		width:100%;
		float: left;
		background: rgba(0, 188, 29, 0.17);
	}
}

/*Ipad vertical - 768*/
@media screen and (max-width: 468px) 
{
	.Content_Left {float: left;width: 100%;}
	.Content_Right {float:left;width:100%;}
	.Center_Header {height: 75px;}
	.Khung_Right{width:100%;min-width:530px;}
	.Khung_Left{width:48%;min-width:530px;}
	.Khung_Giua {width:1%; }
	
	
}
@media screen and (max-width : 460px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
	/*	display:block;*/
	}
	.thongtinguihang-nguoigui{
		width: 100%;
	}
	.thongtinguihang-ngaygui{
		width: 80%; 
	}
}

/*hjytd y hr*/
/*mobile and other*/
@media screen and (max-width: 640px) {
   
  
}

@media only screen and (max-width : 540px) {
	/*.Khung_Left{display:none;}*/
    .Center_Header {height: 53px;}

    
}

@media only screen and (max-width : 480px) {
	.Center_Header {height: 47px;}
}

@media only screen and (max-width : 320px) {

}