.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}

.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}

#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 25px 0;clear: both}
#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: #20317f}
#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}
.fb-like {top: -3px}
.tieude_ct {font: 28px 'robotoBoldCondensed';color: #20317f}
.tieude_k {font: 18px 'robotoBoldCondensed';color: #20317f}

.slick-list {overflow: hidden}
.slick-prev, .slick-next {position: absolute;cursor: pointer;padding: 0;outline: none;border: none;z-index: 3}
.slick-list div:focus, .slick-list li:focus, .slick-list a:focus, .slick-list div, .slick-list li, .slick-list a {outline: none}

#phantrang {clear: both;overflow: hidden}
.SplitPages a {display: block;float: left;margin: 0 5px 3px 0}
.SplitPages a {height: 26px;font-size: 14px;color: #333;display: block;float: left;line-height: 26px;text-align: center;background-color: #f2f2f2;border-bottom: 1px solid #d9d9d9;border-radius: 3px;text-decoration: none;width: 27px}
.SplitPages a.cuoi, #phantrang a.dau, #phantrang a.truoc, #phantrang a.sau {padding: 0px 15px;width: auto}
.SplitPages a.hientai, .SplitPages a:hover {background-color: #20317f;color: White;border-color: #20317f}
.SplitPages a.bacham {background-color: white;border: none;box-shadow: none}
.SplitPages a.bacham:hover {color: #333}
#phantrang span {float: right;font-size: 14px;color: #333;margin-right: 2px}

h1, h2, h3, h4 {padding: 0;margin: 0;line-height: inherit;font-size: inherit;font-weight: inherit;display: inherit}
body {min-width: 1200px;margin: 0 auto;font: 15px 'robotoR'}
.khoi1170 {width: 1170px;margin: 0 auto}
.header ul, .footer ul, .sidebar ul {padding: 0;margin: 0}
.header li, .footer li, .sidebar li {list-style: none}
.header a, .footer a, .sidebar a {text-decoration: none}
.header {background-color: #f0f0f0;height: 70px}
.logo {width: 52px;height: 52px;float: left;margin: 9px 0}
.search_hotline {float: right;margin-top: 16px}
.search_hotline .language {float: left;margin-top: 10px}
.search_hotline .language a {display: block;float: left;margin-left: 3px}
.search_hotline select {font: 15px 'robotoCondensed';color: #333;float: left;outline: none;border: none;-webkit-appearance: none;-moz-appearance: none;background: url(../css/header/select.png) no-repeat right center;width: 75px;margin: 14px 5px 0 0}
.search_input {float: left;margin: 4px 15px 0 0;position: relative;z-index: 2}
.search {display: block;float: left;width: 30px;height: 30px;background: url(../css/header/search.png) no-repeat center;position: relative;z-index: 2}
.search_input input {font: 15px 'robotoCondensed';height: 30px;width: 250px;padding: 0 10px;border: none;border-bottom: 1px solid #d1d1d1;float: left;outline: none;display: none;position: absolute;top: 0;right: 0}
.search_input ::-webkit-input-placeholder {color: #666}
.search_input ::-moz-placeholder {color: #666;opacity: 1}
.search_input :-moz-placeholder {color: #666;opacity: 1}
.search_input:hover input, .search_input:focus input {display: block}
.hotline {float: left;margin-left: 10px}
.sdt {font: 18px 'robotoCondensed';height: 43px;line-height: 43px;color: #333;display: block;padding: 0 25px 0 40px;background: url(../css/header/icon_hotline.png) no-repeat left 10px center;border-radius: 3px;background-size: 25px}
.sdt span {font-family: 'robotoBoldCondensed';color: red}
.slide_home {padding: 0;margin: 0 auto}
.slide_home li {list-style: none}
.slide_home .khungAnh:before {padding-bottom: 32.064421%}
.news_home {position: absolute;z-index: 2;left: calc(7.175% + 30px);bottom: 50%;transform: translateY(50%);-webkit-transform: translateY(50%);overflow: hidden;width: 435px}
.news_home .topic {font: italic 17px Segoe UI;color: white;display: block;line-height: 28px;max-height: 84px;overflow: hidden;text-decoration: none;margin-bottom: 10px;text-shadow: 1px 1px #8d5318}
.news_home .xemthem {display: block;font: italic 17px Segoe UI;color: white;text-decoration: none;line-height: 22px;padding: 10px 30px;border: 1px solid white;float: left}
.slide_home .slick-list, .slide_partner .slick-list {width: 100%;overflow: hidden}
.slide_home .slick-prev, .slide_home .slick-next {width: 40px;height: 40px;position: absolute;z-index: 3;background: url(../css/header/prev.png) no-repeat center;left: calc(7.175% - 20px);bottom: calc(50% - 20px);border: none;outline: none;cursor: pointer;background-size: 100%}
.slide_home .slick-next {background: url(../css/header/next.png) no-repeat center;right: calc(7.175% - 50px);left: inherit;background-size: 100%}
.slide_partner {background-color: #f0f0f0}
.slide_partner ul {padding: 0}
.slide_partner li {list-style: none;float: left}
.slide_partner .khungAnh {margin: 3px 20px;height: 64px}
.slide_partner img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%)}
.slide_partner .khungAnh:hover img {-webkit-filter: none;-moz-filter: none;-ms-filter: none}
.khoi_bao {overflow: hidden;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;margin: 25px 0}
.main_content {width: 68.376%;float: left}
.sidebar {width: calc(100% - 68.376% - 45px);float: right}
.tieude {font: 28px 'robotoBoldCondensed';color: #20317f;text-decoration: none;text-transform: uppercase;line-height: 36px;display: block;position: relative;padding-bottom: 7px;margin: 0}
.tieude a {color: #20317f;text-decoration: none}
.tieude:after {content:"";display: block;width: 39px;height: 4px;background-color: #aaa;position: absolute;left: 0;bottom: 0}
.ds_sanpham {padding: 0;margin: 20px 0 0 0;overflow: hidden}
.ds_sanpham li {list-style: none;display: block;width: calc(50% - 23px);float: left;margin-bottom: 25px}
.ds_sanpham li:nth-child(2n) {float: right}
.ds_sanpham li:nth-child(2n-1) {clear: both}
.ds_sanpham .khungAnh {border-radius: 4px;overflow: hidden;margin-bottom: 3px}
.ds_sanpham .khungAnh:before {padding-bottom: 56.3829%}
.ds_sanpham .topic {font: 26px 'robotoCondensed';overflow: hidden;text-decoration: none;display: block;color: #333;margin-bottom: 5px}
.ds_sanpham .topic:hover {color: #d11d13}
.ds_sanpham .detail {display: block;line-height: 21px;max-height: 84px;overflow: hidden;text-align: justify}
.sp_home .ds_sanpham .detail {font-style: italic}
.ds_sanpham.gt .topic {height: 32px;margin-bottom: 10px}
.ds_sanpham li.slick-slide .topic {margin-bottom: 10px}
.ds_sanpham li .album {font: 18px 'robotoCondensed';display: block;padding: 9px 10px 9px 65px;text-decoration: none;color: #333;background: #f7f7f7 url(../css/content/cam.png) no-repeat left 15px center;border-radius: 0 0 4px 4px;overflow: hidden;height: 48px;position: relative}
.ds_sanpham li .album.video {background: #f7f7f7 url(../css/content/play.png) no-repeat left 15px center}
.ds_sanpham li .album span {display: block;line-height: 24px;max-height: 48px;overflow: hidden;position: absolute;top: 50%;left: 65px;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.ds_sanpham li:hover .album {background: #d11d13 url(../css/content/cam_hover.png) no-repeat left 15px center;color: white}
.ds_sanpham li:hover .album.video {background: #d11d13 url(../css/content/play_hover.png) no-repeat left 15px center}
.khoi_sp .ds_sanpham.ds_album li {margin-bottom: 35px}
.ds_sanpham.ds_album li .khungAnh {border-radius: 4px 4px 0 0;margin-bottom: 0}
.ds_sanpham.popup {margin-bottom: -40px}
.ds_sanpham.popup .khungAnh {margin-bottom: 0}
.ds_sanpham.popup .khungAnhCrop:after {content:"";width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;background: rgba(0,0,0,0.5) url(../css/content/click.png) no-repeat center;display: none}
.ds_sanpham.popup .khungAnh:hover .khungAnhCrop:after {display: block}
.qc_home {margin-bottom: 30px}
.qc_home:before {padding-bottom: 14.25%}
.sidebar .ds_tin {margin: 15px 0 0 0;padding: 0}
.ds_tin li {list-style: none;padding-bottom: 15.5px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;display: block;overflow: hidden}
.ds_tin .khungAnh {width: 31.1728%;float: left;margin: 5px 10px 0 0;border-radius: 4px;overflow: hidden}
.ds_tin .khungAnh:before {padding-bottom: 100%}
.ds_tin .topic {font: 16px 'robotoCondensed';line-height: 20px;max-height: 60px;overflow: hidden;color: #333;text-decoration: none;display: block;margin-bottom: 5px}
.ds_tin .topic:hover {color: #d11d13}
.ds_tin .date_view {font-size: 12px;color: #999;display: block;margin-bottom: 5px}
.ds_tin .detail {display: block;line-height: 21px;max-height: 42px;overflow: hidden}
.video_home {border-radius: 4px;overflow: hidden;margin-bottom: 20px}
.video_home:before {padding-bottom: 74.69%}
.video_home iframe {width: 100%;height: 100%}
.quangcao a {display: block;overflow: hidden;margin-bottom: 20px;border-radius: 4px}
.quangcao a:last-child {margin-bottom: 0}
.quangcao img {width: 100%;height: auto}
.duan_home {overflow: hidden}
.ds_duan {margin: 20px 0 0 0;padding: 0}
.ds_duan li {list-style: none;width: calc((100% - 96px)/5);display: block;float: left;margin: 0 24px 30px 0}
.ds_duan .khungAnh:before {padding-bottom: 62.4%}
.ds_duan .topic {font: 18px 'robotoBoldCondensed';display: block;line-height: 21px;max-height: 63px;overflow: hidden;margin: 10px 0;text-decoration: none;color: #333;text-transform: uppercase}
.ds_duan .topic:hover {color: #d11d13}
.ds_duan .slick-list {width: calc(100% + 23px)}
.ds_duan .slick-prev, .ds_duan .slick-next {width: 20px;height: 20px;right: 25px;top: -50px;background: url(../css/content/prev2.png) no-repeat center;border-radius: 3px;border: 1px solid #ccc}
.ds_duan .slick-next {right: 0;background: url(../css/content/next2.png) no-repeat center}
.ds_duan .slick-prev:hover {background: #20317f url(../css/content/prev2_hover.png) no-repeat center;border: 1px solid #20317f}
.ds_duan .slick-next:hover {background: #20317f url(../css/content/next2_hover.png) no-repeat center;border: 1px solid #20317f}
#map_canvas {position: relative}
#map_canvas iframe {width: 100%;height: 100%;position: absolute;top:0;left: 0}
#map_canvas:before {padding-bottom: 20.4978%;content:"";display: block}
.footer {clear: both}
.footer_top {background-color: #f0f0f0;padding: 35px 0;overflow: hidden}
.footer_top .khoi_ft {width: calc((100% - 110px)/2);float: left;margin-right: 50px;overflow: hidden}
.footer_top .khoi_ft:last-child {margin-right: 0}
.tieude_ft {font: 22px 'robotoBoldCondensed';margin: 0 0 5px 0;text-transform: uppercase;color: #20317f}
.logo_ft {width: 227px;height: 66px;float: left;margin-bottom: 10px}
.intro {font-size: 13px;clear: both;display: block;line-height: 24px;color: white}
.company {font-size: 13px;text-transform: uppercase;color: white;display: block;margin: 0 0 12px 0;font-weight: normal}
.add {font-size: 15px;display: block;line-height: 21px;color: #333;margin-top: 3px}
.social {overflow: hidden;margin-top: 10px}
.social a {display: block;width: 42px;height: 48px;margin-right: 10px;float: left}
.social a:last-child {margin-right: 0}
.dk_mail {overflow: hidden;background-color: white;border-radius: 3px;margin-top: -6px}
.dk_mail a {display: block;width: 40px;height: 34px;float: right;background: url(../css/footer/mail.png) no-repeat center}
.dk_mail input {font: 13px 'robotoR';color: #333;width: calc(100% - 60px);float: left;height: 34px;outline: none;padding: 0 10px;border: none}
.dk_mail ::-webkit-input-placeholder {color: #999}
.dk_mail ::-moz-placeholder {color: #999;opacity: 1}
.dk_mail :-moz-placeholder {color: #999;opacity: 1}
.khoi_ft iframe {width: 100%;height: 185px;overflow: hidden;margin-top: 10px}
.banquyen {background-color: #ddd;overflow: hidden;font-size: 13px;color: #333;line-height: 38px}
.banquyen .thongke_tc {float: right;margin-right: 170px}
#page_head {width: 57px;height: 57px;display: none;position: fixed;z-index: 5;right: 15px;bottom: 190px;background: url(../css/footer/page_head.png) no-repeat center;border-radius: 4px;cursor: pointer}

.ykien_kh {overflow: hidden}
.ykien_kh .tieude {margin-bottom: 10px}
.ykien_kh .left {width: 45%;float: left;overflow: hidden;padding: 0;margin: 0 0 10px 0}
.ykien_kh .left li {list-style: none;float: left;padding: 10px;border-radius: 4px;width: calc(50% - 20px)}
.ykien_kh .left li:nth-child(2n-1) {clear: both}
.ykien_kh .left li.active, .ykien_kh .left li:hover {background-color: #f6f6f6}
.ykien_kh .khungAnh:before {padding-bottom: 100%}
.ykien_kh .khungAnh {border-radius: 4px;overflow: hidden}
.ykien_kh .left .topic {font: 16px 'robotoCondensed';color: #333;display: block;margin: 10px 0 5px 0;text-decoration: none}
.ykien_kh .left .topic:hover {color: #d11d13}
.ykien_kh .left span {font-size: 12px;color: #aaa;text-transform: uppercase}
.ykien_kh .right {width: calc(100% - 45% - 20px);float: right;padding: 0;margin: 0}
.ykien_kh .right li {list-style: none;display: none}
.ykien_kh .right .active {display: block}
.ykien_kh .right .topic {font: 18px 'robotoCondensed';color: #d11d13;margin-bottom: 10px}
.ykien_kh .right .mota {margin-bottom: 10px;font-family: 'robotoB'}
.ykien_kh .right .noidung {text-indent: 25px;text-align: left;line-height: 26px;color: #666;max-height: 442px;overflow: hidden;margin-bottom: 10px;background: url(../css/content/phay.png) no-repeat left top 4px;text-align: justify;position: relative}
.ykien_kh .right .noidung:after {content:"";display: block;width: 26px;height: 26px;position: absolute;right: 0;bottom: -3px;background: white url(../css/content/phay.png) no-repeat left center;transform: rotate(180deg)}
.ykien_kh .xem_them {font-size: 13px;padding-left: 20px;color: #20317f;text-decoration: none;background: url(../css/content/xemthem.png) no-repeat left center;float: left;clear: both;margin-bottom: 15px}

.ds_gioithieu {padding: 0;overflow: hidden;margin-top: 35px}
.ds_gioithieu li {list-style: none;width: 48%;padding-right: 4%;float: left;overflow: hidden;margin-bottom: 30px}
.ds_gioithieu li:nth-child(2n) {padding: 0}
.ds_gioithieu .khungAnh {width: 29.59%;float: left;margin-right: 25px}
.ds_gioithieu .khungAnh:before {padding-bottom: 62.65%}
.ds_gioithieu .khungAnhCrop:before {content:"";display: block;width: calc(100% - 10px);height: calc(100% - 10px);border: 5px solid rgba(255,255,255,0.5);position: absolute;z-index: 3;top: 0;left: 0}
.ds_gioithieu .detail {font-size: 14px;line-height :20px;max-height: 60px;overflow: hidden}
.ds_gioithieu .topic {font: 24px 'robotoCondensed';color: #333;line-height: 26px;max-height: 52px;overflow: hidden;text-decoration: none;display: block;margin-bottom: 10px}
.ds_gioithieu .topic:hover {color: #20317f}
.ds_gioithieu .khungAnhCrop0:after {content:"";display: block;position: absolute;z-index: 2;width: calc(100% - 10px);height: calc(100% - 10px);top: 0;left: 0;border: 5px solid rgba(255,255,255, 0.6)}
.nhansu .tieude:after {display: none}
.ds_nhansu {margin: 30px 0 0 0;padding: 0}
.ds_nhansu li {margin-right: 30px}
.ds_nhansu .khungAnh {border: 1px solid #c8c8c8;margin-bottom: 10px}
.ds_nhansu .khungAnh:before {padding-bottom: 100%}
.ds_nhansu .khungAnhCrop:before {content:"";display: block;width: calc(100% - 6px);height: calc(100% - 6px);position: absolute;top: 0;left: 0;z-index: 2;border: 3px solid white}
.ds_nhansu .topic {font: 18px 'robotoCondensed';color: white;display: block;margin-bottom: 5px;line-height: 24px;height: 48px;overflow: hidden;text-align: center}
.ds_nhansu .chucvu {font-size: 13px;color: #999;padding-bottom: 10px;border-bottom: 1px solid #555;margin-bottom: 15px;position: relative}
.ds_nhansu .chucvu:before {content:"";display: block;width: 45px;height: 1px;background-color: white;position: absolute;left: 0;bottom: -1px}
.ds_nhansu .mxh {overflow: hidden}
.ds_nhansu .mxh a {display: block;width: 24px;height: 24px;float: left;margin-right: 10px}
.nhansu {background: url(../css/content/bg1.png) no-repeat center;background-size: 100% 100%;padding: 25px 0 35px 0}
.nhansu .khoi1180 {overflow: hidden}
.nhansu .tieude {margin-bottom: 10px;background: none;position: relative;text-align: center}
.nhansu .tieude a {color: white;background: none;font: 32px 'robotoBoldCondensed';text-transform: uppercase}
.ds_nhansu .slick-list {width: calc(100% + 26px)}
.ds_nhansu .slick-prev, .ds_nhansu .slick-next {width: 33px;height: 16px;background: url(../css/content/prev1.png) no-repeat center;left: calc(50% - 210px);top: -93px}
.ds_nhansu .slick-next {left: initial;right: calc(50% - 210px);background: url(../css/content/next1.png) no-repeat center}
.nhansu .khoi1170 {overflow: hidden}
.note {text-align: center;color: white}
.tintuc {overflow: hidden;padding-top: 40px;margin-bottom: 30px}
.tintuc .left {width: calc(50% - 20px);float: left}
.tintuc .right {width: calc(50% - 20px);float: right}
.tintuc .right ul {margin: 0;padding: 0}
.tintuc .tieude {margin-bottom: 20px}
.tintuc .left ul {border: 1px solid #ccc;padding: 0;margin: 0}
.tintuc .left li {border-bottom: 1px solid #ccc;padding: 0 20px 0 50px;list-style: none;position: relative}
.tintuc .left ul li:last-child {border: none}
.tintuc .left li span {width: 29px;height: 29px;display: block;position: absolute;top: 10px;left: 10px;background: url(../css/content/tick.png) no-repeat center;background-size: 100%}
.tintuc .left .morong {font: 18px 'robotoBoldCondensed';display: block;line-height: 21px;padding: 15px 15px 15px 0}
.tintuc .left .noidung {display: none;font-size: 14px;line-height: 21px;max-height: 189px;overflow: hidden}
.tintuc .left .active .noidung {display: block;margin-bottom: 10px}
.tintuc .left .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {background: url(../css/content/scroll.png) no-repeat center !important}
.slide_news li {margin-right: 30px}
.slide_news .khungAnh:before {padding-bottom: 66.54275%}
.slide_news .time_view {overflow: hidden;margin: 20px 0}
.slide_news .time {font: 11px 'robotoCondensed';line-height: 20px;color: white;width: 50px;height: 63px;float: left;background-color: #20317f;text-align: center;text-transform: uppercase;margin-top: 3px}
.slide_news .time span {display: block;font: 22px 'robotoBoldCondensed';margin-top: 7px}
.slide_news .topic, .slide_news .view {width: calc(100% - 65px);float: right}
.slide_news .topic {font: 18px 'robotoBoldCondensed';color: #333;display: block;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 5px;text-decoration: none}
.slide_news .topic:hover {color: #20317f}
.slide_news .view {text-indent: 22px;font: 13px 'robotoCondensed';color: #666;background: url(../css/content/view_t.png) no-repeat left center}
.slide_news .detail {font-size: 13px;line-height: 20px;height: 80px;overflow: hidden;margin: 0}
.slide_news .slick-list {width: calc(100% + 29px)}
.slide_news .slick-prev, .slide_news .slick-next, .duan_list .slick-prev, .duan_list .slick-next {width: 20px;height: 20px;right: 0;top: -50px;background: url(../css/content/next2.png) no-repeat center;border: 1px solid #ccc;border-radius: 3px}
.slide_news .slick-prev, .duan_list .slick-prev {right: 25px;background: url(../css/content/prev2.png) no-repeat center}
.slide_news .slick-prev:hover, .duan_list .slick-prev:hover {background: #20317f url(../css/content/prev2_hover.png) no-repeat center;border: 1px solid #20317f}
.slide_news .slick-next:hover, .duan_list .slick-next:hover {background: #20317f url(../css/content/next2_hover.png) no-repeat center;border: 1px solid #20317f}
.banner {border-bottom: 2px solid #20317f}
.banner:before {padding-bottom: 18.6676%}
.duongdan {position: absolute;z-index: 2;left: 0;bottom: 0;background-color: rgba(255,255,255,0.8);width: 100%}
.duongdan ul.khoi1170 {margin: auto;padding: 0}
.duongdan li {display: inline;padding-right: 20px;margin-right: 5px;background: url(../css/content/vitri.png) no-repeat right center;list-style: none}
.duongdan ul li:last-child {margin-right: 0;padding-right: 0;background: none}
.duongdan a {text-decoration: none;color: #333;font: 13px 'robotoB';line-height: 30px}
.bao_ct {overflow: hidden;padding: 35px 0}
.main_content {width: 69.658%;float: left}
.sidebar {width: calc(100% - 69.658% - 30px);float: right}
.gt_khac {overflow: hidden;margin: 20px 0 0 0;padding: 0}
.gt_khac li {list-style: none;float: left;width: calc(50% - 20px);margin-bottom: 10px}
.gt_khac li:nth-child(2n-1) {margin-right: 40px;clear: both}
.gt_khac a {font-size: 14px;display: block;text-decoration: none;color: #333;line-height: 20px;padding-left: 17px;background: url(../css/content/list.png) no-repeat left top 6px}
.gt_khac a span {color: #999;margin-left: 7px}
.gt_khac a:hover {color: #20317f;background: url(../css/content/list_hover.png) no-repeat left top 6px}
.gt_chung {margin-top: 25px}
.gt_chung .tieude {margin-bottom: 20px}

.sidebar .danhmuc {margin: 20px 0}
.danhmuc li {margin-bottom: 10px}
.danhmuc a {display: block;font-size: 14px;line-height: 20px;padding: 7px 20px;color: #333;background-color: #e1e1e1;position: relative;border-radius: 0 15px 0 0}
.danhmuc a:before {content:"";display: block;border-left: 15px solid #20317f;border-bottom: 15px solid transparent;position: absolute;top: 0;left: 0;z-index: 3}
.danhmuc a:after {content:"";display: block;border-left: 18px solid white;border-bottom: 18px solid transparent;position: absolute;top: 0;left: 0;z-index: 2}
.danhmuc li:hover a, .danhmuc li.active a {color: white;background-color: #20317f}
.danhmuc li:hover a:before, .danhmuc li.active a:before {border-left: 15px solid #d31f16}
.tintuc_home, .xemnhieu {margin-bottom: 30px}
.sidebar .tieude {font-size: 22px}
.sidebar .tintuc_home .tieude {font-size: 28px}

.loaitin .ds_noibat {padding: 20px 0 0 0;clear: both;margin: 0}
.loaitin .ds_noibat li {margin-bottom: 7px;padding-bottom: 3px}
.loaitin .ds_noibat li:last-child {margin-bottom: 0}
.khung_tieude {padding: 10px 100px  10px 0;border-bottom: 1px solid #e3e3e3;position: relative;margin-bottom: 25px;margin-right: 10px}
.khung_tieude:after {content:"";display: block;width: 50px;height: 3px;background-color: #9c0f14;position: absolute;left: 0;bottom: -2px}
.tieude_lt {font: 16px 'robotoBoldCondensed';color: #333;text-decoration: none;text-transform: uppercase}
.xemthem_tin {font-size: 13px;width: 79px;height: 24px;padding-right: 10px;text-align: center;color: #999;border: 1px solid #e3e3e3;line-height: 24px;position: absolute;right: -10px;bottom: -1px;background: url(../css/content/chitiet.png) no-repeat right 10px center;text-decoration: none;border-radius: 13px 13px 13px 0}
.xemthem_tin:hover {border-color: #20317f;background: #20317f url(../css/content/chitiet_hover.png) no-repeat right 10px center;color: white}
.loaitin .khungAnh {width: 17.423%;float: left;margin: 5px 20px 0 1px;border: 4px solid white;box-shadow: 0 0 0 1px #e5e5e5}
.loaitin .khungAnh:before {padding-bottom: 100%}
.loaitin .main_topic {font: 18px 'robotoBoldCondensed';color: #333;text-decoration: none;display: block;margin-bottom: 10px}
.loaitin .main_topic:hover {color: #20317f}
.loaitin .date_hour {font-size: 12px;color: #666;display: block;margin: 5px 0}
.loaitin .detail {font-size: 14px;line-height: 21px;max-height: 63px;overflow: hidden;color: #333;margin: 10px 15px 15px 15px}
.xemchitiet {font-size: 13px;height: 29px;text-decoration: none;text-align: center;line-height: 29px;color: white;background-color: #b6b5b5;display: block;float: right;border-radius: 14.5px;padding: 0 20px}
.xemchitiet:hover {background-color: #20317f}
.loaitin {padding-left: 0;margin-bottom: 20px}
.loaitin li {list-style: none;display: block;overflow: hidden;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #eee}
.tieude.cate {font-size: 24px}
.tieude.cate:after {display: none}
.tieude .them {font: 13px 'robotoR';color: #666;border: 1px solid #dfdfdf;height: 25px;line-height: 25px;padding: 0 10px;display: block;float: right;text-transform: none;margin-top: 2px}
.tieudiem {margin: 22px 0 30px 0;border-top :1px solid #e4e4e4;position: relative}
.tieudiem:after {content:"";width: 27px;height: 19px;display: block;background: white url(../css/content/hoathi.png) no-repeat center;position: absolute;top: -10.5px;left: 0}

.baikhac {overflow: hidden}
.tinkhac {padding: 20px 0 0 0;margin: 0}
.tinkhac li {list-style: none;margin-right: 40px}
.tinkhac .item {overflow: hidden;margin-bottom: 20px}
.tinkhac .khungAnh {width: 18.2%;float: left;margin-right: 15px}
.tinkhac .khungAnh:before {padding-bottom: 100%}
.tinkhac .topic {display: block;text-decoration: none;color: #333;font-size: 14px;line-height: 20px;max-height: 40px;overflow: hidden;margin-bottom: 10px}
.tinkhac .topic:hover {color: #20317f}
.tinkhac .slick-list {width: calc(100% + 39px)}
.tinkhac .slick-prev, .tinkhac .slick-next {width: 20px;height: 20px;top: -20px;left: 135px;background: url(../css/content/prev.png) no-repeat center}
.tinkhac .slick-next {left: 160px;background: url(../css/content/next.png) no-repeat center}
.tinkhac .slick-prev:hover {background: url(../css/content/prev_hover.png) no-repeat center}
.tinkhac .slick-next:hover {background: url(../css/content/next_hover.png) no-repeat center}
.date_view {font-size: 12px;color: #999}

.video_sb {margin-bottom: 30px}
.video_sb .tieude, .album_sb .tieude {margin-bottom: 20px}
.video_sb .play_video:before {padding-bottom: 62.35%}
.video_sb .play_video iframe {width: 100%;height: 100%}
.video_list {margin-top: 5px;padding: 0 27px}
.video_list .khungAnh {margin-right: 5px;cursor: pointer}
.video_list .slick-list {width: calc(100% + 4px)}
.video_list .khungAnh:before {padding-bottom: 52.87%}
.video_list .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0,0,0,0.5)}
.video_list .khungAnh:hover .khungAnhCrop:before {width: calc(100% - 4px);height: calc(100% - 4px);background-color: transparent;border: 2px solid #20317f}
.video_list .slick-prev, .video_list .slick-next {width: 22px;height: 46px;left: 0;top: 0;background: #d4d4d4 url(../css/content/prev3.png) no-repeat center}
.video_list .slick-next {left: initial;right: 0;background: #d4d4d4 url(../css/content/next3.png) no-repeat center}
.video_list .slick-prev:hover, .video_list .slick-next:hover {background-color: #20317f}

.album_sb {margin-bottom: 30px}
.anh_popup {overflow: hidden}
.anh_popup .khungAnh {width: calc((100% - 2px)/3);float: left;margin: 0 1px 1px 0;cursor: pointer}
.anh_popup .khungAnh:before {padding-bottom: 62.037%}
.anh_popup .khungAnh:nth-child(6n-5) {width: calc((100% * 2/3) - 1px/3)}
.anh_popup .khungAnh:nth-child(6n-4), .anh_popup .khungAnh:nth-child(6n-3), .anh_popup .khungAnh:nth-child(6n) {margin-right: 0}
.anh_popup .khungAnh:hover .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background:  rgba(0,0,0,0.5) url(../css/content/click.png) no-repeat center}
.anh_popup .khungAnh:nth-child(6n-5):before {padding-bottom: 62.335%}

.ds_anh {padding: 0;margin: 0;overflow: hidden}
.ds_anh li {list-style: none;width: calc((100% - 60px)/3);float: left;background-color: #eaeaea;border-radius: 40px 0;margin: 20px 30px 30px 0}
.ds_anh li:nth-child(3n) {margin-right: 0}
.ds_anh .khungAnh {margin: -18px 10px 0 0;border-radius: 40px 0;overflow: hidden;box-shadow: 1px 1px white}
.ds_anh .khungAnh:before {padding-bottom: 67.1875%}
.nen_album {display: flex;display: -webkit-flex;width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;background: url(../css/content/album.png) no-repeat left 8px bottom 8px;text-decoration: none}
.tv_video .nen_album {background: url(../css/content/nen_video.png) no-repeat left 8px bottom 8px}
.nen_album span {font-size: 14px;color: white;text-align: center;width: 100%;align-self: center;-webkit-align-self: center;line-height: 24px;display: none}
.ten_album {font-size: 14px;color: #333;display: block;line-height: 21px;padding: 10px 15px 0 15px;margin-bottom: 10px;height: 42px;overflow: hidden;text-decoration: none}
.ds_anh li:hover {background-color: #20317f}
.ds_anh li:hover .khungAnh {box-shadow: 1px 1px #7b8ee6}
.ds_anh li:hover .ten_album {color: white}
.ds_anh li:hover .nen_album {background-color: rgba(0,0,0,0.5)}
.ds_anh li:hover span {display: block}
.khung_td {border-bottom: 1px solid #e3e3e3;padding: 5px 0 10px 0;position: relative;margin-bottom: 20px}
.khung_td:before, .khung_td:after {content:"";display: block;width: 25px;height: 3px;background-color: #d9241b;position: absolute;left: 0;bottom: -1px}
.khung_td:after {background-color: #20317f;left: 25px}
.xem_ct {font-size: 13px;color: #999;height: 24px;line-height: 24px;display: block;position: absolute;bottom: 0;right: 0;padding: 0 20px 0 10px;background: url(../css/content/ct.png) no-repeat right 10px center;text-decoration: none;border: 1px solid #e3e3e3;border-bottom: none}
.xem_ct:hover {color: white;background: #20317f url(../css/content/ct_hover.png) no-repeat right 10px center;border: 1px solid #20317f;border-bottom: none}
.title {font: 16px 'robotoB';text-decoration: none;color: #333;text-transform: uppercase}
.title:hover {color: #20317f}
.thuvien .tieude:after {display: none}
.cate_tv {border-bottom: 1px dashed #eee;margin-bottom: 30px}

#lightbox {position: absolute;left: 0 !important;width: 100%;z-index: 100;text-align: center}
#numberDisplay {display: none !important}
#navControls {display: none !important}
#outerImageContainer{position: relative;padding: 5px 5px 2px 5px;border-radius: 5px;background-color: rgba(255,255,255,0.3);width: auto !important;height: auto !important;float: left;margin-left: 50%;transform: translateX(-50%)}
#imageDataContainer {height: 0}
#imageDetails {display: none}
#caption {font: 15px 'roboto';color: #333;display: block;line-height: 21px;padding: 10px 0}
#bottomNavClose {width: 75px;height: 30px;display: block;position: absolute;top: -30px;right: 5px;background: url(../css/content/close_popup.png) no-repeat left center;z-index: 2;cursor: pointer}
#bottomNavClose:before {content:"Đóng lại";font-size: 13px;position: absolute;top: 0;right: 0;text-decoration: none;color: white;text-transform: uppercase;line-height: 30px}
#imageContainer img {border: none;min-width: 500px;height: auto !important}
#hoverNav{height: 0}
#prevLink {width: 31px;height: 39px !important;display: block;position: absolute;top: calc(50% - 19.5px);left: 5px;z-index: 2;background: rgba(0,0,0,0.2) url(../css/content/prev_popup.png) no-repeat center}
#nextLink {width: 31px;height: 39px !important;display: block;position: absolute;top: calc(50% - 19.5px);right: 5px;z-index: 2;background: rgba(0,0,0,0.2) url(../css/content/next_popup.png) no-repeat center}
#prevLink:hover, #nextLink:hover {background-color: rgba(0,0,0,0.5)}
#overlay{position: fixed;top: 0;left: 0;z-index: 90;width: 100% !important;height: 100% !important;background-color: rgba(0,0,0,0.8);display: none}

.ds_popup {overflow: hidden;margin-top: 20px}
.ds_popup .khungAnh {border: 1px solid white;box-shadow: 0 0 0 1px #d5d5d5;float: left;margin: 1px 12px 12px 1px;width: calc((100% - 49px)/4)}
.ds_popup .khungAnh:nth-child(4n) {margin-right: 1px}
.ds_popup .khungAnh:before {padding-bottom: 63.45%}
.ds_popup .khungAnh span {font-size: 13px;color: white;text-transform: uppercase;display: none;text-align: center;position: absolute;z-index: 1;top: 50%;left: 0;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}
.ds_popup .khungAnh:hover span {display: block}
.ds_popup .khungAnh:hover .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;position: absolute;z-index: 2;background-color: rgba(0,0,0,0.5)}
.baikhac .ds_anh li:nth-child(3n) {margin-right: 30px}
.baikhac .ds_anh .slick-list {width: calc(100% + 29px)}
.album_video .tieude_k {text-transform: uppercase;text-align: center}
.baikhac .ds_anh {padding-top: 20px;overflow: initial}
.ds_anh .slick-prev, .ds_anh .slick-next {width: 20px;height: 20px;top: -22px;left: calc(50% - 100px);background: url(../css/content/prev.png) no-repeat center}
.ds_anh .slick-next {left: initial;right: calc(50% - 100px);background: url(../css/content/next.png) no-repeat center}
.ds_anh .slick-prev:hover {background: url(../css/content/prev_hover.png) no-repeat center}
.ds_anh .slick-next:hover {background: url(../css/content/next_hover.png) no-repeat center}
.video_ct {margin-top: 20px}
.video_ct:before {padding-bottom: 56.8098%}
.video_ct iframe {width: 100%;height: 100%}
.gt_khac.tuyendung li {float: none;width: auto}
.gt_khac.tuyendung li:nth-child(2n-1) {margin-right: 0}

.form_cv {margin-top: 20px}
.form_cv .download {margin-bottom: 10px}
.download span {font: 16px 'robotoB';color: #20317f;text-transform: uppercase;margin-right: 10px;line-height: 33px}
.download a {display: inline-block;font-family: 'robotoB';text-decoration: none;color: white;border-radius: 3px;height: 33px;line-height: 33px;padding: 0 20px;background-color: #a8a8a8;text-transform: uppercase}
.gui_hs {overflow: hidden}
.gui_hs span {line-height: 33px}
.gui_hs input {width: 220px;margin: 7px 30px 0 0;outline: none}
.gui_hs a {display: block;float: right;font-family: 'robotoB';text-decoration: none;color: white;border-radius: 3px;height: 33px;line-height: 33px;padding: 0 15px;text-transform: uppercase;background-color: #a8a8a8}
.download a:hover, .gui_hs a:hover {background-color: #20317f}
.loaitin.camnhan .khungAnh {margin-right: 0}
.camnhan .nd_camnhan {width: calc(100% - 17.423% - 30px);float: right;overflow: hidden}
.camnhan .khungAnh {box-shadow: 1px 2px 10px 0 rgba(0,0,0,0.3)}
.camnhan .chucvu {font-size: 12px;color: #999;text-transform: uppercase;margin-bottom: 10px}
.camnhan .mota {color: red;text-transform: uppercase;margin-bottom: 10px;font-size: 14px}
.camnhan.loaitin .main_topic {font: 16px 'robotoCondensed';margin-bottom: 8px}
.camnhan .noidung {font-size :14px;line-height: 21px;text-align: justify}
.camnhan .btOpenClose {font-size: 13px;text-decoration: none;color: #20317f;display: block;float: right;padding: 0 20px 0 10px;height: 24px;line-height: 24px;border-radius: 3px;border: 1px solid #ededed;background: #fafafa url(../css/content/xuong.png) no-repeat right 10px center}
.camnhan .btOpenClose:hover {color: white;background: #20317f url(../css/content/xuong_hv.png) no-repeat right 10px center;border: 1px solid #20317f}
.camnhan .btOpenClose.active {background: #fafafa url(../css/content/len.png) no-repeat right 10px center}
.camnhan .btOpenClose.active:hover {background: #20317f url(../css/content/len_hv.png) no-repeat right 10px center}

.form_ykien {margin-top: 40px}
.form_ykien .loimoi {font: 14px 'robotoB';color: #20317f;line-height: 22px;margin-bottom: 10px}
.nd_nhap {overflow: hidden}
.nd_nhap .left {width: 55.2147%;float: left}
.nd_nhap .right {width: calc(100% - 55.2147% - 10px);float: right;overflow: hidden}
.nd_nhap span {font-size: 14px;line-height: 30px;display: block;float: left;margin-bottom: 10px}
.nd_nhap input[type="text"] {font: 14px 'robotoR';color: #333;width: 330px;height: 28px;padding: 0 10px;border-radius: 3px;margin-bottom: 10px;outline: none;border: 1px solid #d5d5d5;float: right}
.nd_nhap input[type="file"] {width: 352px;height: 30px;float: right;outline: none}
.nd_nhap textarea {font: 14px 'robotoR';color: #333;width: calc(100% - 22px);border: 1px solid #d5d5d5;outline: none;resize: none;margin-bottom: 10px;padding: 5px 10px;height: 98px;border-radius: 3px}
.nd_nhap ::-webkit-input-placeholder {color: #888}
.nd_nhap ::-moz-placeholder {color: #888;opacity: 1}
.nd_nhap :-moz-placeholder {color: #888;opacity: 1}
.nd_nhap .luu_y {font-size: 13px;color: #636363;text-align: right;line-height: 30px;margin-bottom: 10px}
.nd_nhap .btn {float: right;overflow: hidden}
.nd_nhap .btn a {font-family: 'robotoB';display: inline-block;margin-left: 10px;border-radius: 3px;text-decoration: none;color: white;background-color: #d6d6d6;height: 30px;line-height: 30px;padding: 0 20px;text-transform: uppercase}
.nd_nhap .btn a:hover {background-color: #20317f}

.contact .left {width: 60%;float: left}
.contact .right {width: calc(40% - 35px);float: right}
.contact .camon {font-size: 14px;margin-bottom: 15px}
.contact .camon span {color: #db2218;text-transform: uppercase}
.contact .cty {font: 22px 'robotoBoldCondensed';text-transform: uppercase;color: #20317f;margin-bottom: 10px}
.contact .diachi {font-size: 14px;margin-bottom: 8px;line-height: 20px}
.contact .diachi a {font: 14px 'robotoB';color: #db2218}
#map_lh {margin: 22px 1px 1px 1px;border: 4px solid white;box-shadow: 0 0 0 1px #e5e5e5;height: 375px}
#map_lh iframe {width: 100%;height: 100%}
.contact .moinhap {line-height: 24px;margin-bottom: 10px}
.contact input {font: 14px 'robotoR';color: #333;width: calc(100% - 62px);padding: 0 10px 0 50px;outline: none;border: 1px solid #ccc;margin-bottom: 10px;height: 30px}
.contact select {width: 100%;height: 32px;border: 1px solid #ccc;margin-bottom: 10px;outline: none;font: 14px 'robotoR';color: #888;padding: 0 30px 0 50px;-webkit-appearance: none;-moz-appearance: none;background: url(../css/content/select.png) no-repeat right 10px center}
.contact textarea {width: calc(100% - 22px);height: 202px;resize: none;padding: 5px 10px;font: 14px 'robotoR';color: #333;margin-bottom: 10px;outline: none;border: 1px solid #ccc}
.contact .thaotac {overflow: hidden}
.contact .thaotac input {width: 80px;padding-left: 10px;margin: 0 10px 0 0;float: left}
.contact .capcha {float: left;margin-right: 10px}
.contact .refresh {display: block;width: 35px;height: 32px;float: left;background: url(../css/content/refresh.png) no-repeat center}
.contact .btn_lh {overflow: hidden;float: right}
.contact .btn_lh a {font: 14px 'robotoB';display: block;float: left;margin-left: 10px;height: 32px;line-height: 32px;color: white;text-decoration: none;padding: 0 10px;background-color: #acaba9;text-transform: uppercase}
.contact .btn_lh a:hover {background-color: #20317f}
.contact .right ::-webkit-input-placeholder {color: #888}
.contact .right ::-moz-placeholder {color: #888;opacity: 1}
.contact .right :-moz-placeholder {color: #888;opacity: 1}

.contact .bao_input {position: relative}
.contact .bao_input:before {content:"";display: block;width: 32px;height: 32px;display: block;position: absolute;z-index: 2;top: 0;left: 0;background: #20317f url(../css/content/lh1.png) no-repeat center}
.contact .bao_input:after {content:"";display: block;position: absolute;z-index: 2;top: 11px;left: 32px;border-left: 5px solid #20317f;border-top: 5px solid transparent;border-bottom: 5px solid transparent}
.contact .right .bao_input:nth-child(3):before {background: #20317f url(../css/content/lh2.png) no-repeat center}
.contact .right .bao_input:nth-child(4):before {background: #20317f url(../css/content/lh3.png) no-repeat center}
.contact .right .bao_input:nth-child(5):before {background: #20317f url(../css/content/lh4.png) no-repeat center}
.contact .right .bao_input:nth-child(6):before {background: #20317f url(../css/content/lh5.png) no-repeat center}
.tieude_ct.result {color: #333;font-size: 24px}
.tieude_ct.result b {font: 28px 'robotoB';color: #db2218}
.tieude_ct.result span {color: #20317f}

#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: 420px;position: absolute;margin: auto;top: 50%;left: calc(50% - 210px);transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.nen_popup {background-color: white;padding: 20px 0;text-align: center;border-radius: 4px}
#noidung_tb img {display: block;margin: auto;margin-bottom: 15px}
#noidung_tb .tieude_tb {font: 18px 'robotoBoldCondensed';color: #20317f;display: block;text-align: center}
#noidung_tb .gohome {color: white;text-align: center;background-color: #20317f;height: 36px;line-height: 36px;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}
.close_popup {font-size: 13px;text-decoration: none;color: white;text-transform: uppercase;position: absolute;top: -30px;padding-left: 15px;right: 0;height: 30px;line-height: 30px;display: block;cursor: pointer;background: url(../css/content/close_popup.png) no-repeat left center}
.close {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;display: block}
.ds_dichvu {overflow: hidden;margin: 0;padding: 0}
.ds_dichvu li {list-style: none;float: left;margin: 0 25px 25px 0;width: calc((100% - 75px)/4);position: relative;border-bottom: 1px solid #d9d9d9;padding-bottom: 15px}
.ds_dichvu li:nth-child(4n) {margin-right: 0}
.ds_dichvu li:nth-child(4n-3) {clear: both}
.ds_dichvu li:before {content:"";display: block;width: 38px;height: 1px;background-color: #20317f;position: absolute;left: 0;bottom: -1px}
.ds_dichvu li:after {content:"";display: block;width: 7px;height: 7px;border-radius: 50%;background-color: #d9d9d9;position: absolute;right: 0;bottom: -4px}
.ds_dichvu .khungAnh {border-radius: 4px;margin-bottom: 5px;overflow: hidden}
.ds_dichvu .khungAnh:before {padding-bottom: 56.3829%}
.ds_dichvu .topic {font: 24px 'robotoCondensed';overflow: hidden;text-decoration: none;color: #333;display: block;margin-bottom: 5px}
.ds_dichvu li:hover .topic {color: #d82017}
.ds_dichvu li:hover:before {background-color: #d82017}
.ds_dichvu .detail {font-size: 14px;line-height: 22px;max-height: 88px;overflow: hidden;text-align: justify}

.dv_chinh {overflow: hidden}
.dv_chinh .left {width: calc(59.145% - 20px);float: left;padding: 10px;background-color: #f1f1f1;border-bottom: 3px solid #20317f;position: relative;margin: 5px 0 25px 0}
.dv_chinh .left:before {content:"";width: 50%;height: 3px;position: absolute;left: 0;bottom: -3px;background-color: #d92017;display: block}
/*.dv_chinh .left .khungAnh:before {padding-bottom: 56.25%}*/
.dv_chinh .left .khungAnh {border-radius: 4px;overflow: hidden;margin: 15px 0}
.dv_chinh .left .khungAnh img {max-width: 100%;height: auto}
.dv_chinh .left .noidung {line-height: 24px;text-align: justify}
.dv_chinh .right {width: calc(100% - 59.145% - 25px);float: right;margin-top: 15px}
.dv_chinh .left .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {background: url(../css/content/scroll.png) no-repeat center !important}
.dv_chinh .left .tieude {font-size: 22px}
.duan_list {overflow: hidden;padding: 0;margin: 0}
.duan_list li {list-style: none;float: left;margin: 0 25px 25px 0;width: calc((100% - 25px)/2);padding-bottom: 5px}
.duan_list li:nth-child(2n) {margin-right: 0}
.duan_list .khungAnh:before {padding-bottom: 62.6168%}
.duan_list .khungAnh:hover .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 2}
.duan_list .khungAnh span {font-size: 13px;display: block;text-align: center;color: white;text-transform: uppercase;position: absolute;z-index: 2;top: 50%;left: 0;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);display: none}
.duan_list .khungAnh:hover span {display: block}
.duan_list .topic {font: 17px 'robotoBoldCondensed';display: block;margin: 11px 15px;text-decoration: none;color: #333;line-height: 21px;max-height: 42px;overflow: hidden}
.duan_list .topic:hover {color: #20317f}
.duan_list .detail {margin: 0 15px}

.tieude_form {font: 20px 'robotoBoldCondensed';color: #20317f;text-transform: uppercase;margin-bottom: 10px}
.form_dv .tuvan {margin-bottom: 20px}
.form_dv .tuvan span {font-family: 'robotoB';color: #db2017}
.nhap_form {overflow: hidden}
.nhap_form input {font: 14px 'robotoR';color: #333;width: calc((100% - 54px)/2);margin: 0 10px 10px 0;height: 24px;padding: 0 10px;border-radius: 3px;border: 1px solid #ccc;outline: none;float: left}
.nhap_form input:nth-child(2n) {margin-right: 0}
.nhap_form select {width: calc(50% - 5px);margin: 0 10px 10px 0;height: 26px;outline: none;border-radius: 3px;border: 1px solid #ccc;padding: 0 30px 0 10px;-webkit-appearance: none;-moz-appearance: none;background: url(../css/content/select.png) no-repeat right 10px center;font: 14px 'robotoR';color: #666;float: left}
.nhap_form textarea {width: calc(100% - 22px);height: 58px;padding: 5px 10px;resize: none;outline: none;border: 1px solid #ccc;border-radius: 3px;margin-bottom: 10px;font: 14px 'robotoR';color: #333}
.nhap_form ::-webkit-input-placeholder {color: #666}
.nhap_form ::-moz-placeholder {color: #666;opacity: 1}
.nhap_form :-moz-placeholder {color: #666;opacity: 1}
.nhap_form span {font-size: 13px;line-height: 32px}
.nhap_form a {display: block;float: right;height: 32px;line-height: 32px;font-family: 'robotoB';color: white;text-decoration: none;padding: 0 15px;border-radius: 3px;background-color: #20317f}

.dv_cate .duan_list li {width: calc((100% - 100px)/5)}
.dv_cate .duan_list li:nth-child(2n) {margin-right: 25px}
.dv_cate .duan_list li:nth-child(5n) {margin-right: 0}
.load_them {text-align: center}
.load_them a {font-size: 14px;display: inline-block;height: 38px;line-height: 38px;text-decoration: none;padding: 0 60px;border: 1px solid #ccc;color: #333}
.load_them a span {font: 16px 'robotoB';color: #da231b}
.duan_ct {overflow: hidden;padding: 20px 0;border-bottom: 1px dashed #d6d6d6;margin-bottom: 30px}
.duan_ct .right {width: calc(100% - 59.124% - 25px);float: right}
/*.duan_ct .video_sb {margin-bottom: 0}
.duan_ct .video_list {margin-top: 10px;padding: 0 40px}
.duan_ct .video_list .khungAnh {margin-right: 10px}
.duan_ct .video_list .slick-list {width: calc(100% + 9px)}
.duan_ct .video_list .slick-prev, .duan_ct .video_list .slick-next {width: 30px;height: 100%}*/
.slide_duan {margin-bottom: 30px}
.slide_duan .khungAnh:before {padding-bottom: 62.9139%}
.slide_duan .slick-prev, .slide_duan .slick-next {width: 29px;height: 46px;left: 0;top: calc(50% - 23px);background: url(../css/content/prev4.png) no-repeat center;opacity: 0.5}
.slide_duan .slick-next {left: initial;right: 0;background: url(../css/content/next4.png) no-repeat center}
.slide_duan .slick-prev:hover, .slide_duan .slick-next:hover {opacity: 1}
.baikhac .duan_list {overflow: initial}
.baikhac .duan_list .slick-list {width: calc(100% + 24px)}
.baikhac .duan_list li:nth-child(2n) {margin-right: 25px}
.comment {margin-bottom: 25px}

.khoi_duan {padding: 20px 0;border-top: 1px dashed #d6d6d6;overflow: hidden}
.khoi_duan .noidung {width: 59.4%;float: left}
.khoi_duan .right {width: calc(100% - 59.4% - 20px);float: right}
.khoi_duan .right.khungAnh:before {padding-bottom: 59.6%}
.khoi_duan .right.khungAnh iframe {width: 100%;height: 100%}
.ds_doitac {padding-bottom: 20px}
.ds_doitac .item {margin-right: 7px}
.ds_doitac .khungAnh {border: 4px solid #eaeaea;margin-bottom: 7px}
.ds_doitac .khungAnh:before {padding-bottom: 69.3877%}
.ds_doitac .slick-list {width: calc(100% + 6px)}
.ds_doitac .slick-dots {position: absolute;left: 0;bottom: 0;padding: 0;margin: 0;width: 100%;text-align: center}
.ds_doitac .slick-dots li {display: inline-block;margin: 0 4px;list-style: none}
.ds_doitac .slick-dots button {width: 11px;height: 11px;outline: none;border: none;border-radius: 50%;background-color: #ddd;padding: 0;font-size: 0}
.ds_doitac .slick-dots button:hover, .ds_doitac .slick-dots .slick-active button {background-color: #20317f}
.duan_ct.giaiphap > .noidung {width: auto;float: none;margin-bottom: 20px}
#container1 iframe, #container2 iframe {width: 100% !important;height: 100% !important}

@media (min-width: 1200px){
    .header .main_menu {float: left;margin: 13px 0 0 30px}
    .main_menu > li {display: inline-block;padding: 12px 0;margin-right: 20px;position: relative}
    .main_menu > li:last-child {margin-right: 0}
    .main_menu > li > a {display: block;font: 15px 'robotoB';color: #20317f;line-height: 33px;text-transform: uppercase}
    .main_menu > li > a.active {color: #d11d13}
    .main_menu > li:hover > a {color: #d11d13}
    .main_menu > li > ul {position: absolute;top: 100%;left: 0;width: 260px;background-color: rgba(32,49,127,0.9);z-index: 5;display: none;text-align: left}
    .main_menu > li > ul > li {border-bottom: 1px solid #3d4a96}
    .main_menu > li > ul > li:last-child {border: none}
    .main_menu > li > ul > li > a {font: 13px 'robotoR';color: white;display: block;line-height: 24px;padding: 5px 10px 5px 25px;text-decoration: none;background: url(../css/header/sub.png) no-repeat left 10px top 14px}
    .main_menu > li > ul > li:hover > a {background-color: #152052}
    .main_menu > li:hover > ul {display: block}
}