::-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; margin-bottom: 10px; }
.video_popup iframe, .video_popup object, .video_popup embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#clickvideo { width: calc(100% + 20px); margin: 0 -10px; box-sizing: border-box; line-height: 40px; height: 40px; float: right; }
.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_bds { width: calc(100% + 42px) !important; margin-left: -21px; margin-right: -21px; 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; }
.container { max-width: 1200px; margin: auto; }
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: 'Muli-Regular'; src: url('font/Muli-Regular.ttf'); }
@font-face { font-family: 'UTM Alter Gothic'; src: url('font/UTM Alter Gothic.ttf'); }
@font-face { font-family: 'Muli-SemiBold'; src: url('font/Muli-SemiBold.ttf'); }
@font-face { font-family: 'Saira-Regular'; src: url('font/Saira-Regular.ttf'); }
@font-face { font-family: 'OpenSans-Bold'; src: url('font/OpenSans-Bold.ttf'); }
@font-face { font-family: 'Muli-Bold'; src: url('font/Muli-Bold.ttf'); }
div#wapper { margin: auto; max-width: 1366px; background: #fff; overflow: hidden; }
div#header {position: relative;margin: auto;background: url('images/web/bghead.jpg')no-repeat bottom center;}
.banner_left {width: 230px;float: left;/* margin: 9px 0; */text-align: left;padding-top: 4px;}
.banner_center {width: calc(100% - 520px);float: left;text-align: center;margin: 6px 0;padding-top: 6px;}
.banner_right { width: 290px; float: left; }
.hotline { width: 100%; float: left; text-align: right; padding: 5px 0; padding-right: 10px; background: url('images/web/icon_hotline.png')no-repeat left center; }
.hotline span { font-family: 'Times New Roman'; font-weight: bold; font-style: italic; color: #000; font-size: 17px; text-align: left; float: left; margin-left: 85px; }
.hotline b { color: #d60505; font-size: 22px; font-family: 'UTM Alter Gothic'; font-weight: normal }
div.header_mobi { display: none; }
div.wap_menu {position: relative;height: 47px;line-height: 47px;margin: auto;width: 77%;float: right;}
div.menu { position: relative; max-width: 1200px; margin: auto; }
div.menu ul { float: left; list-style: none; }
div.menu ul li { float: left; position: relative; z-index: 50; }
div.menu ul li.line { width: 2px; background: url('images/web/line.png')no-repeat top center; line-height: 50px; height: 50px;width: 38px; }
div.menu ul li a {color: #fff;font-size: 15px;padding: 0px 10px;text-decoration: none;text-transform: uppercase;display: block;font-family: 'Muli-Bold';}
.active_after {position: relative;color: #ff0;}
div.menu ul li a:hover, div.menu ul li a.active, div.menu ul li a.active2 {color: #ff0;}
div.menu ul li ul, div.menu ul li:hover ul li ul { position: absolute; margin-left: 0px; display: none; min-width: 200px; background: #ed1c24; 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: 30px; width: 100%; margin: auto; border-bottom: 1px solid #ccc; }
div.search input { padding: 0px 10px; float: left; border: none; background: none; width: 90%; outline: none; height: 30px; color: #777; font-style: italic; }
div.search i { margin-right: 9px; margin-top: 5px; 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; }
div#slider { margin: auto; }
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#tinmoi { }
div#tinmoi ul { list-style: none; padding: 0 10px; }
div#tinmoi ul li { border-bottom: 1px solid #DDDDDD; padding: 10px 0; }
div#tinmoi ul li a img { width: 35%; max-width: 150px !important; border: 1px solid #d6d6d6; float: left; margin-right: 10px; }
div#tinmoi ul li a img:hover { transition: 1s; border: 1px solid red; }
div#tinmoi ul li h4 a { text-decoration: none; color: #111111; font-size: 13px; transition: 0.4s; font-weight: normal; height: 40px; font-family: 'myFont'; overflow: hidden; width: 60%; float: right; }
div#tinmoi ul li h4 a:hover { color: red; transition: 0.4s; }
div.load_video { width: 100%; float: left; }
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: 90px; 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 a img { width: 90%; max-width: 300px !important; border: 1px solid #DDD; margin: 5px auto; padding: 4px; box-sizing: border-box; }
div#quangcao a img:hover { border: 1px solid red; }
div#dknt { max-width: 100%; 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; height: 40px; background: #fff; border: none; }
form#frm_dknt input[type='button'] {background: #ff0;color: #000;width: 100%;height: 40px;line-height: 35px;border: none;cursor: pointer;float: right;text-transform: uppercase;outline: none;font-family: 'Muli-Regular';font-size: 18px;}
#frm_dknt h3 { width: 290px; float: left; background: url('images/web/icon_h3.png')no-repeat 2px 5px; text-align: center; line-height: 40px;/* text-transform: uppercase; */ padding-left: 35px; font-size: 20px; font-family: 'Muli-Bold'; }
div#main_content { max-width: 1200px; margin: 20px auto; }
div#right { width: calc(100%); float: left; }
.tieude_giua { color: #fff; font-size: 25px; line-height: 43px; font-family: 'OpenSans-Bold'; text-transform: uppercase; text-align: center; position: relative; margin: 15px 0; width: 100%; float: left; border-bottom: 1px solid #f00; }
.tieude_giua h3 { display: inline-block; position: relative; padding: 0 35px; z-index: 9; background: #ED1C24; float: left; font-size: 23px; font-family: 'UTM HelvetIns'; font-weight: normal; }
.tieude_giua h3:after { content: ''; position: absolute; left: 0px; width: 30px; height: 44px; background: url('images/web/left_after_dm.png')no-repeat top center; top: 0px; }
.tieude_giua h3:before { content: ''; position: absolute; right: -99px; width: 100px; height: 44px; background: url('images/web/right_after_dm.png')no-repeat top center; top: 0px; }
div.wap_item { text-align: center; position: relative; width: 100%; float: left; }
div.item { width: 33.33%; text-align: left; display: inline-block; float: left; padding: 0 21px; margin-bottom: 25px; font-size: 13px; font-family: 'Arial'; }
.item p { width: 100%; float: left; font-size: 13px; color: #333; margin: 1px 0; }
.item b { color: #005bc0; font-weight: normal; }
div.item .sp_img { margin-bottom: 10px; position: relative; z-index: 99; background: #fff; width: 100%; float: left; border: 1px solid #ccc; }
.border_duoi { position: absolute; width: 100%; height: 100%; right: -4px; bottom: -4px; border: 1px solid #ccc; z-index: -1; }
div.item .sp_img a { display: block; line-height: 0; }
div.item .sp_name a { text-decoration: none; color: #2d2d2d; font-size: 20px; display: block; font-weight: bold; font-family: 'Muli-SemiBold'; text-align: center; }
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: #D7141C url('images/web/bgfooter.jpg')no-repeat bottom center;padding-top: 45px;margin: auto;margin-top: 10px;color: #fff;font-size: 14px;float: left;padding-bottom: 30px;width: 100%;font-family: 'Arial';line-height: 30px;}
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; }
.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: 52%; }
.main_footer:nth-child(2) { float: left; width: 20%; }
.main_footer:nth-child(3) { float: right; width: 25%; }
.main_footer h3 { font-size: 15px; color: #fff; text-transform: uppercase; position: relative; margin-bottom: 15px; font-weight: normal; font-family: 'Muli-SemiBold'; }
.main_footer h3:after { content: ''; position: absolute; left: 0px; width: 50px; bottom: 0px; background: #fff; height: 1px; }
.chinhsach { font-size: 13px; line-height: 25px; background: url('images/web/icon_chinhsach.png')no-repeat 0px 8px; width: 100%; float: left; padding-left: 15px; }
.main_footer p a { text-decoration: none; color: #fff; }
.main_footer p a:hover { color: #ff0; }
.copy { width: 100%; float: left; line-height: 40px; background: #c01118; color: #e75c62; text-align: left; font-family: 'Muli-Regular'; font-size: 13px; }
.copy span { width: auto; float: right; color: #fff }
.copy b { color: #fff; font-weight: normal }
.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; margin-right: 25px; width: 25%; border-radius: 10px; }
.hinh_tin_trong a img { max-width: 100%; height: auto; }
.noidung_tin_trong { width: 70%; 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: #0869b2; 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; }
.bando >  iframe { width: 100%; height: 375px; }
.bando > img { width: 100%; height: 375px; }
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) }
}
.tophead { width: 100%; float: left; line-height: 40px; background: #333; color: #898989; font-size: 13px; font-family: 'Muli-Regular'; }
.tophead > span:first-child { float: left; }
.right { float: right; margin-right: 15px; }
.tophead span b { color: #fff; font-weight: normal }
.timkiemtop { width: auto; float: right; margin-right: 20px; display: inline-block; max-height: 30px; }
.mangxahoitop { width: auto; float: right; text-align: right; }
.mangxahoitop span a { text-decoration: none }
.mangxahoitop span a:hover img { transform: rotateY(360deg); transition: all 0.6s }
.back_gioithieu { width: 100%; float: left; }
.tieude_gioithieu_index{width: 100%;float: left;background: url('images/web/icon_tieudegioithieu.png')repeat-x center center;}
.tieude_gioithieu_index h3 { text-transform: uppercase; font-size: 27px; color: #000; font-family: 'UTM HelvetIns'; background: #fff; display: inline-block; padding-right: 20px; }
.gioithieu_trai h4 { font-family: 'UTM Hanzel'; font-size: 28px; color: #e10909; text-transform: uppercase; font-weight: normal; padding-left: 40px; margin-bottom: 10px; }
.mota_gioithieu { width: 100%; float: left; text-align: justify; font-size: 14px; font-family: 'OpenSans-Regular'; line-height: 30px; }
.xemthem_gt {font-size: 14px;font-family: 'Arial';padding: 5px 20px;text-decoration: none;color: #fff;display: inline-block;margin-top: 15px;margin-bottom: 20px;background: #ed1c24;}
.xemthem_gt i { margin-left: 5px; margin-top: 5px; }
.xemthem_gt:hover {color: #ff0;}
.gioithieu_trai {padding: 35px 0;float: right;width: 45%;}
..gioithieu_phai { float: right; }
.tintuc_index { width: 100%; float: left; margin-bottom: 20px; }
.hinhanh_tintuc { width: 105px; height: 105px; float: left; }
.noidung_tintuc { width: calc(100% - 115px); float: right; font-size: 13px; font-family: 'OpenSans-Regular'; color: #666 }
.noidung_tintuc h3 { font-size: 14px; width: 100%; float: left; font-family: 'OpenSans-Semibold'; max-height: 45px; overflow: hidden; }
.noidung_tintuc h3 a { text-decoration: none; color: #343434 }
.noidung_tintuc h3:hover a { color: #f00; }
.back_visaochontoi { width: 100%; float: left; margin: 20px 0; padding: 45px 0; }
.tieude_giua1 { width: 100%; float: left; text-align: center; margin: 15px 0; }
.tieude_giua1 h3 { display: inline-block; margin: auto; position: relative; font-size: 25px; color: #fff; font-family: 'OpenSans-Bold'; text-transform: uppercase; padding: 0 10px; }
.tieude_giua1 h3:after { content: ''; position: absolute; right: -85%; background: url('images/web/icon_tieude.png')no-repeat top center; width: 256px; height: 7px; top: 40%; }
.tieude_giua1 h3:before { content: ''; position: absolute; left: -85%; background: url('images/web/icon_tieude.png')no-repeat top center; width: 256px; height: 7px; top: 40%; transform: rotate(-180deg); }
.noidung_trai_visao { width: 100%; float: left; max-width: 890px; }
.noidung_thongtin_visao { width: calc(100% + 30px); float: left; margin: 0 -15px; }
.noidung_visaochontoi { width: 50%; float: left; padding: 0 15px; }
.hinhanh_visao { width: 85px; height: 85px; float: left; display: flex; align-items: center; justify-content: center; background: url('images/web/back_icon.png')no-repeat top center; }
.noidung_visao { width: calc(100% - 105px); float: right; font-size: 13px; color: #fff; font-family: 'myFont'; }
.noidung_visao h3 { font-family: 'Roboto-Medium'; font-size: 16px; text-transform: uppercase; font-weight: normal; }
.noidung_visao h3 a { text-decoration: none; color: #fff; }
.noidung_tintuc_trai { width: 48%; float: left; }
.noidung_video_phai { width: 48%; float: right; }
.dong_tintuc_index { width: 100%; float: left; margin-bottom: 30px; }
.hinhanh_tintuc_index { width: 50%; float: left; padding: 5px; border: 1px solid #ccc; }
.hinhanh_tintuc_index img { width: 100%; height: 100%; min-height: 205px; }
.noidung_tintuc_index { width: 46%; float: right; }
.noidung_tintuc_index h3 { font-size: 14px; font-family: 'OpenSans-Bold'; margin-top: 15px; max-height: 60px; overflow: hidden; }
.noidung_tintuc_index h3 span { width: auto; background: #f00; display: inline-block; float: left; text-align: center; color: #fff; padding: 10px 6px; margin-right: 10px; font-family: 'Arial'; font-size: 13px; }
.noidung_tintuc_index h3 a { text-decoration: none; color: #000; font-size: 16px; text-transform: uppercase; line-height: 29px; }
.noidung_tintuc_index h3:hover a { color: #f00; }
.noidung_tintuc_index p { font-size: 13px; font-family: 'Muli-Regular'; width: 100%; float: left; margin-top: 5px; }
.tieude_tintuc { width: 100%; float: left; border-bottom: 1px solid #ccc; text-transform: uppercase; color: #034ea2; font-size: 25px; font-family: 'OpenSans-Bold'; position: relative; padding-bottom: 10px; margin-bottom: 20px; }
.tieude_tintuc:after { content: ''; position: absolute; left: 0px; background: url('images/web/affter_tintuc.png')no-repeat top center; width: 70px; height: 4px; bottom: 0px; }
.back_dangkynhantin { width: 100%; float: left; }
.noidung_form { width: calc(100% - 300px);float: left; margin-bottom: 15px; }
.noidung_form span {padding: 0 5px;width: 25%;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; }
.back_doitacindex { background: #f6f6f6; width: 100%; }
.chaydoitac { width: 100%; float: left; margin: 45px 0; }
.chaydoitac > .slick-next { width: 36px; height: 36px; background: url('images/web/icon_next.jpg')no-repeat top center; right: 0px; top: 55%; }
.chaydoitac > .slick-prev { width: 36px; height: 36px; background: url('images/web/icon_next.jpg')no-repeat top center; right: 0px; top: 10%; left: auto; }
.mangxahoibottom { width: 100%; float: left; text-align: left; margin-top: 15px; }
.mangxahoibottom span { margin: 0 1px; }
.mangxahoibottom span a { text-decoration: none }
.mangxahoibottom span a:hover img { transform: rotateY(360deg); transition: all 0.6s }
.back_camkettuchungtoi {width: 100%;float: left;background: url('images/web/bgcamket.jpg')repeat top center;padding: 45px 0;}
.tieude_index { width: 100%; float: left; background: url('images/web/line_tieude.png')no-repeat bottom center; padding-bottom: 15px; }
.tieude_index > h3 { width: 100%; float: left; text-align: center; color: #fff; text-transform: uppercase; font-size: 35px; font-family: 'UTM HelvetIns'; font-weight: normal; }
.tieude_index > p { text-align: center; font-family: 'Muli-Regular'; font-size: 15px; color: #c7c7c7 }
.noidung_camket { width: 100%; margin: 35px 0; float: left; position: relative; }
.noidung_camket:after { content: ''; position: absolute; left: 50%; top: 5%; height: 80%; width: 1px; background: #fff; }
.dong_camket { width: 42%; float: left; margin-bottom: 45px; }
.hinhanh_camket { width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: #fff; border: 3px solid #f00; border-radius: 50%; float: right; position: relative; }
.after_right:after { content: ''; position: absolute; right: -105px; bottom: 30px; background: url('images/web/after_khunghinhcamket.png')no-repeat top center; width: 86px; height: 13px; }
.noidung_camket_item { width: calc(100% - 140px); display: inline-block; float: left; text-align: right; }
.noidung_camket_item h3 { font-size: 21px; font-family: 'Saira-Regular'; font-weight: normal }
.noidung_camket_item h3 a { text-decoration: none; color: #fff; }
.noidung_camket_item h3:hover a { color: #ff0; }
.noidung_camket_item p { color: #c7c7c7; font-size: 13px; font-family: 'Muli-Regular'; }
.quaphai { float: right !important; text-align: left !important }
.quatrai { float: left !important; }
.canhphai { float: right !important; }
.after_left:after { content: ''; position: absolute; left: -105px; top: 30px; background: url('images/web/after_khunghinhcamket.png')no-repeat top center; width: 86px; height: 13px; transform: rotate(180deg); }
.noidung_khungtintuc { width: 100%; float: left; margin: 25px 0; }
.mangxahoibottom h4 { display: inline-block; float: left; text-transform: uppercase; color: #fff; font-family: 'Muli-Regular'; font-size: 13px; font-weight: normal; margin-right: 10px; }
.bct a { text-decoration: none; }
.bct { width: 100%; float: left; margin-top: 5px; }
.hinhanh_gt_trai { width: 45%; float: left; }
.carousel{width: 540px !important;}
.phone_mobi ul li:first-child a i{transform: rotate(90deg);}
@media screen and (max-width:1200px) {
	div.menu ul li a { padding: 0 5px; font-size: 14px; }
	.after_right:after { right: -90px; }
	.after_left:after { left: -90px; }
}
@media screen and (max-width:1100px) {
	div.menu ul li a { font-size: 13px; }
}
@media screen and (max-width:1024px) {
	.wap_menu { width: 85% !important }
}
@media screen and (max-width:960px) {
	.mangxahoitop { display: none; }
	.banner_right { display: none; }
	.banner_left { width: 15%; }
	.banner_center { width: 75%; }
	div.header_mobi { display: block; }
	nav#menu { display: none; }
	div#main_content { width: 100%; }
	div#footer { width: 97%; }
	div#slider { width: 100%; padding: 0; border: none; }
	div.danhmucsp { display: none; }
	div.item { width: 30%; margin: 1.5% }
	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%; }
	.wap_menu { width: 100% !important }
	.hinhanh_gt_trai { display: none; }
	.gioithieu_trai { width: 100%; }
	.after_right:after { display: none }
	.after_left:after { display: none }
	#frm_dknt h3 { width: 100%; text-align: left; padding-left: 50px; margin-bottom: 10px }
	.noidung_form { width: calc(100%) }
	.phone_mobi{display: block !important;}
}
@media screen and (max-width:800px) {
	div.item { width: 50%; margin: 1% auto; }
	div#wap_footer { background: #f00; height: auto; padding: 0 5px; }
	.main_footer:nth-child(1) { width: 100%; }
	.main_footer:nth-child(2), .main_footer:nth-child(3) { width: 49%; }
}
@media screen and (max-width:700px) {
	.noidung_tin_trong, .hinh_tin_trong { width: 100%; }
	.hinh_tin_trong { text-align: center; }
	.tendichvu { font-size: 22px; }
	.noidung_camket:after { display: none }
	.dong_camket { width: 100% }
	.noidung_tintuc_trai, .noidung_video_phai { width: 100%; }
}
@media screen and (max-width:603px) {
	div#right, div#left { width: 100%; }
	div#header a.logo { display: none; }
	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; }
	.banner_left { display: none; }
	.banner_center { width: 100%; }
	.timkiemtop, .right { width: 100%; }
	.noidung_form span { width: 50%; margin-bottom: 5px; }
}
@media screen and (max-width:500px) {
	.main_footer:nth-child(2), .main_footer:nth-child(3) { width: 100%; }
	.hinhanh_tintuc_index, .noidung_tintuc_index { width: 100%; }
}
@media screen and (max-width:460px) {
	div.item { width: 50%; }
	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%; }
}