﻿@font-face
{
    font-family: 'NR';
    src: url('../css/font/Nunito-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Nunito-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Nunito-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Nunito-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Nunito-Regular.svg#Nunito-Regular') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'MB';
    src: url('../css/font/Montserrat-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Montserrat-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Montserrat-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Montserrat-Bold.svg#SuzukiPro-Bold') format('svg'); /* Legacy iOS */
}


.imgc, .imgc0{position:relative;z-index:1;display: block}
.imgc:before, .imgc0:before{content:"";display:block;padding-bottom: 56.25%}
.imgc img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block}
.imgc0 img {width: 100%;height: 100%;position: absolute;object-fit: scale-down;display: block;top: 0;left: 0}
.imgc iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.TextSize {margin-bottom: 20px;font-family: Arial !important;font-size: 17px !important;line-height: 24px;text-align: justify}
.TextSize p {margin: 0 0 10px 0}
.text.TextSize {margin: 0}
.TextSize img {max-width: 100%;height: auto !important}
.TextSize table, .TextSize iframe {max-width: 100%}
.slick-arrow {border: none;outline: none;cursor: pointer;position: absolute;z-index: 3;box-sizing: border-box}
.slick-list * {outline: none}
.slick-list {overflow: hidden}
.slick-slider {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.fancybox-caption {text-align: center}
.cb {clear: both}
.fb_iframe_widget {float: left}
#commentFB .fb_iframe_widget {float: none}

.commonTool {border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 5px 0;overflow: hidden;margin-bottom: 20px;font-size: 14px;line-height: 25px}
.commonTool .date {color: #999;float: left;padding-left: 17px;background: url(images/date.png) no-repeat left top 4px}
.commonTool .date .view {padding-left: 18px;background: url(images/view.png) no-repeat left center;margin-left: 25px}
.commonTool .right {float: right}
.commonTool .changeSize {float: left}
.commonTool .changeSize a {color: #999;text-decoration: none;margin-right: 5px;float: left}
.commonTool .LargeSize, .commonTool .SmallSize {width: 25px;height: 25px;background: url(images/up.png) no-repeat center}
.commonTool .SmallSize {background: url(images/down.png) no-repeat center}
.commonTool .social {float: left}
#CommonCuoiChiTietTin {overflow: hidden;padding: 7px 0 5px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 30px}
#CommonCuoiChiTietTin .apd {float: right}
#CommonCuoiChiTietTin .apd a {font-size: 15px;float: left;text-decoration: none;color: #999;padding: 0 15px 0 30px;margin-left: 10px;background-color: #f6f6f6;border-radius: 13px;line-height: 26px}
#CommonCuoiChiTietTin .apd a:hover {color: #000}
#CommonCuoiChiTietTin .email span {display: none}
#CommonCuoiChiTietTin .email {background: url(images/email1.png) no-repeat left 15px center}
#CommonCuoiChiTietTin .apd a.prevDBT {background: #f6f6f6 url(images/trangtruoc.png) no-repeat left 15px center;padding-left: 25px}
#CommonCuoiChiTietTin .print {background: url(images/in.png) no-repeat left 15px center}
#CommonCuoiChiTietTin .right {float: left;margin-bottom: 0}
#CommonCuoiChiTietTin .right .shareItem {float: left;margin-left: 5px}
.SplitPages {text-align: center;margin-bottom: 30px;padding-top: 15px}
.SplitPages a {display: inline-block;margin: 0 3px;height: 36px;line-height: 36px;min-width: 36px;text-decoration: none;color: #333;border-left: none;border-radius: 18px;border: 1px solid #000}
.SplitPages .dau, .SplitPages .cuoi, .SplitPages .truoc, .SplitPages .sau {padding: 0 15px}
.SplitPages a:hover, .SplitPages a.hientai {background-color: #000;color: white}

#wrap {overflow: hidden;position: relative}
body {padding: 0;margin: 0;font: 15px 'NR';color: #333;position: relative;padding-top: 80px}
.container {width: 1170px;margin: 0 auto}
.tt_Detail {font: 32px 'MB';margin-bottom: 20px;color: #000}

#header {height: 80px;position: fixed;z-index: 5;top: 0;left: 0;width: 100%;background-color: white;box-shadow: 0 2px 5px rgba(0,0,0,0.2)}
#header .logo {float: left;margin: 10px 0 0 30px}
#header .logo .imgc0 {width: 331px;height: 57px}
#header .logo:before {display: none}
#header .right {float: right;margin-right: 30px;padding-top: 23px}
#header .lang {float: left}
#header .lang .imgc {border-radius: 50%;overflow: hidden;width: 28px}
#header .lang .imgc.active {display: none}
#header .lang .imgc:before {padding-bottom: 100%}
#header .search {float: left;position: relative;margin-right: 10px;z-index: 4}
#header .search a {display: block;width: 26px;height: 26px;border: 1px solid #333;border-radius: 50%;background: url(images/search.png) no-repeat center}
#header .search input {position: absolute;top: 0;right: calc(100% + 10px);width: 200px;height: 26px;border: 1px solid #333;padding: 0 10px;font: 15px 'NR';color: #333;z-index: 2;outline: none;display: none}

@media(min-width: 1200px){
    #menu {padding: 8px 0 0 0;margin: 0;float: left}
    #menu > li {float: left;margin-right: 20px;list-style: none;position: relative;z-index: 3;padding-bottom: 30px}
    #menu > li > a {display: block;text-decoration: none;color: #333;text-transform: uppercase;}
    #menu ul {position: absolute;top: 100%;left: -20px;padding: 0;margin: 0;background-color: rgba(0,0,0,0.9);width: 270px;display: none}
    #menu li:hover > ul {display: block}
    #menu ul li {list-style: none;display: block}
    #menu ul li a {display: block;text-decoration: none;color: white;padding: 10px 20px;font-size: 14px;line-height: 24px}
    #menu ul li:hover > a {background-color: rgba(62,62,62,0.9)}
}

#slide_home, .banner {clear: both}
#slide_home .imgc:before, .banner:before {padding-bottom: 34.375%}
#slide_home .infoSlide, .banner .infoSlide {position: absolute;top: 50%;left: calc(50% - 585px);width: 1170px;z-index: 3;color: white;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}
#slide_home .title, .banner .title {font: 60px 'MB';display: block;margin-bottom: 20px}
#slide_home .desc, .banner .desc {font-size: 22px;line-height: 30px;margin-bottom: 30px;display: block;padding: 0 100px}
#slide_home .xemsp, .banner .xemsp {display: inline-block;text-decoration: none;color: #333;padding: 0 30px;font-family: 'MB';text-transform: uppercase;background-color: white;line-height: 44px;border-radius: 22px;margin-right: 30px}
#slide_home .xemvd, .banner .xemvd {display: inline-block;padding-left: 25px;color: white;text-transform: uppercase;text-decoration: none;font-family: 'MB';background: url(images/play.png) no-repeat left center}
#slide_home .slick-arrow, .baiKhac .slick-arrow, .cateSP .slick-arrow {width: 50px;height: 50px;border-radius: 50%;background: rgba(0,0,0,0.3) url(images/prev.png) no-repeat center;left: 20px;top: calc(50% - 25px);box-shadow: 0 0 3px rgba(255,255,255,0.5)}
#slide_home .slick-next, .baiKhac .slick-next, .cateSP .slick-next {left: auto;right: 20px;background-image: url(images/next.png)}
#slide_home .slick-arrow:hover, .baiKhac .slick-arrow:hover, .cateSP .slick-arrow:hover {background-color: rgba(0,0,0,0.6)}

.cateSP .slick-prev {left: -60px;top: calc(50% - 45px)}
.cateSP .slick-next {right: -60px;top: calc(50% - 45px)}
.banner .infoSlide.show {transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;opacity: 1}

#slide_home.hasSlide .title, #slide_home.hasSlide .desc, #slide_home.hasSlide .btn {opacity: 1;transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0)}


#footer {background-color: #202020;color: white;padding-top: 40px}
#footer .title {font: 16px 'MB';text-transform: uppercase;margin-bottom: 15px}
#footer .contact_ft {width: 50%;float: left;margin-bottom: 30px}
#footer .menu_ft {width: calc(25% - 30px);float: left;margin-left: 30px}
#footer .bot_ft {clear: both;padding: 20px;border-top: 1px solid #333;text-align: center;font-size: 16px;line-height: 22px}
.contact_ft .add, .contact_ft .phone, .contact_ft .fax, .contact_ft .email, .contact_ft .website, .contact_ft .facebook {padding-left: 22px;margin-bottom: 8px;line-height: 22px;background: url(images/ft1.png) no-repeat left top 3px}
.contact_ft .phone {background-image: url(images/ft2.png)}
.contact_ft .fax {background-image: url(images/ft3.png)}
.contact_ft .email {background-image: url(images/ft4.png)}
.contact_ft .website {background-image: url(images/ft5.png)}
.contact_ft .facebook {background: url(images/ft6.png) no-repeat left 4px center}
.contact_ft .dkkd {margin-bottom: 20px}

#footer .menu_ft a {display: block;text-decoration: none;color: white;margin-bottom: 8px;line-height: 22px;padding-left: 12px;background: url(images/list.png) no-repeat left top 5px}
#footer .menu_ft a:hover {color: #999}

#fixRight {position: fixed;z-index: 5;right: 20px;bottom: 80px;width: 40px}
#fixRight a {display: block;margin-bottom: 10px;border-radius: 50%;box-shadow: 0 0 5px rgba(0,0,0,0.3)}
#fixRight a img {max-width: 40px;display: block}
#page_head {width: 40px;height: 40px;background: url(images/top.png) no-repeat center;border-radius: 50%;box-shadow: 0 0 3px rgba(0,0,0,0.5);cursor: pointer}
.fanpage {float: left;width: 300px;margin-right: 20px}
.qrCode {float: left}
.qrCode img {display: block;margin-bottom: 15px}

.list_ck {transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}
.list_ck .item {width: calc((100% - 16px)/3);float: left;background-color: white;box-sizing: border-box;padding: 20px 30px;margin-right: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.2)}
.list_ck .item:nth-child(3n) {margin-right: 0}
.list_ck .imgc0 {float: left;width: 40px;height: 40px}
.list_ck .title {width: calc(100% - 60px);float: right;text-transform: uppercase;font: 17px 'MB';padding-top: 8px;color: #000}

.bao_tt {text-align: center;margin-bottom: 30px}
.bao_tt .title {font: 34px 'MB';text-decoration: none;color: #000}
.bao_tt .desc {margin-top: 20px;font-size: 18px;line-height: 24px}

.welcome {padding: 30px 0 100px 0;overflow: hidden;position: relative}
.welcome:before {content:"";display: block;width: 100%;height: 100px;background-color: #d9d9d9;position: absolute;left: -10px;bottom: -78px;transform: rotate(1.5deg);-webkit-transform: rotate(1.5deg);-moz-transform: rotate(1.5deg)}
.welcome .bao_tt {max-width: 770px;margin: 0 auto 30px auto}
.list_cl {overflow: hidden;max-width: 700px;margin: 0 auto 20px auto}
.list_cl .title {width: calc(50% - 15px);font-size: 18px;box-sizing: border-box;padding-left: 22px;background: url(images/tick.png) no-repeat left top 6px;float: left;margin: 0 0 15px 30px}
.list_cl .title:nth-child(2n+1) {clear: both;margin-left: 0}
.welcome .btn {text-align: center}
.welcome .btn a {display: inline-block;text-decoration: none;color: #333;text-transform: uppercase;border: 2px solid #333;padding: 0 40px;font: 16px 'MB';line-height: 40px;border-radius: 22px}
.welcome .btn a:hover {background-color: #000;color: white}

.spHome {padding: 100px 0 50px 0;background-color: #3f3f3f;position: relative;overflow: hidden}
.spHome:before {content:"";display: block;width: 100%;height: 100px;background-color: #8c8c8c;position: absolute;left: -10px;top: -78px;transform: rotate(-1.5deg);-webkit-transform: rotate(-1.5deg);-moz-transform: rotate(-1.5deg)}
.spHome .bao_tt .title, .vsChon .bao_tt .title, .tinHome .bao_tt .title, .daHome .bao_tt .title {color: white}
.spHome .bao_tt .desc, .vsChon .bao_tt .desc, .tinHome .bao_tt .desc, .daHome .bao_tt .desc {color: white;padding: 0 60px}
.spHome .btn, .tinHome .btn {text-align: center;margin-top: 40px}
.spHome .btn a, .tinHome .btn a {display: inline-block;text-decoration: none;color: #000;background-color: white;padding: 0 40px;text-transform: uppercase;font: 16px 'MB';line-height: 44px;border-radius: 22px}
.spHome .btn a:hover, .tinHome .btn a:hover {background-color: #000;color: white}

.cateSP .slick-list {width: calc(100% + 30px)}
.cateSP .item {margin-right: 30px}
.cateSP .imgc {border-radius: 50%;overflow: hidden;border: 2px solid white}
.cateSP .imgc:before {padding-bottom: 100%}
.cateSP .imgc img {width: calc(100% - 2px);height: calc(100% - 2px);left: 1px;top: 1px;border-radius: 50%}
.cateSP .title {font: 15px 'MB';color: white;text-decoration: none;text-transform: uppercase;text-align: center;display: block;margin-top: 20px}
.cateSP:not(.slick-slider) {overflow: hidden;padding-top: 30px}
.cateSP:not(.slick-slider) .item {width: calc((100% - 90px)/4);float: left;margin: 0 0 30px 30px}
.cateSP:not(.slick-slider) .item:nth-child(4n+1) {clear: both;margin-left: 0}
.cateSP:not(.slick-slider) .title {color: #333}

.vsChon {background-color: #1c1c1c;padding: 60px 0;color: white}
.list_ld .slick-list {width: calc(100% + 30px)}
.list_ld .item {margin-right: 30px;text-align: center}
.list_ld .imgc0 {width: 70px;height: 70px;background-color: white;border-radius: 50%;margin: 40px auto;overflow: hidden}
.list_ld  .title {font-size: 18px;line-height: 26px}

.tinHome {padding: 60px 0;background-color: #2f2f2f}
.list_news .slick-list {width: calc(100% + 30px)}
.list_news .item {margin-right: 30px;background-color: white}
.list_news .title {display: block;margin: 10px;text-decoration: none;color: #333;font: 16px 'MB';line-height: 22px;height: 44px;overflow: hidden}
.list_news .date {position: absolute;z-index: 2;left: 0;bottom: 0;padding: 0 10px 0 30px;color: white;background: rgba(0,0,0,0.8) url(images/date1.png) no-repeat left 10px center;line-height: 32px}
.list_news .slick-dots {text-align: center;padding: 0;margin: 15px 0}
.list_news .slick-dots li {list-style: none;display: inline-block;margin: 0 5px}
.list_news .slick-dots button {font-size: 0;padding: 0;border: none;outline: none;width: 8px;height: 8px;border-radius: 50%;background-color: #999}
.list_news .slick-dots .slick-active button {background-color: white}

.list_gt .item {overflow: hidden;position: relative;background-color: #f1f1f1}
.list_gt .item:nth-child(2n+1) .imgc {width: 50%;float: right}
.list_gt .item:nth-child(2n) .imgc {width: 50%;float: left}
.list_gt .item:last-child {max-width: 830px;margin: 0 auto;background: none;padding: 40px 0}
.list_gt .info {position: absolute;width: calc(50% - 160px);left: 80px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}
.list_gt .item:nth-child(2n) .info {left: calc(50% + 80px)}
.list_gt .title, .list_sp .title {font: 34px 'MB';margin-bottom: 15px;color: #000;text-decoration: none;display: block}
.list_gt .desc, .list_sp .desc {line-height: 22px;margin-bottom: 20px}
.list_gt .desc {max-height: 110px;overflow: hidden}
.list_gt .xemct {font: 16px 'MB';display: inline-block;text-decoration: none;color: #333;text-transform: uppercase;padding: 0 40px 0 30px;background: white url(images/xemct.png) no-repeat right 25px center;border: 1px solid #000;line-height: 40px;border-radius: 22px}
.list_gt .xemct:hover {color: white;background: #000 url(images/xemct1.png) no-repeat right 25px center}
.list_gt .item:last-child .title {text-align: center}

.list_sp .item {overflow: hidden;background-color: #f1f1f1;position: relative}
.list_sp .imgc {width: calc(50% + 20px);float: right}
.list_sp .info {position: absolute;top: 50%;left: 80px;width: calc(50% - 130px);transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}
.list_sp .btn {display: inline-block;text-decoration: none;color: #333;text-transform: uppercase;padding: 0 40px;border: 1px solid #000;font: 16px 'MB';line-height: 38px;border-radius: 20px;background-color: white}
.list_sp .btn:hover {background-color: #000;color: white}
.list_sp .item:nth-child(2n) .imgc {float: left}
.list_sp .item:nth-child(2n) .info {left: calc(50% + 50px)}

.albumSP {overflow: hidden;padding: 20px}
.albumSP .imgc {width: calc((100% - 60px)/4);float: left;margin: 0 20px 20px 0}
.albumSP .imgc:nth-child(7n+5), .albumSP .imgc:nth-child(7n+6), .albumSP .imgc:nth-child(7n) {width: calc((100% - 40px)/3)}
.albumSP .imgc:nth-child(7n+4), .albumSP .imgc:nth-child(7n) {margin-right: 0}
.albumSP .imgc:before {padding-bottom: 116.483516484%}
.albumSP .imgc:nth-child(7n+5):before, .albumSP .imgc:nth-child(7n+6):before, .albumSP .imgc:nth-child(7n):before {padding-bottom: 86.460032626%}

.daHome {background-color: #202020;padding: 50px 0}
.list_da {overflow: hidden}
.list_da .item {width: calc((100% - 60px)/3);float: left;margin: 0 30px 30px 0;background-color: white}
.list_da .item:nth-child(3n) {margin-right: 0}
.list_da .title {display: block;text-decoration: none;color: #333;margin: 10px 15px;font: 16px 'MB';line-height: 24px;height: 48px;overflow: hidden}

.form_sp {padding: 60px 0;background-color: #2f2f2f;color: white}
.form_sp .left {width: calc(100% - 400px);float: left}
.form_sp .right {width: 370px;float: right;box-sizing: border-box;padding: 20px;background-color: #202020}
.form_sp .left .title {font: 34px 'MB';text-align: center;margin-bottom: 30px}
.form_sp input {display: block;width: 100%;height: 34px;background: none;margin-bottom: 15px;border: none;outline: none;font: 15px 'NR';color: white;border-bottom: 1px solid #4e4e4e;box-shadow: 0 1px 0 #090909;width: calc(50% - 15px);float: left}
.form_sp input:nth-child(2n) {float: right}
.form_sp select {width: 100%;height: 30px;background: none;color: white;margin-bottom: 15px;border: none;padding: 0;font: 15px 'NR';border-bottom: 1px solid #4e4e4e;box-shadow: 0 1px 0 #090909;outline: none}
.form_sp select option {color: #333}
.form_sp textarea {display: block;clear: both;margin: 0 0 20px 0;width: 100%;height: 80px;resize: none;border: none;outline: none;font: 15px 'NR';color: white;background: none;border-bottom: 1px solid #4e4e4e;box-shadow: 0 1px 0 #090909;box-sizing: border-box}
.form_sp .btn {display: inline-block;text-decoration: none;color: #000;background-color: white;padding: 0 40px;text-transform: uppercase;font: 16px 'MB';line-height: 40px;border-radius: 20px}
.form_sp .btn:hover {background-color: #000;color: white}
.form_sp ::-webkit-input-placeholder {color: white}
.form_sp ::-moz-placeholder, .form_sp :-moz-placeholder {color: white;opacity: 1}

.form_sp .right .titlect {font: 16px 'MB';text-transform: uppercase;margin-bottom: 20px;line-height: 24px}
.form_sp .right .add, .form_sp .right .phone, .form_sp .right .fax, .form_sp .right .email, .form_sp .right .website {padding-left: 22px;line-height: 22px;margin-bottom: 10px;background: url(images/ft1.png) no-repeat left top 4px}
.form_sp .right .phone {background-image: url(images/ft2.png)}
.form_sp .right .fax {background-image: url(images/ft3.png)}
.form_sp .right .email {background-image: url(images/ft4.png)}
.form_sp .right .website {background-image: url(images/ft5.png)}

.pageLH {background-color: white;padding: 50px 70px;position: relative;z-index: 2;width: 1170px;margin: -150px auto 0 auto}
.info_ct {overflow: hidden;margin-bottom: 20px}
.info_ct .item {width: calc((100% - 90px)/4);float: left;margin-right: 30px}
.info_ct .item:last-child {margin-right: 0}
.info_ct b {display: block;border-bottom: 1px solid #cecece;padding-left: 55px;font-family: 'MB';text-transform: uppercase;margin-bottom: 15px;background: url(images/lh1.png) no-repeat left 10px bottom;padding-top: 15px}
.info_ct .phone b {background-image: url(images/lh2.png)}
.info_ct .email b {background-image: url(images/lh3.png);padding-left: 60px}
.info_ct .website b {background-image: url(images/lh4.png)}
.pageLH .left {width: calc(50% - 15px);float: left;box-sizing: border-box;padding: 30px;border: 3px solid #cecece}
.pageLH .map {width: calc(50% - 15px);float: right;height: 470px}
.pageLH .title_ct {font: 18px 'MB';margin-bottom: 15px}
#form_contact .item {margin-bottom: 10px;border: 1px solid #cecece;border-radius: 3px;padding-left: 40px;background: #e5e5e5 url(images/lh5.png) no-repeat left 10px top 9px}
#form_contact input {display: block;width: 100%;height: 38px;box-sizing: border-box;padding: 0 10px;font: 15px 'NR';color: #333;border: none;outline: none;border-radius: 0 3px 3px 0}
#form_contact textarea {width: 100%;height: 116px;box-sizing: border-box;border: none;outline: none;resize: none;display: block;margin: 0;padding: 10px;font: 15px 'NR';color: #333;border-radius: 0 3px 3px 0}
#form_contact .phone {background-image: url(images/lh6.png)}
#form_contact .email {background-image: url(images/lh7.png)}
#form_contact .noidung {background-image: url(images/lh8.png);margin-bottom: 20px}
#form_contact .btn {margin-bottom: 20px}
#form_contact .btn a {display: inline-block;font: 16px 'MB';color: #333;text-decoration: none;margin-right: 10px;padding: 0 30px;border: 1px solid #000;line-height: 38px;border-radius: 20px}
#form_contact .btn a:first-child {text-transform: uppercase}
#form_contact .btn a:hover {background-color: #000;color: white}

.bao_nd {padding: 50px 0}
.list_news:not(.slick-slider) .item {width: calc((100% - 60px)/3);float: left;margin: 0 30px 30px 0;box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
.list_news:not(.slick-slider) .item:nth-child(3n) {margin-right: 0}
.baiKhac .list_news .slick-list {width: calc(100% + 30px);margin-left: -15px}
.baiKhac .list_news .item {box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin: 0 15px 10px 15px}

.baiKhac .slick-prev {left: -60px;width: 40px;height: 40px;top: calc(50% - 20px)}
.baiKhac .slick-next {right: -60px;width: 40px;height: 40px;top: calc(50% - 20px)}
.baiKhac .bao_tt {margin-bottom: 15px}
.baiKhac .bao_tt .title {font-size: 28px}

.list_pa .imgc:after {content: url(images/album.png);position: absolute;z-index: 2;left: 15px;bottom: 10px}
.list_vd .imgc:after {content: url(images/video.png);position: absolute;z-index: 2;left: 15px;bottom: 10px}

.album_zoom {overflow: hidden}
.album_zoom .imgc {width: calc((100% - 60px)/4);float: left;margin: 0 20px 20px 0}
.album_zoom .imgc:nth-child(4n) {margin-right: 0}
.album_zoom .imgc:hover:after {content: url(images/zoom.png);width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;background-color: rgba(0,0,0,0.5);display: flex;align-items:center;justify-content: center}

.list_dt .imgc0:before {padding-bottom: 50%}
.list_dt .slick-list {width: calc(100% + 20px)}
.list_dt .imgc0 {margin-right: 20px}
.baiKhac {margin-bottom: 30px}

.loiIch {overflow: hidden;padding-top: 30px}
.loiIch .item {width: calc((100% - 100px)/3);float: left;margin: 0 50px 30px 0;overflow: hidden}
.loiIch .item:nth-child(3n) {margin-right: 0}
.loiIch .imgc0 {width: 40px;height: 40px;float: left}
.loiIch .info {width: calc(100% - 50px);float: right}
.loiIch .title {font-family: 'MB';display: block;margin-bottom: 8px}

#popupLoad {position: fixed;z-index: 11;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center}
#popupLoad .closePU {width: 30px;height: 30px;background: white url(images/closeMN.png) no-repeat center;background-size: 12px;position: absolute;top: -15px;right: -15px;display: block;border-radius: 50%;border: 2px solid #000;box-sizing: border-box;cursor: pointer}
#popupLoad .ndPopup {position: relative}
#popupLoad img {max-width: 1000px}