@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;
	background:#f9fca1;
	}
@font-face
{
font-family:"font-menu";
src:url("../font/UTM Bitsumishi Pro.ttf"),url("../font/UTM Bitsumishi Pro.eot");
}
p{
	padding:0px;
	margin:0px;
}
a{text-decoration:none; color:#333;}
a:hover{color:#F00;}
img{border:0;}
li{
	list-style:none;
}
.clear
{
  
    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;}
.tablelienhe .input,.tablelienhe textarea{
	border: 1px #E9E9E9 solid;
	azimuth:center;	
	width:300px;
	
}
.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;color:#000;}
.box_new h1 a{ font-size:12px; font-weight:bold}
h1.text_title{color:#390; font-size:12px;}
.box_new h1,.box_new h1 a{color:#000; font-size:12px;}
.box_new h1 a:hover{
	text-decoration:underline;
}
.image_boder{float:left; border:1px solid #E4E4E4; padding:5px; background:#FFF;}
.bordernone{
	border:none;
}
.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;
}
.pall10{
	padding:10px !important;
}
.ptop10{
	padding-top:10px !important;
}
.mtop10{
	margin-top:10px !important;
}
.pleft10{
	padding-left:10px !important;
}
.mleft10{
	margin-left:10px !important;
}
.mleft1{
	margin-left:1px !important;
}
.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:#FFF;
}
.othernews a:hover{
	color:#F00;
}
.othernews h1{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
}
.othernews ul{
	list-style:inside;
}
.othernews ul li{
	margin-left:20px;
	color:#000;
	list-style:square;
}
.othernews ul li a{
	color:#000;
}
/* --------------------- Phan trang ------------------*/
.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;
}
.phantrang span{
	color:#FFF;	
	border-radius:5px;
	-moz-border-radius:5px;
	background:#F00;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	margin-right:5px;
	font-weight:bold;
}
.phantrang a:hover{
	color:#FFF;	
	border-radius:5px;
	-moz-border-radius:5px;
	background:#F00;
}
/*----------------------------------------------------*/
#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_all{
	width:100%;
	
	background:url(../images/bg_slide.png) no-repeat;
}
.slide{
	width:100%;
	margin:0 auto;
	border-top:5px solid #CCC;
	border-bottom:5px solid #CCC;
}
.bong_slide{
	text-align:center;
}
#wrap{
	
}
#owl-demo .item{
  margin:0px 5px; padding:5px; border:1px solid #ccc; border-radius:3px;
}

#owl-demo .item img{ border-radius:5px; width:100% }

.owl-prev{    position: absolute;
    left: -14px;
    top: 62px;
    background: url(../images/prev.png) left center no-repeat;
    float: left;
    text-indent: -999px;
    width: 50px;}
	
	.owl-next{    position: absolute;
    right: -14px;
    top: 62px;
    background: url(../images/next.png) right center no-repeat;
    float: left;
    text-indent: -999px;
    width: 50px;}


.owl-pagination{ display:none}

#container_all{
	

}
.container{ position:relative}
#container{
	
	
	border-radius:5px;
}
#header{	
	width:100%;
	background:#f8fc94;
	
}
#ngonngu{
	position:absolute;
	top:10px;
	right:20px;
}
.banner{
	position:relative;
}

#container{
	padding:10px 0;	
	
}
.chay_giay{
	float:right;
	margin-right:20px;
}
.ngaythang{
	float:left;
	padding-left:40px;
	line-height:50px;
	background:url(../images/bg_ngaythang.png) no-repeat left center;	
	font-weight:bold;
	color:#0171a4;
}
/*--------------- Menu css ---------------*/
#header{
	
	
}
 
 .padding0{ padding:0px  !important}
 
.logo-top{ width:100%} 

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

.container_left{
	padding-left:0px;
	float:left;
	color:#000;			
	margin-top:10px;
}
.container_left .bg_left{
margin-bottom:10px;
}
.container_left .module_left{	
	background:#FFF;
	margin-bottom:10px;
}
.container_left .module_left .title{	
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	height:30px;
	text-transform:uppercase;	
	border-bottom:3px solid #F00;
}
.container_left .module_left .content{			
	border-top:none;	
	padding-bottom:10px;	
	-webkit-border-radius:0 0 20px 0;
	border-radius:0 0 20px 0; padding:5px;	
}

.container_left .module_left .content ul li{	
	position:relative;
}

.container_left .module_left .content ul{
	list-style:none;

}
.container_left .module_left .content ul li{
	margin-left:5px;
	margin-right:5px;
}
.container_left .module_left .content ul li a{
	line-height:33px;
	padding-left:25px;	
	color:#000;
	font-weight:bold;
	display:block;
}
.container_left .module_left .content ul li a:hover{
	text-decoration:underline;
}
.container_left .module_left .content ul li ul li{
	margin-left:25px;
	margin-right:25px;
	line-height:35px;
	border-bottom:1px dashed #58d909;
} 
.container_left .module_left .content ul li ul li a{
	line-height:32px;	
	background:url(../images/bg_dmc2.png) no-repeat left center;
	padding-left:35px;
	font-weight:bold;
}
.none_border-bottom{
	border-bottom:none !important;
}


/*---------------------------------*/
.container_right{

    float: left;
 
    padding-right: 0px;

}
.module_main{
	
}
/*------------------------------------------------------------------------------------*/
.thanhsp{
	background:url(../images/thanhsp.png) no-repeat top center;
	height:56px;
	line-height:56px;
	font-size:20px;
	text-align:center;
	color:#F00;
	font-weight:bold;
}
.thanhsp span{
	background:#FFF;
	padding-left:5px;
	padding-right:5px;
	color:#1B4197;
	font-weight:bold;
	text-transform:capitalize;
}
/*------------------------------------------------------------------------------------*/

.container_right .tcat{	
	line-height:30px;
	font-size:20px;	
	
	border-bottom:3px solid #F00;
	color:#000;	
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;		
	padding-left:20px;		
}
.container_right .content img{	
	width:100%; 
	hight:auto;
}
.cach_boxsp{
	width:17px;
	height:150px;
	float:left;
}
.box_sp{
    margin-top: 15px;
	
}
.box_contact_r input{    padding: 5px;
    border: 1px solid #ccc !important;
    margin-bottom: 5px;
 }

.box_sp .pic{
	text-align:center;		

}
.box_sp .pic img{		
	width:100%;
	padding:5px;
	
	border:1px solid #CCC;	
	-webkit-border-radius:5px;
	border-radius:5px;
	 background: #fff;

}

.box_sp .desc{
	padding:10px 0;
	text-align:center;
}
.box_sp .desc a{
	font-weight:bold;	
	font-size:12px;
	color:#308701;
}
.box_sp .desc a:hover{
	color:#F00;
}
.giasp{
	font-weight:bold;
}
.giasp span{
	color:#F00;
}
.bong_sp{
	width:230px;
	margin:0 auto;
	height:11px;
	background:url(../images/bong_sp.png) no-repeat top center;
}
#footer_all{
	/*background:url(../images/bg_ft.png) repeat-x bottom;*/
	min-height:450px;
	padding-bottom:30px;
}
#footer{
	margin-top:10px;		
	padding-bottom:20px;		
	
}
.box_ft{
margin-top:20px;
}
.box_ft .title{
	font-family:"font-menu";
	font-size:20px;
	border-bottom:1px dashed #CCC;
	line-height:30px;
}
.tailieukt{
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:10px;
}
.gioithieu_ft{
	margin-top:20px;

	float:left;
}
.gioithieu_ft .title{
	font-family:"font-menu";
	font-size:20px;
	color:#F00;	
}
.gioithieu_ft ul li{
	background:url(../images/icon_tt.png) no-repeat left center;
	padding-left:20px;
}
.lienlac_ft{
	margin-top:20px;
	width:230px;
	float:left;
	margin-left:20px;
}
.lienlac_ft .title{
	font-family:"font-menu";
	font-size:20px;
	color:#F00;	
}
.box_ft1{
	margin-top:20px;
}
.box_ft1 .title{
	font-family:"font-menu";
	font-size:20px;
	border-bottom:1px dashed #CCC;
	line-height:30px;
}
/*--------------------------------*/
.product_detail_pic{
	float:left;
	width:400px;
	margin-right:20px;
}
.product_info{
	float:left;
	list-style:none;
	width:280px;
}
.product_info li{
	padding:3px 0px;
}
.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;	
	margin:0 auto;
}
.hotline{
	background:url(../images/bg_hotline.png) no-repeat top left;
	padding-top:30px;
	padding-left:66px;
	font-style:italic;
	font-size:16pt;
	color:#F00;
	font-weight:bold;
}
.ht_onl{
	margin:0 10px;
	font-weight:bold;
	border-bottom:1px dotted #666;
	margin-bottom:10px;
}
.redcolor{
	color:red;
	font-size:14px;
}
.mleft10{
	margin-left:10px;
}
.yahoo{
	margin-bottom:10px;
	float:left;	
}
.info_yh{
	width:90px;
	float:left;
	margin:0px 10px;
	text-align:center;
}
.ten_yh{
	border-bottom:1px dotted #CCC;
	color:#a30000;
	font-weight:bold;
}
.nick_yahoo{	
	margin-left:10px;
	float:left;
	margin-top:5px;
}
.link_lienket{
    width: 100%;
    margin: 20px 0;
    padding-top: 5px;
    height: 30px;
    /* margin-left: 10px; */
    border: 1px solid #CCC;
    padding: 5px 0px;
}
.link_lienket select {
	border:none;
	background:none;
	color:#CCC;
	outline:none;
}
.link_lienket select option.aaa{
	color:#000;
}
/*----------------------------------------------------------------menu----------------------------------------------------------*/
#menu1{
	width:552px;
	margin:0 auto;
	height:38px;
	background:url(../images/bg_menu.png) no-repeat;
	position:absolute;
	bottom:0px;
	right:10px;
}
#menu1 ul li{
	float:left;
	line-height:30px;
	text-align:center;
	list-style:none;
	width:75px;
	margin-left:8px;
}
#menu1 ul{	
	
}
#menu1 ul li a{	
	color:#FFF;	
	font-size:12px;	
	text-transform:uppercase;
	display:block;
	
	font-weight:bold;
	display:block;
}

#menu1 ul li a:hover{
	color:#FF0;	
}
#menu1 ul li.line{
	width:1px;
	height:20px;
	background:url(../images/bg_line.png) repeat;	
}
.search{
	float:right;
	margin-right:5px;	
}
.search input[type="text"]{
	font-style:italic;
}
.tt_search{
	float:right;
	margin-right:10px;
	line-height:40px;
	color:#FFF;
	font-weight:bold;
}
#menu1 ul li a.active{
	color:#FF0 ;		
}
/*--------------- menu xo---------------------------*/
#menu1 ul li
{
	position:relative;	
}
#menu1 ul li ul
{
	display:none;
	width:250px;
}
#menu1 ul li:hover > ul
{
	display:block;
	position:absolute;
	background:#068BE7;
	padding-bottom:5px;
	width:250px;
	padding-left:0px;	
	top:77px;
	z-index:1000;	
}
#menu1 ul li ul li
{	
	line-height:30px !important;
	height:auto !important;
	padding:0px;
	border-bottom:1px dotted #FFF;	
}
#menu1 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;
}
#menu1 ul li ul li:hover{
	background:none;
}
#menu1 ul li ul li a:hover{
	color:#000;
}
#menu1 ul li ul li{
	position:relative;
}
#menu1 ul li ul li ul{
	display:none;
}
#menu1 ul li ul li:hover ul{
	display:block;
	position:absolute;
	left:210px;
	top:0px;
	border-left:1px solid #333;
}

/*------------------------------------------*/

.noidung_ft{
	width:470px;
	float:left;
	margin-left:30px;
}

.hinh_an{
		float:left;
		margin-left:10px;
		margin-top:10px;
	}
	.hinh_an img{
		border:2px solid #9091AF;
		width:55px;
		height:35px;
	}	
.hinh_qc{
	text-align:center;
}
.hinhanhct{
	width:225px;
	float:left;
	margin-top:15px;
	margin-left:15px;
}
.hinhanhct img{
	width:225px;
}
.hinh_an{
		float:left;
		margin-left:10px;
		margin-top:10px;
	}
	.hinh_an img{
		border:2px solid #9091AF;
		width:55px;
		height:35px;
	}
.hinh_an_chinh{
	float:left;
		margin-left:10px;
		margin-top:10px;
}
.hinh_an_chinh img{
		border:2px solid #9091AF;
		width:55px;
		height:35px;
	}
.cap3 a{
	background:none !important;
	font-weight:normal  !important;	
}
.noidung_bv{
	height:750px;		
}
.thongke{
	background:url(../images/bg_thongke.png) no-repeat;
	margin-left:10px;
}
#hotro{    background: #f2f2f2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #000;
    margin: 8px;
}
li.online{
	line-height:32px;
	padding-left:40px;
}
li.online strong{
	color:#000;
}

/*----------------------------------css Viet A chau-------------------------------------*/
div.jszoom-product{float: left;margin-left: 10px;padding-bottom:10px;padding-right:19px;}
div.thumb ul{position: relative;list-style: none;}
div.thumb ul li{position: absolute;z-index: 0;width: 440px;display: none;}
div.thumb ul li.active{z-index: 10;display: block;}
/*----------------------------------css Viet A chau-------------------------------------*/	
.thongtin_sanpham{
	width:240px;
	float:left;
}

.box_thuvien{
	float:left;
	width:215px;
	margin:12px;
	
	-moz-border-radius:4px;
	
	padding-bottom:8px;
}
.box_thuvien .pic img{	
	
	width:215px;
	height:150px;
	border-radius:2px;
	-moz-border-radius:2px;
	border:1px solid #FFF;
	padding:1px ;
}
.box_thuvien .desc{
	margin:5px 5px;
	text-align:center;
}
.box_thuvien .desc a{	
	color:#000;
	text-transform:capitalize;
	font-size:12px;
	font-family:Georgia,"Times New Roman",Times,serif;
}
.border_hinhanh{
	box-shadow:0 0 3px #000;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:0;
}
.border_hinhanh img{
	padding:10px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:100%;
}
.ajax_video_123 .object{/* width:200px; */height:230px;}
.ajax_video_123 .object embed{ height:220px;}
.img-m{ display:none}
.btn_menu{    position: absolute;
    top: 28px; display:none;
    right: 7px;
    background: #ED1C24;
    padding: 5px 5px;
    font-size: 15px;}
.btn_menu i{ color:#fff;}
#menu{ opacity:0; height:0px; overflow:hidden;}


@media (max-width:1024px) {

}
 @media (max-width:1000px) {
.container_left { display:none} 

.container_right{ width:100%; padding:0px;}

.box_ft{ display:none}
.owl-next {
    position: absolute;
    right: 0px;
     top: 38%;
    background: url(../images/next.png) right center no-repeat;
    float: left;
    text-indent: 9px;
    width: 15px;
    z-index: 9999;
}
.owl-prev {
    position: absolute;
    left: 3px;
    top: 38%;
    background: url(../images/prev.png) left center no-repeat;
    float: left;
    text-indent: -999px;
    width: 40px;
    z-index: 9999999;
}
.module_main {
    padding: 10px;
}
.button{ margin-top:10px;}

}
 @media (max-width:800px) {
.ajax_video_123 .object embed{ height:160px;}
.btn_menu{ display:block}
#ngonngu {
        position: absolute;
    bottom: 3px;
    right: 93px;
    top: inherit;
}
}
 @media (max-width:600px) {
	 #menu1{ display:none}
	 .ajax_video_123 .object{ height:190px}

}
@media (max-width:380px) {
.block-btn{ display:block; float:left;}
#product-img-effect{ display:none}
#jcarousel{ display:none}
.description-news { padding:0px; margin-top:10px;}
.img-m{ display:block}
.title_contact{ display:none}
.tablelienhe .input, .tablelienhe textarea{ width: 292px;}
}