@charset "utf-8";

/* CSS Document */
@import url("css/fonts.css");
* { margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; }
img { max-width: 100%; }
ul { list-style-type: none; margin: 0px; padding: 0px; }
a { text-decoration: none; }
/* --jpage-- */
.pagging{ margin:0 auto;  text-align:center; margin:15px 0;} 
.pagging a{ font-size:12px;  cursor:pointer;  margin:0 1px;  color:#333;  color:#808080;  background-color:#fff;  border:1px solid #808080;  padding:7px 12px }
.pagging a:hover{ background-color:#222;  color:#fff}
.pagging a.jp-previous{ margin-right:0px;  padding:7px 3px;  border:1px solid #ddd}
.pagging a.jp-next{ margin-left:0px;  padding:7px 3px;  border:1px solid #ddd}
.pagging a.jp-current, a.jp-current:hover{ color:#FF4242;  font-weight:bold}
.pagging a.jp-disabled, a.jp-disabled:hover{ color:#bbb}
.pagging a.jp-current, a.jp-current:hover{ cursor:default;  background:#808080;  color:#fff} 
.pagging a.jp-disabled, a.jp-disabled:hover{ cursor:default;  background:none;  color:#808080}
.pagging span{margin:0 5px}
/* ===== */
#at-share-dock{display: none !important;}
#at4-share,#at4-share2{display: none !important}
/* #slider{max-width: 1366px;margin:0 auto} */
.margin_auto { width: 1185px; margin: auto; position: relative; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { overflow: auto; }
.wraper { width: 100%; float: left; position: relative; overflow: hidden; }
#slide_ads { width: 100%; float: left; }
#slide_ads .owl-controls { display: none; }
#hinhanh_top { float: right; margin: 15px 0px 10px 0px; }
#container { width: 100%; float: left; }
.container { width: 100%; float: left; }
#top { width: 100%; float: left; background: url(images/gocphai.png) no-repeat right top; }
.top_info { width: 100%; float: left; height: 40px; background: #efefef; }
.thongtin_tt { width: 240px; float: right; }
.share { padding: 10px 0px 0px 10px; float: left; }
.dangnhap_top { float: right; margin: 25px 0px 0px 0px; text-align: right; }
.dangnhap_top a { color: #262626; padding: 0px 10px 0px 10px; }
.dangnhap_top a:hover { color: #00c1f8; text-decoration: underline; }
.top_bg { background: #02b8f1; width: 100%; float: left; }
.top_bg ul { float: right; }
.top_bg ul li { display: inline-block; position: relative; height: 30px; float: left; }
.top_bg ul li a.kt_vandon { font-size: 12px; color: #fff; float: left; padding: 0px 15px 0px 0px; margin-right: 10px; background: url(images/down_t.jpg) no-repeat right 12px; height: 30px; line-height: 30px; }
.top_bg ul li:hover a { color: #FFF000; }
.top_bg ul li .dropdown { top: 100%; z-index: 999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; width: 300px; }
#menu_top { width: 20%; float: left; margin: 0px 0px 0px 0px; position: relative; border: 2px solid #00b1f0; border-top: 0px; }
#menu_top h2 { text-align: center; height: 45px; line-height: 45px; background: url(images/icon_danhmuc.png) no-repeat 20px 15px; background-color: #00bcff; text-transform: uppercase; font-size: 16px; font-weight: 100; font-family: 'RobotoCondensedBold'; color: #fff; }
#menu_top ul.big { width: 100%; float: left; padding: 5px 5px 5px 5px; }
#menu_top ul li.fi { width: 100%; float: left; padding: 10px 0px 10px 10px; text-transform: uppercase; font-size: 12px; color: #333; border-bottom: 1px dotted #ccc; background: url(images/style.png) no-repeat 215px 15px; }
#menu_top ul li.fi:last-child { border-bottom: 0px; }
#menu_top ul li.fi a.fi1 { color: #333; display: block; }
#menu_top ul li.fi .fi1 span img { width: 22px; height: 22px; float: left; }
#menu_top ul li.fi .fi1 span { float: left; background: #fff; border-radius: 100%; padding: 5px; margin-right: 10px; border: 1px solid #999; }
#menu_top ul li.fi:hover { background-color: rgba(0, 0, 0, 0.05); }
#menu_top ul li.fi:hover a.fi1 { color: #0369B1 }
#menu_top .sub_menu { width: 540px; background: #fff; left: 244px; top: 0px; border: 1px solid #00b3f2; float: left; position: absolute; z-index: 1000; height: 445px; display: inline-block; display: none; padding: 5px; transition: 0.5s; }
#menu_top .sub_menu ul { width: 220px; float: left; height: 435px; background: #efefef }
#menu_top .sub_menu li { line-height: 1.5; text-transform: capitalize; width: 100%; float: left; position: relative; }
#menu_top .sub_menu li a { float: left; width: 100%; padding: 7px 0px 7px 25px; border-bottom: 1px dotted #ccc; background: url(images/muiten_trong.png) no-repeat 10px 13px; color: #666; font-size: 14px; }
#menu_top .sub_menu li a:hover { color: #00749A; text-decoration: underline; }
.thanh_tab { width: 100%; float: left; }
.owl_carousel_dm li a { position: relative; width: 100%; float: left; text-transform: uppercase; margin-bottom: 3px; }
.owl_carousel_dm li h3 { position: absolute; z-index: 100; width: 100%; float: left; text-align: center; top: 0px; font-family: 'RobotoCondensed'; font-size: 40px; color: #fff; padding: 140px 0px 0px 0px; text-shadow: 1px 1px 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; }
.owl_carousel_dm img { display: block; }
.owl_carousel_dm .owl-controls { display: none; }
.header_top { width: calc(100% - 260px); float: right; }
#shiphang { width: 400px; float: right; background: #ebebeb; padding: 10px; }
.shiphang { padding: 20px; border: 1px dashed #0a3594; min-height: 455px; text-align: center; }
.shiphang form { width: 100%; float: left; }
.shiphang form label { text-transform: uppercase; color: #0a3594; float: left; width: 100%; padding: 5px; text-align: center; }
.shiphang form input { padding: 10px; width: 100%; float: left; border: 0px; margin-bottom: 10px; text-align: center; }
.shiphang form input#tenkhachhang { background: url(images/khach.jpg) no-repeat 15px 10px; background-color: #fff; }
.shiphang form input#dienthoai { background: url(images/dienthoai.jpg) no-repeat 15px 10px; background-color: #fff; }
.shiphang form button { width: 100%; float: left; background: #0a3594; text-align: center; color: #fff; text-transform: uppercase; padding: 13px 0px 10px 0px; border: 0px; margin-top: 10px; }
.hotline_kh { width: 100%; float: left; font-size: 34px; font-family: 'OpenSansBold'; color: #0a3594; padding: 7px 0px 7px 40px; background: url(images/goi.png) no-repeat; margin-top: 30px; }
.dropdown { position: absolute; display: none; right: 0px; text-align: left; background: #FFF; min-width: 200px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5); box-shadow: 0 2px 2px rgba(0, 0, 0, .5); padding: 15px 21px; text-transform: initial; line-height: 1.3; font-size: 12px; color: #024879; }
#order_tracking .dropdown__title { margin: 10px 0; text-transform: uppercase; }
.dropdown__title { font-size: 12px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase; }
.form label { display: block; padding: 5px 0px 5px 0px; font-weight: 100; font-size: 12px; }
.form__submit__button { border: 0px; background: #f36f21; padding: 5px 20px 5px 20px; color: #fff; }
.form__submit__button:hover { background: #036289 }
.form__input__text { position: relative; box-sizing: border-box; outline: 0; border: 1px solid rgba(0, 0, 0, .5); margin: 0; padding: 5px; font-size: 12px; width: 100%; border-radius: 3px; }
.kiemtra_donhang li { display: inline-block; padding: 5px 30px 5px 0px; }
.kiemtra_donhang { width: 100%; float: left; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 20px 0px 0px 0px; }
.thongtin_donhang li { padding: 5px 30px 5px 0px; border-bottom: 1px solid #eee; }
.thongtin_donhang { width: 100%; float: left; margin: 20px 0px 0px 0px; border-top: 1px solid #ccc }
.title_don { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px; }
.title_don td { padding: 5px; background: #eee; }
.owl-carousel_news .owl-controls { display: none; }
.dichvu { padding: 10px; margin-bottom: 12px; position: relative; }
.dichvu h3:before { content: ''; width: 56px; height: 40px; background: url(images/icon.jpg) no-repeat; float: left; margin-right: 20px; }
.dichvu h3 { width: 100%; float: left; background: #f4f3f3; height: 40px; line-height: 40px; color: #555555; font-size: 18px; text-transform: uppercase; font-family: 'RobotoMedium'; }
.dichvu img { width: 100%; transition: 0.5s; }
.dichvu .dv_hinh { width: 100%; float: left; margin-bottom: 20px; position: relative; overflow: hidden; }
.dichvu .dv_hinh:hover img { transform: scale(1.1); }
.noidung_load h2 { border-bottom: 1px solid #ccc; text-transform: uppercase; color: #555; width: 100%; float: left; font-size: 18px; font-family: 'RobotoMedium'; height: 40px; line-height: 40px; }
.noidung_load h2:before { content: ''; background: url(images/icon.jpg) no-repeat; width: 56px; height: 40px; float: left; margin-right: 20px; }
.top_search { background: #f6f6f6; width: 100%; float: left; }
.quangcao { margin: 20px 0px 20px 0px; }
.quangcao img { width: 100%; }
.photo_item_overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(232, 83, 2, 0.5); opacity: 0; transform: scale(0); transition: transform 0.5s ease 0s; }
.photo_item_overlay a { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; }
.icon_background { display: block; background: transparent none repeat scroll 0% 0%; height: 60px; width: 60px; padding: 13px; border-radius: 150px; transform: scale(0); transition: all 0.3s ease 0s; }
.icon_button { position: absolute; padding: 13px; font-size: 30px; color: #FFF; }
.tim { padding: 0px; }
.tim a { padding: 15px 25px 0px 25px !important; }
.tim a img { float: left; margin-right: 10px; }
.dichvu:hover .photo_item_overlay, .block:hover .photo_item_overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.photo_item_overlay a:hover .icon_background { background: rgba(0, 0, 0, 0.7); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
#banner_mobile { display: none; }
.slogan { float: left; width: 30%; padding: 7px 0px 0px 0px; color: #fff; }
#album img { width: 230px; float: left; padding: 4px; margin: 8px; border: 1px solid #cde0fe; height: 150px; }
#album img:hover { opacity: 0.8; }
.slide_ { width: 100%; float: left; padding: 10px 0px 0px 20px; }
.frame_images { float: left; }
.bong_sl { width: 100%; float: left; height: 32px; background: url(images/bg_slide.png) no-repeat; }
.ngonngu img:hover { box-shadow: 0px 0px 10px #89a0d2; }
.ngonngu p { text-align: center; }
.ngonngu a:hover { color: #037CBB }
#thongtin { width: 100%; float: left; padding: 20px 0px 30px 0px; background: #f0f0f0; }
.bong_tren { width: 100%; float: left; background: url(images/bongtren.png) no-repeat; height: 17px; margin: 20px 0px 0px 0px; }
.bong_duoi { width: 100%; float: left; background: url(images/bongduoi.png) no-repeat; height: 40px; margin: 0px 0px 0px 0px; }
.sanpham_dm ul li a { text-decoration: none; width: 300px; float: left; padding: 0px 0px 8px 10px; color: rgba(255, 255, 255, 1) }
.sanpham_dm ul li a:hover { color: rgba(255, 255, 0, 1) }
.tieude { margin: 10px 0px 10px 0px; width: 100%; float: left; color: #666; font-size: 24px; }
.noidung { text-align: justify; color: #000; padding: 0px 0px 0px 0px; }
.noidung img, .noidung_ta img, .noidung td { max-width: 100%;height: auto; }
.thongtin_lh { width: 100%; float: left; padding: 0px 40px 20px 0px; }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { width: 100%; float: right; background: #f3f8fe; padding: 20px; }
#form_contact input { padding: 5px; }
.giohang_top { float: right; }
.giohang_top a { width: 100%; height: 45px; line-height: 45px; float: left; position: relative; color: #727272; background: url(images/giohang.png) no-repeat 20px 0px; margin: 30px 0px 0px 0px; padding-left: 75px; text-transform: uppercase; font-size: 12px; }
.lienhe_top { float: right; }
.lienhe_top a { width: 100%; height: 45px; line-height: 45px; float: left; position: relative; color: #727272; background: url(images/lienhe.png) no-repeat 20px 0px; margin: 30px 0px 0px 0px; padding-left: 75px; text-transform: uppercase; font-size: 12px; }
.giohang_top a:hover, .lienhe_top a:hover { color: #d81212; text-decoration: underline; }
#slide_top { width: 100%; float: left; position: relative; border-bottom: 5px solid #7aaa00; }
#giaohang { width: 900px; float: right; }
#giaohang li { width: 165px; float: left; padding: 0px 20px 0px 45px; text-transform: uppercase; font-size: 12px; }
#giaohang li a { display: inline-block; color: #000; }
.load_phivanchuyen { float: right; font-weight: bold; }
.load_phivanchuyen span { color: #FF0000 }
.vien_slide { width: 100%; float: left; position: absolute; background: url(images/bong_slide.png) no-repeat; height: 55px; background-size: 100%; bottom: 10px; }
.album { width: 25%; float: left; margin: 15px 0px 0px 0px; padding: 10px; }
.album a { position: relative; width: 100%; float: left; overflow: hidden; padding: 1px; border: 1px solid #4372a6; }
.album img { width: 100%; float: left; display: block; }
.album h3 { font-size: 15px; position: absolute; z-index: 10; bottom: -40px; left: 0px; right: 0px; background: rgba(67, 114, 166, 0.6); color: #ffe705; padding: 5px; transition: 0.5s; text-align: center; }
.album:hover h3 { bottom: 0px; }
.fom_gh { margin: 10px 0px 0px 0px; }
.input-group { width: 100%; padding: 0px; }
.input-group-but { text-align: center; margin: 10px 0px 20px 0px; }
.input-group-but button { background: #000; padding: 10px 40px 10px 40px; border: 0px; border-radius: 10px; color: #fff; font-weight: bold; font-size: 24px; }
#main { width: 100%; float: left; position: relative; }
#main:after { content: ''; width: 100%; float: left; height: 29px; position: absolute; bottom: -29px; left: 0px; }
.main { width: 100%; float: left; }
.khung_pro { width: 100%; float: left; }
.sp_right { width: 247px; float: right; }
#right { width: 250px; float: right; }
#left { width: 260px; float: left; margin: 0px 0px 0px 0px; }
.tinhtrang { border-top: 1px solid #627079; width: 100%; float: left; }
.tinhtrang li a { display: block; padding: 5px 0px 5px 20px; background: url(images/muiten.png) no-repeat 10px 13px; color: #1F589F }
.tinhtrang h4 { text-transform: uppercase; font-weight: 100; margin: 5px 0px 0px 5px; color: #999 }
.thanh { width: 269px; float: left; color: #fff; font-size: 18px; position: relative; z-index: 10; text-transform: uppercase; font-family: 'RobotoCondensed'; background: url(images/thanh.png); height: 56px; left: -9px; padding: 15px 0px 0px 50px; }
.hotline_l { font-size: 14px; font-weight: bold; margin: auto; width: 100%; background: url('images/hotline_l.png') no-repeat 15px 20px; color: #fe0000; padding: 12px 0px 10px 75px; font-family: 'RobotoCondensed'; float: left; }
.hotline_l span { font-size: 18px; width: 100%; float: left; }
.homnay { width: 50%; float: left; text-align: center; padding: 5px; font-size: 12px; }
.homnay p { background: #eeeeee; padding: 2px 0px 2px 0px; }
.thanh img { float: left; margin: 2px 10px 0px 10px; }
.thanh h4 { color: rgba(255, 255, 255, 1); margin-top: 8px; font-weight: 100; }
.hotro_bt { width: 100%; float: left; }
.hotro_bt p b { color: #444444; font-family: 'UTMAvo'; }
.hotline_bt { width: 100%; float: left; background: url(images/hotline.png) no-repeat; min-height: 191px; }
.hotline_bt p { font-size: 27px; padding: 50px 0px 0px 177px; color: #FFF000 }
.yahoo_top { text-align: center; margin: 5px 0px 0px 0px; }
.yahoo { width: 100%; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; color: #ec0000; font-size: 22px; font-family: 'UTMAvo'; background: url(images/check.png) no-repeat 0px 8px; }
.yahoo p { float: left; color: #3853a4; font-size: 14px; padding: 0px 0px 0px 10px; }
.yahoo a { color: #333; padding-left: 5px; float: right; }
.yahoo p.hinh a { float: left; margin: 5px 0px 0px 5px; }
.yahoo .dienthoai { float: left; color: #333; padding: 2px 0px 2px 40px; }
.yahoo .email { float: left; color: #333; padding: 2px 0px 2px 40px; background: url(images/email.png) no-repeat 10px 7px; }
.yahoo p span { float: left; padding: 7px 0px 0px 20px; text-transform: uppercase; }
.sp_noibat { padding: 15px 0px 15px 0px; width: 100%; float: left; font-family: 'RobotoCondensed'; border-bottom: 1px dotted #ccc; color: #eee; }
.sp_noibat img { margin: 5px 20px 5px 0px; border: 1px solid #eee; float: left; }
.sp_noibat h3 a { color: #F0C600; }
.sp_noibat .ngaytao { color: #948787; font-size: 11px; }
.sp_noibat:hover h3 a { text-decoration: underline; color: #FFF600 }
.tuyendung { width: 350px; float: left }
.tuyendung li a { width: 100%; float: left; text-align: center; border-bottom: 1px solid #eee; color: #696969; padding: 6px; }
.tuyendung li:hover a { color: #03567C; text-decoration: underline; }
.tuyendung li:last-child a { border-bottom: 0px; }
.box_hot { width: 100%; float: left; }
.box_hot img { float: left; }
.box_hot h3 a { font-family: 'RobotoBold'; text-transform: uppercase; color: #323232; }
.box_hot h3 a:hover { color: #c72020; }
.box_hot .effect-v3 { float: left; margin-right: 20px; }
.hotnew { width: 100%; float: left; padding: 10px 0px 10px 0px; position: relative; }
.hotnew a img { float: left; margin: 0px 20px 0px 0px; }
.hotnew li a { display: block; width: 100%; float: left; padding: 5px 0px 5px 20px; background: url('images/cham.png') no-repeat 0px 10px; font-family: 'RobotoRegular'; }
.hotnew li a span { float: right }
.hotnew a { color: #333; }
.hotnew li:hover a { color: #c72020; text-decoration: underline }
.hotnew li:hover img { filter: brightness(120%); -webkit-filter: brightness(120%); }
.hotnew .ngayth { width: 60px; height: 60px; color: #fff; font-weight: bold; position: absolute; left: 10px; top: 20px; border-radius: 100%; padding: 5px; text-align: center; font-size: 19px; background: #062083; line-height: 1.3; }
.hotnew .ngayth span { display: block; border-top: 2px solid #fff; font-size: 15px; }
.tintuc { text-align: justify; }
.tintuc img { float: left; border: 1px solid #c8c8c8; padding: 2px; margin: 0px 10px 0px 0px; width: 120px; }
.tintuc a { text-decoration: none; }
.tintuc h3 { color: #333 }
.tintuc h3 a { font-size: 14px; color: #333; text-transform: capitalize; }
.tintuc .hotnews:hover h3 a { color: #026164 }
.tintuc p { font-size: 13px; color: #666; }
.ngaythang { color: #999; }
.visit_hidden { visibility: hidden; height: 1px; }
.tinkhac { width: 100%; float: left; margin: 20px 0px 20px 0px; }
.tinkhac li a { width: 100%; float: left; padding: 5px 0px 5px 0px; color: #333; }
.tinkhac li a i { margin-right: 20px; }
.tinkhac li a:hover { color: #036CAF; text-decoration: underline; }
.xemnhieu { width: 193px; float: left; border: 1px solid #FF8A00; background: url(images/left_cham.png) repeat-y; }
.ngaydang { font-style: italic; color: #ccc; }
.bando { float: right; width: 720px; }
.tag_map { width: 100%; float: left; }
.tag_map li a { float: left; padding: 5px 20px 5px 20px; font-family: 'OpenSansExtraBold'; color: #0a3594; margin: 0px 5px 0px 0px; border: 1px solid #ccc; }
.tag_map li a.active { background: #0a3594; color: #fff; }
.thongke { color: #fff; float: right; }
.thongke ul { list-style: none; margin: 0px; padding: 2px 0px 0px 0px; }
.thongke ul li { text-align: left; float: left; font-size: 12px; padding: 0px 0px 0px 20px; color: #fff; }
.thongke ul li span { color: #ff951d }
.dang_onl { }
.da_onl { }
.online { background: url(images/muiten.png) no-repeat 10px 12px; color: #FFF; }
.online span { width: 80px; float: left; padding-left: 20px; }
.menu_danhmuc { width: 100%; float: left; background: url(images/thanh_sp.jpg) repeat-x; height: 45px; }
.menu_danhmuc li a { float: left; height: 42px; line-height: 42px; padding: 0px 20px 0px 30px; text-transform: uppercase; color: #333; margin-top: 3px; }
.menu_danhmuc li.active a { background: #01b8f1; color: #fff; font-weight: bold; }
.menu_danhmuc li.active a:before { content: ''; width: 7px; background: url(images/truoc.png) no-repeat; height: 45px; float: left; margin-left: -30px; margin-top: -3px; margin-right: 10px; color: #fff }
.menu_danhmuc li.active a:after { content: ''; width: 19px; background: url(images/sau.png) no-repeat; height: 45px; float: right; margin-right: -37px; }
.menu_danhmuc a:hover { color: #094596 }
.bong_info { width: 730px; float: right; height: 30px; font-weight: 900; color: #333333; text-transform: uppercase; line-height: 30px; }
.thongtin { width: 100%; float: left; font-weight: bold; padding: 20px 0px 22px 20px; font-size: 14px; background: url(images/bg_tt.jpg) repeat-x bottom; }
.thongtin li { display: inline-block; }
.thongtin li a { border-right: 1px solid #ccc; padding: 0px 10px 0px 10px; color: #323232; font-size: 12px; }
.thongtin li a:hover { color: #01517A }
.tin_moi { padding: 0px 10px 0px 10px; }
.tin_moi a { text-decoration: none; color: rgba(51, 51, 51, 1); }
.tin_moi img { float: left; border: 1px solid rgba(204, 204, 204, 1); padding: 2px; margin-right: 10px; margin-top: 10px; }
#visao { width: 100%; float: left; background: url('images/bg_visao.jpg') repeat; padding: 40px 0px 40px 0px; margin: 30px 0px 30px 0px; }
.owl_carousel_visao .owl-controls { display: none; }
.owl_carousel_visao li { text-align: center; }
.owl_carousel_visao li h3 a { font-family: 'OpenSansBold'; font-size: 20px; text-transform: uppercase; display: block; margin: 5px 0px 10px 0px; color: #0a3594 }
.owl_carousel_visao li img { border-radius: 50%; }
.owl_carousel_visao li h3 a:hover { text-decoration: underline; }
.thanh_vs { width: 100%; float: left; text-align: center; margin: 0px 0px 50px 0px; background: url(images/6cham.png) no-repeat bottom center; padding: 0px 0px 20px 0px; }
.thanh_vs h4 { color: #0a3594; font-size: 35px; padding: 7px 20px 0px 20px; position: relative; text-transform: uppercase; font-family: 'OpenSansBold'; font-weight: 100; display: inline-block; }
#content { width: 100%; float: left; margin: 0px 0px 0px 0px; border-top: 0px; }
.xemsp { position: absolute; z-index: 10; bottom: 0px; left: 0px; right: 0px; height: 40px; background: rgba(0, 0, 0, 0.8); color: #fff; padding-top: 10px; }
.xemsp:after { content: ''; background: url(images/muiten.png) no-repeat 0px 0px; width: 5px; height: 9px; display: inline-block; margin-left: 10px; }
.item_index { width: 100%; float: left; margin-bottom: -1px; margin-right: -1px; text-align: center; }
.item_index .img { width: 100%; float: left; position: relative; }
.item_index:hover .xemsp { color: #FFF000; }
.item_index img { width: 100%; transition: 0.5s; display: block; }
.item_index h3 { font-size: 14px; font-weight: bold; text-align: center; padding: 10px 0px 0px 0px; width: 100%; float: left; }
.item_index h3 a { color: #3e3e3e; }
.item_index:hover h3 a { color: #03669A; text-decoration: underline; }
.item_index:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.item_index .giaban span { color: #fb4107; font-family: 'UTMAvo'; font-size: 26px; }
.product_list { float: left; }
.product_list ul { width: 150px; float: left; height: 533px; background: #e2e2e2; padding: 20px 0px 0px 0px; }
.product_list ul li a { width: 100%; float: left; padding: 7px 0px 7px 10px; color: #4f4f4f; }
.product_list ul li a:hover { color: #02719A; text-decoration: underline; }
.khung_km { padding-left: 30px; }
.video_con { width: 100%; float: left; border-bottom: 2px solid #0b7ef4; height: 242px; }
#khachhang { width: 100%; float: left; background: url('images/background_kh.jpg') no-repeat; min-height: 626px; }
#khachhang .thanh_vs { margin: 40px 0px 50px 0px !important; background: url(images/chamtrang.png) no-repeat bottom center; }
#khachhang .thanh_vs h4 { color: #fff !important; }
.owl_carousel_kh { width: 100%; float: left; margin: 0px 0px 20px 0px; }
.khach img { max-width: 100%; width: auto !important; border-radius: 100%; border: 3px solid #fff; }
.khach { padding: 30px; border: 1px solid #eee; font-family: 'OpenSansRegular'; color: #fff; text-align: center; min-height: 360px; }
.khach h3 { margin-top: 5px; font-family: 'OpenSansBold'; font-size: 18px; }
.khach h4 { margin-bottom: 20px; }
.khach p { font-size: 13px; }
.owl_carousel_kh .owl-controls { padding: 20px 0px 0px 0px; }
.thuonghieu { padding-left: 10px; }
.thuonghieu a { border: 1px solid #eee; float: left; margin-bottom: 10px; padding: 5px; transition: 0.5s; }
.thuonghieu a:hover { border: 1px solid #FF01EA }
.hotro_tructuyen { width: 590px; float: right; }
.hotro_online { width: 240px; float: left; padding: 150px 0px 0px 0px; background: url(images/hotro.png) no-repeat 0px 0px; }
.frm_lienhe { width: 325px; float: right; }
.box_lh { width: 100%; float: left; border: 1px solid #cfcece; margin-top: 10px; border-radius: 5px; padding: 0px 0px 0px 0px; }
.frm_lienhe input { padding: 7px; width: 100%; border: 0px; border-bottom: 1px solid #cfcece; }
.box_lh li:last-child input { border-bottom: 0px; border-radius: 0px 0px 5px 5px; }
.box_lh li:first-child input { border-radius: 5px 5px 0px 0px; }
.frm_lienhe textarea { border-radius: 5px; width: 100%; height: 80px; float: left; margin-top: 10px; border: 1px solid #cfcece; padding: 5px; }
.frm_lienhe button { background: #009030; border: 0px; padding: 5px 20px 5px 20px; color: #fff; float: left; margin-top: 5px; cursor: pointer; }
.frm_lienhe button:hover { color: #FBF201 }
.xemtiep { float: right; font-size: 12px; text-align: center; font-weight: bold; margin-top: 5px; }
.xemtiep a { text-decoration: none; font-style: italic; float: left; padding: 2px 20px 2px 20px; color: #fff; background: #2d8ad8; border-radius: 10px; }
.xemtiep a:hover { background: #ff0000; }
.giaohang { width: 100%; float: left; margin-top: 20px; padding: 0px 0px 30px 0px; }
.thanh_tab { width: 100%; float: left; background: url(images/thanh.png) repeat-x; height: 39px; }
.thanh_tab li { float: left; background: url(images/gach_t.png) no-repeat right; padding-right: 2px; }
.thanh_tab li a { float: left; height: 39px; line-height: 39px; padding: 0px 30px 0px 10px; font-family: 'RobotoCondensed'; color: #fff; text-transform: uppercase; }
.thanh_tab li a img { float: left; margin: 0px 10px 0px 0px; }
.thanh_tab li:hover a, .thanh_tab li.active a { background: url(images/menu_hover.png) repeat-x; }
#duan { width: 100%; float: left; background: url('images/bg_da.png') no-repeat top center; min-height: 511px; }
#thietbi { width: 100%; float: left; min-height: 488px; background: url('images/bg_thietbi.png') no-repeat top center; padding: 20px 0px 0px 0px; position: relative }
#thietbi:before { content: ''; width: 64px; height: 64px; float: left; background: url('images/dropdown.png') no-repeat; float: left; position: absolute; left: calc(50% - 32px); z-index: 100; top: -32px; }
#thietbi:after { content: ''; width: 64px; height: 64px; float: left; background: url('images/dropdown.png') no-repeat; float: left; position: absolute; left: calc(50% - 32px); z-index: 100; bottom: 4px; }
.xemtatca a { float: right; color: #c72020; text-decoration: underline; margin: 10px 0px 0px 0px }
.thanh_duan { width: 100%; float: left; margin: 30px 0px 20px 0px; text-align: center; text-transform: uppercase; overflow: hidden }
.thanh_duan h4 { color: #fff; font-size: 35px; display: inline-block; padding: 0px 0px 2px 0px; font-family: 'UTMHelvetIns'; position: relative }
.thanh_duan h4:before { content: ''; width: 113px; height: 6px; background: url(images/after_tieubieu.png) no-repeat; position: absolute; left: -123px; top: 22px; z-index: 100; }
.thanh_duan h4:after { content: ''; width: 113px; height: 6px; background: url(images/after_tieubieu.png) no-repeat; position: absolute; right: -123px; top: 22px; z-index: 100; }
#hotro { width: 100%; float: left; padding: 20px 0px 20px 0px; background: url(images/gach_hotro.png) repeat-x bottom }
.row { margin-left: -15px; margin-right: -15px; }
#slider2_container { background: none !important; }
#slider2_container * { background: none !important; }
.owl_menu li { border: 1px solid #cecece; position: relative; padding: 9px; box-shadow: 4px 4px 0px #eee; margin: 0px 4px 4px 1px; }
.owl_menu li img { display: block; border-radius: 20px 0px 20px 0px; }
.owl_menu li h3 { width: 100%; float: left; }
.owl_menu li:hover h3 { bottom: 0px; }
.owl_menu li h3 a { color: #333; float: left; width: 100%; text-transform: uppercase; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #bababa; margin-bottom: 10px; }
.owl_menu li h3 a:hover { color: #ff951d; text-decoration: underline; }
.owl_menu .owl-controls { display: none; }
#baogia { width: 100%; float: left; height: 354px; background: url('images/baogia.png') no-repeat top center; }
#lienhe_bottom { width: 100%; padding: 20px; float: left; margin: 30px 0px 0px 0px; border: 1px solid #c1bfb8; text-align: center; color: #fff; font-family: 'RobotoRegular'; }
#lienhe_bottom p { width: 100%; float: left; padding: 6px 0px 6px 0px; }
#lienhe_bottom p label { width: 30%; float: left; text-align: left; color: #fff; }
#lienhe_bottom p input, #lienhe_bottom p textarea { width: 100%; float: left; padding: 7px; color: #000; border: 0px; }
#lienhe_bottom h4 { text-transform: uppercase; font-size: 27px; font-family: 'UTMAvoBold'; }
#lienhe_bottom h5 { margin: 5px 0px 20px 0px; }
#lienhe_bottom button { float: left; background: #e82d34; padding: 7px 10px 5px 10px; color: #fff; text-transform: uppercase; border: 0px; position: absolute; right: 23px; bottom: 10px; z-index: 1; }
.thongtin_bg { float: left; padding-left: 20px; }
.thongtin_bg p { float: left; width: auto !important; }
.thongtin_bg p i { font-size: 20px; margin: 0px 10px 0px 0px; }
.thongtin_bg p.email { padding-right: 40px !important; }
.thanh_bottom { width: 100%; float: left; margin: 0px 0px 10px 0px; background: url(images/bg_thanh.png) repeat-x 0px 12px; padding: 0px 0px 0px 0px; color: #00aeef; height: 33px; font-family: 'RobotoCondensedBold'; }
.thanh_bottom img { float: left; margin-right: 10px; }
.thanh_bottom:after { width: 15px; height: 15px; content: ''; background: #ec0574; display: inline-block; }
.thanh_bottom  h4 { color: #fff; text-transform: uppercase; font-size: 30px; display: inline-block; background: #fff; padding: 0px 20px 0px 0px; }
.khung_1 { width: 100%; float: left; border: 1px solid #efefef; padding: 10px; margin: 10px 0px 10px 0px; }
.khung_thongtin { float: right; padding-top: 0px; }
.khung_thongtin li { padding: 5px 0px 5px 0px; width: 100%; float: left; border-bottom: 1px solid #ebebeb; font-family: 'Arial'; }
.khung_thongtin li span { color: #333; font-family: Arial; font-size: 15px; font-weight: bold; }
.khung_thongtin h1 { font-size: 22px; color: #000; text-shadow: 0px 0px 3px #fff; text-transform: uppercase; font-family: 'UTMAlexander'; }
.khung_thongtin b { font-weight: 100; font-size: 14px; }
.khung_thongtin .masp { }
.khung_thongtin .mota_detail { border-left: 0px; border-right: 0px; white-space: pre-line; padding: 20px 0px 20px 0px; }
.khung_thongtin .gia_detail { font-size: 17px; font-family: 'UTMAvoBold'; color: red; }
.khung_thongtin .gia_detail b { }
.khung_thongtin .giacu_detail { font-size: 20px; color: #FF0000; }
.khung_thongtin .giacu_detail span { }
.khung_thongtin .baohanh_detail { color: #015DA4; }
.size_detail { width: 100%; float: left; margin-bottom: 10px; }
.size_detail label { float: left; margin-top: 5px; font-weight: 100; }
.size_detail ul li { border-bottom: 0px; float: left; padding: 5px 10px 5px 10px; border: 1px solid #189eff; width: auto; margin-left: 10px; border-radius: 2px; cursor: pointer; color: #189eff }
.size_detail ul li:hover, .size_detail ul li.active { background: #189eff; color: #fff; }
.mausac_detail { width: 100%; float: left; margin-bottom: 10px; }
.mausac_detail label { float: left; margin-top: 5px; font-weight: 100; }
.mausac_detail ul li { border-bottom: 0px; float: left; padding: 5px 10px 5px 10px; width: auto; margin-left: 10px; border-radius: 2px; cursor: pointer; color: #fff }
.mausac_detail ul li.active { border: 2px solid #006485; padding: 3px 8px; }
.soluong_detail .input-group { width: 120px; }
.soluong_detail .input-group input { text-align: center; }
.soluong_detail label { float: left; font-weight: 100; margin: 8px 10px 0px 0px; }
.owl_carousel_detail .owl-controls { display: none; }
.lienhe_ { font-size: 18px; font-weight: bold; color: #AEAEAE }
.dathang_detail p { width: 100%; float: left; }
.dathang_detail select { width: 80px; height: 50px; float: left; border: 1px solid #cccccc; border-radius: 5px; background: url(images/select.png) no-repeat right 0px; }
.row_video { width: 390px; float: right; }
#huongdan_dh { float: right; }
.chonsize label { padding: 0px 10px 0px 0px; font-weight: 100; cursor: pointer; color: #DC00C0 }
.gia_detail span { font-size: 14px; color: #666; }
.dathang_detail .thanhtoannhanh { width: calc(50% - 35px); float: left; background: #844204; height: 50px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 15px 0px 15px 0px; cursor: pointer; color: #fff; text-align: center; margin-right: 10px; }
.dathang_detail .thanhtoannhanh i, .dathang_detail .muangay i { font-size: 20px; margin-right: 10px; }
.dathang_detail .muangay { width: calc(50% - 35px); float: right; background: #4372a6; height: 50px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 15px 0px 15px 0px; cursor: pointer; color: #fff; text-align: center; margin-right: 10px; }
.dathang_detail .thanhtoannhanh:hover, .dathang_detail .muangay:hover { color: yellow; }
.dathang_detail span { width: 42px; height: 42px; padding: 7px 0px 0px 0px; float: left; border: 3px solid #ccc; border-radius: 50%; text-align: center; }
.huongdan_detail a { width: 100%; float: left; padding: 5px 0px 5px 35px; background: url(images/hd_muahang.png) no-repeat left center; color: #035E80; font-style: italic; background-size: 30px 30px; }
.huongdan_detail a:hover { color: #04579D }
.box_new { width: 50%; float: left; padding: 15px; font-size: 14px; font-family: 'RobotoRegular'; }
.box_new img { float: left; margin: 5px 20px 0px 0px;    width: 39%; }
.box_new h3 { padding: 0px 0px 5px 0px; }
.box_new h3 a { font-size: 15px; color: #333; font-family: 'RobotoBold'; text-transform: uppercase; }
.box_new p { font-size: 12px; color: #333; }
.box_new:nth-child(2n+1) { clear: left; }
.box_new h3:hover a { color: #DF0000; }
.xemchitiet { text-align: right; }
.xemchitiet a { color: red; }
.xemchitiet a:hover { text-decoration: underline; }
.content_new { overflow: hidden; height: 400px; width: 100%; float: left; }
.ngaydang { font-style: italic; color: #9A9A9A; font-size: 12px; }
.thongtin_detail { font-style: italic; }
.khuyenmai_detail { margin: 5px 0px 0px 0px; }
.khuyenmai_detail ul li { padding: 5px 20px 5px 0px; color: #008c00 }
.khuyenmai_detail ul li input { float: left; margin: 3px 5px 0px 0px; }
.selectors { border: 1px solid #ccc; text-align: center; float: left; width: 100%; padding: 5px; }
.table_info { width: 100%; float: left; }
.dieuhuong { width: 100%; float: left; padding: 12px 0px 5px 25px; background: url(images/home.png) no-repeat 0px 7px; border-bottom: 1px solid #ccc; margin: 10px 0px 10px 0px; }
.dieuhuong a { color: #333; padding: 0px 10px 0px 10px; float: left; background: url(images/muiten_trong.png) no-repeat right; }
.dieuhuong a:hover { color: #007597; }
.khung_tab { width: 100%; float: left; display: none; }
.khung_tab.active { display: block; }
.thanhsp { width: 100%; float: left; margin: 0px 0px 20px 0px; background: #ffd800; }
.thanhsp h2 { color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 100; display: inline-block; padding: 0px 20px 0px 10px }
.thanhsp h2:before { content: ""; background: url(images/after.png) no-repeat; height: 18px; float: left; width: 139px; margin: 15px 0px 0px 0px; }
.thanhsp h2:after { content: ""; background: url(images/after.png) no-repeat; height: 18px; float: right; width: 139px; margin: 15px 0px 0px 0px; }
.thanhsp span { color: #FE0000 }
.khung_khac { width: 100%; float: left; margin: 0px 0px 20px 0px; }
#java_km { width: 100%; float: left; }
#java_km img { border: 1px solid #ccc; margin: 5px; padding: 1px; }
#java_km img:hover { opacity: 0.8; }
#hoidap { width: 100%; float: left; background: #f7f7f7; padding: 40px 0px 40px 0px; }
.hoidap .hoidap_khung { width: 20%; float: left; padding: 0px 5px 0px 5px; }
.hoidap .hoidap_khung h4 { font-family: 'OpenSansBold'; font-size: 17px; color: #102690; padding: 0px 0px 20px 0px; }
.hoidap .hoidap_khung li { font-size: 13px !important; padding: 0px 0px 10px 0px; }
.hoidap .hoidap_khung li img { float: left; margin: 5px 10px 0px 0px; }
.hoidap .hoidap_khung li a { color: #666 }
.hoidap .hoidap_khung li:hover a { text-decoration: underline; color: #102690; }
.hoidap .hoidap_khung li i { font-size: 12px; color: #102690; margin-right: 5px; }
.thanhdt { width: 100%; float: left; margin: 10px 0px 20px 0px; text-align: center; height: 60px; line-height: 55px; }
.thanhdt h2 { color: #333333; text-transform: uppercase; font-size: 26px; background-color: #fff; display: inline-block; padding: 0px 20px 0px 10px; font-weight: 100; }
.thanhdt span { color: #FE0000 }
#slider_duan { background: #f2f2f2; overflow: hidden; border: 1px solid #ccc; margin: 10px 0px 10px 0px; float: left }
.tin_tuc { width: 100%; float: left; text-align: center; margin-top: 10px; }
.tin_tuc h2 { display: inline-block; background: url(images/thanhsp.png) no-repeat; height: 64px; background-size: 100% 100%; padding: 10px 80px 0px 80px; text-transform: uppercase; color: #fff; font-weight: 100 }
.tin_tuc h3 { color: #646464; text-transform: uppercase; margin: 10px 0px 5px 0px; }
.tin_tuc p { color: #666666; font-size: 12px; }
.tin_tuc ul li { width: 370px; float: left; margin: 20px 0px 0px 10px; text-align: left; }
.tin_tuc ul li img { width: 66px; height: 66px; float: left; margin: 10px; border-radius: 100%; }
.tin_tuc ul li { padding: 2px 0px 2px 10px; }
.tin_tuc ul li a { color: #00426f; }
.tin_tuc ul li span { color: #ccc }
.tin_tuc a:hover { color: rgba(255, 0, 0, 1); }
.giaohang_tn { width: 380px; float: left; padding: 20px 10px 20px 160px; color: #fff; background: url(images/giaohang.png) no-repeat 0px 10px; border-right: 1px solid #0081b4; }
.giaohang_tn h4 { color: #fbda42; font-size: 18px; text-transform: uppercase; font-family: 'RobotoCondensed'; }
.giamgia_hot { position: absolute; width: 40px; float: left; height: 40px; z-index: 1; top: 3px; right: 3px; background: url(images/giamgia.png) no-repeat; line-height: 30px; text-align: center; color: #FFF; }
.thuonghieu_item { width: 20%; float: left; text-align: center; border: 1px solid #eee; padding: 10px; }
.thuonghieu_item h3 a { margin-top: 10px; color: #e91678; font-family: 'UTMFlamenco'; }
.thuonghieu_item img { max-width: 100%; }
.thuonghieu_item:hover { border: 1px solid #e91678; }
.xemthem { float: right; margin: 10px 10px 0px 0px; font-size: 18px; color: #595959 }
.xemthem:hover { color: #035381 }
.chitiet { display: inline-block; text-align: center; color: #fe8152; margin-top: 10px; }
.chitiet a { color: #4388e1; text-decoration: none; }
.chitiet a:hover { color: #ec0574; }
.gach { width: 100%; float: left; border-bottom: 1px dotted #ccc; margin: 5px 0px 5px 0px; }
.noidung ul li { list-style-type: none !important; }
#thanh_toan { width: 100%; float: left; border-top: 1px solid #9d9e9e; border-bottom: 1px solid #9d9e9e; padding: 10px 0px 10px 0px; margin: 20px 0px 0px 0px; }
.thoigian { float: right; font-family: 'UTMAvo'; padding: 25px 0px 0px 20px; }
.hotline_bt { float: right; padding: 13px 0px 0px 0px; font-family: 'UTMAvo'; font-weight: bold; }
.hotline_bt span { font-size: 24px; font-weight: bold; color: #ff5159 }
.hotro_bottom p { float: left; text-transform: uppercase; font-weight: bold; color: #1b1c23; margin: 25px 20px 0px 20px; }
.list_carousel_banchay { padding-bottom: 60px; }
.list_carousel_banchay .owl-controls { display: none; }
#dichvu_ct:after { content: ''; width: 100%; float: left; background: url(images/bg_tintuc.png) no-repeat center; height: 29px; position: absolute; bottom: -29px; left: 0px; }
#dichvu_ct { width: 100%; float: left; min-height: 436px; margin: 0px 0px 0px 0px; padding: 10px 0px 20px 0px; position: relative; background: url(images/bg_in.png) repeat-x bottom; }
.khung_footer { margin-top: 30px; padding: 0px 30px 0px 0px; }
.khung_footer h4 { text-transform: uppercase; color: #1a6def; border-bottom: 2px solid #eee; padding: 5px 0px 5px 0px; }
.khung_footer ul li a { width: 100%; float: left; padding: 5px 0px 5px 5px; color: #747474; border-bottom: 1px solid #eee; transition: 0.5s; }
.khung_footer ul li a:hover { color: #025A7E; background: #EAEAEA }
.khung_facebook { margin-top: 0px; padding: 0px 0px 0px 30px; width: 280px; float: left; color: #d9b19b }
.khung_facebook h4 { text-transform: uppercase; padding: 0px 0px 0px 0px; font-size: 16px; }
.khung_facebook ul li a { width: 100%; float: left; padding: 5px 0px 5px 0px; color: #747474; border-bottom: 1px solid #eee }
.logo_bt { float: left; text-align: center; }
.logo_bt { max-width: 90% }
.menu_bt { width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; text-align: center; color: #333; }
.congty { position: relative; color: rgba(255, 255, 255, 1); text-align: center; margin-top: 10px; text-transform: uppercase; width: 100%; float: left; }
.menu_bt a { text-decoration: none; color: rgba(255, 255, 255, 1); font-size: 14px; padding: 0px 25px 0px 25px; text-transform: uppercase; }
.menu_bt a:hover { color: rgba(255, 255, 0, 1); }
.bottom { width: 100%; float: left; padding: 10px 0px 0px 0px; position: relative; margin: 0px 0px 0px 0px; }
.logo_bt { float: left; margin: 0px 0px 0px 0px; }
.khung_bt ul li a:hover { color: #FFFC00; text-decoration: underline; }
.danhmuc_bt { flex: 3 0px; padding-left: 10px; }
.bocongthuong { float: right }
.bocongthuong h4 { margin: 10px 0px 10px 0px; font-size: 12px; color: #ccc; }
#banchay { width: 100%; float: left; }
.bando_bt { float: right; color: #fff; width: 100%; border: 1px solid #fff; }
.bando_bt h4, .thanhtoan_bt h4, .danhmuc_bt h4, .thongke h4 { color: #fff; font-weight: 100; text-align: left; font-size: 20px; margin: 5px 0px 10px 0px; text-transform: capitalize; text-transform: uppercase; font-family: 'UTMHelvetIns'; }
.bando_map { width: 100%; float: left; }
.map { float: right; margin: 20px 0px 0px 0px; }
.map h4 { color: #fff; text-align: right; text-transform: uppercase; font-style: italic; }
.map img:hover { box-shadow: 0px 0px 10px #ccc; }
.danhmuc_bt ul li a { display: block; color: #fff; padding: 3px 0px 3px 0px; }
.danhmuc_bt ul li a i { margin-right: 5px; }
.danhmuc_bt ul li a:hover { color: #FDE200; text-decoration: underline }
.thanhtoan_bt select { padding: 10px; width: 100%; border: 0px; margin-bottom: 10px; }
.thanhtoan_bt ul li { color: #fff; padding: 5px 0px 5px 0px; }
.sp_left { width: 100%; float: left; padding: 10px; }
.sp_left img { width: 80px; float: left; margin: 0px 0px 0px 0px; padding: 2px; border: 1px solid #e1e1e1; margin-right: 10px; }
.sp_left img:hover { opacity: 0.8; }
.sp_left a { color: #333; text-align: justify; }
.sp_left a:hover h3 { color: #056D94 }
.menu_bot { width: 1000px; float: left; padding-top: 5px; text-align: center; }
.menu_bot a { text-decoration: none; color: #fff; text-shadow: -1px 1px #0033CC, 1px -1px #0033CC, -1px -1px #0033CC, 1px 1px #0033CC; padding-left: 10px; padding-right: 10px; }
.menu_bot a:hover { color: #900; text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff; }
.row_ht { width: 260px; float: right; margin: 15px 0px 0px 0px; }
.dienthoai_top { color: #ffa200; font-size: 13px; float: right; margin: 20px 0px 0px 0px; padding: 2px 50px 0px 20px; }
.giomocua { width: 50%; float: left; color: #ffa200; min-height: 50px; background: url(images/open.png) no-repeat 0px 0px; padding: 0px 0px 0px 65px; font-size: 13px; }
.giomocua span { text-transform: uppercase; }
.hotline_top { float: left; padding: 7px 0px 0px 0px; font-size: 14px; color: #fff; position: relative; font-family: 'RobotoRegular'; }
.hotline_top span { color: #ffff00; font-family: 'RobotoBold'; }
.hotline_top i { margin-right: 10px; }
@-webkit-keyframes colorchange {
	0% { -webkit-text-stroke: 1px #ec0574; letter-spacing: 0; }
	100% { -webkit-text-stroke: 1px #3558a5; letter-spacing: 1px; }
}
.owl_carousel_news .owl-controls { display: none; }
.tienich { width: 100%; float: left; margin: 20px 0px 20px 0px; }
.soluong { padding: 10px 0px 0px 10px; font-weight: bold; }
.soluong span { width: 110px; float: right; color: #F90 }
div#container_product { margin-top: 10px; width: 100%; float: left; }
div#container_product #tabs { overflow: hidden; border-bottom: 3px solid #2d8ad8; }
div#container_product #tabs li { margin: 7px 50px 0px 0px; color: rgba(0, 102, 204, 1); text-transform: uppercase; font-family: 'SVNAvo'; color: #fff !important; }
div#container_product #tabs li.active { color: #000; background: #2d8ad8; padding: 10px 30px 5px 30px; }
div#container_product #tabs li { float: left; }
div#container_product #tabs li a { color: #fff; font-size: 15px; text-decoration: none; font-family: 'Arial'; }
.phantrang { text-align: center; margin-top: 20px; }
.noidung_ta { width: 100%; float: left; padding: 10px; clear: left; border: 1px solid #e4e4e4; background: #fff; }
.clear { clear: both; }
.content { width: 910px; float: right; margin: 0px 10px 0px 0px; }
#map_canvas { height: 380px; width: 100%; margin-bottom: 10px; float: left; }
#map_canvas_bt { height: 340px; width: 100%; float: left; margin-top: 0px; }
#map_canvas_chinhanh { height: 280px; width: 100%; float: left; margin-top: 0px; }
.hotro_right { display: block; position: fixed; bottom: 0px; right: 0px; z-index: 9; width: 100%; max-width: 290px; }
.hotro_right #img { display: block; position: relative; width: 100%; max-width: 290px; height: 160px; border-bottom: 1px solid #d00000; background: transparent url("images/hotro.png") no-repeat scroll 0% 0%; }
.hotro_right div.hotline_r { bottom: 0px; padding: 0px 10px; background-color: #ffde00; color: #d00000; font-size: 17px; font-weight: bold; width: 100%; text-align: center; }
.hotro_right .noidung_20 { display: none; width: 100%; float: left; background-color: #FFF; border-left: 1px solid #d00000; border-top: 1px solid #d00000; padding: 5px; }
.hotro_tt img { display: block; }
.red { color: #FB0000 }
.dieukhoan { width: 50%; float: left; border: 1px solid #ccc; margin: 10px 0px 10px 0px; }
.dieukhoan h4 { padding: 5px 10px 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #fff }
.chinhsachs li a { width: 100%; float: left; min-height: 70px; padding: 22px 0px 0px 120px; font-family: 'RobotoLight'; font-size: 16px; color: #323232; margin-bottom: 10px; position: relative }
.vs1 a { background: url('images/vs1.png') no-repeat 0px 0px; }
.vs1 a:before { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #c22c38; top: 0px; z-index: 1; }
.vs1 a:after { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #c22c38; bottom: 0px; z-index: 1; }
.vs2 a { background: url('images/vs2.png') no-repeat 0px 0px; }
.vs2 a:before { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #e5af07; top: 0px; z-index: 1; }
.vs2 a:after { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #e5af07; bottom: 0px; z-index: 1; }
.vs3 a { background: url('images/vs3.png') no-repeat 0px 0px; }
.vs3 a:before { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #0270ea; top: 0px; z-index: 1; }
.vs3 a:after { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #0270ea; bottom: 0px; z-index: 1; }
.vs4 a { background: url('images/vs4.png') no-repeat 0px 0px; }
.vs4 a:before { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #e65e08; top: 0px; z-index: 1; }
.vs4 a:after { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #e65e08; bottom: 0px; z-index: 1; }
.vs5 a { background: url('images/vs5.png') no-repeat 0px 0px; }
.vs5 a:before { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #39b64a; top: 0px; z-index: 1; }
.vs5 a:after { content: ''; position: absolute; right: 0px; left: 70px; border-top: 1px dashed #39b64a; bottom: 0px; z-index: 1; }
.chinhsachs li a:hover { color: #dc1b1b; }
.tin_nb { float: left; }
.tin_nb a { color: #333; }
.tin_nb a:hover { text-decoration: underline; color: #ff6600 }
.tin_nb h3 { margin-bottom: 10px; padding: 5px 0px 0px 0px; }
.tin_nb img { display: block; }
.tin_nb p { color: #999; }
.content_new ul li { width: 100%; float: left; border-bottom: 1px dotted #ccc; padding: 10px 0px 10px 0px; }
.content_new ul li a { width: 100%; float: left; color: #fff; padding: 0px 0px 0px 20px; }
.content_new ul li a:hover { color: #FFF600 }
.content_new ul li span { float: right; }
.khung_trai { width: 49%; float: left; margin-left: 0px; }
.khung_phai { width: 49%; float: right; padding: 0px; }
.thongtin_lh { width: 100%; float: left; padding: 0px 40px 20px 0px; }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { width: 100%; float: left; }
.form_lh fieldset { padding: 10px; margin: 20px 0px 0px 0px; }
.form_lh legend { padding: 0px 10px 0px 10px; font-style: italic; color: #023B70 }
.form_lh p { padding: 5px 0px 5px 0px; }
.form_lh p input { padding: 5px; width: 300px; margin-left: 10px; }
.form_lh p label { width: 120px; float: left; }
.form_lh p textarea { padding: 5px; width: 435px; margin-left: 5px; border: 1px solid #ccc; }
.form_lh p button { border: 0px; background: #2d8ad8; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-left: 13px; }
.form_lh p button:hover { background: #ff0000; }
.form_van input { width: 100%; padding: 5px; }
.form_van button { position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00 }
.form_contact { padding: 20px 0px 0px 0px; }
#form_contact input { padding: 5px; }
#box_video { width: 100% !important; float: left; }
.owl-carousel_video .owl-controls { display: none; }
.box_video { float: left; }
.box_video img { width: 100% }
.box_video h3 { text-align: center; margin: 10px 0px 0px 0px; width: 100%; float: left; font-size: 14px; }
.box_video:hover { opacity: 0.8; }
.dieukhoan { width: 49%; float: left; border: 1px solid #ccc; margin: 10px 0px 10px 0px; }
.dieukhoan h4 { padding: 5px 10px 5px 10px; background: #F2F2F2; text-transform: uppercase; color: #555 }
.xacnhan { width: 100%; float: right; }
.xacnhan h4 { padding: 8px 10px 8px 10px; background: #F2F2F2; text-transform: uppercase; color: #333; margin-bottom: 10px; }
.xacnhan * { font-weight: 100; }
.phuongthuc h4 { padding: 8px 10px 8px 10px; background: #F2F2F2; text-transform: uppercase; color: #333; margin-bottom: 10px; }
.dongy { padding: 10px; width: 100%; float: left; font-weight: bold; }
.back_fix { height: 375px; width: 100%; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; margin-top: 20px; }
.back_fix1 { background-image: url("images/photo_divider1.jpg"); }
.back_fix2 { background-image: url("images/photo_divider2.jpg"); }
.back_fix3 { background-image: url("images/photo_divider3.jpg"); }
.back_fix4 { background-image: url("images/photo_divider4.jpg"); }
.menu_hinhanh { width: 100%; float: left; height: 40px; background: url(images/menu.png) repeat-x; text-align: center; margin-top: 30px; }
.menu_hinhanh li { display: inline-block; background: url(images/gach_menu.png) no-repeat right; padding-right: 5px; }
.menu_hinhanh li:last-child { background: none; }
.menu_hinhanh a { display: block; height: 40px; line-height: 40px; padding: 0px 20px 0px 20px; }
.menu_hinhanh a:hover { color: #FBC729 }
.menu_mobile, .menu_hinhanh_m { display: none; font-size: 30px; color: #fff; float: right; margin: 5px 10px 0px 0px; position: relative; cursor: pointer; }
.menu_mobile:hover, .menu_hinhanh_m:hover { color: #FAD400 }
.home_mobile { font-size: 24px; color: #fff; display: none; float: left; margin: 10px 0px 0px 10px; }
.home_mobile a { color: #fff; }
.home_mobile a:hover { color: #FFFC00 }
.menu_trong { position: absolute; z-index: 100; display: none; background: #fff; border: 1px solid #eee; }
.download_box { width: 230px; float: left; margin-right: 25px; text-align: center; }
.download_box img { border: 1px solid #ddd; padding: 5px; }
.download_box h3 { text-align: center; font-weight: 100; color: #333; margin: 5px 0px 5px 0px; font-size: 12px; }
.download_box a { margin: auto; display: inline-block; padding: 3px 20px 3px 20px; background: #DE8801; color: #fff; }
.box_video { margin: 0px auto; padding: 5px; box-sizing: border-box; width: 230px; }
.box_video img { max-width: 100%; }
.box_video a h3 { text-align: left; margin: 5px 0px 0px 0px; width: 100%; float: left; font-size: 14px; color: #000; font-weight: bold; overflow: hidden; }
.box_video:hover a h3 { color: #8CC443; }
.box_video:hover { opacity: 0.8; }
.video_info { font-size: 12px; color: #767676; line-height: 1.3em; }
.video_info .loai_vid a { font-size: 13px; color: #767676; }
.video_info .loai_vid:hover a { color: #167ac6; }
.box_vid { width: 70%; float: left; }
.box_vid iframe { height: 300px; }
.box_vid h1 { font-size: 24px; color: #fff; width: 100%; background: rgba(0, 0, 0, .7); padding: 15px 10px; box-sizing: border-box; }
.vid_cmt { width: 100%; height: auto; float: left; margin-top: 10px; }
.other_vid { width: 28%; float: right; }
.title_other { color: #8CC443; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; text-transform: uppercase; }
.other_vid .box_video_detail { width: 100%; padding: 7px; box-sizing: border-box; }
.other_vid .box_video_detail img { width: 40%; float: left; height: auto; }
.box_video_detail .vid_info { width: 58%; float: right; color: #767676; line-height: 1.3em; font-size: 12px; }
.box_video_detail .vid_info a h3 { font-size: 13px; font-weight: 500; color: #000; font-weight: bolder; }
.box_video_detail:hover .vid_info a h3 { color: #8CC443; }
.vid_info .loai_vid a { font-size: 13px; color: #767676; }
.vid_info .loai_vid:hover a { color: #167ac6; }
.luotxem { font-style: italic; color: #666; font-size: 12px; }

/* -----------------------Popup---------------------------*/
#popub { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 10001; text-align: center; }
#loading, #popub { width: 100%; height: 100%; display: none; }
#popub .popub { position: relative; max-width: 80%; margin: auto; display: inline-block; }
#popub .popub .close_popup { position: absolute; background: url(images/icon/close.png) center center no-repeat; width: 60px; height: 60px; right: -33px; top: -33px; z-index: 999999; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; box-shadow: 0 0 60px rgba(0, 0, 0, .2); border: 1px solid rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .1); }
.close_popup { font-size: 21px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 1; }
.close_popup, .list-group-item>.badge { float: right; }
#popub .popub .close_popup:hover { background-color: rgba(255, 255, 255, .3); box-shadow: 0 0 20px rgba(255, 255, 255, .8); }

/* -----------------------End Popup---------------------------*/

/*--------------tags---------------------*/
.tags { background: #001978; display: inline-block; padding: 0px 5px; line-height: 25px; color: #fff; padding-right: 15px; margin-bottom: 5px; margin-right: 5px; position: relative; }
.tags:before { content: ''; height: 0px; width: 0px; position: absolute; top: 0px; left: -10px; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #001978; }
.tags:after { content: ''; height: 0px; width: 0px; position: absolute; top: 0px; right: 0px; border-top: 13px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #fff; }
.tags span { width: 10px; height: 10px; float: left; background: #fff; margin: 7px 10px 0px 0px; border-radius: 100%; }
.tags:hover span { background: #FFFC00; }
.tags:hover { color: #FFFC00 }

/*-----------------end tags-----------------------*/
#frmPrjSearch { width: 100%; float: left; text-align: center; }
.comboboxs { width: 100%; float: left; }
.comboboxs select, .comboboxs input { width: 100%; padding: 7px; margin: 10px 0px 0px 0px; }
.comboboxs { }
.entry-title { text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #ccc; color: #666 }
.search-btn { float: left; }
#btnSearch { background: url(images/icon_tk.png) no-repeat; border: 0px; padding: 9px 20px 5px 45px; text-transform: uppercase; color: #F5E700; margin: 10px 0px 0px 0px; cursor: pointer; float: none; width: 114px; float: left; }
#btnSearch:hover { color: #fff }

/*-----------fanpage----------------*/
.fanpage { position: fixed; top: 200px; right: -300px; z-index: 9999999999; width: 300px; height: 250px; transition: all 0.5s; }
.fanpage .title_fanpage { position: absolute; top: 0px; left: -45px; }
.fanpage:hover { right: 0px; }

/*-----------fanpage-right---------------*/
.face_right { position: fixed; top: 300px; right: -300px; z-index: 1000; width: 345px; float: left; transition: 0.5s; }
.face_right.active { right: 0px; }
.face_right .img_face { float: left; }

/*-----------fanpage-right---------------*/
.menu_mobile, .menu_hinhanh_m { display: none; font-size: 30px; color: #fff; float: right; margin: 1px 10px 0px 0px; position: relative; cursor: pointer; }
.menu_mobile:hover, .menu_hinhanh_m:hover { color: #FAD400 }
.home_mobile { font-size: 24px; color: #caa049; display: none; float: left; margin: 8px 0px 0px 0px; }
.home_mobile a { color: #fff; }
.home_mobile a:hover { color: #FFFC00 }
.list_home { width: 100%; float: left; margin-top: 30px; }
.list_home li { float: left; position: relative; padding: 10px; }
.list_home li h3 { position: absolute; bottom: 10px; left: 10px; padding: 10px; right: 10px; background: rgba(0, 0, 0, 0.8); font-family: 'UTMAvo'; font-size: 20px; font-weight: 100; text-align: center; transition: 0.5s; }
.list_home li h3 a { color: #fff; }
.list_home li img { width: 100%; max-width: 100%; }
.list_home li:hover h3 { left: 20px; bottom: 20px; right: 20px; background: rgba(0, 0, 0, 1); }
.list_home li:hover h3 a { color: #FFE400; }
.nav_mobile { display: none; width: 100%; float: left; background: #915a24; position: relative; z-index: 1000 }
.nav_mobile li { width: 100%; float: left; }
.nav_mobile li a { width: 100%; float: left; color: #fff; border-top: 1px solid #c58b51; border-bottom: 1px solid #65370a; padding: 10px 0px 10px 20px; }
.nav_mobile li li a { padding: 5px 0px 5px 40px; background: url(images/icon_gachgt.png) no-repeat 15px 10px; }
.shiphangre table { border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
.shiphangre table td { padding: 20px; border-top: 1px solid #eee; border-left: 1px solid #eee; }
.shiphangre td table { border: 0px; }
.shiphangre td table td { border: 0px; }
.shiphangre td table td { padding: 10px 20px 10px 20px; margin: 0px 0px 0px 0px; }
.shiphangre table td input[type="text"] { width: calc(100% - 120px); float: right; border: 0px; border-bottom: 1px dotted #ccc; }
.shiphangre table td.chuyenphat p { padding: 5px; }
.shiphangre table td.chuyenphat input { float: left; margin: 5px 10px 0px 0px; }
.shiphangre .xacnhan_kh td { vertical-align: top; }
.shiphangre .xacnhan_kh h4 { border-bottom: 1px solid #eee; width: 100%; float: left; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; font-weight: bold }
.shiphangre .xacnhan_kh p { padding: 5px 0px 5px 0px; width: 100%; float: left; }
.shiphangre .xacnhan_kh select { width: 48%; padding: 5px; float: left; margin-bottom: 10px; }
.shiphangre .xacnhan_kh #quanhuyen { float: right; }
.shiphangre .xacnhan_kh td input[type="radio"] { float: left; margin: 5px 10px 0px 0px; }
.shiphangre .xacnhan_kh textarea { width: 100%; padding: 10px; }
#guiyeucau { background: #0a3594; color: #fff; border: 0px; float: right; padding: 10px 30px 10px 30px; font-family: 'OpenSansExtraBold'; text-transform: uppercase; font-size: 16px; margin: 10px 0px 0px 0px; cursor: pointer }
#guiyeucau:hover { background: #f19623; }
.sobill { font-size: 20px; font-family: 'OpenSansExtraBold'; color: #666; }
.tintuc_hot { width: 100%; float: left; }

/* Validation */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; }
.formError.inline { position: relative; top: 0; left: 0; display: inline-block; }
.formError .formErrorContent { width: 100%; background: #0a3594; position: relative; color: #fff; min-width: 120px; font-size: 11px; padding: 4px 10px 4px 10px; white-space: nowrap; }
.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.formError .formErrorArrow { position: relative; }
.formError .formErrorArrow:before { content: ''; display: inline-block; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #0a3594; top: 0px; left: 23px; }
.formError .formErrorArrow:after { content: ''; display: inline-block; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #0a3594; top: -2px; left: 24px; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top: 2px; }
.formError .formErrorArrowBottom:before { content: ''; display: inline-block; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.2); top: -6px; left: 23px; }
.formError .formErrorArrowBottom:after { content: ''; display: inline-block; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; top: -5px; left: 24px; }
#info { width: 100%; float: left; margin: 0px 0px 30px 0px; position: relative; }

/*------------- Thanh title ----------*/
.thanh_title { width: 100%; float: left; text-align: center; background: url(images/thanh_tit.png) no-repeat bottom center; margin-top: 30px; padding-bottom: 20px; margin-bottom: 30px; }
.thanh_title h2 { font-family: 'SFUAGBuchStencilBQMedium'; font-size: 30px; color: #2d8ad8; text-transform: uppercase; font-weight: normal;}
.thanh_title p { display: inline-block; font-size: 14px; color: #000; font-family: 'RobotoRegular'; }

/*------------- Header -------------*/
#logo {width: 216px; margin: 0px 0px 0px 0px;text-align: center; float: left; position: absolute; top: -19px; left: 0px; z-index: 1;    background: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); transition: 0.5s; }
#logo img, #banner img { max-width: 100%; }
#header { width: 100%; float: left; position: relative; }
.hotro_top { width: 100%; height: 41px; line-height: 41px; background: #f2f2f2; float: left; position: relative; border-bottom: 1px solid #d9d9d9; }
.hotro_top p { display: inline-block; font-family: 'RobotoRegular'; color: #727272; font-size: 14px; float: left; }
.hotro_top span { font-family: 'RobotoBold'; color: #ff0000; font-size: 14px; }
.em_top { background: url(images/email.png) no-repeat left center; padding-left: 30px; margin-left: 25%; }
.hl_top { background: url(images/phone.png) no-repeat left center; padding-left: 30px; }
.ngonngu { float: right; }
.ngonngu a { float: right; margin-left: 7px; }
.header { width: 100%; float: left; position: relative;     background: #fff;    
    border-bottom: thin solid #dfdfdf;}
#main_menu { width: 70%; float: right; }
.gach_ht { width: 1px; height: 41px; background: url(images/gach_ht.png) no-repeat center; padding: 0px 15px; }

/*------ Tìm kiếm ------*/
#timkiem { width: 23%; float: right; position: relative; margin-top: 5.5px; }
#timkiem input { width: 100%; height: 30px; float: left; background: #c2c2c2; border: 0; font-size: 13px; color: #fff; font-family: 'RobotoRegular'; border-radius: 20px; padding: 0px 40px 0px 20px; border-top: 1px solid #9b9b9b; border-left: 1px solid #9b9b9b; }
#timkiem button { width: 20px; height: 20px; background: url(images/timkiem.png) no-repeat; border: 0; position: absolute; top: 5.5px; right: 15px; }
#timkiem input::-webkit-input-placeholder { color: #fff; }
#timkiem input:-moz-placeholder { color: #fff; }
#timkiem input::-moz-placeholder { color: #fff; }
#timkiem input:-ms-input-placeholder { color: #fff; }

.form_lh input::-webkit-input-placeholder { font-size: 12px; }
.form_lh input:-moz-placeholder { font-size: 12px; }
.form_lh input::-moz-placeholder { font-size: 12px; }
.form_lh input:-ms-input-placeholder { font-size: 12px; }

/*----- Slide --------*/
#danhmuc { width: 100%; float: left; position: relative }
#slide_show { width: 100%; float: left; position: relative; margin: 0px 0px 0px 0px; }
#slide_show span { opacity: 0; transition: 0.5s; }
#slide_show:hover span { opacity: 1; }
.total { display: none; }

/*-------- Giới thiệu ------------*/
.wrap_gt { width: 100%; float: left; position: relative; }
.noidung_gt { width: 100%; float: left; text-align: center; margin-bottom: 20px; }
.noidung_gt p { font-family: 'RobotoRegular'; font-size: 14px; color: #000; line-height: 25px; }
.wrap_bv { width: 100%; float: left; position: relative; }
.owl_bv { width: 100%; float: left; }
.item_bv { width: 100%; float: left; border: 1px solid #2d8ad8; text-align: center; position: relative; padding: 0px 5% 10px 5%; min-height: 197px; }
.item_bv:hover a { color: #ff0000; }
.img_bv { display: inline-block; position: relative; }
.mota_bv { width: 100%; float: left; }
.mota_bv h3 { width: 100%; margin-top: 10px; margin-bottom: 5px; }
.mota_bv h3 a { font-family: 'RobotoMedium'; font-size: 15px; color: #2d8ad8; text-transform: uppercase;display: block;height: 40px;line-height: 20px;overflow: hidden }
.mota_bv p { font-family: 'RobotoRegular'; font-size: 15px; color: #000; height: 120px; line-height: 20px; overflow: hidden; margin: 0; display: block; }
.img_bv img { margin-top: -34px; }
.owl_bv .owl-stage-outer { padding-top: 34px !important; }

/*--------- Lĩnh vực hoạt động --------*/
.linhvuc { width: 100%; float: left; position: relative; }
.owl_lv { width: 100%; float: left; }
.item_lv { width: 100%; float: left; }
.img_lv { width: 100%; float: left; }
.item_lv:hover a { color: #ff0000; }
.mota_lv { width: 100%; float: left; text-align: center; }
.mota_lv h3 a { display: inline-block; font-size: 16px; color: #2d8ad8; font-family: 'RobotoBold'; text-transform: uppercase; margin-top: 15px; margin-bottom: 5px; }
.mota_lv p { font-family: 'RobotoRegular'; font-size: 14px; color: #000; }
.owl_lv .owl-prev { width: 21px; height: 34px; background: url(images/left.png) no-repeat; position: absolute; left: -40px; top: 102.5px; margin: 0px !important; padding: 0px !important; text-indent: -9999px; }
.owl_lv .owl-next { width: 21px; height: 33px; background: url(images/right.png) no-repeat; position: absolute; right: -30px; top: 102.5px; margin: 0px !important; padding: 0px !important; text-indent: -9999px; }

/*---------- Dự án -----------*/
.duan_tb { width: 100%; float: left; position: relative; padding-bottom: 60px; }
.wrap_duan { width: 100%; float: left; }
.grid_duan { width: 100%; float: left; display: grid; grid-gap: 11px; grid-template-columns: 1fr 1fr 1fr 1fr; }
.item_duan { width: 100%; float: left; position: relative; }
.item_duan:hover a { color: #2d8ad8; }
.img_duan { width: 100%; float: left;position: relative; }
.item_duan h3 { width: 100%; float: left; position: absolute; background: rgba(0, 0, 0, 0.7); padding: 10px 0px; bottom: 0px; left: 0px; text-align: center; }
.item_duan h3 a { font-size: 14px; color: #fff; font-family: 'RobotoBold'; text-transform: uppercase; }

/*-------- Trang trong --------*/
.grid_sp { width: 100%; float: left; display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr; }
.item_pro { width: 100%; float: left; }
.item_pro:hover a { color: #ff0000; }
.img_pro { width: 100%; float: left; }
.mota_pro { width: 100%; float: left; }
.mota_pro h3 { width: 100%; float: left; text-align: center; }
.mota_pro h3 a { display: inline-block; font-size: 16px; color: #2d8ad8; font-family: 'RobotoBold'; text-transform: uppercase; margin-top: 15px; margin-bottom: 5px; }
.mota_pro p { font-family: 'RobotoRegular'; font-size: 14px; color: #000; }

/*--------- Bottom ------------*/
#bottom { width: 100%; float: left; position: relative; background: #f2f2f2; padding-bottom: 50px; }
.tin_bt { width: 67%; float: left; }
.thanh_bt { width: 100%; float: left; background: url(images/thanh_bt.png) no-repeat bottom left; margin-top: 50px; padding-bottom: 10px; margin-bottom: 25px; }
.thanh_bt h2 { font-family: 'SFUAGBuchStencilBQMedium'; font-size: 30px; color: #2d8ad8; text-transform: uppercase;font-weight: normal; }
.khung_tin { width: 100%; float: left; padding-right: 4%; }
.tinlon { width: 48%; float: left; }
.mota_lon { width: 100%; float: left; }
.mota_lon h3 { width: 100%; float: left; margin-top: 12px; margin-bottom: 5px; }
.mota_lon h3 a { font-size: 14px; font-family: 'RobotoBold'; color: #000; }
.mota_lon h3 a:hover { color: #ff0000; }
.mota_lon p { width: 100%; float: left; font-size: 14px; color: #000; font-family: 'RobotoRegular'; text-align: justify; line-height: 25px; }
.xemthem_lon { width: 100%; float: left; margin-top: 14px; }
.xemthem_lon a { display: inline-block; font-size: 14px; color: #000; text-transform: uppercase; padding: 10px 15px; border: 2px solid #000; }
.xemthem_lon a:hover { color: #ff0000; border: 2px solid #ff0000; }
.tinnho { width: 52%; float: right; padding-left: 1.5%; }
.sim_tin { width: 100%; float: left; }
.item_tin { width: 100%; float: left; }
.img_tin { width: 39%; float: left; }
.mota_tin { width: 61%; float: right; padding-left: 4%; }
.mota_tin h3 { width: 100%; float: left; }
.mota_tin h3 a { font-size: 14px; font-family: 'RobotoBold'; color: #000; text-align: justify; }
.mota_tin h3 a:hover { color: #ff0000; }
.mota_tin p { width: 100%; float: left; font-size: 14px; color: #000; font-family: 'RobotoRegular'; text-align: justify; }
.video_bt { width: 33%; float: right; }
.khung_clip { width: 100%; float: left; }

/*--------- Thống kê ---------*/
.thongke_cty { width: 100%; min-height: 360px; float: left; position: relative; padding-top: 60px; }
.grid_tk { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 150px; padding: 0px 7%; }
.item_tk { width: 240px; height: 240px; float: left; background: #fff; border-radius: 100%; text-align: center; }
.item_tk h3 { font-size: 55px; font-family: 'RobotoBold'; color: #4d4d4d; margin-top: 60px; }
.item_tk h3 span { font-size: 55px; font-family: 'RobotoBold'; color: #4d4d4d; margin-right: 10px; }
.item_tk p { font-size: 18px; color: #4d4d4d; font-family: 'RobotoRegular'; }

/*--------- Phân trang ---------*/
ul.pagination { text-align: center; color: #829994; }
ul.pagination li { display: inline; padding: 0 3px; }
ul.pagination a { color: #fff; display: inline-block; padding: 5px 10px; border: 1px solid #cde0dc; text-decoration: none; background: #333; font-family: 'RobotoRegular'; font-size: 13px; }
ul.pagination a:hover, ul.pagination a.current { background: #2d8ad8; color: #fff; }
.page_info { display: none !important; }

/* ========== Content pagination ========== */
.paging { width: 100%; float: left; text-align: center; margin: 10px 0px 0px 0px; }
.paging .pagination { margin: auto; width: auto; text-align: center; margin-top: 10px; }
.khung_in { width: 100%; float: left; }
.khung_in .pagination { width: 100%; float: left; border-radius: 0px !important; padding: 10px 10px; text-align: center; margin: 0px !important; margin-top: 20px !important; }
.khung_in .pagination ul { display: inline-block; }
.khung_in .pagination ul li { list-style: none; float: left; font-size: 14px; padding: 2px 9px; font-weight: 100; margin-right: 5px; font-family: 'RobotoRegular'; }
.khung_in .pagination ul li:hover, .khung_in .pagination ul li.actived { background-color: #de1717; cursor: pointer; color: #fff; }
.khung_in .pagination ul li a { color: #000; }
.khung_in .pagination ul li.actived >a { color: #fff; }
.khung_in .pagination ul li:hover >a { color: #fff; }
.pages li.prev { margin-right: 15px; }
.pages li.next { margin-left: 15px; }
.pages li { display: inline-block; margin: 5px 2px; }
.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #666666; font-weight: bold; background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0; border: 1px solid #d5d5d5; font-size: 11px; }
.pages li a:hover { background: #f6f6f6; }
.pages li .active { background: url(../images/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852; }
.pages li .active:hover { background: #2a313d; }

/*------- Video -------*/
.box_lon iframe { width: 100% !important; }
#box_video { width: 100% !important; float: left; }
.video_thumb { height: 90px; }
.video_thumb img { width: 100%; }
#video { width: 100%; float: left; position: relative }
#video_load { margin: 0px 0px 0px 0px; background: url(images/bg_pro.png) repeat; width: 100%; float: left }
#video_load .object { background: #fff; width: 100%; float: left }
.video { width: 100%; margin-bottom: 10px; float: left; }
.select_video { width: 100%; float: right; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer; border-top: 0; }
.select_video select { width: 100%; float: left; height: 30px; border: 0px; color: #969696; font-size: 12px; font-family: 'RobotoRegular'; }
.select_video select option { width: 100%; float: left; }
.select_video::-webkit-scrollbar { width: 5px; }
.select_video::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
.select_video::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; }

/*-------- Đối tác --------*/
.doitac { width: 100%; float: left; position: relative; padding-bottom: 60px; }
.doitac li { float: left; border: 1px solid #f2f2f2; }
.doitac .owl-nav .owl-prev { width: 21px; height: 34px; background: url(images/left.png) no-repeat; position: absolute; left: -40px; top: 36.5px; margin: 0px !important; padding: 0px !important; text-indent: -9999px; }
.doitac .owl-nav .owl-next { width: 21px; height: 33px; background: url(images/right.png) no-repeat; position: absolute; right: -30px; top: 36.5px; margin: 0px !important; padding: 0px !important; text-indent: -9999px; }

/*-------- Footer ---------*/
#footer { width: 100%; float: left; position: relative; }
.footer { width: 100%; float: left; position: relative; padding-bottom: 60px; }
.khung_ft { width: 100%; float: left; }
.thongtin_ft { width: 48%; float: left; padding-right: 10px; }
.thongtin_ft h2 { width: 100%; float: left; font-size: 16px; font-family: 'RobotoBold'; color: #fcff00; text-transform: uppercase; margin-top: 50px; margin-bottom: 10px; }
.info_ft { width: 100%; float: left; }
.info_ft p { width: 100%; float: left; font-size: 14px; color: #fff; font-family: 'RobotoRegular'; line-height: 40px; padding-left: 30px; }
.dc { background: url(images/icon1.png) no-repeat left center; }
.dt { background: url(images/icon2.png) no-repeat left center; }
.em { background: url(images/icon3.png) no-repeat left center; }
.wb { background: url(images/icon4.png) no-repeat left center; }
.nhantin_ft { width: 26%; float: left; padding-right: 8%; }
.thanh_ft { width: 100%; float: left; background: url(images/thanh_ft.png) no-repeat left bottom; margin-top: 50px; padding-bottom: 10px; margin-bottom: 20px; }
.thanh_ft h4 { font-size: 17.37px; font-family: 'RobotoBold'; color: #fcff00; text-transform: uppercase; }
.nhantin_ft p { font-size: 12px; color: #fff; font-family: 'RobotoRegular'; text-align: justify; width: 100%; float: left; line-height: 22px; }
.nhantin { width: 100%; float: left; position: relative; margin-bottom: 10px; margin-top: 15px; }
.nhantin input { width: 70%; height: 28px; border: 0; float: left; border-bottom: 0px; background: #fff; font-size: 13px; color: #000; font-family: 'RobotoRegular'; padding: 0px 10px 0px 10px; }
.nhantin button { width: 30%; border: 0; height: 28px; line-height: 28px; background: #ed1c24; text-align: center; color: #fff; font-size: 15px; font-family: 'RobotoRegular'; }
.nhantin button:hover { color: #fcff00; }
.mang_xh { width: 100%; float: left; }
.mang_xh a { float: left; margin-right: 10px; }
.mang_xh img{ width: 24px }
.fan_ft { width: 26%; float: right; }
.fan_ft h4 { width: 100%; float: left; font-size: 17.37px; font-family: 'RobotoBold'; color: #fcff00; text-transform: uppercase; margin-top: 50px; margin-bottom: 20px; }
#copy { width: 100%; min-height: 40px; line-height: 40px; float: left; background: #287bbf; font-family: 'RobotoRegular'; font-size: 12px; color: #fff; }
#copy span { font-family: 'RobotoBold'; text-transform: uppercase; color: #e0dc40; }
.copy { display: inline-block; float: left; }
.thongke_in { float: right; }
.thongke_in li { float: left; margin-left: 20px; }

/*------ Giới thiệu trang trong-------*/
.intro { width: 100%; float: left; position: relative; }
#sanpham { width: 100%; float: left; }
.support_bt { display: none; }
#header.fixx .header{ width: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; background: #fff; }
#header.fixx .hotro_top { display: none; }
#header.fixx #logo { top: 0px;width: 144px; }
#header.fixx #logo img { height: 80px; }
#header.fixx nav.menu_top > ul > li >a { height: 70px; line-height: 70px; }
#header.fixx #main_menu { width: 80%; }
#header.fixx .fixxx { height: 120px; }
.col-lg-10 { width: 100% !important; }
.chiase_mxh { width: 100%; margin-top: 10px; float: left; }
.zalo-share-button { width: 70px; float: left; }
.addthis_native_toolbox { float: left !important; }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { text-transform: uppercase; }
.vert .simply-scroll-list li { margin-bottom: 20px !important; }
.vert .simply-scroll-list { height: auto !important; }
.list_carousel .owl-carousel .owl-stage-outer { padding: 0px; }
.wrap_map iframe { width: 100%; float: left; }
#map_canvas_bt iframe { height: 100%; float: left; width: 100%; }

/*------- Menu hover -------*/
.menu_hv { list-style: outside none none; margin: 0; padding: 0; position: absolute; z-index: 1000; top: 100px; left: 0px; width: 100%; min-height: 155px; padding: 20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.wrap_hv { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr; }
.pro_hv { width: 100%; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr; }
.item_l { width: 100%; float: left; }
.item_l h3 { width: 100%; float: left; margin-bottom: 5px; }
.item_l h3 a { color: #333; float: left; width: 100%; text-align: left; font-size: 14px; padding: 0px 10px; font-family: 'RobotoBold'; text-transform: uppercase; }
.item_l h3 a:hover { color: #2d8ad8; }
.wrap_hv a:hover { color: #2d8ad8; }
.name_c { width: 100%; float: left; padding-left: 17px; }
.name_c a { color: #333; float: left; width: 100%; text-align: left; font-size: 14px; padding: 0px 10px; font-family: 'RobotoRegular'; text-transform: capitalize; line-height: 25px; }
.name_c a:hover { color: #2d8ad8; }
nav.menu_top > ul > li a:hover i { color: #2d8ad8; }
.wrap_hv a { color: #333; float: left; width: 100%; text-align: left; font-size: 13px; padding: 0px 10px; font-family: 'RobotoBold'; text-transform: uppercase; margin-bottom: 10px; }
nav.menu_top > ul > li:hover .menu_hv { opacity: 1; visibility: visible; top: 100%; z-index: 99; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; }
.wrap_img { width: 100%; float: left; text-align: center; }
.wrap_img a { display: inline-block; }
.chitiet { width: 100%; float: left; padding: 10px; }
.chitiet p { font-size: 14px; color: #000; font-family: 'RobotoRegular'; }
.info_gt { width: 100%; float: left; margin-top: 10px; }
.slide_in{width: 100%;float: left;position: relative;text-align: center;}
/* --du toan-- */
.box_inf_dutoan{margin-top: 20px;margin-bottom: 20px;}
.tt_dt{background: none;padding:0;margin: 10px 0;  }
.tbl_dt{}
.tbl_dt .text-center{text-align: center !important;}
.tbl_dt thead{background: #1444a8;}
.tbl_dt thead th{font-weight: bold;color: #fff;border: thin solid #056ab7 !important;vertical-align: middle !important;text-align: center;font-size: 11px;}
.tbl_dt tbody td{text-align: left;vertical-align: middle !important;}
.tbl_dt tbody td span{text-align: right;display: block}
.tbl_dt tbody td b{text-align: right;display: block}
.tbl_dt .input_dt{width: 70px;}
.tbl_dt .row_ct .c_2{background: #1444A8;}
.tbl_dt .row_ct .c_3{background: #CCFFCC;}
.table-responsive table{margin: auto !important;}
.wrap_map{margin-top: 20px;}
.content_fix ol, .content_fixul, .content_fix dl {
    *margin-right: 0px;
    padding: 0 40px;
}
.content_fix hr{border-top: 2px solid #828181;
    margin: 10px 0;}

.album_d{margin:0 auto !important }
div[style*="page-break-after:always"]{
    clear: both !important;
    width: 100% !important;
    /* border-top: #999 1px dotted !important; */
    /* border-bottom: #999 1px dotted !important; */
    padding: 0 !important;
    height: 7px !important;
    cursor: default !important;
}

@media (max-width:1349px) { }
@media (max-width:1200px) {
	.margin_auto { width: 100%; padding: 0px 10px; }
	/* ---- */
	.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom: 1em;}
	.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
	.row { margin-left: 0px; margin-right: 0px; }
	.khung_duan .row { margin-left: -15px; margin-right: -15px; }
}
@media (max-width:1024px) {
	.em_top { margin-left: 30%; }
	#timkiem { display: none; }
	.grid_tk { grid-gap: 70px; padding: 0px; }
	.content_fix img{height: auto !important;}
}
@media (max-width:1023px) {
	nav.menu_top { display: none; }
	.header_mm a { display: block !important; top: 30px; left: 10px; }
	#main_menu .header_mm a{top: 20px;}
	.fixx #main_menu .header_mm a{top: 15px;}
	.header { text-align: center; float: inherit;height: 80px; }
	.fixx .header { height: 70px; }
	#logo { float: right; width: initial; display: inline-block; margin: 0; position: relative; top: 0px; left: 0px; margin: 20px 0px; box-shadow: initial; margin: 0; text-align: right;}
	#main_menu{height: 0;}
	
	#main_menu { width: 100%; float: left;}
	#logo img, #banner img { display: initial;height: 79px  !important; }
	.fixx #logo img, .fixx #banner img { display: initial;height: 69px  !important; }
	.header_mm a{display: inline-block;background: #2d8ad8;}
	.menubar { position: initial; }
}
@media (max-width:970px) {
	.margin_auto { width: 100%; padding: 0px 10px; }
	.menu_list { width: 935px; }
	.item_bv { min-height: initial; }

}
@media (max-width:768px) {
	.menubar { width: 100%; }
	#banner_mobile { display: block; }
	.danhmuc { display: none; }
	.header_top { height: auto; }
	#left { display: none; }
	#info { width: 100%; }
	.header_mm p { display: inline-block !important; color: #fff; font-size: 18px; font-family: 'SairaBold'; }
	.bando_bt { width: 100%; }
	
	#slide_show { width: 100%; }
	
	.support_bt { display: block; }
	
	.em_top { margin-left: 0px; }
	.ngonngu { margin: 0; }
	#timkiem { display: none; }
	
	.header .margin_auto { padding: 0px; }
	.lienket_top { display: none; }
	.hotro_top { text-align: center; }
	.hotro_top h2 { float: none; }
	
	.thongtin_tt { width: 100%; }
	#slide_show { margin: 0px 0px 0px 0px; }
	.hotro_top { position: relative }
	.tintuc_hot { padding: 0px; }
	#right { display: none; }
	.menu_gt { width: 100%; }
	.menu_gt li { left: 20px; }
	.thuonghieu_item { width: 33.33% }
	.thongke { width: 100%; margin: 10px 0px 10px 0px; text-align: center; }
	.thongke h4 { text-align: center; }
	.thongke ul { background: url(images/thongke.png) no-repeat 30px 5px; }
	.yahoo_ht { background: #3dc700; padding: 10px 0px 10px 0px; }
	.lienket { width: 100%; }
	.lienket a { float: none; }
	.video_s { padding: 10px; }
	.noidung_gt { width: 100% }
	#load_map, .diachi_map { width: 100%; }
	.back_fix { height: 200px }
	.input-group { padding-left: 0px; }
	.menu_hinhanh ul, #hinhanh_top { display: none; }
	.menu_hinhanh_m { display: block; }
	.menu_hinhanh { height: auto; min-height: 40px; }
	.menu_hinhanh ul { width: 100%; float: left; margin-top: 35px; background: #000 }
	.menu_hinhanh ul li { width: 100%; float: left; background: none; border-bottom: 1px solid #333; }
	.ddsmoothmenu ul li a { width: 100%; float: left; }
	.ddsmoothmenu { height: auto; min-height: 40px; z-index: 1000; position: relative; }
	.ddsmoothmenu ul { width: 100%; float: left; background: #011f83 }
	.ddsmoothmenu ul li ul { position: relative; width: 100% !important; float: left; border-top: 1px solid #eee; }
	.ddsmoothmenu ul li { width: 100%; float: left; background: none; border-bottom: 1px solid #eee; }
	.ddsmoothmenu ul li ul li a { border-top: 0px !important; background: url(images/sao.png) no-repeat 10px 10px; }
	.khung_2 { display: none; }
	.amazingslider-nav-1 { display: none !important; }
	#amazingslider-wrapper-1 { padding-right: 0px !important }
	.frame_images ,.khung_thongtin { padding: 0px; }
	.box_new { width: 100%; }
	.dangnhap_top { display: none; }
	.giohang_top { margin: 0px; float: right; }
	.thongtin_bt li { }
	.thongtin_bt h2 { font-size: 20px; }
	.thongtin li { padding: 0px 0px 0px 30px; list-style: circle; }
	.hotnews img { width: 100px; }
	.owl-carousel { }
	.noidung { padding: 10px; }
	.box_new img { width: 100px; }
	.giohang_top { padding-right: 10px; }
	.noidung_gt { padding: 0px; }
	.item_dichvu img, .item_sanpham img, .item_kieutoc img { width: 100%; }
	#hinhanh_gt { width: 100%; }
	.item_sanpham { width: 50%; }
	.chi_address { padding-top: 10px !important; }
	.item_chinhanh  img { min-height: 150px; }
	.hotro_tt { width: 100%; }
	nav.menu_top { display: none; }
	.home_mobile, .menu_mobile { display: block; }
	.tintuc_hot { padding: 10px; }
	#lienhe_bottom { margin: 0px; padding: 5px; }
	#lienhe_bottom p { padding: 1px 0px 1px 0px; }
	#lienhe_bottom p input, #lienhe_bottom p textarea { padding: 4px; }
	.thongtin_bg { display: none }
	.fuck { display: none; }
	#gioithieu { padding-bottom: 20px; }
	#slide_show { padding-left: 0; padding-right: 0; }
	.grid_dow { grid-gap: 10px; grid-template-columns: 1fr 1fr; }
	#footer { padding-bottom: 40px; }
	.grid_duan { grid-template-columns: 1fr 1fr 1fr; }
	.tin_bt { width: 100%; float: left; padding: 0px; }
	.video_bt { width: 100%; float: left; }
	.item_tk { width: 200px; height: 200px; }
	.item_tk h3 { margin-top: 40px; }
	.grid_tk { grid-gap: 60px; }
	.item_tk h3, .item_tk h3 span { font-size: 50px; }
	#header.fixx #main_menu { width: 100%; }
	.form_lh { width: 100%; float: right; background: #f3f8fe; padding: 0px; }
	.form_lh { width: 100%; float: left; }
	.form_lh fieldset { padding: 10px; margin: 20px 0px 0px 0px; }
	.form_lh legend { padding: 0px 10px 0px 10px; font-style: italic; color: #023B70 }
	.form_lh p { padding: 5px 0px 5px 0px; }
	.form_lh p input { padding: 5px; width: 100%; margin-left: 0px; }
	.form_lh p textarea { padding: 5px; width: 100%; margin-left: 0px; border: 1px solid #ccc; }
	.form_lh p button { border: 0px; background: #303030; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-left: 5px; }
	.form_lh p button:hover { background: #0081EF; }
	.grid_sp{grid-template-columns: 1fr 1fr;}
	.khung_phai,.khung_trai{width: 100%;float: left;}
	
	.menubar{position: initial;}
	/* .mm-panel.mm-hasnavbar .mm-navbar{display: none !important;} */
	/* .mm-panels>.mm-panel.mm-hasnavbar{padding-top: 20px !important;} */
	.form_lh p label{width: auto}

}
@media (max-width:650px) { }
@media (max-width:600px) {
	.em_top { display: none !important; }
	.gach_ht { display: none !important; }
	.grid_tk { text-align: center; display: initial; }
	.item_tk { float: initial; display: inline-block; margin-bottom: 20px; }
	.thongke_cty { padding-top: 20px; }
	.grid_duan { grid-template-columns: 1fr 1fr; }
	.tinlon { width: 100%; float: initial; text-align: center; padding: 0px; }
	.tinnho { width: 100%; float: left; padding: 0; margin-top: 20px; }
	.thanh_bt { margin-top: 30px; }
	.duan_tb { padding-bottom: 40px; }
	.thongtin_ft { width: 100%; float: left; padding: 0; }
	.thongtin_ft h2 { margin-top: 30px; }
	.thanh_ft { margin-top: 30px; }
	.nhantin_ft { width: 100%; float: left; padding: 0; }
	.nhantin { width: 80%; }
	.fan_ft { width: 100%; float: left; padding: 0; }
	.fan_ft h4 { margin-top: 30px; }
	#copy { min-height: initial; line-height: initial; text-align: center; padding: 10px 0px; }
	.thongke_in { display: inline-block; float: initial; }
	.copy { float: initial; display: inline-block; margin-bottom: 10px; }
}
@media (max-width:500px) { 
.grid_sp {
    grid-template-columns: 1fr;
}}
@media (max-width:450px) { }
@media (max-width:380px) {
	.thanh_title h2, .thanh_bt h2 { font-size: 25px; }
}
@media (max-width:320px) { }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: #fff !important; font-family: 'RobotoBold'; }
.mm-panels>.mm-panel.mm-hasnavbar { background: #2d8ad8 !important; }
.mm-menu .mm-listview>li a:not(.mm-next) { color: #fff !important;text-transform: uppercase; }