﻿.khungAnh{position:relative;z-index:1}
.khungAnh:before{content:"";display:block}
.khungAnhCrop, .khungAnhCrop0{overflow:hidden;text-align:center;display:inline-block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}
/*Trường hợp ảnh lọt trong khung*/
.khungAnhCrop0 img{max-width:100%;max-height:100%;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.khungAnhCrop0 img{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*transform phải viết thêm cho các trình duyệt cũ*/
/*Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc*/
.khungAnhCrop img{max-width:150%;max-height:150%;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.khungAnhCrop img{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
.khungAnhCrop img.wide{height:100%;max-width:none}
/*Ảnh dọc (width < height) --> gắn width 100%, height sẽ bị lấp phần trên dưới*/
.khungAnhCrop img.tall{width:100%;max-height:none}
.header ul, .footer ul {margin-top: 0;margin-bottom: 0;padding: 0}
.header li, .footer li {list-style: none}
.header a, .footer a {text-decoration: none}
.thongke {font-size: 13px;color: #999;height: 25px;background: #f7f7f7;border-top: 1px solid #eaeaea;margin: 10px 0 20px 0}
.thongke_ngay {line-height: 25px;background: url(../css/content/date_ct.png) no-repeat left top 6px;float:left;margin-left: 10px;padding-left: 20px;color: #999}
.thongke_luotxem {line-height: 25px;background: url(../css/content/view_ct.png) no-repeat left center;float: left;padding-left: 20px;margin-left: 20px;color: #999}
.cochu {float:right}
.thongke .cochu a {float: left;display: block;text-decoration: none;color: #999;margin-left: 3px}
.NormalSize {line-height: 25px;margin-right: 10px}
.SmallSize {width: 25px;height: 25px;background: #efefef url(../css/content/tru.png) no-repeat center}
.LargeSize {width: 25px;height: 25px;background: #efefef url(../css/content/cong.png) no-repeat center}
.noidung {color: #333;line-height: 24px;text-align: justify;clear: both}
.noidung img {max-width: 100%;height: auto !important}
.noidung table {max-width: 100%}
#CommonCuoiChiTietTin {font-size: 13px;color: #999;background: #f7f7f7;border-top:solid 1px #efefef;color:#999;padding-top: 5px;position:relative;z-index:3;overflow: hidden;margin: 20px 0 30px 0}
#CommonCuoiChiTietTin .fl.apd.dnmb {padding-left: 5px}
#CommonCuoiChiTietTin a{display:inline-block;font-size:13px !important}
#CommonCuoiChiTietTin .apd a {color:#999;padding-left:20px;display:inline-block;text-decoration: none;margin-right: 20px}
#CommonCuoiChiTietTin .apd a:hover {color: #ff7f00}
#CommonCuoiChiTietTin a.prevDBT{background:url(../css/content/trove.png) no-repeat left center}
#CommonCuoiChiTietTin a.email{background:url(../css/content/email_ct.png) no-repeat left center}
#CommonCuoiChiTietTin a.email span{display:none}
#CommonCuoiChiTietTin a.print{background:url(../css/content/intrang.png) no-repeat left center}
#CommonCuoiChiTietTin .shareItem{width:25px;height:20px;display:inline-block;position:relative;z-index:1;top:2px}
#CommonHoTroCuoiBaiViet{padding:20px 0}
#CommonHoTroCuoiBaiViet a{display:inline-block;padding:10px 22px;color:#fff;text-transform:uppercase;background:#e95d0b;margin-right:10px}
#CommonCuoiChiTietTin .fl{float:left}
#CommonCuoiChiTietTin .fr{float:right}
#CommonCuoiChiTietTin .cb{clear:both}
#CommonCuoiChiTietTin .pr20{padding-right:20px}
.slick-prev, .slick-next {border: none;outline: none;cursor: pointer;position: absolute;z-index: 2}
.slick-list div:focus, .slick-list li:focus, .slick-list a:focus, .slick-list div, .slick-list li, .slick-list a {outline: none}
.SplitPages {text-align: center;margin-bottom: 30px;clear: both}
.SplitPages a {display: inline-block;text-decoration: none;height: 32px;line-height: 32px;width: 32px;border: 1px solid #ddd;margin: 0 3px 3px 3px;color: #7a7a7a}
.SplitPages .hientai, .SplitPages a:hover {background-color: #ba131a;border: 1px solid #ba131a;color: white}
.slick-list {overflow: hidden}
body {width: 1170px;margin: 0 auto;font: 14px 'S';color: #333}
.khoi1170 {width: 1170px;margin: 0 auto}
.logo {width: 105px;height: 80px;float: left;margin-top: 5px}
.ngonngu_hotline {float: right;margin-top: 22px}
#sub_menu {float: left;margin: 32px 0 0 20px}
.header {height: 90px}
.search {float: right;width: 60px;height: 57px;background: url(../css/header/search.png) no-repeat top 14px left 17px, url(../css/header/mn_bg.png) no-repeat left top, url(../css/header/mn_bg.png) no-repeat right top;cursor: pointer;position: relative}
.search input {font: italic 14px 'S';color: #333;width: 150px;height: 35px;padding: 0 10px;outline: none;border: 1px solid #ccc;border-radius: 3px 0 0 3px;border-right: none;position: absolute;right: 41px;top: 100%;display: none;z-index: 3}
.search a {display: none;width: 40px;height: 35px;border: 1px solid #ccc;border-left: none;background: white url(../css/header/search.png) no-repeat center;background-size: 15px auto;position: absolute;top: 100%;right: 0;z-index: 3;border-radius: 0 3px 3px 0}
.search:focus input, .search:focus a, .search:hover input, .search:hover a {display: block}
.main_menu {float: left}
.main_menu > li {display: block;float: left;padding: 15px 18px 20px 18px;position: relative;background: url(../css/header/mn_bg.png) no-repeat left top}
.main_menu > li:first-child {background: none}
.main_menu > li > a {display: block;font: 18px 'MC';color: #333;text-transform: uppercase;height: 22px;line-height: 22px;min-width: 25px}
.main_menu > li:first-child > a {font-size: 0;background: url(../css/header/home.png) no-repeat top center}
.main_menu > li:hover > a, .main_menu > li > a.active {color: #b91219}
.main_menu > li:first-child:hover > a, .main_menu > li:first-child > a.active {background: url(../css/header/home_hover.png) no-repeat top center}
.main_menu > li > ul {position: absolute;z-index: 2;left: 0;top: 100%;width: 240px;display: none}
.main_menu > li > ul > li {margin-bottom: 1px}
.main_menu > li > ul > li > a {display: block;border-left: 3px solid rgba(186,19,26,0.65);background-color: rgba(255,255,255,0.65);color: #333;line-height: 21px;padding: 8px 10px 8px 15px}
.main_menu > li > ul > li > a:hover {background-color: white;border-left: 3px solid #ba131a}
.main_menu > li:hover > ul {display: block}
.main_slide {padding: 0;margin: 0}
.main_slide li {list-style: none}
.main_slide .khungAnh:before {padding-bottom: 33.748%}
.main_slide .slick-prev, .main_slide .slick-next {width: 52px;height: 94px;left: 15px;top: calc(50% - 47px);background: url(../css/content/prev.png) no-repeat center;opacity: 0.4}
.main_slide .slick-next {left: initial;right: 15px;background: url(../css/content/next.png) no-repeat center}
.main_slide .slick-prev:hover, .main_slide .slick-next:hover {opacity: 1}
.ngonngu {overflow: hidden;text-align: right}
.ngonngu a {display: inline-block;width: 21px;margin-left: 4px}
.hotline {font: 18px 'MC';color: #333;display: block;text-transform: uppercase}
.hotline span {font: 27px 'MBC';color: #b91219}
.slide_home {position: relative}
.text_slide {width: 338px;padding: 10px 15px;position: absolute;z-index: 2;top: 50%;left: calc(50% - 184px);transform: translateY(-50%);-webkit-transform: translateY(-50%);background-color: rgba(255,255,255,0.75);text-align: center}
.text_slide:before {content:"";width: calc(100% + 4px);height: calc(100% + 4px);border: 3px solid rgba(255,255,255,0.75);position: absolute;left: -5px;top: -5px}
.text_slide .khungAnh {width: 108px;height: 69px;margin: auto}
.text_slide .title {font: 25px 'SL';text-transform: uppercase;text-align: center;margin: 10px 0 5px 0}
.text_slide .detail {font: 16px 'SL';text-align: center;line-height: 24px}
.ds_sanpham {padding: 20px 85px 30px 85px;overflow: hidden;margin: 0}
.ds_sanpham li {list-style: none;float: left;width: calc(100%/3);}
.ds_sanpham .topic {font: 22px 'MBC';display: block;text-align: center;text-decoration: none;color: #b91219;margin: 0 20px 15px 20px}
.ds_sanpham .khungAnh {border-radius: 50%;overflow: hidden;width: 53.3%;margin: auto}
.ds_sanpham .khungAnh:before {padding-bottom: 100%}
.slide_ht {border-top: 1px solid #b91219;border-bottom: 1px solid #b91219;padding: 15px 0}
.slide_ht .khoi1170 {padding: 0 70px;overflow: hidden}
.slide_ht .slick-list {width: calc(100% + 100px)}
.slide_ht li {margin-right: 100px}
.slide_ht .khungAnh {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;border: 2px solid white;box-shadow: 0 0 0 1px #f3f3f3;float: left;margin: 0 2px}
.slide_ht .topic, .slide_ht .info_ht {display: block;width: calc(100% - 70px);float: right;overflow: hidden}
.slide_ht .topic {font-family: 'SB';color: #b91219;text-transform: uppercase;margin-bottom: 10px}
.slide_ht .mail_ht {display: block;padding-left: 22px;background: url(../css/footer/mail_ht.png) no-repeat left top 3px;margin-bottom: 3px}
.slide_ht .phone_ht {padding-left: 22px;font-family: 'SB';color: #b91219;text-decoration: none;background: url(../css/footer/phone_ht.png) no-repeat left center}
.slick-slider {-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text}
.slick-list .draggable {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.info_ht .left {width: calc(100% - 150px);float: left}
.info_ht .right {width: 140px;float: right;overflow: hidden}
.lh_ht {border: 1px dashed #e2e2e2;overflow: hidden;padding-top: 2px;float: left;margin-top: 3px}
.lh_ht a {display: block;float: left;margin: 0 3px}
.slide_ht .slick-prev, .slide_ht .slick-next {width: 30px;height: 30px;left: 0;top: calc(50% - 15px);background: url(../css/footer/prev.png) no-repeat center}
.slide_ht .slick-next {left: initial;right: 0;background: url(../css/footer/next.png) no-repeat center}
.main_ft {padding: 20px 0;overflow: hidden}
.main_ft .left {float: left;width: 55%}
.main_ft .right {float: right;width: 40%}
.footer {clear: both}
.tieude_ft {font-family: 'SB';text-transform: uppercase;padding-bottom: 8px;border-bottom: 1px solid #eee;position: relative;margin-bottom: 10px;max-width: 350px}
.tieude_ft:before {content:"";display: block;width: 36px;height: 2px;background-color: #b91219;position: absolute;left: 0;bottom: -1px}
.add {padding: 2px 0 3px 30px;line-height: 21px;margin-bottom: 5px}
.add span {font-family: 'SB'}
.main_ft .left .add:nth-child(2) {background: url(../css/footer/icon1.png) no-repeat left top 3px}
.main_ft .left .add:nth-child(3) {background: url(../css/footer/icon1.png) no-repeat left top 3px}
.main_ft .left .add:nth-child(4) {background: url(../css/footer/icon2.png) no-repeat left top 3px}
.main_ft .left .mail_web .add {background: url(../css/footer/icon3.png) no-repeat left top 3px}
.main_ft .left .mail_web .add:last-child {background: none;padding-left: 0}
.main_ft .right li {margin-bottom: 10px}
.main_ft .right li a {display: block;position: relative;padding-left: 15px;line-height: 21px;color: #333}
.main_ft .right li a:before {content:"";display: block;width: 4px;height: 4px;border: 1px solid #333;position: absolute;left: 0;top: 8px}
.banquyen {font-size: 13px;height: 38px;line-height: 38px;color: white;background: url(../css/footer/bg.png) no-repeat;background-size: 100% 100%}
.license {float: left;margin-left: 10px}
.banquyen a {color: white}
.truycap {float: right;margin-right: 10px}
.social {float: left;margin-left: 100px;line-height: initial}
.social a {display: inline-block;margin: 5px 3px 0 3px}
#page_head {display: none;position: fixed;right: calc(50% - 662px);bottom: 50px;width: 57px;height: 57px;cursor: pointer;background: url(../css/footer/page_head.png) no-repeat center}
.slide_trong {position: relative}
.slide_trong .main_slide .khungAnh:before {padding-bottom: 26.28%}
.duongdan {position: absolute;z-index: 3;left: 0;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.6)}
.duongdan .khoi1170 {padding: 0}
.duongdan li {display: inline;padding-right: 20px;margin-right: 10px;background: url(../css/content/vitri.png) no-repeat right top 7px}
.duongdan li:last-child {margin-right: 0;padding-right: 0;background: none}
.duongdan a {text-decoration: none;color: white;line-height: 36px}
.tieude {font: 38px 'MC';text-align: center;text-decoration: none;text-transform: uppercase;color: #b91219}
.cate .tieude {margin: 20px auto 10px auto}
.cate .noidung {text-align: center}
.list {margin: 20px 0 30px 0;padding: 0;overflow: hidden}
.list li {list-style: none;float: left;margin: 0 10px 10px 0;width: calc((100% - 20px)/3)}
.list li:nth-child(3n) {margin-right: 0}
.list .khungAnh:before {padding-bottom: 62.14%}
.list .khungAnhCrop:before {content:"";display: block;width: calc(100% - 10px);height: calc(100% - 10px);border: 5px solid rgba(0,0,0,0.6);position: absolute;z-index: 2;top: 0;left: 0}
.list .link {position: absolute;z-index: 3;left: 7px;bottom: 7px;width: calc(100% - 14px);display: block;background-color: rgba(0,0,0,0.6);text-decoration: none;color: white;padding: 10px 0}
.list .topic {display: block;text-align: center;font: 20px 'SSL';text-transform: uppercase}
.list .detail {line-height: 22px;max-height: 66px;display: none;overflow: hidden;margin: 10px 40px 0 40px;text-align: center}
.list .khungAnh:hover .link {height: calc(100% - 34px)}
.list .khungAnh:hover .vertical {display: block;position: absolute;z-index: 3;left: 7px;top: 50%;width: calc(100% - 14px);transform: translateY(-50%);-webkit-transform: translateY(-50%);transition: all 0.5s;-webkit-transition: all 0.5s}
.list .khungAnh:hover .detail {display: block}
.tieude.left {text-align: left}
.detail .tieude {margin-top: 25px}
.cate .noidung {margin: 0 140px}
.sp_list {margin: 25px 0 0 0;padding: 0}
.sp_list li {float: left;margin: 0 10px 35px 0;width: calc((100% - 20px)/3);list-style: none}
.sp_list li:nth-child(3n) {margin-right: 0}
.sp_list .khungAnh {border: 3px solid white;margin: 1px;box-shadow: 0 0 0 1px #f0f0f0}
.sp_list .khungAnh:before {padding-bottom: 62.14%}
.sp_list .topic {font: 20px 'SSL';display: block;text-transform: uppercase;text-decoration: none;text-align: center;color: #ba131a;margin-top: 10px;line-height: 26px;height: 26px;overflow: hidden}
.sp_list .detail {line-height: 21px;height: 63px;overflow: hidden;margin-top: 10px;text-align: center}
.sp_list.tintuc .topic {text-transform: initial;margin-top: 10px;height: 52px}
.sp_list .khungAnh:hover .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: absolute;z-index: 2;top: 0;left: 0}
.sp_list .khungAnh:hover {box-shadow: 0 0 20px 0 rgba(0,0,0,0.25)}
.sp_list.slick-slider li, .sp_list.slick-slider li:nth-child(3n) {margin: 10px 17px 10px 17px}
.sp_list .slick-list {width: calc(100% + 34px);margin-left: -17px}
.sp_list .slick-prev, .sp_list .slick-next {width: 52px;height: 94px;left: -75px;top: calc(50% - 72px);background: url(../css/content/prev.png) no-repeat center;opacity: 0.4}
.sp_list .slick-next {left: initial;right: -75px;background: url(../css/content/next.png) no-repeat center}
.sp_list .slick-prev:hover, .sp_list .slick-next:hover {opacity: 1}
.baikhac {margin-bottom: 20px}
.baikhac .sp_list {margin-top: 0}
.sp_detail {overflow: hidden;margin: 30px 0 20px 0}
.sp_detail .left {width: 45.299%;float: left}
.sp_detail .right {width: calc(100% - 45.299% - 25px);float: right}
.big_slide {padding: 3px;margin: 0;border: 1px solid #f0f0f0}
.big_slide li {list-style: none}
.big_slide .khungAnh:before {padding-bottom: 62.0754%}
.big_slide .khungAnh:hover .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.6) url(../css/content/click.png) no-repeat center;position: absolute;z-index: 2;top: 0;left: 0}
.small_slide {margin: 4px 0 0 0;padding: 0}
.small_slide li {list-style: none;margin-right: 4px;padding: 1px;border: 1px solid #f0f0f0}
.small_slide .khungAnh:before {padding-bottom: 62.0754%}
.small_slide .slick-list {width: calc(100% + 3px)}
.small_slide .slick-current .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: absolute;z-index: 2;top: 0;left: 0}
.small_slide .slick-prev, .small_slide .slick-next {width: 30px;height: 54px;left: 10px;top: calc(50% - 27px);background: url(../css/content/prev.png) no-repeat center;background-size: 100% 100%;opacity: 0.4}
.small_slide .slick-next {left: initial;right: 10px;background: url(../css/content/next.png) no-repeat center;background-size: 100% 100%}
.small_slide .slick-prev:hover, .small_slide .slick-next:hover {opacity: 1}
.sp_detail .tieude.left {float: none;width: auto;margin-top: 0}
.ma_sp {font-size: 18px;margin-bottom: 15px}
.ma_sp span {font: 20px 'SB';text-transform: uppercase}
.info_sp {clear: both;padding-top: 25px}
.list_tin {padding: 0;margin: 10px 0 0 0;overflow: hidden}
.list_tin li {list-style: none;margin: 0 30px 10px 0;width: calc(50% - 15px);float: left}
.list_tin li:nth-child(2n) {margin-right: 0}
.list_tin li:nth-child(2n-1) {clear: both}
.list_tin a {display: block;text-decoration: none;color: #333;padding-left: 18px;position: relative;line-height: 21px}
.list_tin a:before {content:"";display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 8px;border: 1px solid #333}
.da_detail .big_slide {padding: 0;border: none;width: 61.282%;margin: auto}
.da_detail .small_slide {margin-top: 10px}
.da_detail .small_slide li {margin-right: 10px;padding: 0;border: none}
.da_detail .small_slide .slick-list {width: calc(100% + 9px)}
.da_detail .small_slide .slick-prev {left: 15px}
.da_detail .small_slide .slick-next {right: 15px}
.sp_list.tintuc .slick-prev, .sp_list.tintuc .slick-next {top: calc(50% - 85px)}
.da_detail {padding-top: 30px}
.info_da .detail {font: 16px 'SB';line-height: 24px;text-align: center}
.info_da .detail span {font-family: 'S'}
.ds_popup {margin: 20px 0 0 0;padding: 0;overflow: hidden}
.ds_popup li {list-style: none;float: left;margin: 0 10px 10px 0;width: calc((100% - 20px)/3)}
.ds_popup li:nth-child(3n) {margin-right: 0}
.ds_popup .khungAnh:before {padding-bottom: 62.14%}
.ds_popup .khungAnh:hover .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;background: rgba(0,0,0,0.6) url(../css/content/click.png) no-repeat center}
.baikhac .sp_list .topic {font-size: 16px}
.lienhe {overflow: hidden;padding-top: 20px}
.lienhe .tieude {font-size: 29px;text-align: left;margin: 0 0 15px 0}
.lienhe .right {width: 38.974%;float: right;overflow: hidden;margin-bottom: 30px}
.lienhe .left {width: calc(100% - 38.954% - 30px);float: left;margin-bottom: 30px}
.diachi {min-height: 64px;padding-left: 83px;margin-bottom: 20px;line-height: 22px}
.diachi span {font: 19px 'SSMB';color: #b91219}
.lienhe .left .diachi:nth-child(2) {background: url(../css/content/icon1.png) no-repeat left center;padding-top: 10px;min-height: 54px}
.lienhe .left .diachi:nth-child(3) {background: url(../css/content/icon2.png) no-repeat left center;padding-top: 10px;min-height: 54px}
.lienhe .left .diachi:nth-child(4) {background: url(../css/content/icon3.png) no-repeat left center;line-height: 64px}
.lienhe .left .diachi:nth-child(5) {background: url(../css/content/icon4.png) no-repeat left center;line-height: 64px}
.note {line-height: 24px;margin-bottom: 20px}
.lienhe input {font: 13px 'S';color: #333;width: calc(100% - 27px);padding: 0 10px 0 15px;height: 32px;outline: none;margin-bottom: 10px;border: 1px solid #d1d1d1}
.lienhe ::-webkit-input-placeholder {color: #666}
.lienhe ::-moz-placeholder {color: #666;opacity: 1}
.lienhe :-moz-placeholder {color: #666;opacity: 1}
.lienhe textarea {font: 13px 'S';color: #333;width: calc(100% - 27px);resize: none;border: 1px solid #d1d1d1;outline: none;height: 120px;padding: 5px 10px 5px 15px;margin-bottom: 10px}
.lienhe .right span {font-size: 13px;line-height: 34px}
.khoi_nut {float: right;overflow: hidden}
.khoi_nut a {font: 16px 'SSMB';color: #333;text-transform: uppercase;text-decoration: none;display: block;float: left;height: 34px;line-height: 34px;padding: 0 20px;margin-left: 10px;background-color: #ccc}
.khoi_nut a:hover {color: white;background-color: #b91219}
#map_canvas {border: 4px solid white;margin: 1px 1px 30px 1px;box-shadow: 0 0 0 1px #ccc;position: relative;padding-bottom: 35.7265%;clear: both}
.ngonngu_m {display: none}
.content {clear: both}

#lightbox{position: absolute;width: auto;height: auto;z-index: 100;text-align: center;margin-left: 50%;transform: translateX(-50%)}
#navControls, #numberDisplay {display: none !important}
#outerImageContainer{position: relative;margin: 0 auto;padding: 10px;border-radius: 7px;background-color: rgba(255,255,255,0.3);height: auto !important;box-shadow: 5px 5px 30px 0 rgba(0,0,0,0.8)}
#caption {font: italic 16px 'S';color: #333;display: block;line-height: 21px;padding: 13px 10px;background-color: #f7f7f7;text-align: center;text-transform: uppercase;margin-top: -5px}
#bottomNavClose {width: 30px;height: 30px;display: block;position: absolute;background: url(../css/content/close.png) no-repeat left center;z-index: 2;cursor: pointer;font-size: 0;top: 10px;right: 10px}
#imageContainer {width: auto;margin: 0 auto}
#imageContainer img {width: auto !important;height: auto !important;border: none;max-width: 100%;min-width: 300px}
#prevLink {width: 38px;height: 63px !important;display: block;position: absolute;top: calc(50% - 31.5px);left: 10px;z-index: 2;background: url(../css/content/prev2.png) no-repeat center}
#nextLink {width: 38px;height: 63px !important;display: block;position: absolute;top: calc(50% - 31.5px);right: 10px;background: url(../css/content/next2.png) no-repeat center}
#overlay{position: fixed;top: 0;left: 0;z-index: 90;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none}

#popup_lh {width: 100%;height: 100%;position: fixed;z-index: 10;background-color: rgba(0,0,0,0.7);top: 0;left: 0;display: none}
#noidung_tb {width: 585px;position: absolute;margin: auto;top: 50%;left: calc(50% - 302px);transform: translateY(-50%);-webkit-transform: translateY(-50%);border: 10px solid rgba(255,255,255,0.3);box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.8);border-radius: 7px}
.nen_popup {background-color: white;padding: 20px 0;text-align: center}
#noidung_tb img {display: block;margin: auto;margin-bottom: 15px}
#noidung_tb .tieude_tb {font: 38px 'MC';color: #b91219;display: block;text-align: center;text-transform: uppercase}
#noidung_tb .gohome {font: 16px 'SSMB';color: white;text-align: center;background-color: #b91219;height: 44px;line-height: 44px;display: inline-block;margin: auto;text-transform: uppercase;padding: 0 25px;text-decoration: none}
#noidung_tb .loicamon {display: block;line-height: 24px;text-align: center;margin: 10px 0 20px 0;text-align: center}
#noidung_tb .loicamon span {font: 18px 'SB';color: #b91219}
.close_popup {position: absolute;top: 0;right: 0;;width: 30px;height: 30px;display: block;cursor: pointer;background: url(../css/content/close_tb.png) no-repeat right center}
.close {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;display: block}

#slide_about {margin: 20px 0}
#slide_about .khungAnh:before {padding-bottom: 66.6666%}
#slide_about .slick-prev, #slide_about .slick-next {width: 60px;height: 60px;position: absolute;top: calc(50% - 30px);left: 0;z-index: 2;background: url(/css/content/prev1.png) no-repeat center}
#slide_about .slick-next {left: auto;right: 0;background: url(/css/content/next1.png) no-repeat center}

@media (max-width: 1199px){
    body {width: auto;position: relative}
    .khoi1170 {width: calc(100% - 40px)}
    .main_menu > li {padding: 15px 10px 20px 10px}
    .main_menu > li a {font-size: 16px}
    .info_ht .left, .info_ht .right {float: none;width: auto}
    .license {display: none}
    .slide_ht .khoi1170 {padding: 0 30px}
    .slide_ht li {margin-right: 50px}
    .slide_ht .slick-list {width: calc(100% + 49px)}
    .cate .noidung {margin: 0 50px}
    #lightbox {max-width: calc(100% - 20px)}
    #outerImageContainer {max-width: calc(100% - 20px)}
    #imageContainer img {max-width: 100%}
    #imageDataContainer {width: 100% !important}
}
@media (max-width: 767px){
    .khoi1170 {width: calc(100% - 20px)}
    .ngonngu {display: none}
    .logo {width: 54px;height: 31px;margin-top: 5px}
    .ngonngu_hotline {margin-top: 5px}
    .hotline {font-size: 13px;line-height: 11px}
    .hotline span {display: block;font: 18px 'I'}
    .header {height: auto;overflow: hidden}
    .text_slide .title {font-size: 12px;margin: 3px 0}
    .text_slide .detail {font-size: 10px;line-height: 14px;max-height: 42px;overflow: hidden}
    .text_slide .khungAnh {width: 45px;height: 26px}
    .text_slide {width: 150px;left: calc(50% - 80px);padding: 5px}
    .main_slide .khungAnh:before {padding-bottom: 51.5625%}
    .main_slide .slick-prev, .main_slide .slick-next {width: 28px;height: 46px;top: calc(50% - 23px);background-size: 100% 100%;left: 10px}
    .main_slide .slick-next {right: 10px;left: initial}
    .ds_sanpham {padding: 25px 30px 30px 30px}
    .ds_sanpham .khungAnh {width: 70%}
    .ds_sanpham .slick-prev, .ds_sanpham .slick-next {width: 28px;height: 46px;left: 0;top: calc(50% - 2px);background: url(../css/content/prev.png) no-repeat center;background-size: 100% 100%;opacity: 0.4}
    .ds_sanpham .slick-next {left: initial;right: 0;background: url(../css/content/next.png) no-repeat center;background-size: 100% 100%}
    .ds_sanpham .slick-prev:hover, .ds_sanpham .slick-next:hover {opacity: 1}
    .slide_ht .khoi1170 {padding: 0}
    .slide_ht .slick-list {width: 100%}
    .slide_ht li {margin-right: 0}
    .slide_ht .right {margin-top: 5px}
    .main_ft .left, .main_ft .right {width: auto;float: none}
    .tieude_ft {max-width: none}
    .add {letter-spacing: -0.5px}
    .mail_web .add {display: block}
    .mail_web a {display: none}
    .main_ft .left .mail_web .add:last-child {padding-left: 30px;background: url(../css/footer/icon4.png) no-repeat left top 2px}
    .main_ft {padding-bottom: 0}
    .main_ft .right {margin: 20px 0}
    .banquyen {height: auto;line-height: initial;overflow: hidden;background-size: 100% 100%;padding: 5px 0 10px 0}
    .social {float: none;margin-left: 0;text-align: center}
    .truycap {float: none;text-align: center;margin-top: 5px}
    #page_head {width: 40px;height: 40px;background-size: 100% 100%;right: 10px;bottom: 30px}
    .cate .noidung {margin: 0}
    .list li {float: none;width: auto;margin: 0 0 20px 0}
    .list li:last-child {margin-bottom: 0}
    .tieude {font-size: 30px}
    .slide_trong .main_slide .khungAnh:before {padding-bottom: 34.375%}
    .duongdan a {line-height: 30px}
    .thongke_luotxem, #CommonCuoiChiTietTin a.prevDBT, #CommonCuoiChiTietTin a.print {display: none}
    .thongke_ngay {padding-left: 0;background: none;margin-left: 3px}
    .NormalSize {margin-right: 3px}
    .cate .tieude {letter-spacing: -0.2px}
    .sp_list li {width: auto;float: none;margin-right: 0}
    .sp_detail .left, .sp_detail .right {width: auto;float: none}
    .sp_detail .right {margin-top: 30px}
    .small_slide .slick-prev, .small_slide .slick-next {width: 22px;height: 40px;top: calc(50% - 20px)}
    .sp_list.slick-slider li, .sp_list.slick-slider li:nth-child(4n) {float: left;margin: 10px 0 !important}
    .sp_list.slick-slider .slick-list {width: 100%;margin: 0}
    .list_tin li {width: auto;float: none;margin-right: 0}
    .da_detail .big_slide {width: auto}
    .da_detail .small_slide .slick-prev {left: 10px}
    .da_detail .small_slide .slick-next {right: 10px}
    .da_detail .small_slide {overflow: hidden}
    .sp_list.tintuc .slick-prev, .sp_list.tintuc .slick-next {width: 30px;height: 47px;left: 10px;top: calc(50% - 54.5px);background-size: 100% 100%}
    .sp_list.tintuc .slick-next {left: initial;right: 10px}
    .duongdan li {padding-right: 15px;margin-right: 7px}
    .ds_popup li {width: auto;float: none;margin: 0 0 20px 0}
    .lienhe .left, .lienhe .right {width: auto;float: none}
    #map_canvas {padding-bottom: 57%}
    .lienhe .right span {line-height: initial;display: block;margin-bottom: 10px}
    .khoi_nut {text-align: center;float: none}
    .khoi_nut a {display: inline-block;float: none}
    .hd_m {display: none}
    .lienhe .left .diachi:nth-child(3) {padding: 5px 0 5px 83px}
    #popup_lh {overflow: auto}
    #noidung_tb {width: calc(100% - 30px);border: 5px solid rgba(255,255,255,0.3);left: 10px;top: 10px;transform: translateY(0);-webkit-transform: translateY(0);margin-bottom: 10px}
    #noidung_tb .tieude_tb {font-size: 30px}
    #lightbox {width: calc(100% - 20px)}
    #outerImageContainer {width: calc(100% - 10px) !important;padding: 5px;max-width: none}
    #imageContainer img {width: 100% !important;min-width: 0}
    #imageDataContainer {width: 100% !important}
    #open_sub {display: block;width: 44px;height: 41px;border-right: 1px solid #c4c4c4;background: white url(../css/header/open_sub.png) no-repeat left 5px center;float: left;margin-right: 5px}
    #open_sub.active {background: url(../css/header/close_sub.png) no-repeat left 5px center}
    #sub_menu {position: absolute;right: 100%;top: 42px;width: calc(100% - 20px);padding: 0 10px;height: calc(100% - 42px);overflow: auto;background-color: white;z-index: 10;margin: 0;border-top: 1px solid #d2d6d9;transition: all 0.5s;-webkit-transition: all 0.5s}
    #sub_menu.active {right: 0;transition: all 0.5s;-webkit-transition: all 0.5s}
    .search {width: calc(100% - 20px);height: 36px;background: none;float: none;margin: 10px 0}
    .search input, .search a {position: static;float: left;display: block}
    .search input {font: 14px 'S';color: #333;width: calc(100% - 60px);border: none;outline: none;height: 36px;background-color: #eee}
    .search a {width: 40px;height: 36px;background: #eee url(../css/header/search_m.png) no-repeat center;border: none}
    .main_menu {float: none}
    .main_menu > li {display: block;padding: 0;margin: 0;float: none}
    .main_menu > li > a {font: 15px 'S';text-transform: initial;display: block;position: relative;line-height: 21px;padding: 8px 0 8px 16px;margin-right: 40px}
    .main_menu > li > a:before {content:"";display: block;width: 6px;height: 6px;background-color: #999;position: absolute;left: 0;top: 16px}
    .main_menu > li:first-child > a {font-size: 15px;background: none}
    .main_menu > li:first-child:hover > a, .main_menu > li:first-child > a.active {background: none}
    .main_menu > li > a.active, .main_menu > li:hover > a {color: #333}
    .main_menu > li:hover > ul {display: none}
    .main_menu > li:hover > a {color: #b91219}
    .main_menu > li:hover > a:before {background-color: #b91219}
    .main_menu > li > ul {position: static;width: auto}
    .main_menu > li > ul > li > a {display: block;font: 15px 'S';color: #333;line-height: 21px;padding: 8px 0 8px 16px;margin-left: 25px;position: relative;border: none}
    .main_menu > li > ul > li > a:before {content:"";display: block;width: 4px;height: 4px;border: 1px solid #999;position: absolute;left: 0;top: 16px}
    .main_menu .has-Sub.active > ul {display: block}
    .main_menu > li > ul > li > a:hover {color: #b91219;border: none}
    .main_menu > li > ul > li > a:hover:before {border: 1px solid #b91219}
    .main_menu .has-Sub {background: url(../css/header/cong.png) no-repeat right 10px top 13px}
    .main_menu .has-Sub.active {background: url(../css/header/tru.png) no-repeat right 10px top 18px}
    .ngonngu_m {display: block;margin: 15px 0 5px 0}
    .ngonngu_m a {font-family: 'SB';margin-left: 10px;color: #333}
    .ngonngu_m a img {margin-right: 5px;vertical-align: baseline}
	#___plus_0, .fb-like {display: none !important}
	#bottomNavClose {top: 5px;right: 5px}
	#prevLink {left: 5px}
	#nextLink {right: 5px}
}