::-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: 58.25%;padding-top: 32px;height: auto;overflow: hidden;width: 100%;float: left;}
.video_popup iframe, .video_popup object, .video_popup embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#clickvideo{width: calc(100% + 10px);box-sizing:border-box;line-height: 40px;float: right;margin: 0 -5px;margin-top: 10px;}
.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; }
.clearfix:after { content: ""; visibility: hidden; display: block; clear: both; }
.hienthi { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; }
.hienthi_dichvu { width: calc(100% + 26px) !important; margin-left: -13px; margin-right: -13px; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; }
.hienthi_sp { width: calc(100% + 10px) !important;margin: 0 -5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; }
.container { max-width: 1200px; margin: auto; }
p { margin-block-start: 0em; margin-block-end: 0em; }
img { max-width: 100% !important; height: auto; }
div.bando img { max-width: none !important; }
body { font-family: Roboto, Arial, 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: 'UTM HelvetIns'; src: url('font/UTM HelvetIns.ttf'); }
@font-face { font-family: 'Roboto-Medium'; src: url('font/Roboto-Medium.ttf'); }
@font-face { font-family: 'Roboto-Bold'; src: url('font/Roboto-Bold.ttf'); }
@font-face { font-family: 'UTM Avo'; src: url('font/UTM Avo.ttf'); }
@font-face { font-family: 'UTM Beautiful Caps'; src: url('font/UTM Beautiful Caps.ttf'); }
@font-face { font-family: 'UTM Hanzel'; src: url('font/UTM Hanzel.ttf'); }
@font-face { font-family: 'OpenSans-Regular'; src: url('font/OpenSans-Regular.ttf'); }
@font-face { font-family: 'SVN-Avo bold'; src: url('font/SVN-Avo bold.ttf'); }
@font-face { font-family: 'OpenSans-Bold'; src: url('font/OpenSans-Bold.ttf'); }
@font-face { font-family: 'OpenSans-Semibold'; src: url('font/OpenSans-Semibold.ttf'); }
@font-face { font-family: 'Lato-Regular'; src: url('font/Lato-Regular.ttf'); }
@font-face { font-family: 'Lato-Bold'; src: url('font/Lato-Bold.ttf'); }
@font-face { font-family: 'Lato-Semibold'; src: url('font/Lato-Semibold.ttf'); }
@font-face { font-family: 'UVF Geotica'; src: url('font/UVF Geotica.ttf'); }
@font-face { font-family: 'RobotoBlack'; src: url('fonts/RobotoBlack.eot'); src: url('fonts/RobotoBlack.eot') format('embedded-opentype'), url('fonts/RobotoBlack.woff2') format('woff2'), url('fonts/RobotoBlack.woff') format('woff'), url('fonts/RobotoBlack.ttf') format('truetype'), url('fonts/RobotoBlack.svg#RobotoBlack') format('svg'); }
@font-face { font-family: 'uvnbutlong1'; src: url('fonts/uvnbutlong1.eot'); src: url('fonts/uvnbutlong1.eot') format('embedded-opentype'), url('fonts/uvnbutlong1.woff2') format('woff2'), url('fonts/uvnbutlong1.woff') format('woff'), url('fonts/uvnbutlong1.ttf') format('truetype'), url('fonts/uvnbutlong1.svg#uvnbutlong1') format('svg'); }
@font-face { font-family: 'uvnbuidoi'; src: url('fonts/uvnbuidoi.eot'); src: url('fonts/uvnbuidoi.eot') format('embedded-opentype'), url('fonts/uvnbuidoi.woff2') format('woff2'), url('fonts/uvnbuidoi.woff') format('woff'), url('fonts/uvnbuidoi.ttf') format('truetype'), url('fonts/uvnbuidoi.svg#uvnbuidoi') format('svg'); }
@font-face { font-family: 'UTMCafeta'; src: url('fonts/UTMCafeta.eot'); src: url('fonts/UTMCafeta.eot') format('embedded-opentype'), url('fonts/UTMCafeta.woff2') format('woff2'), url('fonts/UTMCafeta.woff') format('woff'), url('fonts/UTMCafeta.ttf') format('truetype'), url('fonts/UTMCafeta.svg#UTMCafeta') format('svg'); }


div#wapper { margin: auto; max-width: 1366px; background: #fff; overflow: hidden; }
div#header {position: relative;margin: auto;background: url('images/web/bghead.png')no-repeat top center;z-index: 9;padding-bottom: 5px;}
.banner_left {width: 330px;float: left;margin: 9px 0;text-align: right;padding-top: 30px;position: relative;z-index: 99;}
.banner_center {width: calc(100% - 520px);float: left;text-align: right;margin: 9px 0;padding-top: 5px;}
.banner_center h3{font-size: 43px;color: #EEDDA3;text-transform: uppercase;font-family: 'UVF Geotica';text-align:center;width: 100%;font-weight: normal}
.banner_center h4{font-size: 24px;color: #EEDDA3;font-family: 'uvnbuidoi';font-weight: normal }
.banner_right {width: 170px;float: right;}
.hotline {width: 100%;font-size: 15px;color: #000;float: left;text-align: left;line-height: 25px;margin-top: 25px;}
.hotline p { font-size: 20px; color: #0099cc; font-family: 'UTMCafeta'; background: -webkit-linear-gradient(#cc9933, #ffff66); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
div.header_mobi { display: none; }
div.wap_menu {position: relative;height: 50px;line-height: 50px;margin: auto;width: 100%;background: none;margin-top: 10px;}
div.menu { position: relative; max-width: 1200px; margin: auto; }
div.menu ul {float: right;list-style: none;position: relative;width: 100%;max-width: 800px;}
div.menu ul li { float: left; position: relative; z-index: 50; }
div.menu ul li a {color: #000;font-size: 15px;padding: 0px 24px;text-decoration: none;display: block;font-family: 'Lato-Regular';text-transform: uppercase;}
div.menu ul li a span{text-transform: initial;}
div.menu ul li a span i{color: #F6E99C;}
.active_after {position: relative;color: #8E1111;}
.line{width: 2px;height: 50px;background: url('images/web/line.png')no-repeat top center;}
div.menu ul li a:hover, div.menu ul li a.active, div.menu ul li a.active2 {color: #8E1111;}
div.menu ul li ul, div.menu ul li:hover ul li ul {position: absolute;margin-left: 0px;display: none;min-width: 200px;background: #EFD97B;line-height: 1.5;}
div.menu ul li ul li { float: none; }
div.menu ul li ul li a {padding: 6px 10px;text-transform: none;display: block;border-bottom: 1px solid #fff;}
div.menu ul li ul li ul { left: 100%; top: 0px; }
div.search {height: 38px;width: 230px;margin: auto;border-radius: 5px;position: absolute;right: 0;top: 100%;background: #DBB965;height: 0;overflow: hidden;transition: all 0.6s;}
div.search input {padding: 0px 10px;float: left;border: none;background: none;width: 70%;outline: none;height: 38px;color: #fff;font-style: italic;}
div.search i {margin-right: 9px;margin-top: 7px;color: #fff;font-size: 17px;cursor: pointer;}
.search span {float: right;line-height: 38px;height: 38px;text-transform: uppercase;color: #fff;font-family: 'Arial';font-size: 13px;font-weight: bold;cursor: pointer;}
.search.active{height: 38px;transition: all 0.6s;}
div#slider {margin: auto;margin-top: -40px;}
div#left {width: 280px;float: right;}
div.tieude {color: #fff;text-align: center;font-size: 18px;background: #019edb;padding-left: 30px;line-height: 45px;text-align: center;text-transform: uppercase;position: relative;font-family: 'Roboto-Bold';}
div.danhmucsp { border-bottom: none; }
div.danhmuc { border: 1px solid #b2e2f4; margin-bottom: 15px; }
div.danhmuc:last-child { margin-bottom: 0; }
div.danhmucsp ul { list-style: none; }
div.danhmucsp ul li { text-align: center; width: 100%; }
div.danhmucsp ul li span { width: 90%; margin: auto; margin-bottom: 5px; display: inline-block; text-align: left; }
div.danhmucsp ul li a { color: #454545; font-family: 'myFont'; text-decoration: none; font-size: 15px; transition: 0.4s; text-transform: uppercase; display: block; border-bottom: 1px solid #DDD; padding: 9px 5px 9px 23px; background: url(images/web/icon.png) 11px 15px no-repeat; }
div.danhmucsp ul li:last-child span a { border: none; }
div.danhmucsp ul li a:hover, div.danhmucsp ul li a.active { color: red; transition: 0.4s; }
div.danhmucsp ul li ul li a { background: url(images/web/icon.png) 22px 15px no-repeat; padding: 9px 5px 9px 35px; }
div.danhmucsp ul li ul { display: none; }
div.load_video {width: 100%;float: left;}
div#dknt {max-width: 850px;margin: auto;}
form#frm_dknt {margin: 20px 0;width: 100%;float: left;}
form#frm_dknt input[type='text'] {width: 100%;padding: 0px 5px;float: left;background: none;color: #000;outline: none;border: 1px solid #ccc;height: 40px;}
form#frm_dknt input[type='button'] {background: red;color: #fff;width: 65px;height: 80px;line-height: 35px;border: none;cursor: pointer;float: right;text-transform: uppercase;outline: none;}
div#main_content { max-width: 1200px; margin: 20px auto; }
div#right {width: calc(100%);float: left;}
.tieude_giua {text-align: left;position: relative;margin: 20px 0;width: 100%;float: left;display: flex;align-items: center;padding-bottom: 15px;border-bottom: 1px solid #880C0D;margin-top: 30px;}
.tieude_giua span{margin: 0 5px;font-size: 15px;font-family: 'myFont';}
.tieude_giua h3 {display: inline-block;position: relative;padding-right: 10px;border-right: 1px solid #880C0D;font-family: 'UTM HelvetIns';font-size: 25px;font-weight: normal;margin-right: 10px;text-transform: uppercase;color: #333;line-height: 22px;}
.tieude_giua span a{text-decoration: none;color: #000}
.tieude_giua span:hover a{color: #f00}
div.wap_item {text-align: center;position: relative;width: 100%;float: left;}
div.item {width: 33.33%;text-align: center;display: inline-block;float: left;padding: 0 13px;font-size: 13px;font-family: 'Arial';border: 1px solid #ccc;padding-bottom: 10px !important;}
div.item .sp_img {position: relative;background: #fff;width: 100%;float: left;}
div.item .sp_img a { display: block; line-height: 0; }
div.item .sp_name a {text-decoration: none;color: #333;font-size: 15px;display: block;font-family: 'Roboto-Medium';}
div.item .sp_name a:hover { transition: 0.4s; color: red; }
div.item .sp_gia .gia, div.item .sp_gia .giakm { color: #fe0202; font-size: 13px; }
div.item .sp_gia span.giacu { color: #666666; text-decoration: line-through; float: left; }
div#wap_footer {background: url('images/web/bgfooter.jpg')no-repeat top center;margin: auto;color: #fff;font-size: 13px;float: left;width: 100%;font-family: 'Roboto-Medium';line-height: 30px;padding-top: 70px;position: relative;}
div#wap_footer:after{content: '';position: absolute;left: 0;background:url('images/web/after_footer.png')no-repeat top center;width: 100%;height: 51px;top: -10px;}
div#footer { max-width: 1200px; margin: auto; }
div#main_footer { width: 100%; float: left; }
div#doitac { box-sizing: border-box; max-width: 1200px; margin: auto; }
div#doitac a img { height: 100px; margin: 0 5px; border: 1px solid #DDD; }
div.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: 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: 6px 0; }
.product_info li.ten { color: #0033FF; font-size: 18px; }
.product_info li.giakm, .product_info li.gia { font-size: 15px; color: red; position: relative; }
.product_info li.giacu { text-decoration: line-through; color: #222222; }
.product_info li.giakm .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 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: 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; }
.sp_name {width: 100%;float: left;margin: 5px 0;font-weight: normal;max-height: 45px;overflow: hidden;padding: 0 5px;}
.icon_danhmuc_l { position: absolute; left: 0px; top: -7px; width: 56px; height: 45px; }
.date_comment { width: 60%; float: right; font-size: 10px; color: #c4c4c4; }
.date_comment span:first-child { float: left; }
.date_comment span:last-child { float: right; }
.main_footer:nth-child(1) {float: left;width: 46%;}
.main_footer:nth-child(2) {float: left;width: 24%;}
.main_footer:nth-child(3) {float: right;width: 25%;}
.main_footer h3 {font-size: 36px;color: #f33;font-family: 'uvnbutlong1';text-transform: capitalize;position: relative;margin-bottom: 20px;font-weight: normal;}
.main_footer:nth-child(2) p {font-size: 14px;font-family: 'myFont';}
.main_footer:nth-child(2) p a{text-decoration: none;color: #fff}
.main_footer:nth-child(2) p:hover a{text-decoration: none;color: #ff0}
.copy {width: 100%;float: left;line-height: 60px;color: #fff;text-align: center;font-family: 'OpenSans-Regular';font-size: 13px;border-top: 1px solid #fff;margin-top: 20px;}
.copy span{width: auto;float: right;}
.control_slick_doc { width: 100%; float: left; }
.dongtintuc {background: #fff;display: inline-block;margin-bottom: 5px;padding: 15px;width: 50%;float: left;}
.hinh_tin_trong {float: left;width: 35%;border-radius: 10px;}
.hinh_tin_trong a img { max-width: 100%; height: auto; }
.noidung_tin_trong {width: 61%;float: right;}
.noidung_tin_trong h3 { line-height: 30px; margin: 0; padding: 0; font-size: 20px; font-weight: 700; }
.noidung_tin_trong h3 a {color: #880C0D;text-decoration: none;}
.noidung_tin_trong h3:hover a {color: #f00;}
.dong_thongtin_news { font-style: italic; margin-bottom: 10px; }
.mota_new { color: #555; font-size: 14px; line-height: 20px; margin: 0; padding: 0; }
.tt_lh { width: 49%; float: right; }
.bandotrong { width: 49%; float: right; }
.bandotrong > iframe{width: 100%;height: 450px !important;}
.bando >  iframe{width: 100%;height: 200px;}
.bando > img{width: 100%;height: 200px;}
div.frm_lienhe { margin: 10px 0px 10px 0px; font-size: 13px; position: relative; }
.thongbao { font-size: 20px; color: red; position: absolute; top: 35%; width: 100%; text-align: center; }
.thongbao p { text-align: center; }
div.frm_lienhe .item_lienhe { margin: 8px 0px; }
div.frm_lienhe .item_lienhe_b { text-align: center; }
div.frm_lienhe .item_lienhe p { float: left; min-width: 120px; }
div.dangky .item_lienhe p { clear: both; float: none; }
#reset_capcha img { float: left; margin: 5px 10px; }
.baove { float: left !important; }
div.frm_lienhe .item_lienhe span { color: red; margin-left: 3px; }
div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password'], div.frm_lienhe .item_lienhe select { width: 63%; padding: 5px 10px; border: 1px solid #D6D6D6; box-sizing: border-box; background: #F7F7F7; }
div.dangky_frm .item_lienhe input[type='text'], div.dangky_frm .item_lienhe textarea, div.dangky_frm .item_lienhe input[type='password'], div.dangky_frm .item_lienhe select { width: 100%; }
div.frm_lienhe .item_lienhe input[type='button'], div.frm_lienhe .item_lienhe input[type='reset'], div.frm_lienhe .item_lienhe input[type='submit'] { padding: 7px 25px; background: #ee0303; border: none; color: #fff; border-radius: 3px; margin: 10px 0px; font-size: 12px; cursor: pointer; box-sizing: border-box; text-transform: uppercase; }
.btn_dangnhap { padding: 7px 25px; background: #ee0303; border: none; display: block; color: #fff; border-radius: 3px; margin: 10px 0px; cursor: pointer; box-sizing: border-box; text-transform: uppercase; text-decoration: none; float: left; margin-right: 5px; }
.date { background: #F7F7F7 url(images/i_date.png) 98% center no-repeat !important; padding-right: 8%; cursor: pointer; }
#tendangnhap { background: #F7F7F7 url(images/i_user.png) 2% center no-repeat !important; padding-left: 8%; }
#matkhau, #nhaplaimatkhau, #matkhaucu { background: #F7F7F7 url(images/i_pass.png) 2% center no-repeat !important; padding-left: 8%; }
@-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); }
}


.mangxahoitop {width: 100%;float: left;text-align: left;margin-top: 5px;}
.mangxahoitop span {margin: 0 1px;}
.mangxahoitop span a { text-decoration: none }
.mangxahoitop span a:hover img { transform: rotateY(360deg); transition: all 0.6s }

.back_dangkynhantin{width: 100%;background:url('images/web/bgdangkynhantin.jpg')no-repeat top center;float: left;}
.noidung_form{width: calc(100% + 10px);margin: 0 -5px;float: left;margin-bottom: 15px;}
.noidung_form span { padding: 0 5px; width: 33.33%; float: left; }
#frm_dknt p { width: 100%; float: left; }
#noidung_nhantin { width: calc(100% - 70px); float: left; background: none; border: 1px solid #ccc; padding-left: 5px; padding-top: 5px; margin-bottom: 50px; }

.backdanhmuccap1{width: 100%;float:left;padding: 25px 0;}
.chaydanhmuccap1{width: calc(100% + 30px);float: left;margin: 0 -15px;}
.khungdmcap1{width: 100%;float: left;border-bottom: 4px solid #27B2ED;border-radius: 5px;}
.khungdmcap1 h3{width: 100%;float: left;text-align: center;font-weight: normal;font-size: 16px;font-family: 'RobotoBlack';background: #E6E6E6;padding: 10px 0;text-transform: uppercase;}
.khungdmcap1 h3 a{text-decoration: none;color: #333;}
.khungdmcap1 h3:hover a{color: #f00}

.khungdathang{width: 100%;float: left;text-align: center;}
.khungdathang span{background: #00A1E6;color: #fff;padding: 10px 20px;display: inline-block;margin-top: 5px;cursor: pointer;}
.khungdathang:hover span{background: #333;}
.baosanpham{width: 25%;float: left;padding: 0 5px;box-sizing: border-box;margin-bottom: 10px;}
.giasanpham{color: #ccc;font-size: 14px;font-family: 'myFont'}
.giasanpham span{color: #f00}
.fixcart { top: 2px !important }
.cart { display: inline-block; color: #585858; font-size: 12px; margin-left: 11px; position: relative; vertical-align: top; background: #f9f9fd; border-radius: 50px; padding: 5px 20px 0px 20px; z-index: 9999; box-shadow: 0 0 5px #555; position: fixed; top: 4px; right: -550px; transition: all 0.6s }
.cart.active { right: 5px; transition: all 0.6s }
.khunggio { text-align: left; float: right }
.cart img { float: left }
.box-gh { float: left; text-align: center }
.kqgh { background: #ed1c24; font-size: 11px; color: #fff; font-weight: bold; border-radius: 3px; padding: 0px 4px; display: inline-block }
.backvideogioithieu{width: 100%;float: left;background: url('images/web/bgvideolienhe.png')no-repeat bottom center;padding-bottom: 30px;position: relative;background-size: cover;margin-top: -65px;position: relative;z-index: 2;}
.backvideogioithieu:after{content: '';position: absolute;left: 0;top: -55px;background:url('images/web/after_tieudevideo.png')no-repeat top center;width: 185px;height: 390px;}
.gioithieutrangchu{width: 100%;float: left;text-align: center;color: #fff;margin-top: 30px;}
.gioithieutrangchu h3{font-size: 36px;font-family: 'uvnbutlong1';font-weight: normal;margin-bottom: 10px;text-transform: capitalize;}
.motagioithieu{color: #fff;font-family: 'Lato-Regular';font-size: 14px;width: 75%;margin: auto;text-align: justify;text-align-last: center;line-height: 25px;}

.tieudetrangchu{width: 100%;float: left;text-align: center;}
.tieudetrangchu h3{background: url('images/web/bgtieudeh3.png')no-repeat top center;display: inline-block;margin: auto;line-height: 88px;font-size: 36px;font-family: 'uvnbutlong1';color: #300;width: 425px;font-weight: normal;}
.videotrangchu{width: 100%;float: left;margin-top: 130px;}
.chayvideo_trangchu{width: calc(100% + 30px);float: left;position: relative;z-index: 9;margin: 0 -15px;margin-top: 40px;}
.khungvideo_trangchu{width: 100%;float: left;border: 7px solid #801D1D;}

.backtintuctrangchu{background: url('images/web/bgtintuc.png')no-repeat top center;width: 100%;float: left;margin-top: -60px;z-index: 2;position: relative;}
.backtintuctrangchu:after{content: '';position: absolute;right: 0px;background: url('images/web/after_tintuc.png')no-repeat top center;width: 121px;height: 289px;bottom: 95px;}
.chaytintuctrangchu{width: calc(100% + 26px);float: left;margin: 45px -13px;margin-bottom: 120px;}
.khungtintuc{width: 100%;float: left;background: #fff;padding: 5px;box-sizing: border-box;}
.khungtintuc h3{font-size: 14px;font-family: 'Lato-Bold';font-weight: normal;max-height: 21px;overflow: hidden;text-transform: uppercase;margin: 10px 0;width: 100%;float: left;}
.khungtintuc h3 a{text-decoration: none;color: #333;}
.khungtintuc h3:hover a{color: #f00;}
.xemthem_tintuc{display: inline-block;background: url('images/web/bgxemthemtt.png')no-repeat top center;min-width: 130px;line-height: 40px;text-align: center;text-decoration: none;color: #FEDCAA;}
.xemthem_tintuc:hover{color: #fff;}
.hinhanhtintuc{width: 100%;float: left;position: relative;}
.hinhanhtintuc:after{content: '';position: absolute;left: 3px;width: calc(100% - 6px);top: 3px;background:url('images/web/after_hinh_sp.png')repeat-x top center;height: 7px;}
.hinhanhtintuc:before{content: '';position: absolute;left: 3px;width: calc(100% - 6px);bottom: 3px;background:url('images/web/after_hinh_sp.png')repeat-x top center;height: 7px;}

.backsanpham{width: 100%;float: left;background: url('images/web/bgsanpham.png')no-repeat top center;position: relative;padding-bottom: 60px;background-size: cover;margin-top: -75px;}
.backsanpham:after{content: '';position: absolute;left: -1px;background: url('images/web/after_sanpham.png')no-repeat top center;width: 185px;height: 395px;top: calc((100% - 395px) / 2);}
.backsanpham:before{content: '';position: absolute;right: 0;background: url('images/web/before_sanpham.png')no-repeat top center;width: 185px;height: 395px}
.chaysanphamtrangchu{width: calc(100% + 16px);float: left;margin: 45px -8px;}
.sanphamtrangchu{border-radius: 50%;border:10px solid #820C0C;display: inline-block;margin: auto;box-shadow: 0 0 3px #000;position: relative;}
.sanphamtrangchu img{border-radius: 50%;}
.thongtinsanpham { position: absolute; width: 100%; bottom: 0; padding: 5px 25px; padding-bottom: 20px; box-sizing: border-box; text-align: center; background: -moz-linear-gradient(1deg, rgba(0, 0, 0, 0.8) 0, rgba(255, 255, 255, 0.01) 95%); background: -webkit-gradient(linear, 1deg, color-stop(0, 000000), color-stop(95%, rgba(255, 255, 255, 0.01))); background: -webkit-linear-gradient(1deg, rgba(0, 0, 0, 0.8) 0, rgba(255, 255, 255, 0.01) 95%); background: -o-linear-gradient(1deg, rgba(0, 0, 0, 0.8) 0, rgba(255, 255, 255, 0.01) 95%); background: -ms-linear-gradient(1deg, rgba(0, 0, 0, 0.8) 0, rgba(255, 255, 255, 0.01) 95%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(1deg, rgba(0, 0, 0, 0.8) 0, rgba(255, 255, 255, 0.01) 95%); }
.thongtinsanpham h3{font-weight: normal;font-size: 14px;font-family: 'Lato-Bold';text-transform: uppercase;max-height: 21px;overflow: hidden;margin-top: 15px;text-align: center;width: 100%;float: left;}
.thongtinsanpham h3 a{text-decoration: none;color: #fff;}
.thongtinsanpham h3:hover a{text-decoration: none;color: #ff0;}
.giasp{color: #fff;font-family: 'Lato-Regular';font-size: 14px;}

.demolongden{width: 100%;float: left;margin: 56px 0;position: relative;margin-bottom: 110px;margin-top: 0px;}
.khunglongden1{width:100%;max-width: 155px;height: 186px;position:relative;top: 90px;z-index: 2;float: left;}
.khunglongden1:after{content: '';position: absolute;border: 10px solid #F0E0AA;border-right:10px solid transparent;width: 100px;left: calc((100% - 115px)/2);height: 140px;top: -90px;border-radius: 50%;}
.khunglongden1:before{content: '';position: absolute;border: 10px solid #F0E0AA;border-left:10px solid transparent;width: 100px;left: calc((100% - 115px)/2);height: 140px;top: -90px;border-radius: 50%;}
.khunghinhlongden{background:url('images/web/ld.png')no-repeat top center;width: 100%;height: 100%;position: relative;z-index: 5;margin-top: -15px;display: flex;align-items: center;justify-content: center;}
.tendm{border:5px solid rgba(255, 255, 255, 0.5);width: 80px;height: 80px;border-radius: 50%;}
.tendm span {font-weight: normal;font-size: 11px;font-family: 'Lato-Semibold';border-radius: 50%;box-shadow: 0 1px 5px #333 inset;width: 100%;height: 100%;display: flex;align-items: center;background: #fff;justify-content: center;padding: 0 10px;text-align: center;text-transform: uppercase;}
.tendm span a{text-decoration: none;color: #300;}
.tendm span:hover a{color: #000;}
.logo_top{position: absolute;width: 100%;left: 0;padding-right: 60px;}
.click_search{cursor: pointer;}
.khunghinhsp{position: relative;width: 100%;height: 100%;}
.khungmuahang{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;}
.khungngoaidh{width: 75px;height: 75px;border-radius: 50%;border:10px solid rgba(255, 255, 255, 0.5) ;}
.khungngoaidh > span{background: #fff;width: 100%;height: 100%;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px;cursor: pointer}
.khungngoaidh > span i{color: #600;}
.khungmuahang{opacity: 0;transition: all 0.6s;}
.baokhungsp:hover .khungmuahang{opacity: 1;transition: all 0.6s;}
.item:hover .khungmuahang{opacity: 1;transition: all 0.6s;}
.giamgia_sp { position: absolute; background: #f00; top: 0; padding: 0 20px; left: 0; color: #fff; line-height: 35px; font-size: 16px; font-family: 'myFont'; }
.hotline_sp {position: absolute;background: #f00;top: 0;padding: 0 15px;right: 0;color: #fff;line-height: 35px;font-size: 16px;font-family: 'myFont';border-radius: 2px;}



.left1{left: calc((100% - 155px) / 2);top: 40px;}
.left2{left: calc((100% - 155px) / 2);top: 60px;}
.left3{left: calc((100% - 155px) / 2);top: 75px;}
.left4{left: calc((100% - 155px) / 2);top: 40px;}

#keyword::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#keyword::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#keyword:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#keyword:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.blockShake{

	animation: blockShake 9s linear infinite;
}
.blockShake1{

	animation: blockShake 10s linear infinite;
}
.blockShake2{

	animation: blockShake 11s linear infinite;
}
.blockShake3{

	animation: blockShake 12s linear infinite;
}

@keyframes blockShake {
  0% {
    transform: translate3d(-25px, 0px, 0px) rotate(10deg);
  }
  50% {
    transform: translate3d(25px, 0px, 0px) rotate(-10deg);
  }
  100% {
    transform: translate3d(-25px, 0px, 0px) rotate(10deg);
  }

}


.chaysanphamtrangchu .slick-dots li button{
	
	font-size: 14px;
    line-height: 1;
    display: block;
    width: 20px;
    height: 20px;
    padding: 3px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: none; background:rgba(130,12,12,0.5); border-radius:50%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.6);/*FF 3.5+*/
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.6);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 2px rgba(0,0,0,0.6);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.chaysanphamtrangchu .slick-dots li button:before{ display:none;}
 
.chaysanphamtrangchu .slick-dots li.slick-active button{background:rgba(130,12,12,1);}
.chaysanphamtrangchu .slick-dots { bottom: -20px; }

@media screen and (max-width:1200px) { }
@media screen and (max-width:1160px) {
	.banner_center h3{font-size: 35px;}
	div.menu ul li a {padding: 0px 30px;}
	.banner_left{width: 26%;}
	.banner_center{width: 50%;}
	.banner_right{width: 20%;}
}
@media screen and (max-width:1024px) {
	.banner_left {width: 15%;padding-top: 0px;}
	.banner_center {width: 80%;float: right;padding-right: 10px;box-sizing: border-box;}
	.banner_right {width: 25%;display: none;}
	div.menu ul li a {padding: 0px 35px;font-size: 15px;}
	.tintuctrai{display: none;}
	.tintucphai{width: 100%;}
	#header{background: #910E0E !important;padding-bottom: 0px !important;}
	.wap_menu{background: #CB9E4F !important;}
	.logo_top{position: relative;padding-right: 0;padding-top: 0px;}
	div.menu ul{max-width: 100%;}
}
@media screen and (max-width:960px) {
	.banner_right { display: none; }
	.banner_center h3{font-size: 43px;}
	.line{display: none !important;}
	div.header_mobi { display: block; }
	nav#menu { display: none; }
	div#main_content { width: 100%; }
	div#footer { width: 100%; }
	div#slider { width: 100%; padding: 0; border: none; }
	div.danhmucsp { display: none; }
	div#main_footer { width: 100%; }
	div#thongke { width: 100%; }
	div.thongke_an { display: none; }
	div.tt_lh { width: 100%; }
	div.bando { width: 100%; }
	.menu_login { display: none; }
	.tt_lh, .bandotrong { width: 100%; }
	.noidung_tin_trong { width: 68%; }
	.noidung_trai_thongtin { width: 100%; }
	.phone_mobi { display: block !important; }
	.backsanpham{background:#740A0A ;position: relative}
	.backsanpham:after{content: '';position: absolute;top: 25px;background: #EEDFA8;left: 0;width: 100%;height: 10px;}
	.left2{top: 35px;}
	.left3{top: 35px;}
	.left4{top: 35px;}
	.demolongden{margin: 0;margin-bottom: 50px;}
	.baosanpham{width: 33.33%;}
}



@media screen and (max-width:880px) {
	div#wap_footer{background: #601011;}
}

@media screen and (max-width:800px) {
	div#wap_footer {height: auto;padding: 0 5px;padding-top: 55px;}
	.main_footer:nth-child(1) {width: 100%;margin-bottom: 15px;}
	.main_footer:nth-child(2), .main_footer:nth-child(3) { width: 49%; }
}
@media screen and (max-width:768px) {
	.dongtintuc { width: 100%; }
	.banner_center h3 {
	    font-size: 33px;
	}
}
@media screen and (max-width:700px) {
	.noidung_tin_trong, .hinh_tin_trong { width: 100%; }
	.hinh_tin_trong { text-align: center; }
	.thongke { width: 100%; }
	
}
@media screen and (max-width:603px) {
	div#right, div#left {width: 100%;padding: 0 5px;}
	div#header img.logo_mobi { display: block; margin: auto; width: 100%; }
	.zoom_slick { width: 85%; max-width: 400px; float: none; margin: auto; }
	.product_info { width: 100%; margin-top: 10px; }
	.gh_an { display: none; }
	.xemthem_tintuc { position: relative; float: left; left: 0; margin-top: 10px; }
	.khung_noidung_item { width: 100%; margin-top: 25px; }
	.copy span{float: left;}
	.banner_center h3 { font-size: 27px; }
	.backvideogioithieu{background: #6F0A0A;}
	.backvideogioithieu:after{display: none;}
	.motagioithieu{width: 95%}
	.baosanpham{width: 50%;}
	.tieudetrangchu h3{width: 100%;}
	.backtintuctrangchu:after{display: none;}
	.backsanpham:before{display: none;}
}
@media screen and (max-width:500px) {
	.main_footer:nth-child(2), .main_footer:nth-child(3) {width: 100%;margin-top: 20px;}
	.banner_left,.logo_top {width: 100%;text-align: center;}
	.banner_center { width: 100%; }
}
@media screen and (max-width:460px) {
	div.tieude_giua { font-size: 14px; }
	div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password'] { width: 100%; }
	div.frm_lienhe .item_lienhe select { width: 100%; }
	.map_description { width: 100%; }
	.box_news a img { width: 110px; }
	div.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) {
	div.item { width: 100%; }
}
@media screen and (max-width:320px) { }