﻿.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}

.slick-list {overflow: hidden}
.slick-slide, .slick-slide div, .slick-slide li, .slick-slide a {outline: none}
.slick-prev, .slick-next {padding: 0;border: none;outline: none;cursor: pointer;position: absolute;z-index: 3}

.thongke {font-size: 13px;overflow: hidden;background: #f7f7f7;border-top: 1px solid #ebebeb;margin: 10px 0 20px 0}
.thongke_ngay {line-height: 25px;background: url(content/date_ct.png)/*tpa=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(content/view_ct.png)/*tpa=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(content/tru.png)/*tpa=css/content/tru.png*/ no-repeat center}
.LargeSize {width: 25px;height: 25px;background: #efefef url(content/cong.png)/*tpa=css/content/cong.png*/ no-repeat center}

#CommonCuoiChiTietTin {background: #f7f7f7;border-top:solid 1px #efefef;color:#999;padding-top: 5px;position:relative;z-index:3;overflow: hidden;margin: 20px 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: #004a8f}
#CommonCuoiChiTietTin a.prevDBT{background:url(content/trove.png)/*tpa=css/content/trove.png*/ no-repeat left center}
#CommonCuoiChiTietTin a.email{background:url(content/email_ct.png)/*tpa=css/content/email_ct.png*/ no-repeat left center}
#CommonCuoiChiTietTin a.email span{display:none}
#CommonCuoiChiTietTin a.print{background:url(content/intrang.png)/*tpa=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}

#phantrang {clear: both;overflow: hidden;margin-bottom: 30px}
.SplitPages {float: left}
.SplitPages a {height: 32px;color: #666;display: block;float: left;line-height: 32px;text-align: center;border: 1px solid #ddd;margin-right: -1px;text-decoration: none;background-color: white;margin-bottom: 5px}
.SplitPages .trangkhac, .hientai, .bacham {width: 32px}
.SplitPages .dau, .truoc, .sau, .cuoi {padding: 0px 15px}
.SplitPages .dau {border-radius: 3px 0 0 3px}
.SplitPages .cuoi {border: 1px solid #ddd;border-radius: 0 3px 3px 0}
.SplitPages .hientai {background-color: #004a8f;border-color: #004a8f;color: white}
.SplitPages a:hover {background-color: #004a8f;color: White;border-color: #004a8f}
#phantrang span {color: #666;line-height: 34px;float: right}
.noidung {line-height: 24px}
.noidung img {max-width: 100%;height: auto !important}
.noidung table {max-width: 100%;border-collapse: collapse}
.noidung table td {border: 1px solid #ccc;padding: 10px}
.form_dk {padding: 10px 10px 10px 278px;border: 5px solid #f1f1f1;background: url(content/form_bg.png)/*tpa=css/content/form_bg.png*/;position: relative}
.form_dk input {font: 15px 'segoeui';width: calc(50% - 25px);float: left;margin-bottom: 15px;border: none;outline: none;color: #333;padding: 0 10px;height: 40px}
.form_dk input:nth-child(2n) {float: right}
.form_dk select {font: 15px 'segoeui';color: #666;width: 100%;border: none;outline: none;height: 35px;padding: 0 20px 0 10px;margin-bottom: 15px;-webkit-appearance: none;-moz-appearance: none;background: white url(content/select.png)/*tpa=css/content/select.png*/ no-repeat right 10px center}
.form_dk textarea {font: 15px 'segoeui';width: calc(100% - 20px) !important;padding: 5px 10px;color: #333;border: none;outline: none;height: 90px !important;margin-bottom: 15px}
.form_dk ::-webkit-input-placeholder {color: #666}
.form_dk ::-moz-placeholder {color: #666;opacity: 1}
.form_dk :-moz-placeholder {color: #666;opacity: 1}
.form_dk:after {content:"";display: block;position: absolute;left: -5px;bottom: -5px;background: url(content/form.png)/*tpa=css/content/form.png*/ no-repeat center;width: 279px;height: 315px}
.form_dk .khoi_nut {overflow: hidden}
.form_dk .khoi_nut a {display: block;height: 29px;line-height: 29px;text-decoration: none;color: white;text-transform: uppercase;padding: 0 15px;border-radius: 5px;float: left;margin-right: 15px;background: url(content/btn.png)/*tpa=css/content/btn.png*/ repeat-x top left}
.form_dk .khoi_nut span {font: italic 14px 'segoeui';line-height: 29px;color: #666;float: right}


body {font: 15px 'segoeui';color: #333;line-height: 21px;width: 100%;min-width: 1200px;margin: 0 auto;padding: 0;position: relative;background-color: white}
.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}
.khoi1170 {width: 85.65%;margin: 0 auto;min-width: 1170px}
.top_head {background-color: #999;overflow: hidden;font-size: 13px;color: white;line-height: 41px}
.phone {padding-left: 20px;color: white;background: url(header/phone.png)/*tpa=css/header/phone.png*/ no-repeat left center;margin-right: 30px}
.email {padding-left: 23px;background: url(header/email.png)/*tpa=css/header/email.png*/ no-repeat left center}
.contact {float: right;overflow: hidden;border-right: 1px solid #ccc}
.contact a {display: block;width: 46px;height: 41px;float: left;border-left: 1px solid #ccc}
.contact a img {display: block;margin: 12px auto 0 auto}
.bot_head {height: 47px;padding-top: 25px}
.logo {width: 350px;height: 34px;float: left}
.search {float: right;position: relative;padding-bottom: 22px}
.search a {display: block;width: 50px;height: 25px;background: url(header/search.png)/*tpa=css/header/search.png*/ no-repeat center}
.search input {font: italic 14px 'segoeui';display: none;width: 150px;padding: 0 10px;height: 30px;border: none;outline: none;color: #004a8f;background-color: rgba(255,255,255,0.8);position: absolute;top: 100%;right: 0;z-index: 2}
.search:hover input {display: block}
.search:hover:hover a {background: url(header/search_hover.png)/*tpa=css/header/search_hover.png*/ no-repeat center}
.main_menu {float: right}
.main_menu > li {display: inline-block;margin: 0 20px;position: relative}
.main_menu > li > a {font: 16px 'AvoB';color: #333;display: block;text-transform: uppercase;border-bottom: 2px solid transparent;padding-bottom: 22px}
.main_menu > li:hover > a, .main_menu > li > a.active {border-bottom: 2px solid #0b4789;color: #004a8f}
.main_menu > li > ul {position: absolute;z-index: 3;top: 100%;left: 0;width: 187px;display: none}
.main_menu > li:hover > ul {display: block}
.main_menu > li > ul > li {border-top: 1px solid rgba(174,199,238,0.5)}
.main_menu > li > ul > li > a {color: white;display: block;line-height: 21px;padding: 4px 10px 4px 15px;background-color: rgba(92,142,220,0.8);border-top: 1px solid rgba(114,144,212,0.5)}
.main_menu > li > ul > li > a:hover {background-color: rgba(28,93,196,0.8)}
.main_slide {padding: 0;margin: 0;clear: both}
.main_slide li {list-style: none}
.main_slide .khungAnh:before {padding-bottom: 34.1142%}
.main_slide .slick-prev, .main_slide .slick-next {width: 48px;height: 48px;left: 7.175%;top: calc(50% - 24px);background: rgba(204,204,204,0.8) url(content/prev1.png)/*tpa=css/content/prev1.png*/ no-repeat left 15px center;border-radius: 50%}
.main_slide .slick-next {left: initial;right: 7.175%;background: rgba(204,204,204,0.8) url(content/next1.png)/*tpa=css/content/next1.png*/ no-repeat right 15px center}
.main_slide .slick-prev:hover, .main_slide .slick-next:hover {background-color: rgba(0,74,143,0.8)}
.tuvan {width: calc(85.65% - 4px);border: 2px dashed #004a8f;margin: 20px auto;padding: 10px 0;text-align: center;overflow: hidden}
.tuvan .bamgoi {font: 30px 'utmH';color: #004a8f;text-transform: uppercase}
.tuvan .hotline {font: 40px 'myriadC';margin-bottom: 10px}
.tuvan .hotline a {text-decoration: none;color: #004a8f;background: url(content/phone.png)/*tpa=css/content/phone.png*/ no-repeat left center;padding-left: 40px}
.tuvan .hotline span {font-family: 'myriadBC';color: #cc0000}
.tuvan .hotro {width: 168px;overflow: hidden;float: left;margin-left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.tuvan .hotro a {display: block;float: left;margin: 0 5px;width: 46px;height: 52px}
.khung_td {text-align: center;padding-bottom: 35px;background: url(content/chan_td1.png)/*tpa=css/content/chan_td1.png*/ no-repeat bottom center;margin-bottom: 30px}
.tieude {font: 26px 'Avo';color: #004a8f;text-decoration: none;text-transform: uppercase}
.ds_donhang {margin: 0;padding: 0}
.ds_donhang li {width: calc((100% - 98px)/4);list-style: none;border: 1px solid #ccc;border-top: none;margin: 0 30px 30px 0;float: left;overflow: hidden}
.ds_donhang li:nth-child(4n) {margin-right: 0}
.ds_donhang.slick-slider li:nth-child(4n) {margin-right: 30px}
.ds_donhang .khungAnh:before {padding-bottom: 66.6666%}
.ds_donhang .topic {font: 17px 'segoeuiB';color: #333;display: block;line-height: 24px;margin: 10px 15px 5px 15px;height: 72px;overflow: hidden;text-decoration: none}
.ds_donhang .topic:hover {color: #004a8f}
.ds_donhang .detail {height: 42px;overflow: hidden;margin: 0 15px 5px 15px}
.ds_donhang.slick-slider {padding-bottom: 20px}
.ds_donhang.slick-slider .slick-list {width: calc(100% + 29px)}
.ds_donhang .slick-dots {position: absolute;left: 0;bottom: 15px;text-align: center;width: 100%;padding: 0;margin: 0}
.ds_donhang.slick-slider .slick-dots li {display: inline-block;margin: 0 5px !important;padding: 0;width: auto;border: none;float: none !important}
.ds_donhang .slick-dots button {width: 15px;height: 15px;display: block;padding: 0;border: none;outline: none;border-radius: 50%;cursor: pointer;background-color: #ccc;font-size: 0}
.ds_donhang .slick-dots .slick-active button, .ds_donhang .slick-dots button:hover {background-color: #002157}
.xt {font-size: 14px;color: #999;display: block;float: left;line-height: 26px;padding: 0 30px 0 20px;border-radius: 14px;border: 1px solid #ccc;text-decoration: none;background: url(content/xt.png)/*tpa=css/content/xt.png*/ no-repeat right 15px center;margin: 0 0 10px 15px}
.xt:hover {background: #004a8f url(content/xt_hover.png)/*tpa=css/content/xt_hover.png*/ no-repeat right 15px center;color: white;border: 1px solid #004a8f}
.tintuc {overflow: hidden;margin-bottom: 50px}
.tintuc .main_pic {width: 47.43589%;float: left;margin: 1px;border: 7px solid white;border-radius: 8px;overflow: hidden;box-shadow: 0 0 0 1px #ccc}
.tintuc .main_pic:before {padding-bottom: 64.8648%}
.tintuc .main_pic .khungAnhCrop {border-radius: 5px}
.tintuc .main_pic .topic {font: 17px 'segoeuiSMB';text-decoration: none;color: white;position: absolute;z-index: 2;left: 0;bottom: 0;width: calc(100% - 20px);padding: 10px;background-color: rgba(0,0,0,0.5)}
.ds_tin {padding: 0;margin: 0;width: 48.7179%;float: right}
.ds_tin li {list-style: none;margin-bottom: 20px;overflow: hidden}
.ds_tin .khungAnh {width: 27.5438%;float: left;margin: 1px;border: 3px solid white;box-shadow: 0 0 0 1px #cfcfcf;border-radius: 5px;overflow: hidden}
.ds_tin .khungAnhCrop {border-radius: 3px}
.ds_tin .khungAnh:before {padding-bottom: 64.968%}
.ds_tin .tt_detail {width: calc(100% - 27.5438% - 20px);float: right}
.ds_tin .topic {font: 17px 'segoeuiSMB';color: #333;display: block;line-height: 24px;margin-bottom: 5px;text-decoration: none}
.ds_tin .detail {color: #666;max-height: 42px;overflow: hidden}
.thuvien {overflow: hidden;padding: 30px 7.175%;background-color: #fafafa}
.album {width: 48.7179%;float: left}
.video {width: 48.7179%;float: right}
.tieude_tv {font: 26px 'Avo';color: #333;display: block;padding-left: 35px;text-decoration: none;margin-bottom: 15px}
.album .tieude_tv {background: url(content/album.png)/*tpa=css/content/album.png*/ no-repeat left center}
.video .tieude_tv {background: url(content/video.png)/*tpa=css/content/video.png*/ no-repeat left bottom 6px}
.big_slide {padding: 6px;border: 1px solid #ccc;border-radius: 8px;margin: 0}
.big_slide li {list-style: none;border-radius: 5px;overflow: hidden}
.big_slide .khungAnh:before {padding-bottom: 64.8648%}
.small_slide {margin: 10px 70px 0 70px;padding: 0}
.small_slide li {list-style: none;padding: 3px;border: 1px solid #ccc;border-radius: 5px;margin-right: 10px;cursor: pointer}
.small_slide .khungAnh:before {padding-bottom: 65.116%}
.small_slide .khungAnhCrop {border-radius: 3px}
.small_slide .slick-list {width: calc(100% + 9px)}
.small_slide .slick-prev, .small_slide .slick-next {width: 20px;height: 20px;left: -30px;top: calc(50% - 10px);background: url(content/prev2.png)/*tpa=css/content/prev2.png*/ no-repeat center}
.small_slide .slick-next {left: initial;right: -30px;background: url(content/next2.png)/*tpa=css/content/next2.png*/ no-repeat center}
.small_slide .slick-prev:hover {background: url(content/prev2_hover.png)/*tpa=css/content/prev2_hover.png*/ no-repeat center}
.small_slide .slick-next:hover {background: url(content/next2_hover.png)/*tpa=css/content/next2_hover.png*/ no-repeat center}
.video .khungAnh:before {padding-bottom: 65.96419%}
.video .khungAnh iframe {width: 100%;height: 100%}
.ds_video {margin: 10px 0 0 0;padding: 0}
.ds_video li {list-style: none;margin-bottom: 8px}
.ds_video a {font-size: 17px;line-height: 24px;display: block;text-decoration: none;padding-left: 25px;color: #333;background: url(content/video.png)/*tpa=css/content/video.png*/ no-repeat left center;background-size: 16px auto}
.camnhan {overflow: hidden;background: url(content/bg1.png)/*tpa=css/content/bg1.png*/ no-repeat;background-size: 100% 100%;padding: 40px 0}
.camnhan .khung_td {margin-bottom: 15px;background: url(content/chan_td4.png)/*tpa=css/content/chan_td4.png*/ no-repeat bottom center}
.camnhan .tieude {color: white}
.ds_avarta {padding: 0;width: 633px;margin: 0 auto}
.ds_avarta .khungAnh {width: 100px;margin: auto;box-shadow: 0 0 20px 0 rgba(0,0,0,0.5)}
.ds_avarta li {list-style: none;width: 211px !important;padding-top: 100px;margin: 10px 0}
.ds_avarta li.slick-center.slick-current {padding-top: 0}
.ds_avarta li.slick-center.slick-current .khungAnh {width: auto}
.ds_avarta .khungAnh {border-radius: 50%;overflow: hidden}
.ds_avarta .khungAnh:before {padding-bottom: 100%}
.ds_ykien {padding: 0 0 35px 0}
.ds_ykien li {list-style: none}
.ds_ykien .noidung {font-size: 17px;line-height: 30px;color: white;text-align: center;margin-bottom: 10px;background: url(content/phay.png)/*tpa=css/content/phay.png*/ no-repeat left top 5px;text-indent: 28px}
.ds_ykien .topic {font: 20px 'segoeuiSMB';color: white;display: block;text-align: center;text-transform: uppercase;margin-bottom: 10px}
.ds_ykien .diachi {font-size: 17px;color: white;display: block;text-align: center}
.footer {border-top: 1px solid #e5e5e5}
.ds_doitac.khoi1170 {padding: 0;margin: 0 auto}
.ds_doitac .khungAnh {margin: 18px 20px}
.ds_doitac .khungAnh:before {padding-bottom: 66%}
.ds_doitac .slick-prev, .ds_doitac .slick-next {width: 28px;height: 55px;left: -30px;top: calc(50% - 27.5px);background: url(footer/prev.png)/*tpa=css/footer/prev.png*/ no-repeat center}
.ds_doitac .slick-next {left: initial;right: -30px;background: url(footer/next.png)/*tpa=css/footer/next.png*/ no-repeat center}
.ds_doitac .slick-prev:hover {background: url(footer/prev_hover.png)/*tpa=css/footer/prev_hover.png*/ no-repeat center}
.ds_doitac .slick-next:hover {background: url(footer/next_hover.png)/*tpa=css/footer/next_hover.png*/ no-repeat center}
.info_cty {padding: 30px 7.175%;background-color: #dcdcdc;overflow: hidden}
.info_cty .khoi_ft {width: calc((100% - 200px)/3);float: left;margin-right: 100px}
.info_cty .khoi_ft:last-child {margin-right: 0}
.tieude_ft {font: 19px 'Avo';color: #333;display: block;text-transform: uppercase;padding-bottom: 10px;border-bottom: 2px solid #f8f8f8;margin-bottom: 15px;position: relative}
.tieude_ft:before {content:"";display: block;width: 30px;height: 2px;background-color: #004a8f;position: absolute;left: 0;bottom: -2px}
.khoi_ft .noidung {line-height: 21px;text-align: justify}
.khoi_ft .add {display: block;margin-bottom: 10px;padding-left: 25px;line-height: 21px}
.khoi_ft .add:nth-child(2) {background: url(footer/icon1.png)/*tpa=css/footer/icon1.png*/ no-repeat left 3px top 3px}
.khoi_ft .add:nth-child(3) {background: url(footer/icon2.png)/*tpa=css/footer/icon2.png*/ no-repeat left 1px top 4px}
.khoi_ft .add:nth-child(4) {background: url(footer/icon3.png)/*tpa=css/footer/icon3.png*/ no-repeat left top 5px}
.khoi_ft .add:nth-child(5) {background: url(footer/icon4.png)/*tpa=css/footer/icon4.png*/ no-repeat left top 3px}
.khoi_ft iframe {width: 100%;height: 220px}
.mxh {overflow: hidden;padding-top: 20px}
.mxh a {display: block;width: 46px;height: 42px;float: left;margin-right: 1px;opacity: 0.5}
.mxh a:hover {opacity: 1}
.banquyen {font-size: 14px;height: 40px;line-height: 40px;background-color: #cfcccc;overflow: hidden}
.banquyen a {color: #333}
.banquyen .thongke_tc {float: right}
.banquyen .online {padding-left: 20px;background: url(footer/online.png)/*tpa=css/footer/online.png*/ no-repeat left center}
.banquyen .total {padding-left: 25px;background: url(footer/truycap.png)/*tpa=css/footer/truycap.png*/ no-repeat left center;margin-left: 30px}
.duhoc {padding: 50px 7.175%;margin-bottom: 35px;overflow: hidden;background: url(content/bg.png)/*tpa=css/content/bg.png*/ no-repeat;background-size: 100% 100%}
.duhoc .khoi_dh {width: 34.6%;float: left;margin-right: 30px;border: 1px solid #ccc;border-radius: 0 45px 0 45px;border-top: none;background-color: white;padding-bottom: 22px}
.duhoc .khung_dh {background: url(content/tieude_bg.png)/*tpa=css/content/tieude_bg.png*/ no-repeat top right, url(content/tieude.png)/*tpa=css/content/tieude.png*/ repeat-x top left;background-size: auto auto, auto 100%;border-radius: 0 45px 0 0;overflow: hidden}
.khung_dh .tieude {font: 20px 'segoeuiSMB';text-decoration: none;color: white;text-transform: uppercase;display: block;line-height: 26px;padding: 10px;text-align: center}
.chuyenmuc {width: calc(100% - 69.2% - 66px);float: right;border-radius: 0 45px 0 45px;border: 1px solid #ccc;border-top: none;background-color: white}
.ds_muc {margin: 0;padding: 10px 0 20px 0}
.ds_muc li {list-style: none;position: relative}
.ds_muc li:last-child a {border: none}
.ds_muc li:hover {background-color: #efefef}
.ds_muc li:hover:after {content:"";display: block;width: 3px;height: 100%;position: absolute;top: 0;left: -2px;background-color: #004a8f}
.ds_muc a {font-size: 17px;color: #333;text-decoration: none;display: block;margin: 0 15px 0 30px;border-bottom: 1px solid #f0f0f0;line-height: 24px;padding: 8px 0}
.ds_duhoc {margin: 15px 15px 0 15px;padding: 0}
.ds_duhoc li {list-style: none;border-bottom: 1px solid #f0f0f0;padding-bottom: 15px;margin-bottom: 15px;overflow: hidden}
.ds_duhoc li:last-child {border: none;margin-bottom: 10px}
.ds_duhoc .khungAnh {width: 38.9189%;float: left;margin-right: 10px}
.ds_duhoc .khungAnh:before {padding-bottom: 66.6666%}
.ds_duhoc .topic {font: 17px 'segoeuiSMB';color: #333;display: block;line-height: 24px;max-height: 72px;overflow: hidden;text-decoration: none}
.ds_duhoc .topic:hover {color: #004a8f}
.xem_tc {font-size: 14px;width: 120px;height: 28px;line-height: 28px;display: block;text-decoration: none;text-transform: uppercase;color: #333;border-radius: 15px;border: 1px solid #004a8f;text-indent: 15px;background: url(content/xem_tc.png)/*tpa=css/content/xem_tc.png*/ no-repeat right 15px center;margin: auto}
.khoi1170.donhang {margin-bottom: 20px}
#page_head {width: 57px;height: 57px;display: none;background: url(footer/page_head.png)/*tpa=css/footer/page_head.png*/ no-repeat center;position: fixed;right: 20px;bottom: 50px;z-index: 5;cursor: pointer}
.hotro_online {position: absolute;width: 268px;padding: 15px 15px 40px 15px;top: -65px;right: -300px;border: 1px solid white;background-color: #2a70b2;transition: all 1s;-webkit-transition: all 1s}
.hotro_online.active {right: 2px;transition: all 0.5s;-webkit-transition: all 0.5s}
.tieude_ht {font: 18px 'AvoB';color: white;text-transform: uppercase;margin-bottom: 15px}
.footer ul.ds_hotro {padding: 0 0 15px 0;margin: 0;border-bottom: 1px solid #004a8f;box-shadow: 0 1px #407fba}
.ds_hotro.slick-slider {-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text}
.ds_hotro .slick-list .draggable {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.ds_hotro .slick-dots {position: absolute;bottom: -30px;left: 0;width: 100%;padding: 0;margin: 0;text-align: center}
.ds_hotro .slick-dots li {display: inline-block}
.ds_hotro .slick-dots button {width: 13px;height: 13px;background-color: #004a8f;border-radius: 50%;border: none;outline: none;padding: 0;margin: 0 4px;font-size: 0;cursor: pointer}
.ds_hotro .slick-dots .slick-active button {background-color: white}
.ds_hotro li {list-style: none;overflow: hidden}
.ds_hotro .khungAnh {width: 51px;height: 51px;border-radius: 50%;overflow: hidden;border: 2px solid #004a8f;float: left}
.ds_hotro .sp_detail {width: calc(100% - 65px);float: right;color: white}
.sp_detail .topic {font: 14px 'segoeuiB';display: block;line-height: 21px;margin-bottom: 5px}
.sp_detail .email_ht, .sp_detail .sdt_ht {font-size: 12px;color: white;display: block;padding-left: 20px;line-height: 21px;margin-bottom: 5px}
.sp_detail .email_ht {background: url(footer/mail_ht.png)/*tpa=css/footer/mail_ht.png*/ no-repeat left top 6px}
.sp_detail .sdt_ht {background: url(footer/sdt_ht.png)/*tpa=css/footer/sdt_ht.png*/ no-repeat left top 4px}
.sp_detail .contact_me {font-size: 12px}
.mxh_ht {border: 1px dashed #348ada;padding: 3px;overflow: hidden;float: left}
.mxh_ht a {width: 20px;height: 20px;display: block;float: left;margin: 0 3px}
.close_ht {width: 30px;height: 30px;display: block;position: absolute;top: 0;right: 0;background: url(footer/close.png)/*tpa=css/footer/close.png*/ no-repeat center;cursor: pointer}
.support {position: fixed;right: 0;top: 250px;z-index: 5;width: 33px}
.support .sp_online {color: white;font-size: 16px;background: #cc0000 url(footer/hotro.png)/*tpa=css/footer/hotro.png*/ no-repeat right 10px center;line-height: 33px;display: block;padding: 0 20px 0 10px;transform: rotate(-90deg);position: absolute;top: 0;right: -65px;width: 133px;cursor: pointer}
.sp_mxh a {display: block;width: 33px;height: 32px;margin-top: 1px}
.sp_mxh {margin-top: 99px}

.banner {position: relative;margin-bottom: 50px}
.banner .mobile-img {display: none}
.banner .khungAnh:before {padding-bottom: 18.08199%}
.banner .nen_xanh {position: absolute;z-index: 2;left: 0;bottom: 0;background-color: rgba(0,74,143,0.7);width: 100%}
.banner .duongdan {padding: 0;overflow: hidden}
.banner .duongdan li {display: inline;padding-right: 12px;margin-right: 5px;background: url(content/vitri.png)/*tpa=css/content/vitri.png*/ no-repeat right center}
.banner .duongdan li:last-child {padding: 0;margin: 0;background: none}
.banner .duongdan a {font-size: 17px;color: white;line-height: 35px;text-decoration: none}
.gt_chung {overflow: hidden;margin-bottom: 25px}
.gt_chung .khungAnh {width: 37.2649%;float: left;border-radius: 5px;overflow: hidden}
.gt_chung .khungAnh:before {padding-bottom: 97%}
.gt_chung .about_us, .tieude_gt {width: 59.829%;float: right}
.tieude_gt .tieude {font: 24px 'Avo';color: #333;display: block;line-height: 30px;padding-bottom: 15px;background: url(content/chan_td.png)/*tpa=css/content/chan_td.png*/ no-repeat left bottom;margin-bottom: 15px}
.welcome {color: #666;text-transform: uppercase;margin-bottom: 10px;display: block}
.about_us .noidung {max-height: 216px;overflow: hidden}
.about_us .xemthem {font-size: 14px;width: 152px;height: 38px;border: 1px solid #666;line-height: 38px;text-indent: 23px;text-decoration: none;color: #333;text-transform: uppercase;border-radius: 4px;background: url(content/xemthem.png)/*tpa=css/content/xemthem.png*/ no-repeat right 12px center;position: relative;display: block;margin-top: 20px}
.about_us .xemthem:before {content:"";display: block;width: 1px;height: 100%;background-color: #666;position: absolute;top: 0;right: 40px}
.about_list {padding: 0;overflow: hidden;margin-bottom: 30px}
.about_list li {list-style: none;display: block;float: left;overflow: hidden;padding-top: 15px;width: calc((100% - 60px)/4);margin: 0 20px 20px 0}
.about_list li:nth-child(4n) {margin-right: 0}
.about_list .baoanh {width: 56px;float: left;position: relative;overflow: hidden}
.about_list .khungAnh:before {padding-bottom: 100%}
.about_list .baoanh:before {content:"";display: block;width: 36px;height: 36px;background-color: #222;position: absolute;top: 9px;left: 9px;z-index: -1;transform: rotate(45deg);border: 1px solid white;box-shadow: 0 0 0 1px #222}
.about_list .gt_detail {width: calc(100% - 66px);float: right;margin-top: 15px}
.about_list .topic {font-family: 'segoeuiB';color: #222;display: block;text-decoration: none;text-transform: uppercase;margin-bottom: 10px}
.about_list .detail {text-align: justify;max-height: 63px;overflow: hidden;margin-bottom: 5px}
.about_list .xemthem {font: italic 14px 'segoeui';color: #666;position: relative;text-decoration: none;padding-left: 30px}
.about_list .xemthem:before {content:"";display: block;width: 20px;height: 1px;background-color: #222;position: absolute;left: 0;top: 50%}
.about_list li:hover .topic {color: #00418f}
.about_list li:hover .baoanh:before {background-color: #00418f;box-shadow: 0 0 0 1px #00418f}
.nhansu .khung_td .tieude {font: 24px 'Avo';color: #333;text-decoration: none;text-transform: uppercase}
.nhansu .khung_td {text-align: center;margin-bottom: 20px;padding-bottom: 20px;background: url(content/chan_td2.png)/*tpa=css/content/chan_td2.png*/ no-repeat bottom center}
.note {line-height: 24px;text-align: center;color: #666}
.ds_nhansu {padding: 0 0 35px 0;margin: 25px 0 0 0}
.ds_nhansu .slick-list {width: calc(100% + 29px)}
.ds_nhansu .slick-prev, .ds_nhansu .slick-next {width: 53px;height: 27px;left: -65px;top: calc(50% - 13.5px);background: url(content/prev.png)/*tpa=css/content/prev.png*/ no-repeat center}
.ds_nhansu .slick-next {left: initial;right: -65px;background: url(content/next.png)/*tpa=css/content/next.png*/ no-repeat center}
.ds_nhansu .slick-prev:hover {background: url(content/prev_hover.png)/*tpa=css/content/prev_hover.png*/ no-repeat center}
.ds_nhansu .slick-next:hover {background: url(content/next_hover.png)/*tpa=css/content/next_hover.png*/ no-repeat center}
.ds_nhansu li {list-style: none;border: 1px solid #ccc;margin-right: 30px;border-radius: 4px;overflow: hidden}
.ds_nhansu li:hover {border: 1px solid #004a8f}
.ds_nhansu li .topic:hover {color: #004a8f}
.ds_nhansu .khungAnh:before {padding-bottom: 129.6296%}
.ds_nhansu .topic {font: 17px 'segoeuiB';color: #333;text-align: center;display: block;line-height: 24px;margin: 15px 0 5px 0;text-decoration: none}
.ds_nhansu .chucvu {font-size: 17px;color: #666;display: block;text-align: center;margin-bottom: 15px;min-height: 21px}
.ds_nhansu .social {text-align: center;margin-bottom: 10px}
.ds_nhansu .social a {display: inline-block;width: 20px;height: 20px;margin: 0 5px}
.fb {background: url(content/s1.png)/*tpa=css/content/s1.png*/ no-repeat center}
.fb:hover {background: url(content/s1_hover.png)/*tpa=css/content/s1_hover.png*/ no-repeat center}
.tt {background: url(content/s2.png)/*tpa=css/content/s2.png*/ no-repeat center}
.tt:hover {background: url(content/s2_hover.png)/*tpa=css/content/s2_hover.png*/ no-repeat center}
.in {background: url(content/s3.png)/*tpa=css/content/s3.png*/ no-repeat center}
.in:hover {background: url(content/s3_hover.png)/*tpa=css/content/s3_hover.png*/ no-repeat center}
.gg {background: url(content/s4.png)/*tpa=css/content/s4.png*/ no-repeat center}
.gg:hover {background: url(content/s4_hover.png)/*tpa=css/content/s4_hover.png*/ no-repeat center}
.bao_ct {overflow: hidden}
.sidebar {width: 24.5299%;float: left}
.main_content {width: 72.90598%;float: right}
.sidebar ul.danhmuc, .sidebar .xkld, .sidebar .tintuc_sb, .quangcao {margin-bottom: 25px}
.danhmuc li {border-radius: 0 25px 0 25px;margin-bottom: 10px;overflow: hidden;border: 1px solid #c6c6c6;border-top: none;border-left: none}
.danhmuc a {font: 17px 'Avo';color: #333;display: block;line-height: 23px;padding: 10px 15px 10px 30px;background-color: #ececec}
.danhmuc a:hover, .danhmuc a.active {color: white;background: url(content/dm_left.png)/*tpa=css/content/dm_left.png*/ no-repeat left bottom, url(content/dm_right.png)/*tpa=css/content/dm_right.png*/ no-repeat right top, url(content/dm_bg.png)/*tpa=css/content/dm_bg.png*/ repeat-x top left;background-size: auto, auto, auto 100%}
.tieude_sb {font-size: 18px;color: #333;text-transform: uppercase;padding-bottom: 5px;display: block;margin-bottom: 15px;border-bottom: 2px solid #d6d6d6;position: relative}
.tieude_sb:before {content:"";display: block;width: 30px;height: 2px;background-color: #004a8f;position: absolute;left: 0;bottom: -2px}
.ds_xkld li {background-color: #f4f4f4;margin-bottom: 10px;overflow: hidden}
.ds_xkld .khungAnh:before {padding-bottom: 66.8989%}
.ds_xkld .topic {font: 17px 'segoeuiSMB';color: #333;display: block;line-height: 24px;margin: 10px}
.ds_xkld .topic:hover {color: #004a8f}
.ds_tintuc li {overflow: hidden;margin-bottom: 10px}
.ds_tintuc .khungAnh {width: 33.7979%;float: left;margin-right: 15px}
.ds_tintuc .khungAnh:before {padding-bottom: 67.01%}
.ds_tintuc .topic {font-size: 17px;color: #333;display: block;line-height: 24px;overflow: hidden;max-height: 72px}
.ds_tintuc .topic:hover {color: #004a8f}
.quangcao a {display: block;margin-bottom: 10px}
.quangcao img {max-width: 100%;height: auto !important}
.tieude_ct {font: 24px 'segoeuiB';color: #333;line-height: 30px;margin: -4px 0 20px 0}
.comment {border-bottom: 1px solid #c6c6c6;overflow: hidden;margin-bottom: 15px}
.comment a {display: block;float: left;line-height: 35px;height: 35px;padding: 0 15px;border: 1px solid #c6c6c6;border-bottom: none;border-top: 2px solid #004a8f;color: #004a8f;text-transform: uppercase}
.db_list {position: relative;overflow: hidden}
.baikhac {margin-top: 20px}
.baikhac .about_list li {margin-right: 45px}
.baikhac .about_list li:hover .topic {color: #333}
.baikhac .about_list li:hover .baoanh:before {background-color: #222;box-shadow: 0 0 0 1px #222}
.baikhac .about_list .db_list:hover .topic {color: #00418f}
.baikhac .about_list .db_list:hover .baoanh:before {background-color: #00418f;box-shadow: 0 0 0 1px #00418f}
.baikhac .about_list .db_list {margin-bottom: 20px}
.baikhac .about_list .slick-list {width: calc(100% + 44px)}
.baikhac .about_list {overflow: initial}
.khung_k {border-bottom: 3px double #c8c8c8;height: 12px;max-width: calc(100% - 90px)}
.khung_k .tieude {font: 18px 'Avo';color: #333;padding-right: 20px;background-color: white;text-transform: uppercase;line-height: 24px}
.baikhac .slick-prev, .baikhac .slick-next {width: 30px;height: 29px;top: -32px;right: 0;background: url(content/next3.png)/*tpa=css/content/next3.png*/ no-repeat center}
.baikhac .slick-prev {right: 35px;background: url(content/prev3.png)/*tpa=css/content/prev3.png*/ no-repeat center}
.slide_xkld {margin: 0;padding: 0;overflow: hidden}
.slide_xkld li {width: calc((100% - 90px)/4);float: left;list-style: none;background-color: #f9f9f9;overflow: hidden;margin: 0 30px 30px 0}
.slide_xkld li:nth-child(4n) {margin-right: 0}
.slide_xkld li:nth-child(4n-3) {clear: both}
.slide_xkld .khungAnh:before {padding-bottom: 67.027%}
.slide_xkld .topic {font: 17px 'segoeuiB';color: #333;display: block;line-height: 24px;margin: 10px 13px 5px 13px;height: 48px;overflow: hidden;text-decoration: none}
.slide_xkld .topic:hover {color: #004a8f}
.date_view {overflow: hidden;font-size: 14px;color: #999;margin: 0 13px 5px 13px}
.date_view a {padding-left: 20px;background: url(content/date.png)/*tpa=css/content/date.png*/ no-repeat left center}
.date_view .view {background: url(content/view.png)/*tpa=css/content/view.png*/ no-repeat left center;margin-left: 20px;padding-left: 25px}
.slide_xkld .info {margin: 0 13px 5px 13px;color: #666}
.slide_xkld .info span {font-family: 'segoeuiB'}
.slide_xkld .xt {margin-top: 5px}
.slide_xkld .slick-list {width: calc(100% + 29px)}
.slide_xkld .slick-prev, .slide_xkld .slick-next {width: 32px;height: 32px;left: -55px;top: calc(50% - 16px);background: url(content/prev4.png)/*tpa=css/content/prev4.png*/ no-repeat center}
.slide_xkld .slick-next {left: initial;right: -55px;background: url(content/next4.png)/*tpa=css/content/next4.png*/ no-repeat center}
.slide_xkld .slick-prev:hover {background: url(content/prev4_hover.png)/*tpa=css/content/prev4_hover.png*/ no-repeat center}
.slide_xkld .slick-next:hover {background: url(content/next4_hover.png)/*tpa=css/content/next4_hover.png*/ no-repeat center}
.xkld_index .khoi_xkld {margin-bottom: 40px}
.xkld_index .slide_xkld {overflow: initial}
.xkld_index .slide_xkld li {margin-bottom: 0}
.xkld_index .slide_xkld li:nth-child(4n) {margin-right: 30px}
.xkld_index .slide_xkld li:nth-child(4n-3) {clear: none}
.dh_khac {margin: 15px 0 0 0;padding: 20px 0 0 0}
.dh_khac li {margin-right: 45px}
.dh_khac .tin_dh {margin-bottom: 20px;overflow: hidden}
.dh_khac .khungAnh {width: 35.6%;float: left;margin-right: 15px}
.dh_khac .khungAnh:before {padding-bottom: 67.123%}
.dh_khac .topic {font: 17px 'segoeuiSMB';color: #333;display: block;line-height: 24px;max-height: 72px;overflow: hidden;text-decoration: none}
.dh_khac .topic:hover {color: #004a8f}
.tieude_cv {font: 17px 'segoeuiSMB';color: #333;padding-left: 5px;border-left: 2px solid #004a8f;line-height: 21px;margin: 15px 0}
.donhang.duhoc_index {margin-bottom: 10px;overflow: hidden}
.donhang.duhoc_index .ds_donhang .topic {height: 48px}
.donhang.duhoc_index .ds_donhang .detail {height: 63px}
.lienquan {margin: 15px 0 30px 0;padding: 20px 0 0 0}
.lienquan .slick-list {width: calc(100% + 24px)}
.lienquan li {list-style: none;margin-right: 25px}
.lienquan .khungAnh:before {padding-bottom: 66.3265%}
.lienquan .topic {font: 17px 'segoeuiSMB';color: #333;text-decoration: none;display: block;line-height: 24px;max-height: 72px;overflow: hidden;margin-top: 10px}
.play_video {margin: 15px 0}
.play_video:before {padding-bottom: 56.27198%}
.play_video iframe {width: 100%;height: 100%}
.khoi_tin {overflow: hidden;margin-bottom: 30px}
.khoi_tin .xt {margin-left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50)}
.news_list {margin: 0;padding: 0;overflow: hidden}
.news_list li {list-style: none;width: calc(50% - 21px);float: left;overflow: hidden;margin-bottom: 30px;background-color: #f9f9f9}
.news_list li:nth-child(2n) {float: right}
.news_list li:nth-child(2n-1) {clear: both}
.news_list .khungAnh {width: 51.7857%;float: left}
.news_list .khungAnh:before {padding-bottom: 66.5517%}
.news_list .news_detail {width: calc(100% - 51.7858% - 15px);float: right}
.news_detail .topic {font: 17px 'segoeuiB';color: #333;display: block;text-decoration: none;line-height: 24px;height: 48px;overflow: hidden;margin: 5px 0}
.news_detail .topic:hover {color: #004a8f}
.news_detail .date_view {margin-left: 0}
.news_detail .detail {font: #666;line-height: 21px;max-height: 63px;overflow: hidden;margin-bottom: 10px}
.news_detail .xt {margin-left: 0;transform: translateX(0);-webkit-transform: translateX(0)}
.khoi_tin.list {margin-bottom: 0}
.album_list {margin: 0;padding: 0;overflow: hidden}
.album_list li {list-style: none;width: calc((100% - 60px)/3);float: left;margin: 0 30px 30px 0}
.album_list li:nth-child(3n) {margin-right: 0}
.album_list .khungAnh:before {padding-bottom: 66.7567%}
.album_list .topic {font-size: 17px;color: #333;display: block;text-decoration: none;position: absolute;z-index: 2;left: 0;bottom: 0;padding: 5px 10px 5px 55px;background: rgba(255,255,255,0.8) url(content/album.png)/*tpa=css/content/album.png*/ no-repeat left 13px center;width: calc(100% - 65px);height: 42px}
.album_list .topic span {display: block;line-height: 21px;max-height: 42px;overflow: hidden}
.album_list li:hover .topic {background: rgba(0,51,153,0.8) url(content/album_hover.png)/*tpa=css/content/album_hover.png*/ no-repeat left 13px center;color: white}
.baikhac .album_list {padding: 20px 0 0 0;margin: 15px 0 0 0}
.baikhac .album_list li:nth-child(3n) {margin-right: 30px}
.baikhac .album_list .slick-list {width: calc(100% + 29px)}
.ds_popup {margin: 15px 0;padding: 0;overflow: hidden}
.ds_popup li {list-style: none;float: left;width: calc((100% - 30px)/4);margin: 0 10px 10px 0}
.ds_popup li:nth-child(4n) {margin-right: 0}
.ds_popup .khungAnh:before {padding-bottom: 66.0194%}
.ds_popup .khungAnh:hover .khungAnhCrop:before {content:"";display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5) url(content/click.png)/*tpa=css/content/click.png*/ no-repeat center;position: absolute;z-index: 2;top: 0;left: 0}

.tieude_lh {font: 26px 'HelveticaNeue-Bold';color: #333;margin-bottom: 25px}
#contact .colleft {width: 31.6239%;float: left}
#contact .colright {width: 65.8119%;float: right;overflow: hidden}
.info_lh {margin: 0 0 30px 48px;position: relative;border-bottom: 1px solid #ccc;padding-bottom: 20px}
.info_lh span {display: block;text-transform: uppercase;margin-bottom: 5px}
.info_lh a {display: block;color: #666}
.colleft .info_lh:after {content:"";display: block;width: 34px;height: 34px;position: absolute;top: 0;left: -48px;background: url(content/lh1.png)/*tpa=css/content/lh1.png*/ no-repeat center}
.colleft .info_lh:nth-child(3):after {background: url(content/lh2.png)/*tpa=css/content/lh2.png*/ no-repeat center}
.colleft .info_lh:nth-child(4):after {background: url(content/lh3.png)/*tpa=css/content/lh3.png*/ no-repeat center}
.colleft .info_lh:nth-child(5):after {background: url(content/lh4.png)/*tpa=css/content/lh4.png*/ no-repeat center}
#contact .colright input {font: italic 15px SegoeUI;color: #000;width: calc(50% - 57px);float: left;padding: 0 10px 0 30px;border: 1px solid transparent;border-radius: 5px;outline: none;height: 60px;background-color: #f5f5f5;margin-bottom: 18px}
#contact .colright input:focus, #contact .colright textarea:focus {border: 1px solid #004a8f;background-color: white}
#contact .colright input:nth-child(2n-1) {float: right}
#contact .colright textarea {font: italic 15px SegoeUI;color: #333;width: calc(100% - 42px);padding: 15px 10px 15px 30px;border: 1px solid transparent;outline: none;clear: both;height: 170px;margin-bottom: 18px;display: block;background-color: #f5f5f5;border-radius: 5px}
#contact .btn_lh {font: 17px 'segoeuiSMB';width: 181px;height: 39px;line-height: 39px;text-align: center;color: white;text-decoration: none;text-transform: uppercase;border-radius: 5px;background: url(content/btn.png)/*tpa=css/content/btn.png*/ repeat-x top left;background-size: auto 100%;float: right}
#contact .colright ::-webkit-input-placeholder{color: #666}
#contact .colright ::-moz-placeholder{color: #666;opacity: 1}
#contact .colright :-moz-placeholder{color: #666;opacity: 1}
#contact .lienhe {overflow: hidden;margin-bottom: 60px}
#map_canvas:before {content:"";display: block;padding-bottom: 42.5641%}
#map_canvas {margin-bottom: 30px}
.ykien_list {margin: 0;padding: 0}
.ykien_list li {list-style: none;padding-bottom: 20px;margin-bottom: 25px;border-bottom: 1px dashed #eee;overflow: hidden;transition: all 1s;-webkit-transition: all 1s}
.ykien_list .khungAnh {width: 90px;margin: 2px;border-radius: 50%;overflow: hidden;border: 5px solid white;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);float: left}
.ykien_list .khungAnh:before {padding-bottom: 100%}
.ykien_list .ykien_ct {width: calc(100% - 120px);float: right}
.ykien_list .topic {font: 17px 'segoeuiB';color: #004a8f;display: block;margin-bottom: 5px;text-transform: uppercase}
.ykien_list .diachi {font-family: 'segoeuiB';color: #333;margin-bottom: 5px}
.ykien_list .noidung {margin-bottom: 15px}
.ykien_list .btOpenClose {display: block;float: right;height: 26px;line-height: 26px;text-decoration: none;color: #004a8f;padding: 0 25px 0 15px;border-radius: 4px;border: 1px solid #ededed;background: #fafafa url(content/morong.png)/*tpa=css/content/morong.png*/ no-repeat right 15px center}
.ykien_list .btOpenClose.active {background: #fafafa url(content/thugon.png)/*tpa=css/content/thugon.png*/ no-repeat right 15px center}
.ykien_list .btOpenClose:hover {background: #004a8f url(content/morong_hover.png)/*tpa=css/content/morong_hover.png*/ no-repeat right 15px center;border: 1px solid #004a8f;color: white}
.ykien_list .btOpenClose.active:hover {background: #004a8f url(content/thugon_hover.png)/*tpa=css/content/thugon_hover.png*/ no-repeat right 15px center}
.ykien_list li.active {padding-left: 20px;transition: all 0.5s;-webkit-transition: all 0.5s}
.form_ykien {overflow: hidden;margin-bottom: 30px}
.form_ykien .chu_y {font-family: 'segoeuiB';margin-bottom: 10px}
.form_ykien .chu_y span {color: #004a8f}
.form_ykien .left {width: 53%;float: left}
.form_ykien .right {width: calc(47% - 20px);float: right}
.form_ykien .thuoctinh {font-size: 14px;width: 90px;line-height: 27px;margin-bottom: 10px;display: block;float: left;clear: both}
.form_ykien .thuoctinh span {color: red}
.form_ykien input {font: 14px 'segoeui';color: #333;width: calc(100% - 112px);height: 27px;border: 1px solid #d5d5d5;padding: 0 10px;border-radius: 3px;outline: none;margin-bottom: 10px}
.form_ykien input[type=file] {border: none;padding-left: 0}
.form_ykien textarea {font: 14px 'segoeui';color: #333;width: calc(100% - 22px) !important;height: 95px !important;padding: 5px 10px;border: 1px solid #d5d5d5;border-radius: 3px;margin-bottom: 10px;outline: none}
.form_ykien ::-webkit-input-placeholder {color: #989898}
.form_ykien ::-moz-placeholder {color: #989898;opacity: 1}
.form_ykien :-moz-placeholder {color: #989898;opacity: 1}
.form_ykien .luu_y {font: italic 14px 'segoeui';color: #636363;line-height: 29px;float: right}
.form_ykien .luu_y span {color: red}
.form_ykien .send {display: block;float: left;height: 29px;line-height: 29px;color: white;border-radius: 4px;background: url(content/btn.png)/*tpa=css/content/btn.png*/ repeat-x top left;background-size: auto 100%;text-decoration: none;text-transform: uppercase;padding: 0 20px}
.result {font: 26px'segoeuiB';line-height: 30px;margin-bottom: 30px}
.result span {color: #004a8f}
.lh_dk {background: url(content/dk.png)/*tpa=css/content/dk.png*/ repeat-x top left;background-size: auto 100%;margin-bottom: 20px}
.lh_dk .row {overflow: hidden;border-bottom: 1px solid #8dc8ff;color: white}
.lh_dk .row span {display: block;width: 120px;line-height: 21px;padding: 10px 10px 10px 20px;border-right: 1px solid #8dc8ff;float: left}
.lh_dk .row a {display: block;width: calc(100% - 181px);float: left;line-height: 21px;padding: 10px 10px 10px 20px}
.ds_ykien .slick-dots {margin: 0;padding: 0;position: absolute;bottom: 0;left: 0;text-align: center;z-index: 2;width: 100%}
.ds_ykien .slick-dots li {display: inline-block;margin: 0 5px}
.ds_ykien .slick-dots button {width: 15px;height: 15px;font-size: 0;border: none;outline: none;cursor: pointer;background-color: white;border-radius: 50%}
.ds_ykien .slick-active button, .ds_ykien .slick-dots button:hover {background-color: #002157}



#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: 3px;border-radius: 5px;background-color: rgba(255,255,255,0.3);height: auto !important}
#caption {font: 17px 'segoeuiB';color: #333;display: block;line-height: 21px;padding: 10px;background-color: rgba(255,255,255,0.8);text-align: left;position: absolute;left: 3px;bottom: 3px;width: calc(100% - 26px);border-radius: 0 0 3px 3px}
#bottomNavClose {font-size: 16px;color: white;height: 30px;display: block;position: absolute;top: -30px;right: 5px;background: url(content/close_popup.png)/*tpa=css/content/close_popup.png*/ no-repeat left center;z-index: 2;cursor: pointer;padding-left: 15px;line-height: 30px;text-decoration: none}
#imageContainer {width: auto;margin: 0 auto;position: relative}
#imageContainer img {width: auto !important;height: auto !important;border: none;max-width: 1000px}
#prevLink {width: 19px;height: 29px !important;display: block;position: absolute;top: calc(50% - 14.5px);left: 0;z-index: 2;background: url(content/prev5.png)/*tpa=css/content/prev5.png*/ no-repeat center;opacity: 0.5}
#nextLink {width: 19px;height: 29px !important;display: block;position: absolute;top: calc(50% - 14.5px);right: 0;background: url(content/next5.png)/*tpa=css/content/next5.png*/ no-repeat center;opacity: 0.5}
#prevLink:hover, #nextLink:hover {opacity: 1}
#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: 6;background-color: rgba(0,0,0,0.7);top: 0;left: 0;display: none}
#noidung_tb {width: 555px;position: absolute;padding: 10px;background-color: rgba(255,255,255,0.3);margin: auto;left: calc(50% - 287.5px);top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.nen_popup {background-color: white;padding: 20px 10px}
#noidung_tb img {display: block;margin: auto;margin-bottom: 15px}
#noidung_tb .tieude_tb {font: 24px 'swit';color: #004a8f;display: block;text-align: center}
#noidung_tb .gohome {font: 14px 'segoeuiB';color: white;text-align: center;width: 180px;height: 38px;line-height: 38px;display: block;margin: auto;background: url(content/gohome.png)/*tpa=css/content/gohome.png*/ no-repeat;background-size: 100% 100%;text-decoration: none;border-radius: 3px;text-transform: uppercase}
#noidung_tb .loicamon {color: #333;display: block;line-height: 24px;text-align: center;margin: 15px 0;text-align: center}
#noidung_tb .loicamon span {font: 16px 'segoeuiB';color: red}
.close_popup {width: 30px;height: 30px;display: block;background: url(content/close.png)/*tpa=css/content/close.png*/ no-repeat center;position: absolute;top: 10px;right: 10px;cursor: pointer}
.close {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;display: block}

.lh_dk .row a.dt_dky {font: 18px 'segoeuiB';color: white;text-decoration: none}

@media (max-width: 1199px){
    body {min-width: 0}
    .khoi1170 {width: calc(100% - 40px);min-width: 0}
    .fb-like {top: -5px}
    .sub_menu, .support, .chuyenmuc, .sidebar {display: none}
    .main_content {width: auto;float: none}
    .duhoc {padding: 50px 20px}
    .duhoc .khoi_dh {width: calc(50% - 12px);margin-right: 0}
    .duhoc .khoi_dh:nth-child(2n) {float: right}
    .tintuc {margin-bottom: 20px}
    .tintuc .main_pic {width: auto;float: none;margin-bottom: 25px}
    .tintuc .ds_tin {width: auto;float: none;overflow: hidden}
    .tintuc .ds_tin li {width: calc(50% - 10px);float: left}
    .tintuc .ds_tin .detail {display: none}
    .tintuc .ds_tin li:nth-child(2n) {float: right}
    .thuvien {padding: 20px}
    .thuvien .album {float: none;width: auto;margin-bottom: 30px}
    .small_slide {margin: 10px 30px 0 30px}
    .small_slide li {margin: 2px 10px 2px 0}
    .thuvien .video {width: auto;float: none}
    .ds_doitac.khoi1170 {width: calc(100% - 80px)}
    .info_cty {padding: 30px 20px}
    .info_cty .khoi_ft {width: calc(50% - 30px);margin-right: 30px}
    .info_cty .khoi_ft:first-child {width: auto;margin: 0 0 30px 0;float: none}
    .about_us .noidung {line-height: 21px;max-height: 147px;text-align: justify}
    .about_list li {width: calc(50% - 10px);margin: 0 0 20px 0}
    .about_list li:nth-child(2n) {float: right}
    .gt_chung .khungAnh {width: 40.7967%}
    .gt_chung .khungAnh:before {padding-bottom: 96.969696%}
    .gt_chung .about_us, .gt_chung .tieude_gt {width: calc(100% - 40.7967% - 20px)}
    .slide_xkld li {width: calc(50% - 10px);margin: 0 0 30px 0}
    .slide_xkld li:nth-child(3n-2) {clear: none}
    .slide_xkld li:nth-child(2n) {float: right}
    .slide_xkld li:nth-child(2n-1) {clear: both}
    .xkld_index .slide_xkld {overflow: hidden;padding-bottom: 40px}
    .slide_xkld .slick-prev, .slide_xkld .slick-next {top: initial;bottom: 0}
    .slide_xkld .slick-prev {left: calc(50% - 35px)}
    .slide_xkld .slick-next {right: calc(50% - 35px)}
    .ds_donhang li {width: calc(50% - 12px);margin: 0 0 30px 0}
    .ds_donhang.slick-slider li {margin-right: 20px}
    .ds_donhang.slick-slider li:nth-child(4n) {margin-right: 20px}
    .ds_donhang li:nth-child(2n) {float: right}
    .ds_donhang.slick-slider li:nth-child(2n) {float: left}
    .lienquan li {margin-right: 20px}
    .lienquan .slick-list {width: calc(100% + 19px)}
    .news_list li {width: calc(50% - 10px);margin: 0 0 30px 0}
    .news_list .khungAnh {width: auto;float: none}
    .news_list .news_detail {width: auto;float: none}
    .album_list li {width: calc(50% - 10px);margin: 0 0 20px 0}
    .album_list li:nth-child(2n) {float: right}
    .baikhac .album_list {margin-bottom: 30px}
    .baikhac .album_list li {margin: 0 20px 0 0}
    .baikhac .album_list li:nth-child(3n) {margin-right: 20px}
    .baikhac .album_list li:nth-child(2n) {float: left}
    .baikhac .album_list .slick-list {width: calc(100% + 19px)}
    .album_list {overflow: initial}
    #imageContainer img {max-width: 100%}
    #contact .colleft, #contact .colright {width: auto;float: none;overflow: hidden}
    #contact .colleft .info_lh {width: calc(50% - 78px);float: left;border: none;margin-bottom: 10px}
    #contact .colleft .info_lh:nth-child(2n-1) {float: right}
    #contact .colleft .info_lh:nth-child(2n) {clear: both}
    #contact .colright input {width: calc(50% - 52px)}
    .ds_donhang.slick-slider .slick-list {width: calc(100% + 19px)}
    .ds_tin .topic {max-height: 72px;overflow: hidden}
    .ds_popup li {width: calc((100% - 20px)/3)}
    .ds_popup li:nth-child(4n) {margin-right: 10px}
    .ds_popup li:nth-child(3n) {margin-right: 0}
    .main_slide .khungAnh:before {padding-bottom: 60.677%}
    .main_slide .slick-prev {left: 20px}
    .main_slide .slick-next {right: 20px}
    .sub_menu {position: fixed;top: 0;left: 0;z-index: 11;height: 100%;width: 275px;background-color: #004a8f;overflow: auto}
    .sub_menu.active {display: block}
    .main_menu {float: none;border-bottom: 1px solid #185d9e}
    .main_menu > li {display: block;margin: 0;border-top: 1px solid #185d9e;border-bottom: 1px solid #327fc7}
    .main_menu > li:first-child {border-top: none}
    .main_menu > li > a {font: 15px 'segoeui';color: white;line-height: 22px;padding: 10px 0 10px 20px;display: block;margin-right: 40px;border: none}
    .main_menu > li:hover > a {border: none}
    .main_menu > li:hover > ul {display: none}
    .main_menu > li:hover > a {color: white}
    .main_menu > li > ul {position: static;background-color: #0071b9}
    .main_menu li.hasSub {background: url(header/cong.png)/*tpa=css/header/cong.png*/ no-repeat right 12px top 14px}
    .main_menu li.hasSub.active {background: #69a4db url(header/tru.png)/*tpa=css/header/tru.png*/ no-repeat right 12px top 20px;border: none}
    .main_menu li.hasSub.active > a {border: none}
    .main_menu li.hasSub.active > ul {display: block;width: auto}
    .main_menu > li > ul > li {border-top: 1px solid #2377b6;border-bottom: 1px solid #80b8dc}
    .main_menu > li > ul > li > a {line-height: 22px;padding: 10px 10px 10px 20px}
    .open_menu {display: block;position: absolute;width: 40px;height: 40px;background: url(header/menu.png)/*tpa=css/header/menu.png*/ no-repeat center;top: 55px;right: 20px}
    .open_menu.active:after {content:"";width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1;display: block}
    .search {margin: 3px 60px 0 0;padding-bottom: 0}
    .search a {height: 30px;background: url(header/timkiem.png)/*tpa=css/header/timkiem.png*/ no-repeat center}
    .bot_head {height: 57px;padding-top: 15px}
    .logo {margin-top: 10px}
    .search input {width: 200px;background-color: white;top: 0;right: 100%;border: 1px solid #e1e1e1;border-right: 0;border-radius: 5px 0 0 5px}
    .search:hover a {border: 1px solid #e1e1e1;border-left: none;border-radius: 0 5px 5px 0;background: url(header/timkiem.png)/*tpa=css/header/timkiem.png*/ no-repeat center !important;background-size: 15px auto !important}
    .search:hover:after {content:"";width: 1px;height: 24px;background-color: #e1e1e1;display: block;position: absolute;top: 4px;left: 0;z-index: 2}
    .banner .khungAnh:before {padding-bottom: 32.16%}
    .banner {margin-bottom: 25px}
    .xkld_index .slide_xkld.slick-slider li:nth-child(2n-1) {clear: none}
    .slide_xkld.slick-slider li:nth-child(2n) {float: left}
    .slide_xkld.slick-slider li {margin: 0 30px 30px 0}
    .form_dk .khoi_nut span {float: none;display: block;line-height: initial;margin-bottom: 10px}
    .ds_nhansu {margin-bottom: 35px}
    .ds_nhansu .slick-prev, .ds_nhansu .slick-next {top: initial;bottom: 0}
    .ds_nhansu .slick-prev {left: calc(50% - 70px)}
    .ds_nhansu .slick-next {right: calc(50% - 70px)}
	.form_ykien .luu_y {line-height: 21px}
}
@media (max-width: 767px){
    .top_head .phone, .top_head .email {display: none}
    .khoi1170 {width: calc(100% - 20px)}
    .ds_donhang.slick-slider .detail, .ds_donhang.slick-slider .xt {display: none}
    .ds_donhang.slick-slider li {margin-right: 10px !important;float: left}
    .ds_donhang.slick-slider .slick-list {width: calc(100% + 9px)}
    .duhoc {padding: 20px 10px}
    .duhoc .khoi_dh {width: auto;float: none;margin-bottom: 30px}
    .tintuc .ds_tin li {width: auto;float: none}
    .ds_avarta {width: 300px}
    .ds_avarta li {width: 100px !important;padding-top: 40px}
    .ds_avarta .khungAnh {margin: 0 25px;width: auto}
    .ds_avarta .slick-center .khungAnh {margin: 0}
    .info_cty {padding: 30px 10px 0 10px}
    .info_cty .khoi_ft {width: auto;float: none;margin: 0 0 30px 0}
    .ds_doitac .khungAnh {margin: 18px 10px}
    .banquyen {padding: 40px 0 10px 0;position: relative;text-align: center;height: auto;line-height: 21px}
    .thongke_tc {position: absolute;top: 10px;left: 0;padding: 0 10px;overflow: hidden;width: calc(100% - 20px);text-align: center}

    .banquyen .total {float: none;margin: 0 0 0 15px}
    .thuvien {padding: 20px 10px}
    .gt_chung .khungAnh, .gt_chung .about_us {width: auto;float: none}
    .about_list li {width: auto;float: none;margin: 0 0 20px 0}
    .about_list li:nth-child(2n) {float: none}
    .ds_nhansu li {margin-right: 0}
    .ds_nhansu .slick-list {width: 100%}
    .about_list.slick-slider li {float: left}
    #CommonCuoiChiTietTin {padding-top: 0}
    #CommonCuoiChiTietTin .apd a {margin-right: 15px}
    #CommonCuoiChiTietTin .fl.apd.dnmb {border-bottom: 5px solid white;box-shadow: 0 1px #efefef;margin-bottom: 3px;float: none}
    .slide_xkld li {width: auto;float: none;margin: 0 0 20px 0}
    .slide_xkld.slick-slider li {float: left !important;clear: none !important;margin: 0 !important}
    .slide_xkld.slick-slider .slick-list {width: 100%}
    .form_dk {padding: 10px}
    .form_dk:after {display: none}
    .form_dk input {width: calc(100% - 20px);float: none;margin-bottom: 10px}
    .form_dk select, .form_dk textarea {margin-bottom: 10px}
    .form_dk .khoi_nut span {line-height: 21px;margin-bottom: 10px;float: none;display: block}
    .khung_k {border: none;height: 15px}
    .khung_k .tieude {padding-right: 0}
    #popup_lh {overflow: auto}
    #noidung_tb {padding: 5px;width: calc(100% - 30px);left: 10px;top: 10px;transform: translateY(0);-webkit-transform: translateY(0);margin-bottom: 10px}
    .close_popup {top: 5px;right: 5px}
    .ds_donhang li {float: none;width: auto;margin: 0 0 20px 0}
    .donhang.duhoc_index .ds_donhang .detail {height: auto;max-height: 63px}
    .noidung table {display: block}
    .news_list li {width: auto;float: none;margin: 0 0 30px 0}
    .album_list li {width: auto;float: none}
    .album_list li:nth-child(2n) {float: none}
    .album_list.slick-slider li {float: left !important}
    .ds_popup li {width: calc(50% - 5px);margin: 0 0 10px 0}
    .ds_popup li:nth-child(2n) {float: right}
    #contact .colleft .info_lh {width: auto;float: none !important}
    #contact .colright input {width: calc(100% - 42px);float: none !important}
    #contact .btn_lh {float: none;margin: auto;display: block}
    .form_ykien {position: relative;padding-bottom: 70px}
    .form_ykien .left, .form_ykien .right {float: none;width: auto}
    .form_ykien .thuoctinh {display: none}
    .form_ykien .thuoctinh:nth-child(7) {display: initial;line-height: 24px;position: absolute;bottom: 90px;left: 0}
    .form_ykien textarea {margin-bottom: 40px}
    .form_ykien input {width: calc(100% - 22px);float: none}
    .form_ykien input:nth-child(8) {width: calc(100% - 100px);float: right;position: absolute;right:0;bottom: 86px}
    .form_ykien .send {position: absolute;bottom: 30px;left: 0}
    .form_ykien .luu_y {line-height: 24px;display: block;float: none}
    .contact a {width: 40px;height: 30px}
    .contact a img {margin: 7px auto 0 auto}
    .open_menu {right: initial;left: 10px;top: 12px;background-size: 25px auto;width: 30px;height: 30px}
    .search {margin: 8px 0 0 0}
    .logo {margin: 11px 0 0 50px}
    .bot_head {padding-top: 0;height: 48px}
    .search a {width: 40px;background-size: 15px auto}
    .main_slide .khungAnh:before {padding-bottom: 82.5%}
    .main_slide .slick-prev {left: 10px}
    .main_slide .slick-next {right: 10px}
    .tuvan .bamgoi {font-size: 18px}
    .tuvan .hotline {font-size: 25px}
    #page_head {right: 10px;bottom: 92px}
    .tieude {font-size: 22px}
    .khung_dh .tieude {font-size: 18px;text-align: left}
    #lightbox {width: calc(100% - 20px) !important;left: 10px !important;transform: translateX(0);-webkit-transform: translateX(0);margin-left: 0}
    #outerImageContainer {width: calc(100% - 6px) !important}
    #imageContainer img {width: 100% !important;min-width: 0}
    .gt_chung .tieude_gt {width: auto;float: none}
    .gt_chung .noidung {max-height: none}
    .gt_chung .khungAnh {margin-bottom: 15px}
    .banner .mobile-img {display: block}
    .banner .pc-img {display: none}
    .banner .khungAnh:before {padding-bottom: 47.5%}
    .duhoc .khoi_dh:nth-child(2n), .tintuc .ds_tin li:nth-child(2n) {float: none}
    .dh_khac .slick-list {width: 100%}
    .dh_khac li {margin-right: 0}
    .ds_popup li:nth-child(4n) {margin-right: 0}
	.ds_donhang li:nth-child(2n) {float: none}
}
@media (max-width: 480px){
    .thongke_ngay {float: none;margin: 0;border-bottom: 5px solid white;box-shadow: 0 1px #efefef;display: block;background: url(content/date_ct.png)/*tpa=css/content/date_ct.png*/ no-repeat left 10px top 6px;padding-left: 28px}
    .thongke_luotxem {margin-left: 10px}
}
@media (max-width: 350px){
    .form_ykien .thuoctinh:nth-child(7) {bottom: 113px}
    .form_ykien input:nth-child(8) {bottom: 110px}
}
