@charset "utf-8";
 
 
body { font-family: Arial; font-size: 14px; line-height: 1.5; background: #FFF; width: 100%; height: 100%; float: left }
.scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 80px; right: 25px; display: none; z-index: 999; cursor: pointer; }

#banner, #container, #header, #logo, #timkiem input, .box, .box_menu { float: left }
.lang.hid, .thanh_index, .updating, .viewport { text-align: center }
.khung_thongtin, .menu_hid ul, .selectors ul, .thuvienanh ul, .tin_hid ul, .tintuc ul, ul#tabs, ul.thongtinsanpham { list-style-type: none }
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
#bidx, #bottom, #dv, #tags, .box.dv .item, .box_ghl input, .box_left, .content_box, .dvr .item, .dvr .item .box_dvr, .ht1 .boxht, .item_sp, .item_sp .img_sp, .item_spgh, .item_spgh input, .item_tc.sp .img_tc, .item_tc.sp .info_cart, .item_tc.sp .info_tc h3 a, .noidung_chitiet, .noidung_product, .owl-carousel.owl-qt, .tintuc_nb, .tt_noibat img, ul.thongtinsanpham li i { box-sizing: border-box }
a.links { display: inline-block; position: relative; float: left; }
#timkiem input::-webkit-input-placeholder { color: #333; font-size: 11px; font-family: Tahoma }
#timkiem input:-moz-placeholder { color: #333; font-size: 11px; font-family: Tahoma }
#timkiem input::-moz-placeholder { color: #333; font-size: 11px; font-family: Tahoma }
#timkiem input:-ms-input-placeholder { color: #333; font-size: 11px; font-family: Tahoma }
a, a:hover { text-decoration: none !important; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out }
.boooknow { position: fixed; top: 200px; left: 0; width: 50px; height: 160px; z-index: 99999 }
#header, #timkiem, .margin_auto { position: relative }
#container { width: 100%; overflow: hidden }
.updating { width: 100%; padding: 25px 0; font-family: Calibri; font-size: 18px; color: #333 }
.margin_auto { width: 100%; margin: 0 auto }
.content_container, .content_khung { width: 100%; float: left; position: relative }
.box { width: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; order: 1; -webkit-order: 1 }
.hid, .lg_hid, .list_vid_hid { display: none }
.viewport { width: 100%; padding: 0 0 20px }
.hieuung { position: relative; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s }
.hieuung:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .5); content: ''; -webkit-transition: -webkit-transform .6s; transition: transform .6s; -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0) }
.hieuung:hover { opacity: 1 }
.hieuung:hover:after { -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0) }
#header {width: 100%;z-index: 1000;}
#header img { max-width: 100%; height: auto }
#logo { width: 20.8% }
#banner { width: 58.4% }
.box_menu { width: 20.8%; margin-top: 48px }
.box_menu .hotline_top { padding-left: 28px; background: url(upload/icon/26x26x2/icon1.png) center left no-repeat; font-family: avobold; color: #fc3904; font-size: 20px }
#timkiem { width: 100%; margin: 0; height: 33px; padding: 0; background: #FFF; border: 1px solid #E4E4E4 }
#timkiem input { width: 90%; height: 31px; line-height: 31px; background: 0 0; color: #000; border: 0; padding: 0 0 0 11px; outline: 0; font-size: 14px }
#timkiem button { position: absolute; right: 8px; top: 8px; background: url(images/icon_search.png) top center no-repeat; width: 17px; height: 17px; border: none; outline: 0 }
#main_menu, #slide_show, .content_khung, .img, .khung { position: relative }
.lang .hotline_top { width: auto; float: right; margin-right: 14px; font-family: rbt; font-size: 14px; color: #494949; line-height: 33px }
#main_menu, #slide_show, .content_khung, .khung, .t_gt, .thanh_index, .thanh_index.indx { width: 100%; float: left }
.lang .hotline_top span { color: #E01921; font-size: 16px; font-family: rbt }
.t_gt h2, .thanh_index h3 a { display: inline-block }
.lang.hid { margin: 0; width: 100%; float: left }
.lang.hid .hotline_top { float: none; text-align: center; margin: 0; padding: 0 }
#main_menu { margin: 0; z-index: 1000; background: #fc0 }
.head.fix { position: fixed !important; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .8); -webkit-animation: fadeInDown .4s ease-in backwards; -moz-animation: fadeInDown .4s ease-in backwards; -o-animation: fadeInDown .4s ease-in backwards; -ms-animation: fadeInDown .4s ease-in backwards; -moz-animation-delay: .1s; -webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s }
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; top: -120px }
	100% { opacity: 1; top: 0 }
}
@-moz-keyframes fadeInDown {
	0% { opacity: 0; top: -120px }
	100% { opacity: 1; top: 0 }
}
@-o-keyframes fadeInDown {
	0% { opacity: 0; top: -120px }
	100% { opacity: 1; top: 0 }
}
@keyframes fadeInDown {
	0% { opacity: 0; top: -120px }
	100% { opacity: 1; top: 0 }
}
#slide_show { margin: 0; z-index: 1 }
.thanh_index { padding-bottom: 25px; background: url(upload/icon/204x13x1/title_2.png) bottom center no-repeat;margin-top: 20px; }
.thanh_index h1, .thanh_index h2 { font-family: rbtbold; color: #dfb303; text-transform: uppercase; font-weight: 400; background: 0 0; font-size: 26px }
.thanh_index h3 { font-family: rbt; line-height: 42px; font-weight: 300; font-style: normal; color: #222; font-size: 28px; text-align: left }
.t_gt h2, .thanh_index.indx h2 { font-family: rbtbold; font-size: 26px; text-transform: uppercase }
.thanh_index.indx { text-align: center; padding-bottom: 20px; background: url(upload/icon/204x13x1/title_1.png) bottom center no-repeat }
.thanh_index.indx h2 { color: #fff; font-weight: 400; background: 0 0 }
.t_gt h2 { color: #4b4b4a; padding-bottom: 7px; background: url(upload/icon/103x3x2/title.png) bottom center no-repeat }
.title-index { padding-left: 20px; border-left: 5px solid #000 }
.title-index h1 { font-size: 24px; font-family: rbtbold; color: #000 }
.box.gt { flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse }
.box.gt .bl { width: 45%; float: left }
.box.gt .br { width: 53%; float: right }
.box.gt .bm { width: 2%; float: left }
.box.gt .br .mt_gt { width: 100%; float: left; text-align: justify; font-family: rbt; font-size: 15px; line-height: 27px; color: #4b4b4a }
.box.gt .br .mt_gt a.link { display: inline-block; margin: 0 auto; background: #fc0; color: #FFF; font-family: rbtbold; font-size: 15px; line-height: 43px; padding: 0 23px; border-radius: 7px; border: 1px solid #fff }
.dvr .item, .owl_dvl .item, .tintuc_nb { line-height: 25px; text-align: left }
.box.gt .br .mt_gt a.link:hover { border-color: #ff8400; background: #fff; color: #333 }
.img { float: left; width: 285px; height: 330px; background: rgba(255, 204, 0, .4); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%) }
.img img { position: absolute; top: 6px; left: 6px; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%) }
.box.dv .item, .img_spgh.tt { position: relative }
.img2 { margin-left: -30px }
#dv { width: 100%; float: left; padding: 20px 0 40px }
.box.dv .item { width: 33.333%; max-width: 360px; margin: 0 auto; background: url(images/bg.png) top center no-repeat; padding: 10px 30px 20px 12px; overflow: hidden }
.box.dv .item img { max-width: 100%; height: auto; border-radius: 100%; -webkit-border-radius: 100%; float: left; margin-right: 15px }
.box.dv .item h3 { margin-top: 52px }
.box.dv .item h3 a { display: block; font-family: helins; font-size: 20px; color: #fff; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, .3) }
.box.dv .item:hover h3 a { color: #ff8400 }
.box.dv .item:hover img { -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.boxdv { width: 100%; float: left }
.boxdv .dvl { width: 33.75%; float: left }
.boxdv .dvr { width: 63.75%; float: right }
.owl_dvl { width: 100%; float: left }
.owl_dvl .item { width: 100%; max-width: 405px; margin: 0 auto; font-family: rbt; font-size: 14px }
.owl_dvl .item .img_item { overflow: hidden; max-height: 270px; position: relative }
.owl_dvl .item img { max-width: 100%; height: auto; margin: 0 auto; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out }
.owl_dvl .item:hover img { transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1) }
.owl_dvl .item h3 { margin: 0; font-weight: 400 }
.dvr .item img, .tintuc_nb img { margin-right: 13px; max-width: 100% }
.owl_dvl .item h3 a { font-family: rbtbold; font-size: 14px; color: #3e3e3e }
.owl_dvl .item:hover h3 a { color: #ff8400 }
.dvr .item { width: 100%; float: left; padding: 0 5px; font-family: rbt; font-size: 14px }
.dvr .item .box_dvr { width: 100%; padding: 20px 0; border-bottom: 1px dotted #919090; position: relative; }
.dvr .item .box_dvr p{line-height: 20px;height: 60px;overflow: hidden;margin-bottom: 0;}
.dvr .item img { height: auto; float: left; border-radius: 7px }
.dvr .item h3 a {font-family: rbtbold;font-size: 14px;color: #3e3e3e;line-height: 20px;height: 40px;overflow: hidden;display: block;}
.dvr .item:hover h3 a { color: #ff8400 }
.run_image { max-height: 405px; height: auto; overflow: hidden }
#bidx { width: 100%; float: left; padding: 30px 0 50px; background: #fc0 }
#bidx .bl { width: 55%; float: left }
#bidx .br { width: 41.7%; float: right }
.title_bt { width: 100%; float: left; overflow: hidden }
.title_bt h2 { font-family: rbtbold; color: #434343; font-size: 20px; text-transform: uppercase; background: url(upload/icon/598x2x2/title_bt.png) bottom left no-repeat; padding-bottom: 10px }
.tintuc_nb, .tintuc_nb h3 a { color: #434343; font-size: 14px }
#bidx .bl .load_vid { width: 73.7%; float: left }
.list_vid { width: 25.8%; float: right }
.list_vid img { cursor: pointer; background: #FFF }
#bidx .bl .load_vid iframe, #bidx .bl .load_vid video { width: 100%; height: 305px }
.tintuc_nb { width: 100%; height: auto; float: left; padding: 25px 0; border-bottom: 1px solid #dfddd7; font-family: rbt }
.tintuc_nb img { float: left; height: auto; background: #fff }
.tintuc_nb h3 { margin: 0; font-weight: 400 }
.tintuc_nb h3 a { font-family: rbtbold; display: block; margin-bottom: 19px }
.tintuc_nb:hover h3 a { color: #ff8400 }
.addcartsc img { float: left; margin-right: 15px }
.addcartsc h2 { color: #000; font-family: rbt; font-size: 18px; text-transform: uppercase; margin-bottom: 15px }
.addcartsc .themgh { background: url(images/icons_new14.png) 20px -1476px no-repeat #f5f8f3; height: 40px; line-height: 40px; color: #5f943c; padding: 0 10px 0 40px; margin-bottom: 20px; border-bottom: 1px solid #dde8d6; min-width: 50%; display: inline-block; clear: both }
.addcartsc a { display: inline-block; padding: 8px 30px; border: 2px solid #000; color: #000; font-family: rbt; font-size: 16px; text-transform: uppercase }
.addcartsc a:hover { border-color: #5F943C }
.box_spgh { width: 100%; float: left; display: flex; display: -webkit-flex; order: 1; -webkit-order: 1; flex-wrap: wrap; -webkit-flex-wrap: wrap }
.item_spgh { width: 100%; float: left; padding: 15px 5px; border-bottom: 1px solid #dde8d6 }
.item_spgh:last-child { border: none }
.item_spgh .img_spgh { width: 25%; float: left }
.item_spgh .img_spgh img { max-width: 100%; margin: 0 auto }
.item_spgh .img_spgh img:hover { opacity: .8; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out }
.item_spgh .info_spgh { width: 73%; float: right }
.item_spgh .info_spgh a.np { font-family: rbt; font-size: 16px; color: #333 }
.item_spgh .info_spgh a:hover { color: #E30000 }
.item_spgh .info_spgh .g { color: #E30000; font-family: rbt; font-size: 15px }
.item_spgh .info_spgh a.del { text-decoration: underline !important; color: #E30000; font-family: rbt; font-size: 14px; display: inline-block; padding: 0 15px; cursor: pointer }
.pages li a, .sanpham_dm ul li a, .xemtiep a, ul.pagination a { text-decoration: none }
.tgia, .ttms { color: #333; font-family: rbt }
.item_spgh input { padding: 3px }
.ttms { letter-spacing: .02em; float: right; margin-top: 5px; padding-right: 35px; background: url(images/icons_new14.png) right -159px no-repeat; font-size: 15px }
.tgia { width: 100%; float: left; padding: 10px; text-align: right; font-size: 20px; background: #FAFAFA; border-bottom: 1px solid #ccc }
.giohang_tk .g_muatiep { float: left; display: inline-block; border: none; outline: 0; border-radius: 5px; background: #F67100; color: #FFF; text-align: center; font-family: rbt; font-size: 14px; text-transform: uppercase; padding: 10px 20px; height: auto }
.box_thanhtoan { width: 100%; float: left; display: flex; display: -webkit-flex; order: 1; -webkit-order: 1; flex-wrap: wrap; -webkit-flex-wrap: wrap }
.box_vc, .owl-listsp { order: 1; flex-wrap: wrap }
.box_ghl { width: 55%; float: left; padding-right: 40px }
.box_ghr { width: 45%; float: left; background: #FAFAFA; border-left: 1px solid #E1E1E1; padding-left: 30px }
.box_ghl h3 { font-family: rbt; font-size: 18px; text-transform: uppercase; color: #333; margin-bottom: 15px }
.box_ghl input { width: 100%; padding: 5px 7px; color: #000; margin-bottom: 10px; border-radius: 3px; border: 1px solid #ccc; outline: 0 }
.box_ghl a, .box_ghl button { display: inline-block; font-family: rbt; font-size: 14px; padding: 10px 20px }
.box_ghl a { color: #333 }
.box_ghl button { float: right; border: none; outline: 0; border-radius: 5px; background: #F67100; color: #FFF; text-align: center; text-transform: uppercase }
.img_spgh.tt span { font-size: .85714em; font-weight: 600; white-space: nowrap; padding: .15em .65em; border-radius: 2em; background-color: rgba(153, 153, 153, .9); color: #fff; position: absolute; right: -.75em; top: -.75em; z-index: 3 }
.item_tc.sp { width: 100%; max-width: 230px; margin: 0 auto }
.box_tc { width: 100%; border: 1px solid #D3D3D3; float: left; padding-bottom: 13px; background: #FFF }
.item_tc{margin-bottom: 10px;}
.item_tc.sp .img_tc { max-height: 163px; padding: 5px 5px 0 }
.item_tc.sp .info_tc h3 { background: 0 0; border: none; min-height: 55px; max-height: 55px; overflow: hidden }
.item_tc.sp .info_tc h3 a { padding: 10px 17px }
.item_tc.sp .info_cart { padding: 0 7px }
.item_tc.sp .info_cart .ifo, .item_tc.sp .info_cart .ifo span.g { font-size: 13px }
.owl-listsp { width: 100%; float: left; display: flex; display: -webkit-flex; -webkit-order: 1; -webkit-flex-wrap: wrap }
.owl-listsp .item_tc { float: left; margin-bottom: 15px }
.owl-listsp .item_tc:hover { box-shadow: 0 0 5px #D3D3D3 }
.btindx { width: 100%; float: left; background: #F3F3F3; padding: 50px 0 40px; box-sizing: border-box }
.btindx .box_l { width: 62.5%; float: left }
.btindx .box_r { width: 35.8%; float: right }
.title_btidx { width: 100%; float: left; text-align: center }
.title_btidx h2 { font-family: rbtbold; font-size: 20px; color: #595959; text-transform: uppercase }
.info_ttnoibat, .tt_noibat a { font-family: Arial; font-size: 11px; color: #000; line-height: 14px }
.content_box { width: 100%; float: left; background: #FFF; padding: 15px }
.content_box .ctn_b { width: 100%; float: left; overflow: hidden }
.owl_vid { max-height: 340px }
.owl_vid img { margin: 0 auto }
.owl_vid.owl-theme .owl-controls { display: none }
.tt_noibat { width: 100%; float: left; overflow: hidden }
.info_ttnoibat { text-align: left }
.tt_noibat img { max-width: 100%; float: left; margin-right: 10px; border: 1px solid #CCC }
.tt_noibat a { display: block; font-weight: 700; margin-bottom: 5px }
.tt_noibat:hover a { color: #E30000 }
.box_vc { width: 100%; float: left; display: flex; display: -webkit-flex; -webkit-order: 1; -webkit-flex-wrap: wrap }
.item_vc { width: 33.3333%; float: left }
.item_vc .ctn_vc { max-width: 250px; min-width: 250px; float: left; margin-bottom: 15px; text-align: center }
.ctn_vc h3 a { color: #333; font-family: rbt; font-size: 15px; text-transform: uppercase; display: block; margin: 15px 0 }
.ctn_vc a { display: block; overflow: hidden; position: relative }
.ctn_vc a span { position: absolute; background: url(images/play.png) center center no-repeat rgba(0, 0, 0, .6); cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; opacity: 0 }
#main, .item_tintuc h2 a, .more-link { position: relative }
.ctn_vc:hover a span { transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; opacity: 1 }
.title_news { width: 100%; border-bottom: 1px solid #EEE; padding-bottom: 10px }
.title_news h1 { font-size: 18px; font-family: rbt; padding-left: 20px }
.select_video { width: 100%; float: left; margin: 5px 0 }
.select_video select { width: 100%; padding: 5px }
.sanpham_dm ul li a { width: 300px; float: left; padding: 0 0 8px 10px; color: rgba(255, 255, 255, 1) }
#main, .main, .tieude { width: 100%; float: left }
.sanpham_dm ul li a:hover { color: rgba(255, 255, 0, 1) }
.tieude { margin: 10px 0; color: #128f43; font-size: 24px; font-family: rbtbold; text-align: center }
.form_lh, .noidung { color: #000 }
.item_tintuc h2 a, .thanh h4 { font-family: rbtbold; font-size: 17px }
.noidung { text-align: justify; padding: 10px 0 }
.app-figure, .content_tintucnb .thanh_ttnb, .item_sp, .mota_index, .ngaydangtin, .pagination, .thanh h4, .thanh_title, .thongke h4, .title_sp, .xemtiep, ul.pagination { text-align: center }
.noidung img { max-width: 100% !important; height: auto !important }
#main { z-index: 999 }
#right { width: 250px; float: right; margin: 0 }
.danhmuc, .left, .newsss, .thanh { width: 100% }
.bando, .danhmuc, .hotline, .left, .thanh, .tinkhac, .tinkhac li a, .xemnhieu { float: left }
.left { padding: 0 }
.thanh { background: #ff8400; height: 42px }
.thanh h4 { color: #fff; text-transform: uppercase; font-weight: 400 }
.item_tintuc h2 a, .item_tintuc p { line-height: 20px; font-weight: 300; font-style: normal }
.newsss { display: flex; display: -webkit-flex; order: 1; -webkit-order: 1; -moz-order: 1; flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap }
.item_tintuc { flex: 1 50%; -moz-flex: 1 50%; -webkit-flex: 1 50%; padding: 5px; max-width: 500px }
.item_tintuc img { max-width: 100%; float: left; margin-right: 15px }
.item_tintuc h2 a { margin: 0; color: #111; letter-spacing: -.01em; display: block }
.item_tintuc p { font-family: rbt; color: #333; font-size: 15px; margin-bottom: 22px }
.item_tintuc:hover h2 a { color: #C22C18 }
.more-link { color: #000; display: inline-block; border: 2px solid; padding: 7px 18px; font-size: 14px; margin-top: 10px; z-index: 0 }
a.more-link:before { content: ""; position: absolute; z-index: -1; transition: all .3s ease 0s; width: 0; height: 100%; top: 0; left: 0; background: #111 }
a.more-link:after { content: "\f3d6"; font-family: Ionicons; margin-left: 10px; font-size: 17px; position: relative; top: 1px }
a.more-link:hover { border-color: #fdc900 }
a.more-link:hover:before { width: 100%; background: #fdc900 }
.left1 { border-left: 1px solid rgba(0, 0, 0, .06) }
.sp_noibat { padding: 10px }
.sp_noibat img { width: 100%; padding: 2px; box-shadow: 0 0 3px #ccc }
.sp_noibat h3 { color: #fff; font-size: 14px }
.sp_noibat:hover { opacity: .8 }
.visit_hidden { visibility: hidden; height: 0 }
.visit_hidden h1 { margin: 0 }
.tinkhac { width: 100%; margin: 20px 0 }
.tinkhac li a { width: 100%; padding: 2px 0 2px 30px; color: #333; background: url(images/sao.png) 10px 7px no-repeat }
.tinkhac li a:hover { color: #036CAF }
.xemnhieu { width: 193px; border: 1px solid #FF8A00; background: url(images/left_cham.png) repeat-y }
ul.pagination { color: #829994 }
ul.pagination li { display: inline; padding: 0 3px }
.pages li, .thongtin li, ul.pagination a { display: inline-block }
ul.pagination a { color: #0d7963; padding: 5px 10px; border: 1px solid #cde0dc }
ul.pagination a.current, ul.pagination a:hover { background: #0d7963; color: #fff }
.pagination { margin: 10px auto auto; width: auto }
.pages li.prev { margin-right: 15px }
.pages li.next { margin-left: 15px }
.pages li { margin: 5px 2px }
.pages li a { height: 25px; padding: 4px 8px; color: #666; font-weight: 700; background: url(../images/backgrounds/pagingBg.png) repeat-x; 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 }
.ngaydang { font-style: italic; color: #ccc }
.bando { width: 100% }
.thongke h4 { font-size: 18px; text-transform: uppercase; color: #d9b19b; font-weight: 100; font-family: rbt }
.thongke ul { list-style: none; margin: 0; padding: 0 }
.thongke ul li { float: right; width: 100%; font-size: 13px; padding: 0 15px 0 85px; margin: 6px 0 0; color: #d9b19b }
.bong_info { width: 730px; float: right; height: 30px; font-weight: 900; color: #333; text-transform: uppercase; line-height: 30px }
.hotline { width: 240px; margin: 0 0 0 10px; color: rgba(51, 51, 51, 1); font-weight: 700; font-size: 20px; background: url(images/hotline_l.png) 0 5px no-repeat; padding: 0 0 0 80px; border-bottom: 1px solid #e6e6e6 }
#content, .thongtin { width: 100%; float: left }
.hotline h5 { font-weight: 100; font-size: 12px }
.hotline span { color: rgba(255, 0, 0, 1) }
.thongtin { font-weight: 700; padding: 20px 0 22px 20px; font-size: 14px; background: url(images/bg_tt.jpg) bottom repeat-x }
.thongtin li a { border-right: 1px solid #ccc; padding: 0 10px; color: #323232; font-size: 12px }
.thongtin li a:hover { color: #01517A }
#content { margin: 0; border-top: 0 }
#content .content_container.trangtrong {margin-top: 20px; display: flex; display: -webkit-flex; order: 1; -webkit-order: 1; flex-wrap: wrap; -webkit-flex-wrap: wrap }
#sanpham { width: 76.25%; float: right }
#left { width: 21.5%; float: left }
.nps { width: 2.25%; float: left }
.box_left { width: 100%; float: left; border: 1px solid #B4B4B4; padding: 3px }
#info { width: 100%; margin: 0 auto }
.title_sp { height: 180px }
.title_sp h2 { line-height: 200px; font-family: rbt; font-size: 60px; color: #fff }
.doctiep a, .item_sp a h4 { font-size: 15px; font-family: rbtbold }
.item_sp { max-width: 370px; border: 1px solid #ccc; border-radius: 15px; background: #fff; overflow: hidden; margin: 0 auto 20px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0) }
.xx:nth-child(2n+1) { clear: both }
.box_new:nth-child(2n+1), .khung_22 .item:nth-child(2n+1) { clear: left }
.item_sp .img_sp { margin: 0 auto; overflow: hidden; background: #fff; position: relative }
.item_sp .img_sp img { transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; width: 100%; overflow: hidden; height: auto }
.item_sp:hover .img_sp img { transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05) }
.item_sp a h4 { color: #000; text-align: center; font-weight: 400; margin: 0 0 15px; padding: 0 0 15px; text-transform: uppercase; position: relative }
.item_sp a h4:before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 30px; height: 3px; border-bottom: 1px double #395E06; border-top: 1px double #395E06 }
.item_sp:hover a h4 { color: #395E06; transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -webkit-transition: color .3s ease-in-out }
.item_sp .info_sp { width: 80%; margin: -60px auto 0; position: relative; background: #fff; padding: 20px 0 }
.doctiep a { display: inline-block; margin: 20px 0; padding: 10px 0; border-bottom: 2px solid #000 }
.doctiep>a:hover { color: #EE222A; border-bottom: 2px solid #EE222A }
#select_vid { width: 100%; padding: 5px }
.tintuc ul li { width: 100%; float: left }
.img_ttsk { width: 32%; float: left }
.img_ttsk img { max-width: 100% }
.noidung_chitiet img, .noidung_news img, .thuvienanh ul li img { max-width: 100% !important }
.ngaydangtin { width: 16.5%; float: left; color: #fff; font-family: rbtbold; font-size: 24px; line-height: 28px }
.ngaydangtin span { color: #fff; font-family: rbt; font-size: 18px; letter-spacing: -1px }
.ngaydangtin>div { width: 80%; margin: 0 auto; background: #128f43; padding: 12px 4px }
.tin_info { width: 51.5%; float: left; font-family: rbt; font-size: 13px; color: #3e3e3e }
.tin_info a { font-family: rbtbold; font-size: 15px; color: #3e3e3e; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s }
.owl-carousel.owl-qt { padding: 0 8.75%; color: #fff }
.title_quantam { font-family: RobotoMedium; font-size: 22px; color: #fff; margin: 15px 0 }
.quota { width: 100%; height: 45px; background: url(images/quota.png) top center no-repeat }
.noidung_quantam { font-family: rbt; font-size: 15px; color: #fff; line-height: 22px }
.noidung_news { padding: 0 5px; font-family: rbt; line-height: 26px; font-weight: 300; font-style: normal; color: #000; font-size: 16px }
.noidung_news img { height: auto !important }
.danhmuc_spright.newss ul li:hover a { padding: 5px 0 7px }
.thuvienanh { width: 100%; float: left; position: relative }
.thuvienanh ul li { float: left; width: 25%; overflow: hidden; padding: 0 4px 4px 0 }
.thuvienanh ul li.last { float: right; padding: 0 0 4px; overflow: hidden }
.thuvienanh ul li.last img { max-height: 254px }
.xemtiep { float: right; font-size: 14px; transition: .5s }
.xemtiep a { font-style: italic; float: left; padding: 7px 0; color: #F40000 }
.xemtiep a:hover { color: #036889 }
.giaohang { width: 100%; float: left; margin-top: 20px; padding: 0 0 30px }
.thanh_title { width: 100%; float: left; margin: 0 0 15px; background: url(upload/icon/204x13x2/title_1.png) bottom center no-repeat }
.thanh_title h2, .thanh_title h4 { color: #fff; font-size: 22px; display: inline-block; font-weight: 100; text-transform: uppercase; height: 37px; line-height: 37px }
.mota_index { font-family: RobotoLight; font-size: 16px; color: #efefef; line-height: 32px }
.mota_index p { padding: 0; margin: 0 }
#tintuc_noibat { width: 100%; float: left; padding: 30px 0 }
#tintuc_noibat .box_tintucnb { width: 1200px; margin: 0 auto; position: relative }
#tintuc_noibat .box_tintucnb .content_tintucnb { width: 100%; float: left }
.content_tintucnb .thanh_ttnb { width: 100%; background: url(images/bg_title.png) bottom center no-repeat; padding-bottom: 5px }
.content_tintucnb .thanh_ttnb h3 { color: #fff; font-family: rbt; font-size: 23px; text-transform: uppercase; line-height: 25px }
.frame_images { padding: 0 5px; width: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; order: 1; -webkit-order: 1 }
.selectors { flex: 1 20%; -webkit-flex: 1 20% }
.app-figure { flex: 1 80%; -webkit-flex: 1 80% }
.selectors ul { width: 100%; padding: 0 5px; height: auto; max-height: 363px; overflow: hidden; text-align: right }
.color, .size { width: 25px; height: 30px; border: 1px solid #ccc; display: inline-block }
.size, .title_desc { text-align: center }
.color { margin: 0 2px }
.size { line-height: 30px; font-family: rbtbold; font-size: 16px; color: #333 }
.desc_product { border: 1px solid #ddd }
.title_desc { border-bottom: 1px solid #ddd }
.title_desc h4 { font-family: rbtbold; font-size: 25px; padding: 10px 0; display: inline-block; position: relative; margin: 0 }
.title_desc h4:before { border-bottom: 3px solid #b8a89b; content: ""; width: 100%; bottom: 0; left: 0; position: absolute; z-index: 2 }
.noidung_product { padding: 30px; margin: 30px; font-family: rbt; color: #000; font-size: 18px; text-align: justify; line-height: normal }
.noidung_product p { line-height: 1.4em !important }
.title_pr { text-align: center; color: #3a332f; font-size: 46px; position: relative; padding: 10px 0 50px; margin: 0 0 50px; width: 100%; font-family: rbtbold; line-height: .7em }
.title_pr:after, .title_pr:before { content: ''; position: absolute; left: 50% }
.title_pr:before { bottom: 0; width: 120px; height: 4px; border-bottom: 3px double #b5a79a; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.title_pr:after { background: url(images/product.png) center no-repeat #fcfcfc; bottom: -15px; height: 40px; width: 54px; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
ul#tabs, ul#tabs li { position: relative; z-index: 100 }
.title_pr span { font-family: rbt; font-size: 40px; font-weight: 400; color: #3a332f; text-transform: capitalize }
ul.thongtinsanpham li { font-family: rbt; line-height: 26px; font-weight: 500; font-style: normal; color: #333; font-size: 16px; text-align: justify }
.chitiet, .dangkymail button, .dathang_detail span, .tin_tuc, ul#tabs, ul#tabs li, ul.thongtinsanpham li i { text-align: center }
ul.thongtinsanpham li i { cursor: pointer; width: 100%; float: left; border: 1px solid #000; padding: 2px 0; border-radius: 3px }
ul.thongtinsanpham li i:hover { color: #FFF; background: #000 }
ul.thongtinsanpham li.show_d { display: block; line-height: 1.6em; margin-bottom: 5px; padding-top: 15px; border-top: 1px dotted #e2e2e2; font-size: 13px; font-family: rbt; font-weight: 300; font-style: normal; color: #333 }
.khung_km li, .lienket a, .tin_tuc h2, ul#tabs li, ul#tabs li a { display: inline-block }
p.p_left, p.p_right { width: 49%; margin: 0 }
ul.thongtinsanpham li.sg span { color: #E30000; font-weight: 700 }
ul.thongtinsanpham li.pdprice span { color: #E30000; font-weight: 700; font-size: 22px }
ul.thongtinsanpham li.pdprice span.giatt { font-size: 18px; font-weight: 400; color: rgba(0, 0, 0, .8); text-decoration: line-through }
li.show_d a { color: #117abc }
li.show_d a:hover { color: #000 }
ul.thongtinsanpham li:last-child { border: none }
p.p_left { float: left }
p.p_right { float: right }
.khung_thongtin { color: #000; padding: 0 5px; width: 100%; float: right }
.khung_thongtin li { padding: 5px 0; width: 100%; float: left }
.khung_thongtin h1 { font-size: 32px; margin-bottom: 5px; line-height: 1.3em; font-weight: 300; font-style: normal; color: #111; font-family: rbt }
.khung_thongtin .masp { color: #000; font-weight: 700 }
.khung_thongtin .mota_detail { color: #757575 }
.khung_thongtin .gia_detail { font-size: 24px; color: #ff2e2e; font-family: rbt }
.khung_thongtin .gia_detail b { color: #000; font-size: 18px }
.khung_thongtin .giacu_detail { color: #999; text-decoration: line-through }
.khung_thongtin .giacu_detail span { text-decoration: line-through }
.khung_thongtin .baohanh_detail { color: #015DA4 }
.gia_detail span { font-size: 14px; color: #666 }
.noidung_chitiet { padding: 10px 15px }
.noidung_chitiet img { height: auto !important }
ul#tabs { width: 100% }
ul#tabs li { margin: 0 5px }
ul#tabs li a { font-size: 23px; text-decoration: none; color: #3E3D43; text-transform: uppercase }
.dathang_detail .muangay, .dathang_detail .thanhtoannhanh { height: 46px; font-weight: 700; font-size: 16px; float: left; text-transform: uppercase; cursor: pointer }
#content_tab { float: left; width: 100% }
ul#tabs li#current { border-bottom: 2px solid #3E3D43 }
.dathang_detail .thanhtoannhanh { width: 239px; background: #d9084b; padding: 0; color: #fff; line-height: 46px; text-align: center }
.dathang_detail .thanhtoannhanh:hover { background: #eb2626; transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; -ms-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; -webkit-transition: background .3s ease-in-out }
.dathang_detail .muangay { width: 177px; background: url(images/thanhtoan.png) no-repeat; padding: 9px 0 0 70px }
.dathang_detail .muangay:hover { color: #9C1515 }
.dathang_detail span { width: 42px; height: 42px; padding: 7px 0 0; float: left; border: 3px solid #ccc; border-radius: 50% }
.huongdan_detail a { width: 100%; float: left; padding: 5px 0 10px 30px; background: url(images/giohang_ico.jpg) 5px 8px no-repeat; color: #035E80; font-style: italic }
.huongdan_detail a:hover { color: #04579D }
.box_new { width: 50%; float: left; padding: 10px }
.box_new img { width: 120px; border: 1px solid #ccc; padding: 2px; float: left; margin: 0 10px 0 0 }
.box_new h3 a { text-transform: uppercase; font-weight: 100; color: #025B89 }
.box_new p { font-size: 12px; color: #333 }
.box_new:hover h3 a { color: #AF0808 }
.content_new { overflow: hidden; height: 400px; width: 100%; float: left }
.thongtin_detail { font-style: italic }
.khuyenmai_detail { margin: 5px 0 0 }
.khuyenmai_detail ul li { padding: 5px 20px 5px 0; color: #008c00 }
.khuyenmai_detail ul li input { float: left; margin: 3px 5px 0 0 }
.khung_km { padding: 0; width: 100%; float: left }
.khung_km li { border-bottom: 0; width: auto }
.table_info, .tin_tuc { width: 100%; float: left }
.tin_tuc { margin-top: 10px }
.tin_tuc h2 { background: url(images/thanhsp.png) no-repeat; height: 64px; background-size: 100% 100%; padding: 10px 80px 0; text-transform: uppercase; color: #fff; font-weight: 100 }
.tin_tuc h3 { color: #646464; text-transform: uppercase; margin: 10px 0 5px }
.tin_tuc p { color: #666; font-size: 12px }
.tin_tuc ul li { width: 370px; float: left; margin: 20px 0 0 10px; text-align: left; padding: 2px 0 2px 10px }
.tin_tuc ul li img { width: 66px; height: 66px; float: left; margin: 10px; border-radius: 100% }
.tin_tuc ul li a { color: #00426f }
.tin_tuc ul li span { color: #ccc }
.tin_tuc a:hover { color: rgba(255, 0, 0, 1) }
.khung_2 { padding: 0 0 0 20px; margin-top: 20px }
.khung_22 { border: 1px solid #ccc; width: 100%; float: left; min-height: 390px }
.khung_22 h4 { background: #f5f5f5; text-transform: uppercase; color: #333; height: 45px; line-height: 45px; font-size: 14px; padding: 0 0 0 20px }
.khung_22 .item h3 { font-size: 12px; font-weight: 100; font-family: Arial; text-transform: lowercase }
.khung_22 .item { margin: 10px 0 0 }
.dangky_tin { margin: 0 0 10px; float: right; width: 400px; color: #fff }
.dangky_tin h4 { text-transform: uppercase; font-weight: 700; width: 100%; float: left; margin-top: 10px; color: #fbda42; font-size: 18px; font-family: rbt }
.dangky_tin p { margin: 5px 0; font-size: 12px }
.dangky_tin p span { text-transform: uppercase; font-size: 16px }
.dangky_tin input { width: 100%; padding: 10px; border-radius: 2px; border: 0; background: #efefef; margin-top: 10px }
.dangky_tin button { border: 0; background: #0072BC; width: 41px; height: 27px; font-weight: 400; color: #fff; text-transform: capitalize; position: absolute; z-index: 100; top: 0; right: 0; cursor: pointer; font-family: rbt; font-size: 13px }
.dangky_tin button:hover { opacity: .5 }
.xemthem { float: right; margin: 10px 10px 0 0; font-size: 18px; color: #595959 }
.xemthem:hover { color: #035381 }
.chitiet { float: right; border-radius: 5px; height: 22px; color: #fe8152; text-decoration: underline; line-height: 22px }
#bottom, #tags, #tags .ht, .ft1, .ft2, .ht1 .boxht, div#footer { float: left }

.chitiet:hover { color: #03758D }
.noidung ul { margin: 0 0 0 30px }
div#footer { width: 100%; position: relative; z-index: 2;color: #fff;}
.ft-main{padding-right: 25px;margin-bottom: 20px;}
.ft-2{margin-bottom: 20px;}
#footer .info_{}
#footer .info_ li{list-style: inside;}
#footer .info_ li a{color: #fff;font-size: 14px;display: inline-block;line-height: 1.5em;padding: 4px 0;}
#footer .info_ li a:hover{color: #ff0}
#footer .chinhanh {max-height: 250px;overflow-y: auto;}
#footer .chinhanh li{list-style: none;margin-bottom: 15px;}
#footer .chinhanh li i{font-size: 17px;}
#footer .chinhanh li div.h3 {font-size: 14px;color: #fc0;text-transform: uppercase;}
#footer .chinhanh li div.h3 i{font-size: 17px;}
#footer .chinhanh li a{color: #fff;font-size: 14px;display: inline-block;line-height: 1.5em;padding: 4px 0;}
#footer .chinhanh li a:hover{color: #ff0}
#footer .chinhanh::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
#footer .chinhanh::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
#footer .chinhanh::-webkit-scrollbar-thumb { background-color: #000000; }
#footer .tt_ft{font-family: 'rbtbold';font-size: 15px;color: #fbda42;text-transform: uppercase;margin-bottom: 10px;}
#tags { width: 100%; background: #FFF; padding: 30px 0 }
#tags h4 { font-family: rbtbold; color: #dfb303; font-size: 20px; text-transform: uppercase }
#tags .ht { width: 33.33333% }
#tags .ht .box_ht { width: 100%; max-width: 355px; margin: 0 auto }
.ht1 .boxht { width: 100%; background: url(upload/icon/213x205x1/bg_ht.png); border: 1px dashed #acacac; padding: 30px }
.boxht .contentht { width: 100%; float: left }
.contentht .hl { padding-left: 122px; background: url(upload/icon/57x40x2/icon2.png) 45px 50% no-repeat; font-size: 20px; color: #3e3e3e; line-height: 24px; font-family: UTMAndrogyne }
.contentht .hl span { font-size: 23px; color: #fe0000; font-weight: 700 }
.boxht .contentht h5 { font-weight: 700; font-size: 20px; color: #3e3e3e; font-family: UTMAndrogyne }
.dangkymail button, .ft h4 { font-weight: 400; text-transform: uppercase }
.contentht { font-size: 13px; color: #3e3e3e; line-height: 26px }
.ft h4, .ft1 { font-family: rbt; color: #FFF }
#bottom {width: 100%;margin: 0;padding: 30px 0;-webkit-box-sizing: border-box;background: url(upload/icon/1366x294x1/bg_ft.png);}
.box_menuhid, .box_vid h1, .box_video, .content_nhantin, .frm_booking { box-sizing: border-box }
.ft h4 { font-size: 16px; margin-top: 0 }
.ft1 {font-size: 14px;line-height: 33px;margin-bottom: 20px;}
.ft1 h2 { font-family: rbtbold; font-size: 23px; color: #ff0; margin-bottom: 7px }
.cpright, .ft3 { font-family: rbt; font-size: 13px }
.ft2 { width: 28.75% }
.ft3 { width: 15%; float: right; color: #fff; line-height: 26px }
.ft3 img { margin-right: 5px }
#map_canvas1 { width: 100%; height: 500px }
.cpright { color: rgba(255, 255, 255, .4) }
.content_nhantin { width: 100%; float: left; padding: 15px 20px; border: 1px solid #E7E7E6 }
.dangkymail { width: 100%; float: left; position: relative; margin: 0 }
.dangkymail input { width: 77%; float: left; margin: 0; background: #FFF; border: 1px solid #8C8C8C; outline: 0; height: 41px; line-height: 41px; border-radius: 0; padding-left: 17px; color: #000 }
.dangkymail button { position: absolute; right: 0; top: 0; background: #0446B8; font-family: UVNGioMayRegular; font-style: normal; border: none; outline: 0; width: 50px; height: 41px; color: #fff; font-size: 14px }
.copy, .dangkymail p, .hotro_top, .lienket { width: 100%; float: left }
.dangkymail button:hover { color: #fff; background: #333 }
.dangkymail p { color: #fff; padding: 10px 20px 0 }
.dangkymail input::-webkit-input-placeholder { color: rgba(0, 0, 0, .5); font-size: 12px; font-family: RobotoRegular; font-style: italic }
.dangkymail input:-moz-placeholder { color: rgba(0, 0, 0, .5); font-size: 12px; font-family: rbt; font-style: italic }
.dangkymail input::-moz-placeholder { color: rgba(0, 0, 0, .5); font-size: 12px; font-family: rbt; font-style: italic }
.dangkymail input:-ms-input-placeholder { color: rgba(0, 0, 0, .5); font-size: 12px; font-family: rbt; font-style: italic }
.copy, .copy a { color: #fff }
.lienket {padding: 0;text-align: right;}
.copy, .phantrang { text-align: center }
.lienket a { margin-left: -3px }
.lienket a:hover { opacity: .7 }
.booking button:hover, .form_lh button:hover { opacity: .9 }
.copy { font-size: 14px; margin: 0; line-height: 55px; background: url(images/bg_copy.png) top center repeat-x }
.copy span { color: #FBE600 }
.hotro_top { background: url(images/top_b.jpg) repeat-x; height: 38px; line-height: 38px }
.hotro_top h2 { float: left; color: #fff; font-size: 19px; font-weight: 100 }
.soluong { padding: 10px 0 0 10px; font-weight: 700 }
.soluong span { width: 110px; float: right; color: #F90 }
.phantrang { margin-top: 20px }
.noidung_ta { width: 100%; float: left; padding: 25px 10px; clear: left; color: #000 !important; border: 1px solid #ccc; position: relative; z-index: 1; margin-top: -15px }
.clear { clear: both }
.content { width: 910px; float: right; margin: 0 10px 0 0 }
#map_canvas { height: 437px; width: 100%; margin-bottom: 10px; float: left; margin-left: 2px }
#map_canvas2 { height: 306px; width: 100%; margin-bottom: 10px; float: left; margin-left: 2px }
#map_canvas_bt { height: 400px; width: 100%; float: left }
.map_description { color: #000; overflow: auto; width: 300px }
.map_description .default { color: red }
.map_description div { line-height: 18px; margin: 3px }
.map_list_address { float: left; height: 500px; overflow: hidden; width: 250px }
.map_list_address .list { line-height: 18px; margin-bottom: 5px }
.map_list_address span { color: #FCFF46 }
.map_title h2 { color: #EE222A; font-weight: 700; font-family: rbt; font-size: 18px !important }
.navigate .C { width: 970px }
.hotro_right { display: block; position: fixed; bottom: 0; right: 0; 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: url(images/hotro.png) no-repeat }
.hotro_right #img>div.hotline, .hotro_right #img>div.hotline_r { position: absolute; bottom: 0; color: #d00000; font-size: 17px; font-weight: 700; width: 100%; text-align: center }
.hotro_right #img>div.hotline { padding: 0 10px; background-color: #ffde00; border: 1px solid #6E7AFF; border-radius: 5px 5px 0 0 }
.hotro_right .noidung_20 { display: none; background-color: #FFF; border-left: 1px solid #d00000; padding: 5px }
.hotro_right #img>div.hotline_r { padding: 0 10px; background-color: #ffde00; border: 1px solid #d00000; border-radius: 5px 5px 0 0 }
.red { color: #FB0000 }
.thanh_bt { width: 100%; float: left; margin: -5px 0 20px; text-align: center; background: url(images/thanh_bt.png) top center no-repeat }
.thanh_bt h4 { font-size: 16px; font-family: rbt; color: #fff; text-transform: uppercase; font-weight: 100; padding: 0 30px; height: 38px; line-height: 38px; border-radius: 0 0 5px 5px; display: inline-block }
.content_new ul li { width: 100%; float: left; border-bottom: 1px dotted #ccc; padding: 10px 0 }
.content_new ul li a { width: 100%; float: left; color: #fff; padding: 0 0 0 20px; background: url(images/4cham.png) 5px 7px no-repeat }
.content_new ul li a:hover { color: #FFF600 }
.content_new ul li span { float: right }
img { max-width: 100%; height: auto }
.booknow { width: 150px; height: auto; cursor: pointer }
.booknow img { border-radius: 10px }
.booking input, .booking textarea { width: 100%; border: 1px solid #e2e2e2 }
.frm_booking { padding: 20px }
.frm_left.loaiphong p { line-height: 30px; font-family: rbt; font-size: 18px; color: #3a3a3a }
.frm_left.loaiphong p a { font-family: rbt; font-size: 15px; color: #000 }
.frm_left.loaiphong p a:hover { color: #754717 }
.booking { width: 100%; float: left }
.booking fieldset { padding: 0 10px 10px; margin: 0 }
.booking legend { padding: 0 10px; font-style: italic; color: #023B70 }
.booking button, .booking label, .button_sub { font-family: rbt; font-weight: 300; font-style: normal }
.booking input { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #555; background: #fff; padding: 8px 12px; transition: all .15s ease 0s; margin-bottom: 22px }
.booking label { width: 100%; float: left; line-height: 26px; color: #343e47; font-size: 16px }
.booking textarea { padding: 5px; height: 223px }
.booking button { font-size: inherit; width: auto; position: relative; z-index: 2; background-color: #fdc900; border: none; outline: 0; padding: 10px 30px; line-height: 26px; color: #333; transition: all .15s ease-in 0s; border-radius: 2px }
.form_lh input, .form_lh textarea { width: 100%; border: 1px solid #e2e2e2 }
.button_sub { line-height: 42px; color: #222; font-size: 28px; margin: 0 0 1.6em; position: relative }
.khung_trai { width: 100%; float: left; margin-left: 0 }
.khung_phai { width: 100%; float: left; padding: 0 }
.thongtin_lh { width: 100%; float: left; padding: 0 40px 20px 0 }
.thongtin_lh h1 { font-size: 20px; text-transform: uppercase; color: #04608B }
.form_lh { width: 100%; float: left }
.form_lh fieldset { padding: 0 10px 10px; margin: 0 }
.form_lh legend { padding: 0 10px; font-style: italic; color: #023B70 }
.form_lh button, .form_lh label { line-height: 26px; font-weight: 300; font-style: normal; font-family: rbt }
.form_lh input { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #555; background: #fff; padding: 8px 12px; transition: all .15s ease 0s; margin-bottom: 22px }
.form_lh label { width: 100%; float: left; color: #343e47; font-size: 16px }
.form_lh textarea { padding: 5px; height: 131px }
.form_lh button { font-size: inherit; width: auto; position: relative; z-index: 2; background-color: #C22C18; border: none; outline: 0; padding: 10px 30px; color: #fff; transition: all .15s ease-in 0s; border-radius: 2px }
.form_van input { width: 100%; padding: 5px }
.form_van button { position: absolute; z-index: 1000; top: 1px; right: 0; color: #eee; padding: 5px; border: 0; background: #E78D00 }
.form_contact { color: #000 }
.dieukhoan h4, .xacnhan h4 { background: #F2F2F2; color: #555; text-transform: uppercase }
.form_contact, .form_lh { padding: 0 10px }
#form_contact input { padding: 5px }
.box_video { float: left }
.box_video img { width: 100%; max-width: 100% }
.box_video h3 { text-align: center; margin: 10px 0 0; width: 100%; float: left; font-size: 14px }
.dieukhoan { width: 49%; float: left; border: 1px solid #ccc; margin: 10px 0 }
.dieukhoan h4 { padding: 5px 10px }
.cuoncuon { padding: 10px; height: 400px; overflow-y: scroll }
.xacnhan { width: 100%; float: right; margin: 5px 0 }
.xacnhan h4 { padding: 5px 10px }
.khungxn p { padding: 5px 0; border-bottom: 1px dotted #ccc; margin: 0 }
.khungxn p b { width: 120px; float: left; font-weight: 100 }
.khungxn p span { color: #FC0202 }
.khungxn p label { margin: 0; font-weight: 100 }
.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 0; font-size: 12px }
.download_box a { margin: auto; display: inline-block; padding: 3px 20px; background: #DE8801; color: #fff }
.box_video { margin: 0 auto; padding: 5px; width: 230px }
.box_video a h3 { text-align: left; margin: 5px 0 0; width: 100%; float: left; font-size: 14px; color: #035F67; font-weight: 700; overflow: hidden }
#popub, .gc { text-align: center }
.box_video:hover a h3 { color: #d5aa16 }
.box_video:hover { opacity: .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 }
.vid_cmt { width: 100%; height: auto; float: left; margin-top: 10px }
.other_vid { width: 28%; float: right }
.title_other { color: #0082C6; font-size: 20px; font-weight: 700; border-bottom: 1px solid #ccc; text-transform: uppercase; font-family: rbt }
.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: 16px; color: #0082C6; font-weight: bolder; font-family: rbt }
.box_video_detail:hover .vid_info a h3 { color: #EE222A }
.vid_info .loai_vid a { font-size: 13px; color: #767676 }
.vid_info .loai_vid:hover a { color: #0082C6 }
.luotxem { font-style: italic; color: #666; font-size: 12px }
#popub { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 10001 }
#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) }
.tags { background: #E4BC24; display: inline-block; padding: 0 15px 0 5px; line-height: 25px; color: #fff; margin-bottom: 5px; margin-right: 5px; position: relative }
.tags:after, .tags:before { content: ''; height: 0; width: 0; position: absolute; top: 0; border-top: 13px solid transparent; border-bottom: 12px solid transparent }
.tags:before { left: -10px; border-right: 10px solid #E4BC24 }
.tags:after { right: 0; border-right: 10px solid #fff }
.tags span { width: 10px; height: 10px; float: left; background: #fff; margin: 7px 10px 0 0; border-radius: 100% }
.tags:hover span { background: #FDF759 }
.comboboxs input, .comboboxs select { width: 100%; padding: 5px; margin: 10px 0 0 }
.entry-title { text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #ccc; color: #666 }
#btnSearch { background: #1e90e8; float: right; border: 0; padding: 7px 20px 5px; font-weight: 700; text-transform: uppercase; color: #fff; margin: 10px 0 0; cursor: pointer }
#btnSearch:hover { background: #0082B8 }
.fanpage { position: fixed; top: 200px; right: -300px; z-index: 9999999999; width: 300px; height: 250px; transition: all .5s }
.fanpage .title_fanpage { position: absolute; top: 0; left: -45px }
.fanpage:hover { right: 0 }
.hid_title { display: none }
.tin_hid { display: block }
.tin_hid>.title_danhmucright { border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-left: 20px; font-family: rbt; font-size: 20px }
.tin_hid ul li { border-bottom: 1px dotted #ddd; position: relative; padding-left: 15px }
.tin_hid ul li:last-child { border: none }
.tin_hid ul li a { display: block; font-family: rbt; font-size: 17px; color: #3a332f; text-transform: capitalize; padding: 5px 0 7px; transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out }
.tin_hid ul li:hover a { color: #E30000 }
.tin_hid ul li:before { margin-right: 8px; position: absolute; top: 15px; left: 0; content: ""; width: 5px; height: 5px; background: #C22C18; text-indent: -999px }
.box_menuhid { padding: 0 15px; -webkit-box-sizing: border-box }
.menu_hid ul { width: 100%; float: left; background: #fff }
.menu_hid ul li { border-top: 1px solid #eee; clear: both; position: relative }
.menu_hid ul li a { display: block; padding: .8em 18px .65em 0; color: #333 }
.box_menuhid ul li span { position: absolute; right: 0; top: 0; width: 20%; height: 100%; cursor: pointer }
.box_menuhid ul li span.plus { background: url(images/icon/plus.png) center center no-repeat }
.box_menuhid ul li span.minus { background: url(images/icon/minus.png) center center no-repeat }
#cssmenu1 .lang { margin-top: 20px }
.gc { width: 100%; padding: 10px 0 20px }
/* Menu RP */
.menu-res { display: none; height: 45px; z-index: 10; background: #FFCC00; position: relative; line-height: normal; }
.menu-bar-res { height: 45px; padding: 0px 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; }
#hamburger { display: block; width: 35px; height: 23px; position: relative; }
#hamburger:before, #hamburger:after, #hamburger span { background: #fff; content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }
/* Search RP */
.search-res { position: relative; }
.search-res .icon-search { width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 42px; color: #fff; font-size: 22px; margin: 0px; }
.search-res .icon-search.active { color: #065037; background: #fff; border-radius: 100%; }
.search-res .search-grid { width: 250px; height: 35px; overflow: hidden; background: #fff; z-index: 2; border-radius: 25px; line-height: normal; }
.search-res .search-grid p { float: left; width: 35px; height: 35px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: #5d3a37; line-height: 40px; text-align: center; }
.search-res .search-grid input { width: calc(100% - 35px); float: right; line-height: 35px; outline: none; border: none; color: #000; }
.search-res .search-grid input::-webkit-input-placeholder { color: #000; }
.search-res .search-grid input:-moz-placeholder { color: #000; }
.search-res .search-grid input::-moz-placeholder { color: #000; }
.search-res .search-grid input:-ms-input-placeholder { color: #000; }

.search-res-p{position:relative;}
.search-res-p .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#000;font-size:17px;margin:0px;}
.search-res-p .icon-search.active{color:var(--color-red);background:#fff;border-radius:100%;}
.search-res-p .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#fff;border:1px solid #FFCC00;z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res-p .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:#000;line-height:40px;text-align:center;}
.search-res-p .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:#000;}
.search-res-p .search-grid input::-webkit-input-placeholder{color:#ccc;}
.search-res-p .search-grid input:-moz-placeholder{color:#ccc;}
.search-res-p .search-grid input::-moz-placeholder{color:#ccc;}
.search-res-p .search-grid input:-ms-input-placeholder{color:#ccc;}
@media (max-width:1200px) {
	.img { max-width: 50% }
	.img img { top: 18px; left: 2px }
}
@media (max-width:1024px) {
	.box.dv .item { width: 50% }
}
@media (max-width:992px) {
	.menu-res {display: block;}
	#logo, .lienket {/* text-align: center */}
	#tags .ht, .ft1, .ft2 { box-sizing: border-box }
	.lg { display: none }
	.lg_hid { display: block;text-align: center; }
	#main_menu, .box_menu, .frm_spright, .nps { display: none }
	.boxdv .dvl, .boxdv .dvr { width: 100%; float: left }
	.img { background: 0 0 }
	.nps { width: 0 }
	.tin_hid { display: block }
	#banner, .tieude_news { display: none }
	#logo { width: 100% }
	#footer { padding-bottom: 0px !important }
	#zalo { top: 80% !important; }
	.hid_title { display: block }
	.ft1, .ft2 { width: 50%; float: left; padding: 10px }
	.ft3 { display: none }
	#tags .ht { padding: 0 5px }
	#tags h4 { margin: 0 }
	.banner_top{display: none;}
}
@media (max-width:991px) {
	#left { display: none }
	#sanpham { width: 100%; float: left }
}
@media (max-width:800px) {
	.item_tintuc { flex: 1 100%; -moz-flex: 1 100%; -webkit-flex: 1 100% }
}
@media (min-width:768px) {
	.ft1:nth-child(3n + 1){clear: both;}
}
@media (max-width:768px) {
	.title-index{text-align: center;border-left: none;padding-left: 0;padding-bottom: 15px;position: relative;}
	.title-index h1{font-size: 1.17em;color: #000;line-height: 1.5em;
    font-weight: bold;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;}
    .title-index:before {
    position: absolute;
    border-bottom: 1px solid #666;
    width: 40%;
    content: "";
    bottom: 0px;
    left: 50%;
    margin-left: -20%;
}
	#zalo { top: 93% !important; }
	.ft1, .ft2, .ft3, .ft4 { width: 100%; float: left; padding: 10px; box-sizing: border-box; text-align: center }
	.form_lh fieldset, .ft2 .bx_tt { padding: 0 }
	.ft2 a { display: inline-block !important }
	.t_gt { text-align: center }
	.box.gt .bl, .box.gt .br { width: 100% }
	.box.gt .bl .bl1, .box.gt .bl .bl2 { width: 50%; float: left }
	.img { max-width: 100%; float: none; margin: 0 auto }
	#bidx .bl, #bidx .br { width: 100% }
	#bidx .bl .load_vid { width: 100%; clear: both }
	.list_vid_hid { display: block; width: 100%; float: left }
	.list_vid_hid img { background: #fff; margin: 0 auto }
	.list_vid { display: none }
	#bidx .bl { margin-bottom: 15px }
	#tags .ht { width: 50% }
	#tags .ht:first-child { width: 100%; margin-bottom: 15px }
	#map_canvas { height: 300px }
}
@media (max-width:650px) {
	
	.box.dv .item { width: 100% }
	#zalo { top: 80% !important; }
}
@media (max-width:450px) {
	.img { height: 175px; width: 140px }
	#zalo { top: 92% !important; }
	#tags .ht { width: 100%; margin-bottom: 15px }
}
@media (max-width:360px) {
	#zalo { top: 80% !important; }
	.box.dv .item { padding: 10px 20px 35px 0 }
	.box.dv .item img { width: 42% }
	.boxdv { margin-bottom: 15px }
	.box_dvr img { width: 100%; height: auto }
	.thanh_index h1, .thanh_index h2 { font-size: 20px }
}
@-moz-keyframes coccoc-alo-circle-img-anim {
	0% { transform: rotate(0) scale(1) skew(1deg) }
	10%, 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
	20%, 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
	100%, 50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes coccoc-alo-circle-img-anim {
	0%, 100%, 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
	10%, 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
	20%, 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
}
@-o-keyframes coccoc-alo-circle-img-anim {
	0%, 100%, 50% { -o-transform: rotate(0) scale(1) skew(1deg) }
	10%, 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
	20%, 40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
}
.lh_hotro { font-weight: bold; font-size: 15px; }

.banner_top{line-height: 40px;background: #dfb303;font-family: rbtcond;font-size: 16px;color: #fff}
.banner_top marquee{float: left;margin-right: 10px;}
.banner_top img{margin-right: 7px;}

.box_tcc{padding:45px 0 35px;background: #ccc;}
.item_tc { position: relative; padding: 0 12px; }
.item_tc .wrap { position: relative;  padding: 15px; background: #fff;    box-shadow: 0 0 4px 0px #a9a8a8}
.item_tc .img_tc { overflow: hidden; position: relative; padding: 10px; float: left; display: inline-block; border-radius: 50%; background: #FFCC00; transition: all 0.5s; margin-right: 15px; }
.item_tc .img_tc img { transition: all 0.5s; display: inline-block; }
.item_tc h3 { font-size: 14px;font-family: rbtbold;text-transform: uppercase; position: relative; margin: 0 0 10px; color: #212121; }
.item_tc h3:after{content: '';position: relative;display: block;width: 80px;margin: 8px auto;height: 3px;background: #FFCC00;}
.item_tc h3 a { color: #D71720; text-align: center; }
.item_tc h3 a:hover { color: #f00; }
.item_tc .desc {font-family: rbt; font-size: 13px; color: #212121; white-space: inherit; height: 60px;line-height: 20px;overflow: hidden;}
.item_tc:hover .img_tc { transform: scale(1.1); box-shadow: 0 0 11px 4px #DFB303; background: #DFB303; }
.info_tc{width: calc(100% - 75px);float: left;text-align: left;}

.center{padding: 30px 0;display: block;}
.box_center{margin-top: 20px;}
.box-news { position: relative; margin: 15px 0 15px; }
.box-news .img_news{position: relative;overflow: hidden;background: #fff;border:thin solid #dfdfdf;}
.box-news .img_news img{border-radius: 0;width: 100%;}
.box-news h3{font-size: 14px;margin: 0px 0 0px;font-family: rbtbold;line-height: 1.5em}
.box-news h3 a{color: #212121;}
.box-news h3 a:hover{color: #f00;}
.box-news a.chitiet{color: #09a651;font-size: 13px;display: block;text-align: right}
.box-news .desc{font-size: 13px;color: #333333;text-align: justify;font-family: rbt;padding:10px;}
.box-news .info{ position: relative; overflow: hidden;height: 110px;margin-top: 10px;}
.box-news .info .time{width: 80px;background: #fc0;padding:10px;color: #fff;text-align: center;float: left;margin-right: 10px;height: 100%;}
.box-news .info .time p{font-size: 14px;margin: 0 0 5px}
.box-news .info .time > p{font-family: rbtbold;font-size: 18px;}
.box-news .info .time > p + p{font-family: rbt;font-size: 14px;}
.box-news .info .time p:last-child{font-family: rbtbold;font-size: 18px;}
.box-news:hover img{transform:scale(1.1);}

.item_tc {text-align: center;}
	.item_tc .img_tc{ display: inline-block !important; float: none !important;}
	.item_tc .info_tc{display: block !important;
    margin-top: 15px;
    float: none;
    width: 100%;
    text-align: center;}

.modal { text-align: center; padding: 0 !important }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle;width:90%;max-width: 500px; }