::-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; font-weight: normal;}

.main_content ul,.main_content ol{

	padding-left: 20px;

}

.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: 56.25%;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:4px 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: 45px;height: 45px;line-height: 45px;text-align: center;position: fixed;bottom: 20px;right: 10px;cursor: pointer;background: white;transition:0.5s;z-index:200;border-radius: 50%;color: #fff;transform: rotate(-90deg);font-size: 47px;color: #ca141c;}

#toptop i{margin-left:-1px; margin-top:-1px;}

a{cursor:pointer; text-decoration:none;}

.clear,.clearfix{ clear:both;}

.clearfix:after{clear: both;content: ".";display: block;width: 0px;height: 0px;overflow: hidden;}

img{max-width:100% !important; height:auto; }

img:not([src]):not([srcset]){visibility:hidden;}img:not([src]):not([srcset]){visibility:hidden;}@-moz-document url-prefix(){img:-moz-loading{visibility:hidden;}}

div.bando img{max-width:none !important;}

div.map iframe{max-width:100% !important;}

.hidden_mobi{display: block !important;}

.hidden_destop{display: none !important;}

.flex{position:relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;}

.main_fix{max-width: 1050px; margin: auto;}

body{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	line-height:1.5;

	font-family: 'body';

	color: #333333;

}

@font-face {

    font-family: 'body';

    src: url('font/OpenSans-Regular.ttf');

}

@font-face {

    font-family: 'menu';

    src: url('font/UTM Androgyne.ttf');

}

@font-face {

    font-family: 'menu2';

    src: url('font/UTM Agin.ttf');

}

@font-face {

    font-family: 'tieude';

    src: url('font/OpenSans-Bold.ttf');

}

b,strong,h1,h2,h3,h4,h5,h6{

	font-family: 'tieude';

}

div#wapper{

  margin:auto;

  max-width:1366px;

  min-width:300px;

  background:url(images/bg.png) center;

}

div.header{

	position:relative;

	margin:auto;

	z-index: 88;

}

div.header a.logo, div.header a.logo_mobi{

	display:block;

	line-height:0;

}

div.header a.logo img{

	width:100%;

}

div.menu_mobi,div.menu_mobi_add{

	display:none;

}

div.wap_menu{

	position:relative;

	background: url(images/menu.png) center;

	height: 64px;

	line-height: 64px;

	margin:auto;

	width:100%;

	top:0;

	z-index: 88;

	max-width: 1366px;

}

div.wap_menu_fix{

	position: fixed;

}

div.menu{

	position:relative;

	max-width: 1100px;

}

div.menu ul{

  float:left;

  list-style:none;

}

div.menu ul li{

  float:left;

  position:relative;

  z-index:50;

}

div.menu ul li.line

{

	background: rgba(0,0,0,0.2);

	height: 45px;

	width:1px;

}

div.menu ul li a

{

	color:#fff;

	font-size: 14px;

	padding: 0px 14px;

	text-decoration:none;

	display:block;

	font-family: 'menu';

}

div.menu ul li a:hover,div.menu ul li a.active,div.menu ul li a.active2

{

	color: #ffde00;

}

div.menu ul li ul,div.menu ul li:hover ul li ul

{

	position:absolute;

	margin-left:0px;

	display:none;

	min-width: 220px;

	background: #ac0b13;

	line-height: 1.5;

}

div.menu ul li:hover ul{

	display:block;

}

div.menu ul li:hover ul li ul{

	display:none;

}

div.menu ul li ul li:hover ul{

	display:block;

}

div.menu ul li ul li{

    float:none;

}

div.menu ul li ul li a

{

	padding: 8px 10px;

	text-transform:none;

	display:block;

	border-bottom: 1px solid rgba(0,0,0,0.2);

}

div.menu ul li ul li ul

{

	left:100%;

	top:0px;

}

div.search

{

	position: absolute;

	right: 0px;

	top: 15px;

	background: #fff;

	border-radius: 20px;

	height: 34px;

	width: 17%;

}

div.search input

{

	  padding: 0px 10px;

	  float: left;

	  margin-top: 9px;

	  border: none;

	  background: none;

	  width: 75%;

	  outline: none;

	  color: #777;

}

div.search i

{

	float: right;

	margin-right: 9px;

	margin-top: 8px;

	color: #b10d15;

	font-size: 17px;

	cursor: pointer;

}

div.slider

{

	margin:auto;

	overflow: hidden;

}

div.left

{

	width:240px;

	float:left;

	position: sticky;

	top: 70px;

}

div.tieude

{

	text-align:center;

	background: url(images/tieude2.png) center;

	background-size: 100% 100%;

	height: 44px;

	line-height: 37px;

	font-weight:bold;

	font-family: 'menu';

	font-size: 21px;

	color: #f1b705;

}

.giapha{

	border:1px solid #a60a12;

	padding:5px;

	margin-bottom: 20px;

}

.chay_giapha{

	background:#ffffff;

	padding:10px;

}

.chay_giapha li a{

	display:block;

	color:#333333;

	padding:5px 0;

	font-size:15px;

}

.chay_giapha li a:hover{

	color:#ad0c14;

}

.dktt .frm_dk{

	background:#ffffff;

	padding:10px;

}

.dktt .frm_dk input{

	background:#ffffff;

	width:100%;

	line-height:35px;

	margin-bottom:10px;

	border:1px solid #b0b0b0;

	padding:0 10px;

}

.dktt .frm_dk .click_ajax_dk{

	background:#b20d15;

	border:none;

	color:#f1b705;

	font-family:'menu';

	font-size:16px;

	cursor: pointer;

}

div#danhmuc

{

	border-bottom:none;

}

div.danhmuc

{

	border:1px solid #d6d6d6;

	margin-bottom:15px;

}

div.danhmuc:last-child

{

	margin-bottom:0;

}

div#danhmuc ul

{

	list-style:none;

}

div#danhmuc ul li

{

}

div#danhmuc ul li:last-child

{

	border:none;

}

div#danhmuc ul li a

{

	  color: #454545;

    font-family: 'menu';

    text-decoration: none;

    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;

}

div#danhmuc ul li a:hover,div#danhmuc ul li a.active

{

	color:red;

	transition:0.4s;

}

div#danhmuc ul li ul li a

{

	 background: url(images/muiten.png) 22px 15px no-repeat;

	padding:9px 5px 9px 35px;

}

div#danhmuc ul li ul

{

	display:none;

}



div.tin1

{

	width:49%;

	float:left;

}

div.tin1 .name_news a

{

	font-size: 16px;

	margin: 8px 0;

}

div.tin1 a.xemthem

{

	  display: inline-block;

    padding: 8px 25px;

    color: #333333;

    text-decoration: none;

    font-family: 'tieude';

    border: 1px solid #797979;

    font-size: 14px;

    margin-top: 20px;

}

/*div.chay_tinnoibat

{

	width:49%;

	float:right;

}*/

div.item_tin

{

	border-bottom:1px dashed #DDDDDD !important;

	padding:10px 10px;

}

div.item_tin .img_news

{

	width:35%;

	max-width:150px;

	border:1px solid #d6d6d6;

	float:left;

	margin-right:10px;

}

div.item_tin .name_news a

{

	text-decoration:none;

	color:#111111;

	font-size:13px;

	transition:0.4s;

}

div.tinmoi .name_news a:hover

{

	color:red;

	transition:0.4s;

}

div.load_video

{

	width:95%;

	margin:7px auto;

}

div.hotro

{

	background: url(images/bg_hotro.png) left 40px no-repeat;

}

div.hotro .phone

{

	 color: #f10b0b;

    font-size: 24px;

    font-weight: bold;

    padding-top: 62px;

    padding-left: 80px;

    padding-bottom: 10px;

    margin-right: 20px;

    font-style: italic;

}

div.hotro ul

{

	list-style: none;

    border-bottom: 1px dashed #DDDDDD;

    padding: 7px;

    margin: 0px 10px;

    font-size: 13px;

}

div.hotro ul li

{

	clear: both;

    padding: 6px 0;

    color: #555555;

}

div.hotro ul li i

{

	font-size:17px;

	margin-right:8px;

	clear:both;

}

div.hotro ul li span

{

	color: #3853a4;

    font-weight: normal;

    font-size: 14px;

    margin-top: 3px;

    float: left;

}

div.hotro ul li a img

{

	margin-right: 5px;

    float: left;

	width:25px;

}

div#quangcao img

{

	width:90%  !important;

	max-width:300px !important;

	border:1px solid #DDD;

	margin:5px auto;

	padding:4px;

	box-sizing:border-box;

}

div#quangcao img:hover

{

	border:1px solid red;

}

div#dknt

{

	max-width:350px;

}

form#frm_dknt

{

	background:#fff;

	height: 40px;

	margin:10px 0;

}

form#frm_dknt input[type='text']

{

	width: calc(100% - 70px);

	padding: 0px 8px;

	float:left;

	margin-top: 12px;

	border:none;

	background:none;

	outline:none;

	color:#000;

	outline:none;

}

form#frm_dknt input[type='button']{

	background:red;

	color:#fff;

	width: 70px;

	height: 40px;

	line-height: 40px;

	border:none;

	cursor:pointer;

	float:right;

	outline:none;

	font-weight: bold;

}

div.gioithieu{

	/* margin:50px auto; */

}

div.gioithieu .img{

	width: 45%;

	float:left;

}

div.gioithieu .mota{

	width: 52%;

	float:right;

}

div.gioithieu p.xemthem a{

	border: 2px solid #097ab4;

	display:inline-block;

	color: #097ab4;

	padding:7px 25px;

	border-radius:30px;

	text-transform:uppercase;

	margin-top:20px;

}

div.gioithieu p.xemthem a:hover{

	color:red;

	border:2px solid red;

}

div.gioithieu p.xemthem a i{

	margin-right:5px;

	font-size:18px;

	display:inline-block;

	vertical-align:middle;

}

div.main_content{

	margin:40px auto;

	background:url(images/bg2.png) center;

	background-size:100% 100%;

	padding:50px;

}

div.main_content2{

	position:relative;

}

div.link_seo{

	margin:0px auto;

	clear:both;

	margin: 10px 0;

}

div.link_seo a{

	color:#333;

	text-decoration:none;

}

div.link_seo a:hover{

	color: #c7131b;

}

div.right{

	width: calc(100% - 260px);

	float:right;

}

div.tieude_giua{

	text-align:center;

	margin-bottom:20px;

}

div.tieude_giua div{

	font-size: 23px;

	font-family:'menu';

	position:relative;

	background-size:100% 100%;

	display:inline-block;

	background: url(images/tieude.png) center bottom no-repeat;

	background-size:100% 100%;

	color: #f1b705;

	height:54px;

	line-height: 47px;

	padding:0 30px;

	min-width:260px;

}

div.wap_item{

	position:relative;

	display: grid;

	grid-template-columns: repeat(4,1fr);

	grid-gap: 25px;

}

div.item{

	position: relative;

}

div.item .phantram{

	position: absolute;

	right: 5px;

	top:5px;

	background: #de0505;

	border-radius: 50%;

	color: #fff;

	text-align: center;

	height: 40px;

	width: 40px;

	line-height: 40px;

	font-family: 'tieude';

	z-index: 20;

}

div.item .sp_img{

	overflow:hidden;

	border:1px solid #DDDDDD;

	box-shadow:5px 5px 0px #f2f2f2;

	margin-bottom:10px;

}

div.item .sp_img a{

	display:block;

	line-height:0;

}

div.item a img{

	width:100%;

}

div.item .sp_name a{

	text-decoration:none;

	color:#222222;

	font-weight:normal;

	font-size:15px;

	display:block;

	margin:4px 0;

}

div.item .sp_name a:hover{

	transition:0.4s;

	color:red;

}

div.item .sp_gia .gia,div.item .sp_gia .giakm{

	color:red;

}

div.item .sp_gia span.giacu{

	color:#666666;

	text-decoration:line-through;

	padding-right:10px;

}

div.wap_tintuc{

	margin:30px auto;

	padding:30px 0;

	background: #efefef;

}

div.tintuc{

	width:32%;

	float:left;

}

.wap_video{

	padding:40px 0;

	background:#efefef;

}

.item_vd{

	width:94%;

	margin:auto;

	text-align:center;

}

.item_vd h3 a{

	color:#333333;

	display:block;

	margin-top:10px;

}

.item_vd h3 a:hover{

	color:#a30e15;

}

.quangcao img{

	width:100%;

}

div.wap_copy{

	background: #650402;

	color:#fff;

	padding: 16px 0;

}

div.copy ul{

	list-style:none;

	float:right;

}

div.copy ul li{

	padding:0px 10px;

	display: inline-block;

	vertical-align: top;

}

div.wap_footer{

	background: url(images/footer.png) center top no-repeat;

	background-size: cover;

	padding-top: 50px;

	padding-bottom: 40px;

	margin:auto;

	color:#fff;

	text-align: center;

}

div.mxh

{

	position: absolute;

	right: 10%;

	top: 30%;

}

div.mxh a

{

	display:inline-block;

	vertical-align:top;

	margin: 0px 4px;

}

div.mxh a img

{

	max-height: 40px;

	border-radius:4px;

}

div.mxh a img:hover

{

	transition:1s;

	transform:rotate(360deg);

}

div.wap_pro

{

	clear:both;

	margin:30px 0;

}

.zoom_slick

{

	width:40%;

	float:left;

	text-align:center;

}

.zoom_slick .slick2

{

	border:1px solid #DDD;

}



.zoom_slick .slick

{

	margin-top:5px;

}



.zoom_slick .slick img

{

	width:95%;

	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:57%;

}

.product_info li

{

	font-size:13px;

	border-bottom:1px solid #EEE;

	padding:10px 0;

}

.product_info li.ten

{

	color:#0033FF;

	font-size:18px;

	font-family:'tieude';

}

.product_info li.giakm,.product_info li.gia

{

	font-size:15px;

	color:red;

	position:relative;

	font-family:'tieude';

}

.product_info li.giacu

{

	text-decoration:line-through;

	color:#222222;

}

.product_info li.giakm .tinh_phantram

{

	  background: #de0505;

	  color: #fff;

	  width: 40px;

	  display: block;

	  height: 40px;

	  line-height: 40px;

	  border-radius: 50%;

	  font-size: 13px;

	  text-align: center;

	  position: absolute;

	  right: 30%;

	  top: 0;

}

.product_info li b

{

	font-weight:normal;

	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: 15px;

	transition: 0.4s;

	margin: auto;

	margin-top: 7px;

	text-decoration: none;

}

.product_info li .add_to_cart

{

	background: #e93b35;

	color: #fff;

	display: block;

	max-width: 300px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	text-transform: uppercase;

	cursor: pointer;

	font-size: 14px;

	transition: 0.4s;

}

.product_info li .add_to_cart i

{

	margin-right:10px;

	font-size: 19px;

	margin-top:3px;

}

.product_info li .add_to_cart: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;

}

.tbl_giohang{text-align:center; background:#f1f1f1; width:100%; font-size:13px; margin-bottom:20px; border:1px solid #DDD; border-collapse:collapse; padding:1px; }

.tbl_giohang td{ border:1px solid #e2e2e2;}

.tbl_giohang .dong_gh{ background:#fff;}

.tbl_giohang .img_gh{ height:50px;}

.tbl_giohang .xoa_gh{ cursor: pointer;color: #000000;font-size: 17px;}

.tbl_giohang .xoa_gh:hover{color:red;}

.tbl_giohang .sl_gh{ text-align:center; border:1px solid #DDD; padding:3px 5px; width:60px;}

.tbl_giohang .tongtien_gh{background: #F0F0F0;text-align: right;line-height: 50px;padding-right: 20px;font-size: 15px;font-weight: bold;color: #000000;}

.tieptuc{

	padding: 10px 25px;

	background: #ee0303;

	border: none;

	color: #fff;

	margin: 10px 0px;

	font-size: 14px;

	cursor: pointer;

	box-sizing: border-box;

	text-transform: uppercase;

	font-family: 'tieude';

}

.click_ajax2{

	padding: 10px 25px;

	background: #111111;

	border: none;

	color: #fff;

	margin: 10px 0px;

	font-size: 14px;

	cursor: pointer;

	box-sizing: border-box;

	text-transform: uppercase;

	font-family: 'tieude';

}

@-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);

  }

}

.tbl_banggia

{

	width:100%;

	border-collapse : collapse;

	font-size:14px;

	text-align:center;

	font-size:13px;

}

.tbl_banggia th

{

	font-size:15px;

	background: #e8e8e8;

}

.tbl_banggia th, .tbl_banggia td {

    border: 1px solid #d2d2d2;

    padding: 10px 1%;

}

.danhmuc_bv{

	margin-top:40px;

}

.baiviet{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	grid-gap:20px;

}

.item_bv{

	background:url(images/bg_item.png) center;

	background-size:100% 100%;

	padding:15px;

	text-align:center;

}

.item_bv h3 a{

	display:block;

	margin-top:5px;

	color:#333333;

	padding:5px 0;

}

.item_bv h3 a:hover{

	color:#be1119;

}


item_bv .img{
		width:auto;height:300px !important;
}



.baiviet2{

	display:grid;

	grid-template-columns:repeat(2,1fr);

	grid-gap:20px;

}

.item_bv2{

	background:url(images/bg_item2.png) center;

	background-size:100% 100%;

	padding:20px;

	text-align:center;

	position:relative;

}

.item_bv2 img{

	width:100%;

}

.item_bv2 h3 a{

	display:block;

	margin-top:5px;

	color:#333333;

	padding:5px 0;

	position:absolute;

	background:rgba(0,0,0,0.7);

	width:calc(100% - 40px);

	text-align:center;

	color:#ffffff;

	padding:10px 0;

	left:20px;

	bottom:16px;

	text-transform:uppercase;

	font-size:17px;

}

.item_bv2 h3 a:hover{

	color:#be1119;

}

.wap_slogan{

	width:841px;

	height:56px;

	background:url(images/bg_s.png);

	margin:auto;

	line-height:50px;

	margin-top:30px;

	padding:0 50px;

}

.slogan{

	text-align:center;

	display:flex;

	align-items: center;

	justify-content: space-between;

}

.slogan marquee{

	width: calc(100% - 220px);

	text-transform: uppercase;

	font-size: 16px;

}

.slogan .ngay{

	width: 220px;

}