@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, strong, ol, ul, li 
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

body
{
	font-size:12px;
	font-family:Arial;
	line-height:1.5;
	color:#000;
	background:url(../images/bg.png) no-repeat;
	background-attachment:fixed;
	height:auto;
	}
@font-face
{
font-family:"font-menu";
src:url("../font/UTM Bebas.ttf") , url("../font/UTM Bebas.eot");
}
p{
	padding:0px;
	margin:0px;
}
a{text-decoration:none; color:#333;}
a:hover{color:#F00;}
img{border:0;}
.clear
{
    overflow:hidden;
    clear:both;
}
.clear1 , .clear2 , .clear3 , .clear4
{
    overflow:hidden;
    clear:both;
}
table,tr,td {border-collapse: collapse;}
.thongbao{	
    border: 1px solid #0C0;
    border-radius: 5px 5px 5px 5px;
    margin: 0 auto;
    overflow: hidden;
	padding:15px;
}
.tablelienhe span{
	color:#F00;
}
.tablelienhe td{ height:25px;font-size:15px;}
.tablelienhe .input,.tablelienhe textarea{
	border: 1px #E9E9E9 solid;
	azimuth:center;	
	width:300px;
	background:rgba(182, 185, 184, 0.3);
	font-size:14px;
}
.tablelienhe .title{ font-size:14px; font-weight:bold; text-transform:uppercase}
.box_new{clear:both; padding-bottom:10px; border-bottom:1px dashed #CCC; padding-top:5px;}
h1.text_title{color:#390; font-size:12px;}
.box_new h1,.box_new h1 a{color:#0060FF; font-size:12px;}
.box_new h1 a:hover{
	color:#F00;
}
.image_boder{float:left; margin-right:10px; border:1px solid #E4E4E4; padding:5px; background:#FFF;}
.button {
    background: #0099FF;
    border: 1px solid #fff;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font: 12px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    padding: 5px 30px;
	cursor:pointer;
}
.boder{border:3px #E0E0E0 solid; margin:0px 35px;}
.viewmore{		
	text-align:right;
	padding-right:10px;
}
.viewmore a{
	color:#FF0000;
	font-style:italic;
}
.tinlienquan a{color:#333}
.textright{
	float: right;
    padding-right: 10px;}
	.textright a {   
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}
.othernews{
	padding-left:10px;
	color:#FFF;
	margin-top:20px;
}
.othernews a{
	color:#0060FF;
}
.othernews a:hover{
	color:#F00;
}
.othernews h1{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
}
.othernews ul{
	list-style:inside;
}
.othernews ul li{
	padding-left:10px;
	color:#000;
}
/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
	padding-top:5px;
}
.phantrang a{
	color:#333;	
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	text-decoration:none;
}
.phantrang span{
	color:#000;	
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	font-weight:bold;
}
.phantrang a:hover{
	color:#000;
	background-color:#FFF
}
/*----------------------------------------------------*/
#top{
	width:100%;
	background:#036DB7;
	height:35px;
	line-height:35px;
}
#top #an{
width:1000px;
margin:auto;
color:#FFF;
}
#top #an .a1{
	float:left;
	margin-left:10px;
	
}
#top #an .a2{
	float:right;
	margin-left:10px;
}
/*----------------------------------------------------*/


.slide{
	width:1200px;
	margin:10px auto;	
	
}

#wrap{
	
}
#header{
	
}
#all_content{
	width:100%;
	/*background:url(../images/bg_main.png) repeat-y top center;*/
	
}
#contai{
	width:1200px;	
	margin:0 auto;	
	border-radius:10px;	
	margin-top:10px;
}
/*--------------- Menu css ---------------*/
#header{
	
	
}
.banner{	
	width:1200px;
	margin:auto;
}
.bg_menu {
	height:40px;
	background:url(../images/bg_menu.png) no-repeat top center;
	padding:0px 10px;
}

/*---------------- Container css ----------------*/

.container_left{
	width:200px;
	float:left;
	color:#000;	
	margin-bottom:10px;
	margin-top:10px;
}
.container_left .module_left{	
	background:#FFF;	
	border:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:10px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
}
.container_left .module_left .title{	
	line-height:37px;
	height:37px;
	background:url(../images/bg_dm.png) no-repeat;
	text-align:center;
	font-family:"font-menu";
	font-size:24px;
	text-transform:uppercase;
	color:#FFF;
	width:200px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
}
.container_left .module_left .title span{
	color:#FF9900;
}	
.container_left .module_left .content{	
	
}
.left10{
	margin-left:10px !important;
	margin-top:10px;
}
.top10{
	padding-top:10px !important;
}
.container_left .module_left .content ul li{
	border-bottom:1px solid #CCC;
}
.container_left .module_left .content ul{
	list-style:none;
}
.container_left .module_left .content ul.list_items1 li{
	background:url(../images/bg_dmcon.png) no-repeat left top;		
	line-height:33px;		
}
.container_left .module_left .content ul.list_items1 li ul li{
	border-bottom:1px dashed #CCC;
}
.container_left .module_left .content ul.list_items1 li ul{
	display:none;
}
.container_left .module_left .content ul.list_items1 li:hover > ul{
	display:block;
	position:absolute;
	top:0px;
	left:200px;
	background:#FFF;
	width:230px;
	border-left:1px solid #333;
}
.container_left .module_left .content ul.list_items1 li a{
	color:#000;
	text-transform:capitalize;		
	display:block;	
	padding-left:28px;
	font-weight:700;
	color:#1B4197;
}
.container_left .module_left .content ul.list_items1 li a:hover{
	color:#000;
}
.container_left .module_left .content ul.list_items1 li ul li a{
	border-bottom:none;
	font-size:16px;
}
.container_left .module_left .content .btn_rq{
	background:#dbdbdb;
	padding:5px 0px;
	text-align:center;
	border:2px solid #c6c3c3;
}
.container_left .module_left .content .btn_rq a{
	color:#8d9092;
	font-weight:bold;
}
.container_left .module_left .content ul.list_items2 li{
	background:url(../images/dot.png) no-repeat left center;
	padding:5px 0px;
	padding-left:10px;
	border-bottom:1px solid #e8e8e8;
}
.container_left .module_left .content ul.list_items2 li a{
	color:#898888;
	font-weight:bold;
}
.container_left .module_left .content ul.list_items2 li a:hover{
	color:#F00;
}
.hotline{
	background:url(../images/hotline.png) no-repeat top left;
	padding-left:55px;	
	padding-top:30px;
	height:45px;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	color:#F00;
}
.htonline{
	width:170px;
	padding-left:5px;
	border-bottom:1px dashed #999;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:10px;	
	font-size:16px;
}
.httt{
	background:url(../images/dmhttt.png) no-repeat top left;
	padding-left:25px;	
	padding-bottom:10px;
	margin-bottom:5px;
}
.dt_e{
	margin-left:20px;
}
.tt_lkweb{
	background:url(../images/bg_dm2.png) no-repeat top center;
	width:200px;
	margin:0 auto;
	height:40px;
	line-height:26px;
	margin-top:15px;
	text-align:center;
	font-family:"font-menu";
	font-size:16pt;
	text-transform:uppercase;
}
.cont_lkw{
	margin-bottom:15px;
	margin-left:25px;
}
.tktc{
	margin-left:45px !important;
}
.module_dm {
		border-bottom:10px;
		background:#FFF;
	}
.module_dm .title{
	line-height:38px;
	height:38px;
	background:url(../images/bg_menu.png) repeat-x;
	text-align:center;
	font-family:"font-menu";
	font-size:18pt;
	text-transform:uppercase;
}
.module_dm .title span{
	color:#FE9E0C;
}	
	.module_dm .content ul li{
		list-style:none;
		background:url(../images/bg_dmcon.png) no-repeat;
		line-height:38px;
		padding-left:40px;
	}
	.module_dm .content ul li a{
		color:#000;		
		font-weight:bold;
		display:block;
	}
	.module_dm .content ul li a:hover{
		text-decoration:underline;
	}
/*---------------------------------*/
.container_left .module_left .content .dm_con{
	border-bottom:1px dotted #CCC;
	padding:5px;
	padding-left:10px;
}
/*---------------------------------*/
.container_right{
	float:left;
	width:980px;
	margin-left:20px;
	margin-top:10px;
}
.container_right .box_flash{
	margin-bottom:10px;
}
.container_right .box_productspecial{
	background:#FFF;
	border:1px solid #e1e0e0;
	padding:9px;
	margin-bottom:10px;
}
/*------------------------------------------------------------------------------------*/
.thanhsp{	
	height:37px;
	line-height:34px;
	font-size:14px;
	padding-left:20px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
.thanhsp span{
	background:#FFF;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-weight:bold;
	text-transform:capitalize;
}
/*------------------------------------------------------------------------------------*/
.container_right .tcat h1 , .container_right .tcat h2 ,.container_right .tcat h3{
	background:url(../images/thanhsp.png) no-repeat;
	height:37px;
	line-height:37px;	
	color:#FFF;
	text-transform:uppercase;	
	font-size:20px;	
	padding-left:10px;
	font-family:"font-menu";	
}
.chitiettin{
	color:#F00;
	font-size:16px;
	font-style:italic;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
}
.container_right .tcat span{
	color:#FF9900;
}
.container_right .content{	
	padding-right:5px;			
	background:#FFF;
	padding:10px;
}
.module_main{
	border:1px solid #CCC;
	background:#FFF;
	margin-bottom:10px;
	padding-bottom:10px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.module_main .content{
	padding:10px;
}
.box_sp{
	float:left;
	width:224px;
	margin-top:10px;
	margin-bottom:10px;
	box-shadow:0px 0px 3px #CCC;
	-moz-border-radius:3px;
	border-radius:3px;
}
.cach_sp{
	width:20px;
	float:left;
	min-height:50px;
}
.box_sp .pic{
	text-align:center;
}
.box_sp .pic img{	
	margin:7px;
	width:209px;
	height:135px;
}
.box_sp .desc{	
min-height:30px;
}
.chitiet1{
	color:#F00;
}
.box_sp .desc a{
	font-weight:bold;	
	color:#4A4A4A;
	text-transform:capitalize;
}
.box_sp .desc a:hover{
	color:#F00;
}
.box_sp .chitiet{
	background:url(../images/bg_chitiet.jpg) no-repeat;
	width:98px;
	height:23px;
	line-height:23px;
	margin-left:57px;
	border-radius:7px;
	border:1px solid #CCC;
}
.box_sp .chitiet a{	
	color:#000;
	font-weight:bold;
}
.box_sp .chitiet a:hover{
	color:#F00;
	
}
.info_sp{
	text-align:center;
}
.info_sp a{
	padding:5px 2px;
}
#footer{
	padding-top:5px;
	width:100%;	
	font-weight:bold;
}
.footer{
	width:1200px;
	margin:0 auto;
		background:#000;
		color:#FFF;
		padding-bottom:10px;
		margin-bottom:5px;
}
#ft{
	text-align:center;
	width:1000px;
	margin:auto;
	margin-bottom:10px;
	padding-top:9px;
}
#ft li{
	list-style:none;
	color:#FFF;
}
#ft li a{
	padding:10px 4px;
	color:#FFF;
	text-transform:capercase;
	font-family:Tahoma, Geneva, sans-serif;
	
}
#ft a:hover{
	color:#FF9900;
}
.info_ft{
	width:730px;
	float:left;
	margin-left:20px;
	margin-top:10px;
}
.menuft{
	width:200px;
	float:right;
	margin-right:10px;
	margin-top:10px;
}
/*--------------------------------*/
.product_detail_pic{
	 float: left;
    margin-right: 20px;
    width: 345px;
}
.hinh_an_chinh{
	float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.hinh_an{
	float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.product_info{
	float:left;
	list-style:none;
	width:570px;
}
.product_info li{
	padding:3px 0px;
}
.product_info li table{
	max-width:100%;
}
.product_info li table tr,.product_info li table td{
	padding:5px !important;
}
.item_support{	
	font-weight:bold;
	color:#0066FF;
	line-height:20px;
	display:block;
	margin-bottom:10px;
}
.item_support img{
	margin-right:10px;
}
/*----------------------------------------------------------------banner----------------------------------------------------------*/
#banner{
	width:1000px;
	height:170px;
	margin:0 auto;
}
/*----------------------------------------------------------------menu----------------------------------------------------------*/
#menu{
	width:1200px;
	margin:0 auto;
	background:url(../images/bg_menu.png) repeat-x;

	
}
#menu ul{
	padding-left:10px;
	width:1200px;
	
}
#menu ul li{
	float:left;
	line-height:38px;
	text-align:center;
	list-style:none;
}
#menu ul#nav{
	
	
}
#menu ul li a{	
	color:#FFF;	
	font-size:14px;
	padding:0PX 34PX;
	text-transform:uppercase;	
	display:block;	
}

#menu ul li a:hover{
	
}
#menu ul li.line{
background:url(../images/bg_line.png) repeat-x;
width:1px ;
height:38px;
}
#menu ul li:hover{
background:url(../images/bg_trongsuot.png) repeat center;
}
#menu ul li.active{
background:url(../images/bg_trongsuot.png) repeat;
}
/*--------------- menu xo---------------------------*/

#menu ul li
{
	position:relative;
	z-index:10000;
}
#menu ul li#home{
	padding-left:20px;
}
#menu ul li ul
{
	display:none;
	width:250px;
	padding-left:0px;
}
#menu ul li:hover > ul
{
	display:block;
	position:absolute;
	background:#000;
	padding-bottom:5px;
	width:210px;
}
#menu ul li ul li
{	
	line-height:30px;
	padding:0px;
	border-bottom:1px dotted #FFF;	
}
#menu ul li ul li:hover{
	background:url(../images/bg_trongsuot.png) repeat;
}
#menu ul li ul li a{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin-left:10px;
	
	padding:0px;
	text-align:left;
	text-transform:none;
	font-weight:normal;
	width:200px;
}

#menu ul li ul li{
	position:relative;
}
#menu ul li ul li ul{
	display:none;
}
#menu ul li ul li:hover ul{
	display:block;
	position:absolute;
	left:210px;
	top:0px;
	border-left:1px solid #333;
}

/*------------------------------------------*/
/*--------------- module---------------------------*/
.module{
	width:227px;
	border-radius:8px;
	border:1pc solid #CCC;
	box-shadow:3px #ccc;
}
.module .title{
	
}
.box_new_tc{padding-bottom:10px; border-bottom:1px dashed #CCC; padding-top:5px;width:353px;float:left;margin-left:10px;margin-top:20px;}
.box_new_tc h1.text_title{color:#390; font-size:12px;}
.box_new_tc h1,.box_new h1 a{color:#0060FF; font-size:12px;}
.box_new_tc h1 a:hover{
	color:#F00;
}
.box_new .ten_ht{
	 color: #000000;
    font-weight: bold;
	margin-bottom:10px;
}
.file a{
	 color: #C06E2F;
    margin-left: 10px;
}
.file a:hover{
	text-decoration:underline;
}
.dmc1{
	line-height:25px;
	padding-left:40px;
	background:url(../images/bg_dmcon.png) center left no-repeat;
}
.chitietsp_nd table{
	width:100% !important;
	clear:both;
}
.phantrang{
	text-align:center;
	padding-top:5px;
}
.phantrang a{
	color:#000;	
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	text-decoration:none;
	background:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;
	border:1px solid #CCC;
}
.phantrang span{
	color:#FFF;	
	border-radius:5px;
	-moz-border-radius:5px;
	background:#000;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	font-weight:bold;
	padding:10px;
	border:1px solid #CCC;
}
.phantrang a:hover{
	color:#FFF;	
	border-radius:5px;
	-moz-border-radius:5px;
	background:#000;
}
/*---------reponsive------------*/
.togglemenu, .toggledanhmuc { display: none;}
.clear1,.clear2,.clear3,.clear4 , .banner_tinh{ display: none;}
.hinh_ct_mobi{ display: none;}
@media (max-width: 1200px){
}
@media (max-width: 1024px){
	
}
@media (max-width: 991px){
	
}
@media (max-width: 800px){
	img{
		max-width:100%;	
	}
	.banner{
		width:100%;
		text-align:center;
	}
	#menu{
		display:block;
		
	}
	.togglemenu{
		padding:5px;
	}
	.togglemenu, .toggledanhmuc {
		display: block;
		background: #000;
		font-size: 16px;
		position: relative;	
		border-bottom:1px solid #000;
		color:#FFF;
	}
	.togglemenu:hover, .toggledanhmuc:hover { background: #013E92; color: #fff;}
	.togglemenu span, .toggledanhmuc span {
		font-size: 18px;
		font-weight: bold;
		float: right;
	} 
	
	.togglemenu, .toggledanhmuc {
	}
	#menu{
		width:98%;
		padding-left:1%;
		background:none;
		
	}
	#menu ul { display: none; background:none;padding-left:0;width:100% !important;}
	#menu ul li { 
		background: #0058DA;
		border-bottom: 1px solid #7fb4ff;
		line-height: 25px;
		margin-top: 0;
		float:none;
		padding-left:20px;
		
		text-align:left;
	}
	#menu ul li.line{
		background:none;
		width:0px;
		padding:0;
	} 
	#menu ul li.active{
		background:#0058DA;
	}
	#menu ul li:hover {
		transition: 0.2s ease-in-out all;
		background: #7fb4ff;
		border-bottom: 1px solid #0058DA; 
	}
	#menu ul li a { color: #fff; display:block;padding:0 !important;}
	#menu ul li a:hover {background:none !important;}
	.togglemenu span, .toggledanhmuc span {
		font-size: 18px;
		font-weight: bold;
		float: right;
	} 
	#menu ul li ul{
		display:none !important;
	}
	.line{
		display:none;
	}
	.module_main .content{
		padding:10px 5px;
	}
	#contai{
	width:100%;
	}
	/*---left---*/
	.container_left , .slide{
		display:none !important;
	}
	.container_right{
		width:100%;
		margin-left:0;
	}
	#ft{
		display:none !important;
	}
	.footer {
		width:98% !important;
		padding:1%;
		background:#000;
		color:#FFF;
	}
	.footer span , .footer a , .footer  p{
		color:#FFF;
	}
	.info_ft{
		width:100%;	
		margin:0 !important;
	}
	.product_detail_pic{
		display:none;
	}
	.hinh_ct_mobi{
		display:block;
		width:48%;
		margin:0 !important;
		margin-left:2%;
		margin-right:2%;
		float:left;
	}
	.hinh_ct_mobi img{
		max-width:95%;
	}
	.product_info{
		width:46%;margin:0 !important;
		margin-left:2% !important;
	}
	
}
@media (max-width: 768px){
	.box_sp{
		width:44% !important;	
		float:left;
		margin:0 !important;
		padding:0 !important;
		margin-left:4% !important;
		box-shadow:none !important;
		margin-top:10px !important;
	}
	.box_sp .pic img{
		width:100% !important;
		height:auto;
		margin:0;
	}
	.cach_sp{
		display:none;
	}
	.clear1{
		display:none;
	}
	.clear2{
		display:block !important;
	}
}
@media (max-width: 600px){
	
}
@media (max-width: 480px){
}
@media (max-width: 375px){
}
@media (max-width: 320px){
	.box_sp{
		width:94% !important;	
		float:left;
		margin:0 !important;
		padding:0 !important;
		margin-left:3% !important;
		box-shadow:none !important;
		margin-bottom:20px;
	}
	.box_sp .pic img{
		width:100% !important;
		height:auto;
		margin:0;
	}
	.tablelienhe .input, .tablelienhe textarea {
		border: 1px #E9E9E9 solid;
		azimuth: center;
		width: 197px;
		padding: 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		background: #EFEFEF;
		outline: none;
	}
	#AjaxPopup{
		width:320px !important;	
	}
	#AjaxPopup
	{
		max-width:320px;
		z-index: 2000;
	}
	.banner{
		display:none;
	}
	.banner_tinh{
		display:block;
	}
	.container_right .tcat{
		background:none;
		background:#000;
		margin-bottom:10px;
		border-radius:5px 5px 0 0;
	}
	.container_right .tcat h1 , .container_right .tcat h2 ,.container_right .tcat h3{
		color:#FFF !important;
		border-bottom:3px solid #000;
		background:none !important;
	}
}