*{ margin: 0; padding: 0; } 
.clear{clear:both;}
body{ font-family:Arial, Helvetica, sans-serif;	font-size:12px;	line-height:1.5;  background:url(images/bg.png);/*text-rendering:optimizelegibility;*/;}
a{ text-decoration:none;}
ul{ list-style:none;}
@font-face { font-family: 'myFont'; src: url('font/RobotoCondensed-Bold.ttf');}
@font-face { font-family: 'myFont1'; src: url('font/Roboto-Regular.ttf');}
@font-face { font-family: 'myFont2'; src: url('font/RobotoCondensed-Light.ttf');}
.seo{ height:0px; overflow:hidden;}
#wapper{ width:100%; max-width:1349px; margin:auto; overflow-x:hidden;}
.header{ width:100%; position:relative; z-index:999; }
.line_head{height:35px; line-height:35px; background:#3A3A3A; font-family: 'Roboto-Regular'; font-size:13px;  color:#cccccc;}
.line_head_c{width:100%; max-width:1200px; height:35px; line-height:35px; margin:auto;}
.line_head span{}
.line_head span a{ color:#cccccc;}
.line_head strong{ color:#fff;}
.banner{width:100%;}
.banner_m{width:100%; display:none;}
.logo{width:130px; height:100px; position:absolute; top:25px; left:87px;}
#search{ position:absolute; top:40%; right:5.5%;}
#search input{width:245px; height:26px; padding-left:5px; line-height:26px; border:1px #ccc solid;}
#search img{position:absolute; top:5px; right:3px;}
.cart{position:absolute; top:70%; right:5.5%; height:30px; }
.cart span{display:inline-block; float:left; height:30px; line-height:30px;}
.cart img{float:left;}
.wap_menu{width:100%; height:46px; background:url(images/menu.png) no-repeat; background-size:100% 100%;}
.menu{ position:relative; margin:auto; width:100%; max-width:1200px; height:46px;}
.menu ul{ height:46px;}
.menu ul li{display:inline-block; height:46px; line-height:46px;}
.menu ul li a{ white-space:nowrap; color:#fff; font-size:16px; padding:0 14px; float:left;  font-family: 'Roboto-Regular'; display:inline-block;}
.menu ul li:hover a{color:#fff; }

/*------end menu--------*/

.slider{ width:100%; position:relative;}
.slider_c{width:67%; float:left;}
.download{width:32.5%; float:right;}
.download_item{position:relative;  background:#000; font-family: 'Roboto-Regular'; margin-bottom:2%; }
.download_item img{width:100%; opacity:0.8; transition:all 0.5s;}
.download_item:hover img{width:100%; opacity:1; transition:all 0.5s;}
.download_item a h3{color:#fff; font-weight:normal; font-size:24px; width:100%; text-align:center; position:absolute; z-index:99;}
/*-----------end slider-------------*/
.main{width:100%; max-width:1200px; margin:auto; margin-top:20px;}

.dm_item{ position:relative; width:93%; margin:0 3.5%; overflow:hidden;}
.dm_item img{width:100%;}
.dm_item h3{position:absolute; font-family: 'Roboto-Regular'; font-size:20px; color:#fff; width:70%; left:15%; border-bottom:1px #fff solid; border-top:1px #fff solid; text-align:center; padding:5px 0; transform: scale(1); opacity:1; transition: all 0.5s ease-out 0s;}
.dm_item:hover h3{transform: scale(6); opacity:0; transition: all 0.5s ease-out 0s;}

.news{margin:0 10px; margin-bottom:10px;  font-family:arial;}
.news img{width:110px; height:70px; border:1px #ccc solid; float:left; margin-right:10px;}
.news h3 { font-weight:normal; color:#232323; font-size:14px;}
.news h3 a{ color:#232323; font-size:14px;}
.tin{background:url(images/dot.png) no-repeat left center; padding:2px 0; font-family:arial; padding-left:15px;}
.tin a{ color:#222222; font-size:14px;}

.tieude-phai{width:100%; height:38px; line-height:38px; background:url(images/title.png) repeat-x bottom; margin-bottom:20px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.tieude-phai-c{display:inline-block; background:url(images/t3.png) no-repeat left, url(images/t1.png) no-repeat right, url(images/t2.png); color:#fff; padding-right:40px; padding-left:45px; font-family: 'RobotoMedium'; font-size:18px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.tieude-phai-dm{display:inline-block; height:38px; line-height:38px; color:#4d4d4d; font-size:15px; font-family: 'Roboto-Regular'; }
.tieude-phai-dm a, .tieude-phai-dm span{cursor:pointer;  color:#4d4d4d; }

.item{ width:24%; float:left; margin:0 0.5%;  margin-bottom:15px;}
.item_content{ text-align:center; margin-top:10px; padding-bottom:5px; }
.name{font-family: 'Roboto-Regular'; text-align:center; padding:6px 0; height:44px;}
.name a{color: #5d5d5d; font-size:15px;}
.price{font-size:15px; font-family: 'Roboto-Regular'; color:#949494}
.price span{display:inline-block; width:50%; float:left;}
.item img{ width:100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);/*FF 3.5+*/
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 3px rgba(0,0,0,0.5);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.order{font-family: 'Roboto-Regular'; color:#545454; padding:5px 15px; border:1px #b5b5b5 solid; display:inline-block; cursor:pointer;}

.bottom{}
.dv{background:#fff; padding:20px 0; }
.dv_c{width:100%; max-width:1200px; margin:auto;}
.dv_mt{width:20%; float:left; text-align:justify;}
.dv_mt h3{ font-weight:normal; font-family: 'RobotoMedium'; font-size:20px; text-align:center; color:#343434;}
.dv_item{width:72%; float:right;}
.dichvu_item{width:91%; padding: 2%; margin:0 2.5%; background:#00923F;}
.dichvu_item img{width:100%;}
.dichvu_item a h3{text-align:center; color:#fff; font-weight:normal; font-size:16px; font-family: 'RobotoMedium'; padding:3px 0;}



.bottom_c{width:100%; max-width:1200px; margin:auto;}
.bottom-news{width:31%; margin:0 1%; float:left; }
.vid{}
.sup_content{}
.tieude-bt{width:100%; background:url(images/line2.png) repeat-x center; height:30px; line-height:30px;font-family: 'Roboto-Regular'; margin-bottom:15px; font-size:24px;}
.tieude-bt div{height:30px; display:inline-block; padding-right:25px; background:url(images/line1.png) no-repeat right center,#FFFFFF;}

.wap_doitac{padding:20px 0; background:#F5F5F5; }
#doitac{width:100%; max-width:1200px; margin:auto;}

.end{ background: url(images/ft.png) ; }
.footer{ margin:auto; padding-top:40px; }
.footer_content{width:100%; max-width:1200px; margin:auto;}
.noidung_footer{ width:38%; float:left; margin-right:8%;}
.newsletter{ width:30%; float:left;}
.map{ width:15%; float:right;}
.tieude_ft{color:#00ff5e; font-family:arial; font-size:14px; margin-bottom:10px;}
.map li{color:#fff; padding:3px 0; padding-left:25px; margin:3px 0;}
/*-----------phân trang---------------*/	
.phantrang{text-align:center; margin-bottom:10px;}
.phantrang a{ background: #fff; color:#000; padding: 2.5px 12px; text-align:center; text-decoration:none; margin:0px 3px;}
.phantrang a:hover{	font-weight:bold; background:#a70000; padding: 3px 12px; color:#ffffff;}
.phantrang span{ font-weight:bold; background:#a70000; padding: 3px 12px; color:#ffffff;}
/*------------------------------------*/
.mailbox{ width:225px; height:32px; border:none; padding-left:5px; border-top-left-radius:3px; border-bottom-left-radius:3px}
.buzz{ width:80px; height:32px; background:#00AEEF; color:#fff; font-family: 'myFont1'; border:none;  border-top-right-radius:3px; border-bottom-right-radius:3px; position:absolute; top:0px; right:0px;}
.lh_cont{ }
.frm_lienhe{}
.zoom_slick{ width:49%; float:left;}
.product_info{ width:49%; float:right;}
.product_info li{padding:3px; border-bottom:1px #ccc dashed; font-size:15px;}
.doitac{height:170px; background: url(images/bg_da.png)no-repeat; background-size:100% 100%; margin-top:10px; padding:20px 20px 0 20px; margin-bottom:20px;}
.tieude_da{color:#1d74ba; font-size:18px; font-family: 'Roboto-Bold'; }
.video-wrapper {	position: relative;	padding-bottom: 71.25%;	height: 0;}
.video-wrapper iframe{ width: 100%; left: 0; right: 0; position: absolute; height: 100%; border:none;}
.support{background:url(images/sup.png) no-repeat; background-size:100% auto; padding:3%;}
.sup_i{font-family:arial; font-size:13px;}
.sup_i span{height:26px; line-height:26px; width:50%; display:inline-block; float:left;}
.sup_i span a{color:#000;}
.sup_i span strong{color:#f00;}
#hinhthem{width:49%; float:left;}
.house-info{width:49%; float:right;}
.house-info ul{list-style:none;}
.house-info ul li{padding:5px 0; border-bottom:1px #ccc dashed; font-size:16px;}
.ad_cart{display:inline-block; width:200px; margin-bottom:15px; height:38px; background:url(images/add-cart.png) no-repeat; padding-left:55px; padding-right:20px; line-height:38px; font-size:18px; color:#fff; font-family: 'Roboto-Regular'; cursor:pointer;}
.hotline_cart{display:inline-block; width:184px; height:38px; background:url(images/hotline.png) no-repeat; padding-left:55px; padding-right:16px; line-height:38px;  font-size:18px; color:#fff; font-family: 'Roboto-Regular';  cursor:pointer; }
#frm_order input{ width:61%;}
.hotline_cart a{color:#fff;}
.left_site{width:25%; float:left; background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.left_site .tieude-phai{ margin-bottom:0px;}
.left_site ul{padding:2%;}
.left_site ul ul{padding-left:8%;}
.left_site li a{color:#00a28e; font-size:16px;  display:block; padding:5px 0; border-bottom:1px #ccc dashed; background:url(images/dotleft.png) no-repeat left center; padding-left:15px; }
.left_site li{}
.left_site li a:hover{color:#f00;}
.right_site{width:73%; float:right;}
.sys_l{width:49%; float:left;}
.sys_r{width:49%; float:right; }
.sys_r img{max-width:100% !important; height:auto !important;}