@charset "utf-8";
/* CSS Document */
.logo{
}
.logo img{ max-width:280px;}
.dichvutienich{ font-family:fontaristote; font-size:25px; color:#000; text-align: left; line-height:30px;}
.dichvutienich span{ color:#007cc3; text-align:center; margin:auto}
@media( max-width: 768px){
	.logo{ text-align:center;}
	.dichvutienich{ height:40px; text-align: center;}
}
.danhmuc {
	text-align:center;
}
.danhmuc .box-info{
	position: relative;
	border: solid 10px #f5f5f5;
	border-radius: 5px;
	margin-top: 80px;
	padding: 0px 10px;
	background: #fff;
}
.danhmuc:hover  .box-info{ background: #f1f1f1;}
.danhmuc .box-info .image-icon{
	position: relative;
	margin-top: -66px;
	z-index: 10;
}
.danhmuc .box-info .image-icon img{ transition:all 0.7s ease;}
.danhmuc .box-info .name{
	text-align:center;
	margin-bottom: 5px;
}
.danhmuc .box-info .name a{
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #007cc3;
}
.danhmuc .box-info .name a:hover{ color:#b1b1b1}
.danhmuc .box-info .mota{
	font-size:15px;
}
.danhmuc .box-info .title{ height:35px; line-height:35px; background:url(../image/title_dm.png) no-repeat center;}
.danhmuc .box-info .title a{ color:#000; font-size:15px; text-transform:uppercase;}
.danhmuc .box-info .title a:hover{ color:#007cc3}
.danhmuc:hover .name a{ color:#b1b1b1}
.danhmuc:hover .title a{ color:#007cc3}
.content_hotro{ padding:10px;}
.content_hotro .hotline{ color:#f00; font-weight:bold; height:60px; padding-left:49px; line-height:79px; background:url(../image/hotline1.png) no-repeat left center; font-style:italic; font-size:22px;}
.content_hotro .name{ width:50%; float:left; text-align:center}
.content_hotro .yahoo{ width:50%; float:right; text-align:center}
.gioithieu .title{
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:20px;
}
.gioithieu ul{ list-style:url(../image/arrow.png);}
.gioithieu ul li{
	line-height:1.5;
	min-height:30px;
}
.gioithieu ul li a{ color:#fff; font-size:15px; padding:5px 0px}
.end-ft{
	text-align:right;
	background:#23a2c0;
}
.box_icon{
	position: relative;
	margin-bottom: 20px;
}
.box_icon .icon{
	float:left; margin-right:5px;
}
.thongke{
	background:url(../image/thongke.png) no-repeat left center;
	padding-left:50px;
	margin-top:10px;
}
.thongke .ol{ height:25px; line-height:25px;}
.namesp{ position:absolute; bottom:10px; left:0px; width:100%; background:#006ab2; height:30px; overflow:hidden; line-height:30px; padding:0px 10px;}
.namesp a{ color:#fff; line-height:30px;}
.dt-title{ color:#007cc3; text-transform:uppercase; font-size:22px; height:35px; line-height:35px;}
.dt-title span{ font-weight:bold}
.parter .content{ font-size:14px; text-align:justify;}
.dt-xemthem{ text-align:right;}
.dt-xemthem a{ background:url(../image/arrowdt.png) no-repeat left center; padding-left:12px; text-transform:uppercase; font-size:15px;}
.bxslider-wrap1 .images{ padding: 5px; border: solid 1px #ccc;}
.item-news{ min-height:30px; border-bottom:dotted 1px #ccc; line-height:30px;}
.item-download{min-height:30px; border-bottom:solid 1px #fff; line-height:30px; background:url(../image/icon_download.png) no-repeat left 10px center; padding-left:30px;}
.download .content{ background:url(../image/download.png) repeat-y center top;}
#emailkhachhang{
	width: 100%;
	color: #FFF;
	padding-right: 10px;
	padding-left: 38px;
	height: 38px;
	/* padding: 1px; */
	border: none;
	background-clip: content-box; /* support: IE9+*/
	background: url(../image/bg_newletter.png) no-repeat;
	line-height: 1.5;
	text-indent: 0.5rem;
}
#guimail5{
	margin-left:-3px; border:none; 
	width: 62px; 
	height: 27px;   
	background: #1a1a1a; 
	border-radius: 5px;
	color:#fff;  position: absolute; 
	top: 6px;
	font-family: robotol;
	text-transform: uppercase;
	right: 7px; 
}
.tbl-contacts{ max-width:500px;}
.pad-contact{ margin-top:2%;}
.name_video{ text-align:center; text-align:center; height:30px; line-height:30px; font-family:fontavo; font-size:16px;}
.container_face {
		position:fixed;
		top:190px;
		left:-278px;
		width:321px;
		min-height:207px;
		z-index:10000;
		padding-left:0px;
		background: url(../image/tuyendung.png) no-repeat right ;
		cursor:pointer;
	}
	
	.container_face .hotro {
		background:#009bff;
		padding: 10px 0px;
		width:280px;
		min-height: 186px;
	}
.item-td{
	padding-bottom: 1px;
	border-bottom: solid 1px #27aaff;
	min-height: 40px;
	position:relative;
}
.item-td:after{
	content:'';
	position:absolute;
	z-index:1;
	width:100%;
	height:1px;
	background:#0089e2;
	bottom:0px;
	left:0px;
}
.item-td a{
	color: #fff;
	display: block;
	background: url(../image/arrow.png) no-repeat 8px 14px;
	padding: 10px 5px 10px 25px;
	font-size:14px;
}
.click{ display:none;}
@media (max-width: 768px){
	.container_face{ display:none;}
.click{
	color: #fff;
	display: initial;
	position: relative;
	z-index: 12;
}
.abc{ position:absolute !important;}
.left{
	position:absolute;
	z-index:11;
	left:-300px;
}
header .banner img{ margin:auto;}
.navbar-toggle{ display:initial !important; background:#08843E; float:left !important;}
.navbar-toggle .icon-bar{ background:#fff;}
}
.hotline-left{ background:url(../image/hotline.png) no-repeat left center; padding-left: 76px; height:50px; line-height: 66px; color:#f00; font-weight:bold; font-style:italic; font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif}
.title-hotro{ font-weight:bold; color:#313b6b; height:25px; font-size: 17px; line-height:30px; border-bottom: dotted 1px #ccc; margin-bottom:5px; font-family:"Times New Roman", Times, serif;}
.box_ht{ margin: 5px 0px; color:#666; font-family:"Times New Roman", Times, serif; font-size: 16px;}
.box_ht .box_name{ width: 40%; float:left;}
.box_ht .box_name .name{ height:30px; line-height:30px;}
.box_ht .dt{ height:30px; line-height:30px;}
.box_ht .dt span{ color:#F00; font-size: 20px;}
.box_ht .yahoo{ width: 20%; float:left; text-align:center}
.box_ht .skype{ width: 20%; float:left; text-align:center;}
.title-gt{ font-family:fontavobold; color:#0d5bbf; font-size:25px;}
.title-gt span{ color:#ff0000}
.title-ft{ color: #FFF; text-transform:uppercase; font-family: roboto; font-size:18px; height:30px; border-bottom: solid 2px #fff; line-height:30px; text-align: left;}
.big-img{
	box-shadow: 0px 0px 5px;
	margin: 10px 0px;
	padding:10px;
}
.thumb {
	box-shadow: 0px 0px 5px;
	padding:10px;
}
.big-img a{ width:100% !important; max-width:100% !important;}
.big-img .img{ display:none;}
.big-img .active{ display:block;}
.img-thumb{ cursor:pointer; margin-right:5px; box-shadow: 0px 0px 4px}
.date{ text-transform:uppercase; margin-right:20px; float:left; height:35px;}
.luotview{ float:left; background:url(../image/view.png) no-repeat left top 4px; padding-left:20px; height:35px;}
.box-new{
    margin-bottom: 10px;
    border-bottom: dotted 1px #ccc;
    padding: 10px 0px;
}
.box-new .images{
    width: 70px;
    float: left;
    margin-right: 10px;
}
.box-new .name{
    font-family: robotom;
    font-size: 12px;
    color: #44a6ff;
}
.box-new .mota{
    font-family: robotom;
    font-size: 12px;
}
.box-sp {
    border-bottom: dotted 1px #ccc;
    padding: 10px 0px;
}
.box-sp .images{
    box-shadow: 5px 5px 0px #ccc;
    padding: 2px;
    margin-right: 5px;
}
.box-sp .name-sp-nb{
    height: 30px;
    line-height: 30px;
    font-family: robotom;
    font-size: 15px;
    margin-top: 5px;
    text-align: center;
}
.box_thongke .ol{ background:url(../image/online.png) no-repeat center left; height:25px; line-height:25px; color:#000; padding-left: 30px;}
.box_thongke .ng{ background:url(../image/ngay.png) no-repeat center left; height:25px; line-height:25px; color:#000; padding-left: 30px;}
.box_thongke .th{ background:url(../image/thang.png) no-repeat center left; height:25px; line-height:25px; color:#000; padding-left: 30px;}
.box_thongke .ol span{ float:right;}
.box_thongke .ng span{ float:right;}
.box_thongke .th span{ float:right;}
.box_thongke .tong{ background:url(../image/tong.png) no-repeat center left; height:25px; line-height:25px; color:#000; padding-left: 30px;}
.box_thongke .tong span{ float:right;}