::-webkit-scrollbar {background:#fff;width:10px;height:11px;}
::-webkit-scrollbar-thumb {background:#BBBBBB;}
* {margin: 0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {min-width: 100% !important;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.video_popup {position: relative;padding-bottom: 62%;padding-top: 30px;height: 0;overflow: hidden;}
.video_popup iframe, .video_popup object, .video_popup embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#clickvideo { width:100%; padding:5px 0; margin:3px 0%; border:1px solid #DDD; box-sizing:border-box;}
.addthis_native_toolbox {margin: 10px 0px;width: 100%;clear: both;border: 1px solid #ededed;padding: 10px 10px;margin-bottom: 10px;background: #f7f6f6;box-sizing: border-box;}
.addthis_native_toolbox b {float: left;font-size: 14px;text-transform: uppercase;margin-right: 10px}
#toptop {width: 37px; height: 37px;position: fixed;bottom: 30px; right: 20px;text-indent: -99999px;cursor: pointer;background: url(images/back_to_top.png) top center no-repeat;transition:0.5s;z-index:200;}
#toptop:hover {background: url(images/back_to_top.png) bottom center no-repeat;transition:0.5s;}
.clear {clear:both;}
img {max-width:100% !important; height:auto;}
.bando img {max-width:none !important;}
body {font-family:'myFont', Helvetica, sans-serif;font-size:12px;line-height:1.5;}
@font-face {font-family: 'myFont';src: url('font/Roboto-Regular.ttf');}
@font-face {font-family: 'bold';src: url('font/Roboto-Bold.ttf');}
@font-face {font-family: 'hel';src: url('font/UTM HelvetIns.ttf');}
#wapper {margin:auto;max-width:1366px;min-width: 1356px;background:#fff;width: 100%;overflow: hidden;}
.wap {width: 1200px;margin: auto;}
.clearfix::after {clear: both;content: ".";display: block;width: 0px;height: 0px;overflow: hidden;}
.catchuoi1 {white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.catchuoi2 {white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.catchuoi3 {white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.catchuoi4 {white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.catchuoi5 {white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
a {text-decoration: none;}
a:hover {color: #D72B24 !important;}
img:hover {transition: 0.5s !important;}
#header {
	position:relative;
	margin:auto;
	background: url('images/bghd.png')no-repeat top center;
}
.logos{
	width: 8%;
    float: left;
    margin-right: 16%;
    margin-top: 1%;
}
.banner{
	width: 65%;
	float: left;
	text-align: center;
}
.hotline{
	width: 13%;
    float: right;
    background: url(images/bghl.png)no-repeat left center;
    font-size: 16px;
    color: #fff;
    font-family: 'bold';
    text-align: right;
    padding: 9px;
    margin-top: 2%;
}
#header a.logo {
	display:block;
	line-height:0;
}
.menu_login {
	list-style:none;
	position:absolute;
	top:5px;
	right:70px;
}
.menu_login li {
	display:inline-block;	
}
.menu_login li a {
	text-decoration:none;
	color:#fff;
	border-right:1px solid #fff;
	padding:0px 5px;
}
#lang {
	position:absolute;
	top:5px;
	right:10px;
}
#lang a img {
	margin-left:3px;
}
.sang_header {
	top: 30%;
    left: 5%;
}
.header_mobi {
	display:none;
}
.menu {
	position: relative;
    margin: auto;
    width: 62%;
    float: left;
}
.menu ul {
  float:left;  
  list-style:none;
}
.menu li {
  float:left;
  position:relative;
  z-index:50;
}
.line {
	background:url(images/menu_gach.png) center no-repeat;
	height:41px;
	width:1px;
}
.menu a {
	color: #000;
    font-size: 15px;
    padding: 39px 24px;
    text-decoration: none;
    text-transform: capitalize;
    display: block;
    font-family: 'bold';
}
.menu a:hover,.menu a.active,.menu a.active2 {
	color:#D72B24 !important;
	background: url('images/bghv.png')no-repeat bottom;	
}
.menu ul li ul,.menu ul li:hover ul li ul {
	position:absolute;
	margin-left:0px;
	display:none;
    min-width: 250px;
    background: #fff;
	line-height: 1.5;	
}
.menu ul li ul li {   
    float:none;
}
.menu ul li ul li a {
	padding:6px 10px;
	text-transform:none;
	display:block;
	border-bottom: 1px solid #D72B24;
	background: none;
}
.menu ul li ul li a:hover,.menu ul li ul li a.active2{
	background: none;
}
.menu ul li ul li ul {	
	left:100%;
	top:0px;
}
.headerf{
	position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1366px;
    z-index: 999;
    transition: 0.4s;
    right: 0;
}
.logosf{
	width: 4.5%;
    margin-top: 0;
    transition: 0.4s;
}
.menuf a{
	padding: 10px 24px;
}
.hlf{
	margin-top: 0;
}
.search {
	position: absolute;
    right: 6%;
    top: 5px;
    background: #fff;
    border-radius: 2px;
    height: 30px;
}
.search input {
	padding: 0px 10px;
    float: left;
    margin-top: 8px;
    border: none;
    background: none;
    width: 180px;
    outline: none;
    color: #777;
}
.search i {
	float: right;
    margin-right: 9px;
    margin-top: 5px;
    color: #222;
    font-size: 17px;
    cursor: pointer;
}
#slider {
	margin:auto;
	max-width: 1920px;
	width: 100%;
	overflow: hidden;
}
#main_content {
	margin: auto;
	margin-top: 3%;
}
#right {
	width:78.5%;
	float:right;
}
#left {
	width:20%;
	float:left;
}
.tieude{
	color: #D72B24;
    background: url(images/td.png) repeat-x bottom;
    height: 34px;
    line-height: 44px;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'hel';
    margin-top: 30px;
    margin-bottom: 20px;
}
.tieude span{
	background: #fff url(images/sau.png)no-repeat right;
    padding-right: 20px;
}
.pgt{
	font-size: 13px;
    margin: 10px 0;
}
#danhmuc {
	border-bottom:none;
}
.danhmuc {
	border:1px solid #d6d6d6;
	margin-bottom:2%;
}
.danhmuc:last-child {
	margin-bottom:0;
}
#danhmuc ul {
	list-style:none;
}
#danhmuc ul li {	
}
#danhmuc ul li:last-child {
	border:none;
}
#danhmuc ul li a {
	color: #454545;
    font-family: 'myFont';
    font-size: 14px;
    transition: 0.4s;
    display: block;
    border-bottom: 1px solid #DDD;
    padding: 9px 5px 9px 23px;
    background: url(images/muiten.png) 11px 15px no-repeat;
}
#danhmuc ul li a:hover,#danhmuc ul li a.active {
	color:red;
}
#danhmuc ul li ul li a {
	background: url(images/muiten.png) 22px 15px no-repeat;
	padding:9px 5px 9px 35px;
}
#danhmuc ul li ul {
	display:none;
}
#tinmoi {	
}
#tinmoi ul{
	list-style:none;
}
#tinmoi li{
	border-bottom:1px dashed #DDDDDD;
	padding:10px 0;
}
#tinmoi img{
	width:35%;
	float:left;
	margin-right:10px;
}
#tinmoi h4 a{
	color:#111111;
}
.load_video{
	width:100%;
	margin: auto;
}
#hotro{
	background: url(images/bg_hotro.png) no-repeat;
}
.phone{
	color: #f10b0b;
    font-size: 24px;  
}
#hotro ul{
	list-style: none;
    border-bottom: 1px dashed #DDDDDD;
    margin: 0px 10px;
}
#hotro li{
	clear: both;
    padding: 6px 0;
}
#hotro i{
	font-size:18px;
	margin-right:8px;
	clear:both;
}
#hotro ul li span{
    margin-top: 3px;
    float: left;
}
#hotro img{
	margin-right: 5px;
    float: left;
	width:25px;
}
#quangcao img{
	width:100%;	
	margin: auto;
	padding:5px;
	box-sizing:border-box;
}
#dknt{
	
}
form#frm_dknt{
	background:#fff;
	height:35px;
	margin:10px 0;
}
form#frm_dknt input[type='email']{
	width:70%;
	padding:0px 5px;
	float:left;
	margin-top:9px;
	border:none;
	background:none;
	color:#000;
	outline:none;
}
form#frm_dknt input[type='button']{
	background:red;
	color:#fff;
	width:50px;
	height:35px;
	line-height:35px;
	border:none;
	cursor:pointer;
	float:right;
	text-transform:uppercase;
	outline:none;
	transition: 1s;
}
form#frm_dknt input[type='button']:hover{
	background: #AF000F;
}
form#frm_dknt textarea{
	width: 70%;
    padding: 6px 5px;
    float: right;
    border: 1px solid #DDD;
    background: #F2F2F2;
    outline: none;
    color: #000;
    outline: none;
}
input::placeholder,textarea::placeholder{
	color: #757575;
	font-size: 14px;
	font-family: 'myFont';
}
.tieude_giua{
	color: #D72B24;
    background: url(images/td.png) repeat-x bottom;
    height: 34px;
    line-height: 44px;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'hel';
    margin-top: 30px;
    margin-bottom: 20px;
}
.tieude_giua span{
	background: #fff url(images/sau.png)no-repeat right;
    padding-right: 20px;
}
.item:nth-child(4n+1){
	clear: both;
}
.item:nth-child(4n){
	margin-right: 0;
}
.wap_item{
	text-align:center;
	position:relative;
}
.item{
	width: 23.8%;
    margin-bottom: 1.6%;
    text-align: center;
    float: left;
    margin-right: 1.6%;
    border: 1px solid #E6E6E6;
    background: #F2F2F2;
    padding-bottom: 1%;
    position: relative;
    min-height: 326px;
}
.ma{
	color: #929292;
    font-size: 14px;
}
.sp_img{
	overflow:hidden;
	margin-bottom:10px;
	background: #fff;
}
.sp_img a{
	display:block;
	line-height:0;
}
.sp_name
{
	color: #595959;
    font-size: 14px;
    font-family: 'bold';
    padding: 0 6%;
    white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.giaban
{
	color: #FE2424;
    font-size: 14px;
    font-family: 'bold';
    float: right;
    padding-right: 6%;
    width: 50%;
}
.gia{
	color: #FE2424;
    font-size: 14px;
    font-family: 'bold';
}
.giagoc
{
	color: #929292;
    text-decoration: line-through;
    font-size: 13px;
    float: left;
    padding-left: 6%;
    margin-top: 2px;
    width: 50%;
}
.giagoc1
{
	color: #929292;
    text-decoration: line-through;
    font-size: 13px;
}
.hover a{
	color: #fff;
}
.hover{
	position: absolute;
    background: #3f91cad4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 7%;
    opacity: 0;
    transition: 0.4s;
    line-height: 2;
}
.pts{
	text-transform: uppercase;
    border-bottom: 1px solid #ffffff87;
    margin-bottom: 10px;
}
.item:hover .hover{
	opacity: 1;
}
#wap_footer{
	padding: 3% 0;
    margin: auto;
    color: #fff;
    margin-top: 20px;
    font-size: 14px;
    
}
#main_footer{
	width:41%;
	float:left;
}
.mxh{
	margin-top: 10px;
    text-align: center;
}
.mxh a{
	display:inline-block;
	vertical-align:top;
	margin:0px 3px;
}
.cpr{
	font-size: 12px;
    color: #ffffff94;
    margin-top: 3%;
}
.cpr span{
	text-transform: uppercase;
}
.mxh a img:hover{
	transition:1s;
	transform:rotate(360deg);
}
.fanpage{
	width: 30%;
	float: left;
	margin-left: 5%;
}
#thongke{
	width:21%;
	float:right;
}
.td_ft{
	margin-bottom: 12px;
    text-transform: uppercase;
    color: #f0ff00;
    font-size: 23px;
    font-family: 'hel';
}
#thongke ul{
	list-style: none;
    background: url(images/bgtktc.png)no-repeat left;
    padding-left: 42%;
}
#thongke ul li{
	clear:both;
}
#thongke ul li span{
	color: #f0ff00;
}
#thongke ul li img{
	float:left;
	margin-right:15px;
	width:16px;
	margin-top:2px;
}
.bandoft{
	width: 30%;
    float: left;
    margin-left: 4%;
}
.bandoft img{
	max-width: none !important;
}
.bandoft iframe{
	height: 180px;
	width: 100%;
}
#copy{
	background: #C2272D;
    margin: auto;
    padding: 13px 0px;
    margin-top: 2%;
}
.copy{
	float: left;
}
.thongke{
	float: right;
}
.thongke ul{
	list-style:none;
}
.thongke ul li{
	float: left;
	margin-left: 10px;
}
.thongke span{
    border-right: 2px solid #fff;
    padding-right: 10px;
}
.thongke li:last-child span{
	border-right: none;
}
/* --------------------- Phan trang ------------------*/
#doitac{
	box-sizing:border-box;
	margin:auto;
}
#doitac a img{
	height:100px;
	margin:0 5px;
	border:1px solid #DDD;
}
.wap_pro{
	margin:15px auto;
	clear:both;
}
.zoom_slick{
	width:45%;
	float:left;	
	text-align:center;
}
.zoom_slick .slick2{
	border:1px solid #DDD;
}
.zoom_slick .slick{
	margin-top:5px;
}
.zoom_slick .slick img{
	width:100%;
	margin:auto;
	border:1px solid #DDD;
	box-sizing:border-box;
	cursor:pointer;
}
.zoom_slick .slick img:hover{
	border:1px solid #F60;
	opacity:0.5;
	transition:1s;
}
.product_info{
	float:right;
	list-style:none;
	width:52%;
}
.product_info li{
	font-size:13px;
	border-bottom:1px solid #EEE;
	padding:6px 0;
}
.product_info li.ten{
	font-size:18px;
	text-transform: capitalize;
}
.tinh_phantram{
	background: red;
    color: #fff;
    width: 35px;
    display: block;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    position: absolute;
    right: 50%;
    top: 0;
}
.product_info b{
	font-size:14px;
}
.xemgiohang{
	color: #E80019;
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    transition: 0.4s;
    margin: auto;
    margin-top: 7px;
}
.product_info li .dathang{
	background: #e93b35;
    color: #fff;
    display: block;
    max-width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    transition: 0.4s;
}
.product_info li .dathang i{
	margin-right:10px;
	font-size:25px;
	margin-top:3px;
}
.product_info li .dathang:hover{
	transition:0.4s;
	background:#E00;
}
span.size {
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
}
span.mausac {
    display: block;
    float: left;
    border: 1px solid #DDD;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0;
}
span.active_size,span.size:hover,span.mausac:hover, span.active_mausac {
    border: 1px solid #EE0000;
}
input.soluong{
	padding: 3px 0;
    width: 55px;
    border: 1px solid #dedede;
    text-align: center;
}
table#giohang input{
	margin:5px 0px;
}
table#giohang input.btn,.click_ajax{   
 	background: #DC0018;
    color: #ffffff;
    padding: 7px 15px;
    border: none;
    cursor: pointer;
    margin: 5px 1px;
    border-radius: 3px;
} 
table#tt td{
	height:30px;
}
table#tt td input.t{
	width:300px;
	height:20px;
	margin:3px 0px 5px 0px;
	border:1px solid #DDD;
}
table#tt td textarea{
	width:300px;
}
table#tt span{
	color:red;
}
.bottom{
	margin: auto;
	text-align: justify;
	padding: 3% 0%;
}
.tintucnb{
	width: 49%;
	float: left;
}
.video{
	width: 32.5%;
    float: left;
    margin-left: 2.5%;
}
.t{
	margin-right: 10px;
}
.tvd{
	margin-right: -7px;
	margin-top: 10px;
}
.aaa{
	width: 100%;
	float: left;
	position: absolute;
	z-index: -1;
	height: 100%;
}
.clickvaoday{
    width: 100%;
    float: left;
    min-height: 95px;
    position: relative;
}
.left_video
{
	width:75%;
	float: left;
}
.right_video{
	margin: auto;
}
.tde{
	font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.ttleft{
	width: 34%;
	float: left;
}
.ttright{
	width: 32.5%;
    float: right;
    text-align: justify;
}
.ttright li{
	margin-bottom: 10px;
}
.ttright ul{
	list-style: none;
}
.imgnews{
	width: 39%;
    float: left;
    margin-right: 20px !important;
    max-width: 150px !important;
}
.h3new a{
    color: #464646;
    font-size: 15px;
    font-family: 'bold';
}
.img{
	overflow: hidden;
}
/*-----------------------Giới thiệu-----------------------------*/
.gioithieu{
	margin: 3% auto;
}
.noidunggt{
	width: 30%;
    float: left;
    text-align: justify;
}
.noidunggt h3{
	font-size: 50px;
    font-family: 'c';
    color: #747474;
    text-transform: capitalize;
    font-weight: normal;
}
.noidunggt h4{
	color: #E03A00;
    text-transform: uppercase;
    font-size: 27px;
    font-family: 'd';
}
.xemthem{
	margin-top: 20px;
}
.xemthem a{
	color: #3D3D3D;
    text-transform: uppercase;
    border: 2px solid #3D3D3D;
    padding: 9px 17px;
    font-family: 'bold';
}
.xemthem a:hover{
	background: #3D3D3D;
	color: #fff !important;
}
.hinhgt{
	width: 42%;
	float: right;
}
.table_vanban {
		border-collapse : collapse;
		font-family: 'avo';
		border-color: #FFF;
	}
	.table_vanban thead {
		/*background: #72c033;   */
	}
	.table_vanban tbody { 
		/*background: #60c423;*/
	}
	.table_vanban th {
		height: 40px; line-height: 40px;
		border: 1px solid #ccc;
	}
	.table_vanban td {
		border: 1px solid #ccc;
		height: 50px;
		line-height: 50px;
	}
	.table_vanban td a {
		
		color: #000;
		font-size: 16px;
	}
	.table_vanban td a:hover {color: red}
/*----------------------------------------------------*/
@-webkit-keyframes star {
  0% {
    -webkit-transform: rotate(0) scale(0);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
  }
}
@-o-keyframes star {
  0% {
    -o-transform: rotate(0) scale(0);
  }
  50% {
    -o-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -o-transform: rotate(360deg) scale(0);
  }
}
@-moz-keyframes star {
  0% {
    -moz-transform: rotate(0) scale(0);
  }
  50% {
    -moz-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -moz-transform: rotate(360deg) scale(0);
  }
}
.start-animate {
		z-index: 99999999999999999 !important;
		position: absolute;
		animation: star linear 1.75s infinite;
		-moz-animation: star linear 1.75s infinite;
		-webkit-animation: star linear 1.75s infinite;
		-o-animation: star linear 1.75s infinite;
	}
@keyframes star {
  0% {
    transform: rotate(0) scale(0);
  }
  50% {
    transform: rotate(180deg) scale(1.5);
  }
  100% {
    transform: rotate(360deg) scale(0);
  }
}
/*
@media screen and (max-width: 1024px) {
	.menu ul li a
	{
		padding:0px 20px;
	}	
}
@media screen and (max-width: 960px) {
	.header_mobi
	{
		display:block;
	}
	nav#menu{display:none;}
	#main_content
	{
		width:97%;
	}
	#footer
	{
		width:97%;
	}
	#slider
	{
		width:100%;
		padding:0;
		border:none;
	}
	#danhmuc
	{
		display:none;
	}
	#right
	{
		width:100%
	}
	#left
	{
		width:100%;
	}
	.item
	{
		width:30%;
		margin:1.5%
	}
	#main_footer
	{
		width:100%;
	}
	#thongke
	{
		width:100%;
	}
	.thongke_an
	{
		display:none;
	}
	.tt_lh
	{
		width:100%;
	}
	.bando
	{
		width:100%;
	}
	.menu_login {
		display:none;
	}	
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 700px) {

}
@media screen and (max-width: 603px) {
	#header a.logo
	{
		display:none;
	}
	#header img.logo_mobi
	{
		display:block;
		margin:auto;
		width:100%;
	}
	.item
	{
		width:44%;
	}
	.zoom_slick
	{
		width:85%;
		max-width:400px;
		float:none;
		margin:auto;
	}
	.product_info
	{
		width:100%;
		margin-top:10px;
	}
	.gh_an
	{
		display:none;
	}
}
@media screen and (max-width: 460px) {
	.item
	{
		width:46%;
	}
	.tieude_giua
	{
		font-size:14px;
	}	
	.frm_lienhe .item_lienhe input[type='text'], .frm_lienhe .item_lienhe textarea, .frm_lienhe .item_lienhe input[type='password']
	{
		width:100%;
	}
	.frm_lienhe .item_lienhe select
	{
		width:100%;
	}
	.map_description
	{
		width:100%;
	}
	.box_news a img
	{
		width:110px;
	}
	.frm_lienhe .item_lienhe p
	{
		width:100%;
	}
	.othernews ul.phantrang
	{
		margin-left:0px;
	}
	.box_news h3 a {
		font-size:14px;
	}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}
*/

#header .wap{position: relative;}
.mycart{
    position: fixed;
    right: 10px;
    top: 10px;
    color: #000;
    font-size: 0.9rem;
}
.mycart i{
    font-size: 1.6rem;
}
.mycart span{}