::-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; }
.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: #ed1c24; }
#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; }
.flew { 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; }
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/Roboto-Condensed.ttf'); }
@font-face { font-family: 'menu'; src: url('font/OpenSans-Semibold.ttf'); }
@font-face { font-family: 'tieude'; src: url('font/RobotoCondensed-Bold.ttf'); }
b, strong, h1, h2, h3, h4, h5, h6 { font-family: 'tieude'; }
.main_fix { max-width: 1200px; margin: auto; }
div#wapper { margin: auto; max-width: 1366px; min-width: 300px; background: #fff; }
div.wap_header { color: #ed1c24; }
div.header { position: relative; margin: auto; padding: 2px 0; text-align: center; max-width: 1200px; display: flex; align-items: center; justify-content: space-between; }
div.header_r { width: 77%; }
div.header_r2 { display: flex; justify-content: space-between; align-items: center; }
div.header a.logo, div.header a.logo_mobi { display: inline-block; line-height: 0; }
div.header a.logo img { max-height: 100px; display: inline-block; }
.sp_cart { float: right; color: #000000; margin-top: 41px; position: absolute; right: 0; }
.sp_cart span { width: 20px; height: 20px; background: #c50e23; display: inline-block; color: #ffffff; border-radius: 50%; margin-left: 5px; }
.sp_cart i { margin-right: 7px; font-size: 18px; }
div.menu_mobi, div.menu_mobi_add { display: none; }
div.wap_menu { height: 45px; line-height: 45px; z-index: 100; background: #ed1c24; position: relative; top: 0; left: 0; width: 100%; margin: auto; font-family: 'tieude'; }
div.wap_menu2 { max-width: 1200px; margin: auto; }
div.wap_menu_fix { position: fixed; }
div.dmsp { width: 23%; float: left; position: relative; z-index: 50; }
div.wap_menu_fix div.dmsp ul, div.wap_menu_fix2 div.dmsp ul { display: none; }
div.wap_menu_fix div.dmsp:hover .dmsp2 > ul, div.wap_menu_fix2 div.dmsp:hover .dmsp2 > ul { display: block; }
div.dmsp .td { text-align: center; background: #333333; color: #ffffff; text-transform: uppercase;	/* font-weight:bold; */ font-size: 17px;	/* font-family: 'tieude'; */ display: block; }
div.dmsp .td i { margin-right: 7px; font-size: 16px; }
div.dmsp2 { position: absolute; width: 100%; }
div.dmsp ul { list-style: none; width: 100%; background: #ffffff; line-height: 1.5; text-align: left; border: 1px solid #ececec; height: 416px; overflow-y: scroll; }
div.dmsp ul::-webkit-scrollbar { width: 3px; }
div.wap_menu_fix div.dmsp:hover > ul { display: block; }
div.dmsp ul li { }
div.dmsp ul li a { display: block; color: #333333; padding: 11px; border-bottom: 1px solid #ececec; font-size: 15px; text-transform: uppercase; }
div.dmsp ul li a img { margin-right: 9px; display: inline-block; vertical-align: middle; height: 20px; }
div.dmsp ul li:hover > a { background: #ed1c24; color: #ffffff; }
div.dmsp ul li ul li ul { display: none !important; }
div.dmsp ul li ul li:hover ul { display: block !important; }
div.dmsp ul li ul { left: calc(100% - 4px); top: 0; height: auto; position: absolute; display: none; }
div.dmsp ul li:hover ul { display: block; }
div.menu { position: relative; width: 77%; float: right; }
marquee { width: 30%; color: #ffffff; }
div.menu ul { float: left; list-style: none; }
div.menu ul li { float: left; position: relative; z-index: 50; }
div.menu ul li a { color: #ffffff; font-size: 16px; padding: 0px 40px; text-decoration: none; text-transform: uppercase; display: block; position: relative;	/* font-family: 'tieude'; */ }
div.menu ul li a:before { position: absolute; content: ''; right: 0; top: 15px; height: 15px; width: 1px; background: #ff7d82; margin-left: -30px; }
div.menu ul li a:hover, div.menu ul li a.active, div.menu ul li a.active2 { color: yellow; }
div.menu ul li ul, div.menu ul li:hover ul li ul { position: absolute; margin-left: 0px; display: none; min-width: 250px; background: #f2192d; line-height: 1.5; }
div.menu ul li ul.cuon { max-height: 500px; overflow: auto; }
div.menu ul li ul li { float: none; }
div.menu ul li ul li a { padding: 7px 10px; text-transform: none; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 14px; }
div.menu ul li ul li a:before { display: none; }
div.menu ul li ul li ul { left: 100%; top: 0px; }
div.search { background: #fff; border-radius: 31px; height: 40px; width: 70%; overflow: hidden; display: flex; justify-content: space-between; align-items: center; border: 1px solid #ed1c24; }
div.search input { padding: 0px 10px; border: none; background: none; width: calc(100% - 90px); outline: none; color: #565656; }
div.search i { color: #222; font-size: 17px; cursor: pointer; height: 40px; width: 90px; background: #ED1C24; text-align: center; line-height: 40px; color: #ffffff; }
.hotline { background: url(images/hotline.png) left center no-repeat; padding-left: 56px; text-align: left; font-family: 'tieude'; line-height: 1.3; }
.hotline span { display: block; text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff; color: #ed1c24; font-size: 21px; }
div.wap_slider { max-width: 1200px; margin: auto; }
div.slider { margin: auto; overflow: hidden; width: 77%; float: right; }
div#dknt {	/* max-width:350px; */
width: 50%; float: right; max-width: 450px; border-radius: 30px; overflow: hidden; }
form#frm_dknt { background: #fff; height: 40px;	/* margin:10px 0; */ }
form#frm_dknt input[type='text'] { width: 70%; 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: #ed1c24; color: #fff; width: 70px; height: 40px; line-height: 40px; border: none; cursor: pointer; float: right; outline: none; font-weight: bold; text-transform: uppercase; font-family: 'tieude'; font-size: 17px; }
div.main_content { max-width: 1200px; margin: 30px auto; }
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: #f37540; }
div.right { width: 76%; float: left; }
div.left { width: 22%; float: right; }
div.tieude { background: #333333; color: #ffffff; padding: 10px 0px; text-transform: uppercase; font-size: 16px; min-width: 220px; font-family: 'tieude'; text-align: center; margin-bottom: 10px; }
.visao { margin-bottom: 20px; }
.visao2 p { display: flex; align-items: center; flex-flow: wrap; }
.visao2 img { margin-right: 10px; }
div.tieude_giua { line-height: 45px; margin-bottom: 20px; position: relative; font-family: 'tieude'; }
div.tieude_giua > div { display: inline-block; background: #ed1c24; color: #ffffff; padding: 0 30px; text-transform: uppercase; font-size: 16px; min-width: 220px; }
div.tieude_giua > div a { color: #ffffff; }
div.tieude_giua ul { vertical-align: middle;	/* text-align: center; */	/* position: absolute; */
	
					/* width: 100%; */
	
					/* left: 0; */
overflow: auto; white-space: nowrap;	/* top: -2px; */ text-align: center; }
div.tieude_giua ul li { display: inline-block; vertical-align: middle; }
div.tieude_giua ul li a {	/* padding:0 20px; */
color: #fdfdfd; position: relative; display: block; font-size: 15px; background: #333333; border-radius: 33px; line-height: 1.5; padding: 8px 20px; text-transform: uppercase; }
div.tieude_giua ul li a:hover { background: #ed1c24; color: #ffffff; }
p.td_sp { text-align: center; text-transform: uppercase; font-size: 30px;	/* margin-top:30px; */ position: relative; font-family: 'tieude'; margin-bottom: 10px; }
p.td_sp span { display: inline-block;	/* border-bottom:2px solid #c50e23; */ }
p.xemthem { text-align: center; }
p.xemthem a { display: inline-block; background: #ed1c24; color: #ffffff; padding: 10px 30px; margin-top: 10px; }
.wap_sanpham { padding: 40px 0; }
div.sanpham { display: flex; justify-content: space-between; align-items: flex-start; }
.img_cap1 { width: 25%; }
div.wap_sanpham:nth-child(2n+1) div.sanpham .img_cap1 { order: 2; }
div.wap_item { position: relative; display: grid; grid-template-columns: repeat(5, 1fr);	/* margin:20px 0; */ }
div.wap_item2 { width: 74%; grid-template-columns: repeat(4, 1fr);/* align-items: center; */ }
div.chay_i { border: 1px solid #eaeaea; border-bottom: none; }
div.item { position: relative; padding: 10px; text-align: center; border: 1px solid #dbdbdb; margin-left: -1px; margin-top: -1px; }
div.item .phantram { position: absolute; right: 10px; top: 10px; background: #de0505; border-radius: 50%; color: #fff; text-align: center; height: 35px; width: 35px; line-height: 35px; font-size: 11px; z-index: 20; }
div.item .sp_img { overflow: hidden; margin-bottom: 10px; position: relative; }
div.banchay div.item { text-align: left; }
div.banchay div.item .sp_img { float: left; margin-right: 10px; width: 100px; }
div.banchay div.item .sp_img a.dathang { display: none; }
div.item .sp_img a:last-child { display: block; line-height: 0; }
div.item .sp_img a.dathang { position: absolute; background: #c50e23; width: 100%; color: #ffffff; left: 0; bottom: -60px; padding: 10px; transition: all 0.4s; }
div.item .sp_img a.dathang i { margin-right: 8px; font-size: 17px; }
div.item:hover .sp_img a.dathang { bottom: 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: 7px 0;	/* font-family:'body'; */ height: 46px; overflow: hidden; }
div.item .sp_name a:hover { transition: 0.4s; color: #c50e23; }
div.item .sp_gia .gia, div.item .sp_gia .giakm { color: red; font-size: 14px; font-family: 'tieude'; }
div.item .sp_gia span.giacu { color: #9c9c9c; text-decoration: line-through; padding-right: 10px; font-size: 14px; font-family: 'body'; }
div.wap_copy { background: #333333; color: #fff; padding: 12px 0; text-align: center; }
div.copy { max-width: 1200px; margin: auto; }
div.copy ul { list-style: none; float: right; }
div.copy ul li { padding: 0px 10px; }
div.wap_footer { margin: auto; padding: 40px 0; color: #ed1c24; }
div.map_f iframe { width: 100%; height: 200px; }
div.footer2 { max-width: 1200px; margin: auto; display: grid; grid-template-columns: 20% 40% 30%; grid-gap: 5%;	/* margin-top:30px; */ margin: 30px auto; }
.tinmoi ul { list-style: none; }
.tinmoi ul li { padding: 8px 0; }
.tinmoi ul li .img { width: 80px; float: left; margin-right: 12px; }
.tinmoi ul li h3 a { color: #333333; font-size: 15px; }
div.footer { max-width: 1200px; margin: auto; display: grid; grid-template-columns: 40% 20% 30%; grid-gap: 5%; }
div.item_ft ul { list-style: none; }
div.item_ft ul li a { display: block; color: #ed1c24; padding: 6px 0; }
.footer2 div.item_ft ul li a { color: #333333; }
div.item_ft ul li a:hover { color: #660000; }
div.mxh { margin-top: 10px; }
div.mxh a { display: inline-block; vertical-align: top; margin: 0px 2px; }
div.mxh a img { max-height: 35px; border-radius: 4px; }
div.mxh a img:hover { transition: 1s; transform: rotate(360deg); }
.td_ft { font-size: 16px; text-transform: uppercase; font-family: 'tieude'; margin-bottom: 10px; position: relative; }
div.wap_pro { clear: both; margin: 20px 0; }
.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: 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: 52%; }
.product_info li {	/* font-size:13px; */
border-bottom: 1px solid #EEE; padding: 10px 0; }
.product_info li.ten { color: #ed1c24; font-size: 17px; 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: #a5a5a5; }
.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: #ed1c24; 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: #f10005; }
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; height: 35px; }
.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: #c50e23; font-family: 'tieude'; }
.tieptuc { padding: 10px 25px; background: #ed1c24; border: none; color: #fff; margin: 10px 0px; font-size: 15px; cursor: pointer; box-sizing: border-box; text-transform: uppercase; font-family: 'tieude'; }
.click_ajax2 { padding: 10px 25px; background: #333333; border: none; color: #fff; margin: 10px 0px; font-size: 15px; 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%; }
div.camket { font-size: 12px;	/* padding:10px 0; */	/* width: 75%; */
	
					/* float:right; */
text-align: left; margin-top: 4px; }
div.item_ck { width: 95%; margin: auto; }
div.item_ck .img { float: left; margin-right: 10px; }
div.item_ck .img img { max-height: 40px; }
div.item_ck h4 { margin-bottom: 0px; }
div.wap_nhantin { background: #660000; padding: 30px 0; color: #ffffff; }
div.nhantin { max-width: 1000px; margin: auto; }
div.nhantin .td { text-transform: uppercase; display: inline-block; font-size: 20px; }
a.sp_cart2 { position: fixed; right: 10px; bottom: 250px; background: #ed1c24; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; font-size: 20px; text-align: center; line-height: 50px; z-index: 50; }
a.sp_cart2 span { background: black; width: 20px; height: 20px; border-radius: 50%; font-size: 13px; color: #ffffff; display: block; position: absolute; right: 0; top: 0; padding: 0; text-align: center; line-height: 20px; }
ul.tieude_bc { margin-top: 40px; margin-bottom: 20px; text-align: center; list-style: none; }
ul.tieude_bc li { background: #333333; padding: 10px 25px; display: inline-block; border-radius: 999px; color: #fff; text-transform: uppercase; font-family: 'tieude'; font-size: 16px; cursor: pointer; margin: 3px; }
ul.tieude_bc li.active, ul.tieude_bc li:hover { background: #ed1c24; }
.wap_visao { text-align: center; color: #ffffff; padding: 40px 0; }
.visao { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px 20%; margin-top: 30px; }
.item_vs { display: flex; align-items: center; text-transform: uppercase; font-size: 16px;/* align-items: center; */ justify-content: end; }
.item_vs:nth-child(2n) { justify-content: start; }
.item_vs .img { margin-right: 10px; }
.item_vs:nth-child(2n+1) .img { order: 2; margin: 0; margin-left: 10px; }
.item_vs:nth-child(3) { margin-right: 50px; }
.item_vs:nth-child(4) { margin-left: 50px; }
.item_vs:nth-child(5) { margin-right: 100px; }
.item_vs:nth-child(6) { margin-left: 100px; }
.doitac { margin: 50px auto }
.doitac img { border: 1px solid #d8d8d8; width: 90%; }