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

@font-face {
    font-family: 'robo';
    src: url('font/roboto-condensed.eot');
    src: url('font/roboto-condensed.eot?#iefix') format('embedded-opentype'),
         url('font/roboto-condensed.woff2') format('woff2'),
         url('font/roboto-condensed.woff') format('woff'),
         url('font/roboto-condensed.ttf') format('truetype'),
         url('font/roboto-condensed.svg#robotocondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

#main{
	width:1000px;
	margin:auto;
}
#main-content{
	background:#FFF;
	margin-top:10px;
	box-shadow:2px 2px 2pc #dfdfdf;
}
#banner{
	height:116px;
	position:relative;
}
.lang{
	position:absolute;
	top:10px;
	right:6px;
	color:#0d60af;
}
#menu-top{
	height:44px;
	background:url(images/menu-top.png) repeat-x;
	width:998px;
	position:relative;
}
#menu-top ul
{
	list-style: none;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-left:0px;
}
#menu-top ul li
{
  	float:left;
	position:relative;
	z-index:50;
	line-height:44px;
	padding-left:0px;
	height:44px;
	text-align:center;
}

#menu-top ul li:hover
{
  	float:left;
	position:relative;
	z-index:50;
	line-height:44px;
	padding-left:0px;
	height:44px;
	text-align:center;
	background:url(images/menu-hover.png) repeat-x
}
#menu-top ul li.active
{
  	float:left;
	position:relative;
	z-index:50;
	line-height:44px;
	padding-left:0px;
	height:44px;
	text-align:center;
	background:url(images/menu-hover.png) repeat-x;
}
#menu-top ul li:hover a
{
	color:#FF0;
}
#menu-top ul li.active a
{
	color:#FF0;
}

#menu-top ul li ul li
{
	padding:0px;
}
#menu-top ul li ul li:hover
{
	background:none;
}

#menu-top ul li a
{
	color:#FFF;
	padding:0px 28px;
	white-space:nowrap;
	
}


#menu-top a:link, .menu a:active, .menu a:visited
{
	display:block;
	text-decoration:none;
	font-size:16px;
	font-family:'robo';
	text-transform:uppercase;
}
#menu-top ul li ul
{
	display:none;
	position:absolute;
	width:320px;
	background:#4eb4f3;
	left:0px;
	z-index:10;
	margin-left:0px;
}
#menu-top ul li ul li
{
	width:320px;
	float:left;
	border-bottom:1px solid #CCC;
	text-align:left;
	height:30px;
	line-height:30px;
}
#menu-top ul li ul li:hover
{
	text-align:left;
	height:30px;
	line-height:30px;
}
#menu-top ul li ul li a
{
	color:#FFF !important;
	text-transform:none;
	font-size:13px !important;
}
#menu-top ul li ul li:hover a
{
	color:#FF0 !important;
}
#menu-top ul li:hover ul
{
	display:block;
}


#menu-top ul li ul li ul
{
	display:none !important;
	position:absolute;
	z-index:100;
	top:0px;
	background:#4eb4f3;
	left:320px;
	width:320px;
}

#menu-top ul li ul li:hover ul
{
	display:block !important;
}
#menu-top ul li ul li ul li
{
	width:260px;
}
.search{
	width:212px;
	height:26px;
	padding-left:0px;
	float:right;
	margin-top:7px;
	position:absolute;
	bottom:15px;
	right:0px;
	background:url(images/search.png) no-repeat;
}

.search img{
	float:right;
	color:#FFF;
	padding:2.5px 0px;
	cursor:pointer;
	margin-right:3px;
}

.search input{
	float:left;
	width:170px;
	background:none;
	border:none;
	color:#000;
	height:17px;
	padding-left:4px;
	margin-top:4px;
	margin-left:5px;
}
.hotline{
	position:absolute;
	top:10px;
	right:0px;
	font-family:'robo';
}
#slider{
	height:353px;
	margin-top:20px;	
}
.slider{
	width:100%;
	height:400px;
	float:left;
	background:#FFF;
	padding:7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tintuc{
	width:310px;
	float:right;
}
.title-tt{
	height:30px;
	background:url(images/title-tt.png) no-repeat;
	line-height:30px;
	text-align:center;
	color:#FFF;
	font-family:'robo';
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}
.tintuc-text{
	height:323px;
	background:url(images/bg-tintuc.png) no-repeat;
	text-align:justify;
}
.tintuc-text li{
	list-style:none;
	padding:9px 0px;
	border-bottom:1px dotted #3ab5ec;
	margin:0px 10px;
	position:relative;
}
.tintuc-text img{
	width:87px;
	height:60px;
	float:left;
	border:1px solid #d2d1d0;
	background:#FFF;
	padding:3px;
	margin-right:5px;
	box-shadow:3px 3px #ebdbc5;
}
.tintuc-text a{
	color:#000;
	font-weight:bold;
}
.tintuc-text a.xemthem{
	background:url(images/xemthem.png) no-repeat;
	position:absolute;
	bottom:2px;
	right:0px;
	padding:1px 18px;
	font-size:12px;
	font-weight:normal;
}
.tintuc-text a.xemthem:hover{
	color:#FFF;
}
#content{
	margin-top:10px;
	background:url(images/bg-main.png) repeat-y;
	text-align:justify;
}
#left{
	width:238px;
	float:left;
	background:url(images/bg-left.png) repeat-y;
	border-radius:5px;
}
.content-left-title{
	height:30px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:url(images/title-left.png) no-repeat;
	border-radius:8px 8px 0px 0px;
}
.content-left-text-sp{
	
}
.content-left-text-sp .sanpham ul
{
	padding:0px;
	margin:0px;
}
.content-center-text-sp-mobile{
	display:none;
}
.content-left-text-sp .sanpham ul li
{
	position:relative;
	z-index:20;
	list-style:none;
	padding:3px 10px 3px 10px;;
	line-height:23px;
	border-bottom:1px dotted #CCCCCC;
	margin:0px 5px 0px 0px;
	text-align:left !important;
}
.content-left-text-sp .sanpham ul li:last-child
{
	border:none;
}
.content-left-text-sp .sanpham ul li img
{
	margin-right:5px;
	margin-top:5px;
}
.content-left-text-sp .sanpham ul li a
{
	color:#333;
	font-size:13px;
	text-decoration:none;
	margin-left:5px;
}
.content-left-text-sp .sanpham ul li img
{
	margin-left:10px;
}
.content-left-text-sp .sanpham ul li a:hover
{
	color:#EE0000;
}

.content-left-text-sp .sanpham ul li ul
{
	margin-left:10px;
}

.content-left-text-sp .sanpham ul li:hover ul
{
	display:block;
}
.content-left-text-sp .sanpham ul li ul li
{
	border:none;
}
.content-left-text-sp .sanpham ul li ul li a
{
	font-weight:normal !important;
	color:#000;
}

.content-left-text-sp .sanpham ul li ul li ul
{
	display:none;
	position:absolute;
	left:-99999999999px;
	top:0px;
	background:#4a0202;
}

.content-left-text-sp .sanpham ul li ul li:hover ul
{
	display:block;
	left:200px;
}
.content-left-text-sp .sanpham ul li ul li ul li
{
	width:220px;
}
.content-left-text-tt
{
	padding:10px 5px;
}
.content-left-text-tt li{
	list-style:none;
	margin:10px 0px;
}
.content-left-text-tt img
{
	width:227px;
	height:166px;
	float:left;
	margin-right:5px;
}
.content-left-text-ht
{
	background:url(images/bg-hotro.png) no-repeat top;
	padding-top:10px;
	padding-bottom:10px;
}
.content-left-text-ht table#hl
{
	margin-left:10px;
}
#footer{
	width:100%;
	background:url(images/bg-footer.png) no-repeat;
	height:154px;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
}
.footer{
	width:1000px;
	margin:auto;
	color:#FFF;
	padding:20px 0px;
	position:relative;
	text-align:center;
	padding:30px 0px;
	font-family:'robo';
}
.footer p{
	margin:0px;
}

.mangxh{
	float:left;
	margin-left:44px;
}
#right{
	width:752px;
	float:right;
}
.text-dm{
	padding:5px 10px 5px 20px;
	 
}
.content-center-text{
	padding:5px 10px 5px 20px; 
	width:95%;
}
.img-chitiet{
	width:97%;
	text-align:justify;
}

.content-center-title{

	line-height:36px;
	background:url(images/tit1.png)  no-repeat left 5px top 5px;
	border-radius:5px;
	border-bottom:3px solid #007AEC;
}
.content-center-title h1{
	color:#4290ef;
	text-transform:uppercase;
	font-size:18px;
	margin:0px;
	margin-left:50px;
	font-family:'robo';
	font-weight:normal;
}

/*---------------------item-------------------------*/
div.item
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	position:relative;
	margin-top: 10px;
	margin-left: 1.5%;
	margin-bottom:10px;
}

div.item1
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	position:relative;
	margin-top: 10px;
	margin-left: 5%;
	margin-bottom:10px;
	float:left;
}
#product-new{
	
}

div.item-boder-img
{
	margin-left:0px;
	border-radius:3px;
	position:relative;
}
div.item-boder-img img
{
	width:264px;
	height:208px;
}

div.item-border-tensanpham
{
	color:#757575;
	text-align:center;
	width:264px;
	font-weight:bold;
	margin:5px 0px;
}
div.item-border-chitiet
{
	width:162px;
	text-align:center;
	width:210px;
}
div.item-border-chitiet a
{
	color:#FFF;
	border-radius:3px;
}

div.item-border-tensanpham h3 a{
	color:#000;
	font-size:16px;
	text-decoration:none;
	font-family:'robo';
}
div.item-border-tensanpham h3 a:hover{
	color:rgba(255,0,0,1);
}

div.item-border-tensanpham h3
{
	color:#0079d6;
	font-size:15px;
	margin:0px;
	font-weight:normal;
}

/*-----------------------item2---------------------------*/
div.item2
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	position:relative;
	margin-top: 10px;
	margin-left: 2%;
	margin-bottom:10px;
	float:left;
	width:22.5%;
}

div.item-boder-img2
{
	margin-left:0px;
	border-radius:5px;
	position:relative;
}
div.item-boder-img2 img
{
	width:100%;
	height:155px;
	border:1px solid #ccc;
}
/*-----------------------item3---------------------------*/
div.item3
{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	position:relative;
	margin-top: 10px;
	margin-left: 3%;
	margin-bottom:10px;
	float:left;
	width:30%;
}

div.item-boder-img3
{
	margin-left:0px;
	border-radius:5px;
	position:relative;
}
div.item-boder-img3 img
{
	width:100%;
	height:185px;
	border:1px solid #ccc;
}
div.item-border-tensanpham3
{
	color:#757575;
	text-align:center;
	width:100%;
	font-weight:bold;
	margin:5px 0px;
}

div.item-border-tensanpham3 h3 a{
	color:#000;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	font-family:'robo';
}
div.item-border-tensanpham3 h3 a:hover{
	color:rgba(255,0,0,1);
}

div.item-border-tensanpham3 h3
{
	color:#0079d6;
	font-size:15px;
	margin:0px;
	font-weight:normal;
}




.content-center-text-sp li{
	list-style:none;
	margin-left:20px;
	line-height:25px;
	margin-top:5px;
}
.content-center-text-sp li a:hover{
	color:#F00;
}

div.item-border-tensanpham2
{
	color:#757575;
	text-align:center;
	width:100%;
	font-weight:bold;
	margin:5px 0px;
}

div.item-border-tensanpham2 h3 a{
	color:#000;
	font-size:16px;
	text-decoration:none;
	font-family:'robo';
}
div.item-border-tensanpham2 h3 a:hover{
	color:rgba(255,0,0,1);
}

div.item-border-tensanpham2 h3
{
	color:#0079d6;
	font-size:15px;
	margin:0px;
	font-weight:normal;
}
.clear{
	clear:both;
}
#contenter{
	width:100%;
}
.contenter-center-title{
	height:47px;
	background:url(images/tintuc.png) no-repeat;
}


.menu-bottom{
	height:45px;
	width:998px;
	margin:auto;
	position:absolute;
	top:-22px;
	left:0px;
}
.menu-bottom ul
{
	list-style: none;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-left:150px;
}
.menu-bottom ul li
{
  	float:left;
	position:relative;
	z-index:50;
	line-height:45px;
	padding-left:0px;
	height:45px;
	text-align:center;
}

.menu-bottom ul li:hover
{
  	float:left;
	position:relative;
	z-index:50;
	line-height:45px;
	padding-left:0px;
	height:45px;
	text-align:center;
	background:url(images/menu-hover.png) repeat-x
}
.menu-bottom ul li.active
{
  	float:left;
	position:relative;
	z-index:50;
	line-height:45px;
	padding-left:0px;
	height:45px;
	text-align:center;
	background:url(images/menu-hover.png) repeat-x;
}
.menu-bottom ul li:hover a
{
	color:#333;
}
.menu-bottom ul li.active a
{
	color:#333;
}


.menu-bottom ul li a
{
	color:#000;
	padding:0px 20px;
	white-space:nowrap;
}


.menu-bottom a:link, .menu a:active, .menu a:visited
{
	display:block;
	text-decoration:none;
	font-size:16px;
	font-family:'robo';
	text-transform:uppercase;
}
.dm-item{
	width:30%;
	float:left;
	margin-left:3%;
	position:relative;
	height:260px;
}
.dm-title{
	height:44px;
	background:#0d60af;
	text-align:center;
	line-height:44px;
	margin-bottom:5px;
	border-radius:5px;
	
}
.dm-title a{
	color:#FFF;
	font-family:'utm_avoregular';
	text-transform:uppercase;
}
.dm-title a:hover{
	color:#FF0;
}
.dm-item a.chitiet{
	position:absolute;
	right:0px;
	bottom:0px;
	text-decoration:none;
}
.dm-item a.chitiet:hover{
	color:#F00;
}
.thongke{
	width:200px;
	height:144px;
	background:url(images/bg-thongke.png) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}
.thongke table{
	margin-top:81px;
	margin-left:42px;
}
.dm-item img{
	width:100%;
	height:140px;
}
#doitac{
	width:963px;
	height:94px;
	margin:auto;
	background:url(images/doitac.png) no-repeat;
	padding-top:20px;
	position:relative;
}
.dt-title{
	position:absolute;
	top:3px;
	left:8px;
	font-size:15px;
	white-space:nowrap;
	color:#FFF;
	font-family:'robo';
	text-transform:uppercase;
}
.content-left-text-tk{
	padding-left:10px;
}