@charset "utf-8";
@import "fancybox.css";
@font-face {font-family:'Inter-Regular';src: url('fonts/Inter/Inter-Regular.ttf');}
@font-face {font-family:'Inter-Medium';src: url('fonts/Inter/Inter-Medium.ttf');}
@font-face {font-family:'Inter-Bold';src: url('fonts/Inter/Inter-Bold.ttf');}
@font-face {font-family:'Merriweather-Bold';src: url('fonts/Merriweather/Merriweather-Bold.ttf');}
* {margin: 0;padding: 0;}
*, *::before, *::after {box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;}
body {font-family: 'Inter-Regular', Arial, sans-serif;font-size: 14px;color: #000;line-height: 1.3;min-width: 1600px;}

.siteCenter {width: 1180px;margin: 0 auto;}
a {text-decoration: none;border: none;color: inherit;}
img {border: none;vertical-align: middle;max-width: 100%;height: auto;}
input, button {border: 0;outline: 0;}
ul,ol{list-style: none;}
strong {font-family: 'Inter-Bold', sans-serif;font-weight: 700;}
.fw{width: 100%;}
.lt {display: block;float: left;}
.rt {display: block;float: right;}
.clearfix:after {content: "";display: block;height: 0;width: 100%;clear: both;}
.banner-container {text-align: center;position: relative;z-index: 0;}
.m28 {margin: 10px 0;}
.bt {border-top: 1px solid #ebebeb;padding-top: 36px;}
/* header */
/* gotop */

.gotop {width: 48px;height: 48px;line-height: 48px;background-color: #df0c24;border-radius: 50%;font-size: 20px;display: none;position: fixed;bottom: 50px;right: 12px;cursor: pointer;z-index: 999;text-align: center;color: #fff;transition: .3s ease all;opacity: 1;}
.gotop:hover {opacity: 0.7;}
/* #header {margin-bottom: 30px;} */
#header {margin-bottom: 10px;z-index: 9;position: relative;}
.header-top {height: 28px;line-height: 28px;}
.d-flex {display: flex;column-gap: 8px;}
.header-info {position: relative;}
.header-info span {font-size: 12px;}
.ico-line {width: 1px;height: 28px;padding: 4px 0;border-left: 1px solid #e1e1e1;}
.ico-nav {width: 25px;height: 28px;background: url(../images/pc/ico-nav.png) 0 center no-repeat;cursor: pointer;}
.ico-calendar {background: url(../images/pc/ico-calendar.png) 0 center no-repeat;padding-left: 24px;}
.ico-phone {background: url(../images/pc/ico-phone.png) 0 center no-repeat;padding-left: 23px;}
.ico-mail {background: url(../images/pc/ico-mail.png) 0 center no-repeat;padding-left: 25px;}
.ico-bell{background: url(../images/pc/ico-bell.png) center center no-repeat;width: 28px;height: 28px;}
.ico-search{background: url(../images/pc/ico-search.png) right center no-repeat;width: 28px;height: 28px;cursor: pointer;text-align: right;}
.ico-bell:hover {-webkit-animation: ring 4s .7s ease-in-out infinite;-webkit-transform-origin: 50% 4px;-moz-animation: ring 4s .7s ease-in-out infinite;-moz-transform-origin: 50% 4px;animation: ring 4s .7s ease-in-out infinite;transform-origin: 50% 4px;}
@-webkit-keyframes ring {
	0% {-webkit-transform: rotateZ(0)}
	1% {-webkit-transform: rotateZ(30deg)}
	3% {-webkit-transform: rotateZ(-28deg)}
	5% {-webkit-transform: rotateZ(34deg)}
	7% {-webkit-transform: rotateZ(-32deg)}
	9% {-webkit-transform: rotateZ(30deg)}
	11% {-webkit-transform: rotateZ(-28deg)}
	13% {-webkit-transform: rotateZ(26deg)}
	15% {-webkit-transform: rotateZ(-24deg)}
	17% {-webkit-transform: rotateZ(22deg)}
	19% {-webkit-transform: rotateZ(-20deg)}
	21% {-webkit-transform: rotateZ(18deg)}
	23% {-webkit-transform: rotateZ(-16deg)}
	25% {-webkit-transform: rotateZ(14deg)}
	27% {-webkit-transform: rotateZ(-12deg)}
	29% {-webkit-transform: rotateZ(10deg)}
	31% {-webkit-transform: rotateZ(-8deg)}
	33% {-webkit-transform: rotateZ(6deg)}
	35% {-webkit-transform: rotateZ(-4deg)}
	37% {-webkit-transform: rotateZ(2deg)}
	39% {-webkit-transform: rotateZ(-1deg)}
	41% {-webkit-transform: rotateZ(1deg)}
	43% {-webkit-transform: rotateZ(0)}
	100% {-webkit-transform: rotateZ(0)}
}
@-moz-keyframes ring {
	0% {-moz-transform: rotate(0)}
	1% {-moz-transform: rotate(30deg)}
	3% {-moz-transform: rotate(-28deg)}
	5% {-moz-transform: rotate(34deg)}
	7% {-moz-transform: rotate(-32deg)}
	9% {-moz-transform: rotate(30deg)}
	11% {-moz-transform: rotate(-28deg)}
	13% {-moz-transform: rotate(26deg)}
	15% {-moz-transform: rotate(-24deg)}
	17% {-moz-transform: rotate(22deg)}
	19% {-moz-transform: rotate(-20deg)}
	21% {-moz-transform: rotate(18deg)}
	23% {-moz-transform: rotate(-16deg)}
	25% {-moz-transform: rotate(14deg)}
	27% {-moz-transform: rotate(-12deg)}
	29% {-moz-transform: rotate(10deg)}
	31% {-moz-transform: rotate(-8deg)}
	33% {-moz-transform: rotate(6deg)}
	35% {-moz-transform: rotate(-4deg)}
	37% {-moz-transform: rotate(2deg)}
	39% {-moz-transform: rotate(-1deg)}
	41% {-moz-transform: rotate(1deg)}
	43% {-moz-transform: rotate(0)}
	100% {-moz-transform: rotate(0)}
}
@keyframes ring {
	0% {transform: rotate(0)}
	1% {transform: rotate(30deg)}
	3% {transform: rotate(-28deg)}
	5% {transform: rotate(34deg)}
	7% {transform: rotate(-32deg)}
	9% {transform: rotate(30deg)}
	11% {transform: rotate(-28deg)}
	13% {transform: rotate(26deg)}
	15% {transform: rotate(-24deg)}
	17% {transform: rotate(22deg)}
	19% {transform: rotate(-20deg)}
	21% {transform: rotate(18deg)}
	23% {transform: rotate(-16deg)}
	25% {transform: rotate(14deg)}
	27% {transform: rotate(-12deg)}
	29% {transform: rotate(10deg)}
	31% {transform: rotate(-8deg)}
	33% {transform: rotate(6deg)}
	35% {transform: rotate(-4deg)}
	37% {transform: rotate(2deg)}
	39% {transform: rotate(-1deg)}
	41% {transform: rotate(1deg)}
	43% {transform: rotate(0)}
	100% {transform: rotate(0)}
}
/* .ico-close {cursor: pointer;}
.ico-close::before {content: '\D7';font-size: 32px;line-height: 28px;display: block;}
.bx-search {display: none;position: absolute;right: 28px;top: 0;padding: 3px;background-color: #41318a;border-radius: 3px;z-index: 9;}
.bx-search.show {display: block;} */
/* search */
/* #frmSearch {display: block;width: 240px;height: 28px;overflow: hidden;border-radius: 3px;background-color: #fff;}
#frmSearch input[type="text"] {height: 100%;float: left;border: 0;width: calc(100% - 28px);width: calc(100% - 28px);padding: 0 15px;background-color: transparent;}
#frmSearch button[type="submit"] {width: 28px;height: 100%;line-height: 100%;background: url(../images/pc/ico-search.png) center center no-repeat;border: 0;cursor: pointer;outline: none;float: right;background-color: #ebebeb;} */


#frmSearch {display: block;width: 240px;height: 36px;overflow: hidden;border-radius: 3px;background-color: #fff;border: 1px solid #ebebeb;}
#frmSearch input[type="text"] {height: 100%;float: right;border: 0;width: calc(100% - 28px);width: calc(100% - 36px);padding: 0 15px 0 0;background-color: transparent;}
#frmSearch button[type="submit"] {width: 36px;height: 100%;line-height: 100%;background: url(../images/pc/ico-search.png) center center no-repeat;border: 0;cursor: pointer;outline: none;float: left;background-color: transparent;} 
.header-extension {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-middle {
    position: relative;
    height: 90px;
}
.header-middle .siteCenter {
	display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
/* logotet-2025 */
/* #header .header-logo {position: absolute;left: 50%;transform: translateX(-50%);top: -25px;z-index: 1;width: 395px;}
.header-logo {text-align: center;}
#header .header-logo img {width: 100%;} */

#header .header-logo {position: absolute;left: 50%;transform: translateX(-50%);top: -18px;z-index: 1;width: 250px;}
.header-logo {text-align: center;}
/* .header-logo {text-align: center;padding: 10px 0 10px;} */
/* #header .header-logo {margin-top: -30px;} */
.site-slogan {display: block;font-size: 9.5px;clear: both;color: #666;margin-top: 4px;text-transform: uppercase;text-align: center;font-family: 'Intel-Regular', sans-serif;font-weight: 400;}
/* header-menu */
.header-mega-menu {height: 100vh;overflow: scroll;display: none;background-color: #fff;}
.webpage {overflow: visible;}
.overflow-body {overflow: hidden;}
.show-mega-menu {position: fixed;top: 0;left: 0;width: 100%;z-index: 99999;display: block;}
.ico-close {cursor: pointer;display: inline-block;}
.ico-close::before {content: '\D7';font-size: 28px;display: inline-block;vertical-align: -3px;padding-right: 5px;}
.layout-grid-menu {display: grid;grid-template-columns: auto 239px;grid-column-gap: 16px;}
.mega-menu-right {width: 239px;padding-left: 16px;border-left: 1px solid #ebebeb;margin-left: 16px;}
.mega-menu-item {width: calc((100% - 3*24px)/4);margin-top: 18px;margin-left: 24px;float: left;}
a.mega-link {margin-bottom: 12px;display: inline-block;font-family: 'Merriweather-Bold';font-style: normal;font-weight: 700;font-size: 14px;line-height: 20px;color: #292929;border-bottom: 1px solid #ed1c24;clear: both;}
a.mega-link-sub {font-weight: 400;font-size: 13px;line-height: 18px;color: #454545;display: block;margin-bottom: 12px;}
.mega-menu-item:nth-child(4n+1) {margin-left: 0;clear: both;}
.mega-menu-item a:hover {color: #ed1c24;}
#nav {border-top: 1px solid #df0c24;border-bottom: 1px solid #e1e1e1;background-color: #fff;position: relative;height: 42px;line-height: 42px;}
#nav::after {content: "";display: block;border-bottom: 1px solid #e1e1e1;}
.item-menu {float: left;padding: 0 4.5px;text-transform: uppercase;font-family: 'Inter-Medium', sans-serif;font-size: 11px;position: relative;}
.sub-menu {display: none;}
.ico-homepage {padding-left: 0;}
.ico-homepage a{background: url(../images/pc/ico-home.png) 0 center no-repeat;width: 22px;height: 42px;display: block;}
.ico-ellipsis {float: right;padding-right: 0;}
.ico-ellipsis span{background: url(../images/pc/ico-ellipsis.png) 0 center no-repeat;width: 16px;height: 42px;display: block;cursor: pointer;}
.sub-menu {background-color: #ebebeb;position: absolute;z-index: 99999;top: calc(100% - 3px);left: 0;min-width: 225px;transition: .2s ease all;}
.item-menu:hover .sub-menu {display: block;}
.sub-item {padding: 8px;border-top: 1px solid #fff;transition: .3s ease;line-height: 1.3;text-transform: none;font-size: 14px;color: #000;}
.sub-item::before {content: '';font-family: 'Font Awesome 6 Free';font-weight: 900;padding-right: 0;transition: .3s ease all;}
sub-item.active::before,
.sub-item:hover::before {content: '\f105';padding-right: 10px;}
.ico-ellipsis:hover .sub-menu {left: unset;right: 0;}
/* main-menu-special */
.main-menu-special {
    /* position: absolute; 
	z-index: 9999;
    height: calc(100vh - 40px);
	top: 100%;
    display: none; */
    width: 100%;
    background: #fafafa;
	margin-top: 2px;
}
.navigation {
    /* max-height: calc(100vh - 42px);
    height: 100%;
    overflow-y: scroll; */
    display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
	padding: 10px 0;
}
.navigation::-webkit-scrollbar {
    width: 4px;
}

.navigation::-webkit-scrollbar-track {
    background: transparent;
}

.navigation::-webkit-scrollbar-thumb {
    background: #d7d7d7;
}

.navigation::-webkit-scrollbar-thumb:hover {
    background: transparent;
}
.main-menu-item {
    width: 20%;
    padding: 12px;
	line-height: 28px;
	position: relative;
}
.main-menu-item::before {
    content: '';
    position: absolute;
    height: 1px;
    left: 12px;
    right: 12px;
    top: 0;
    background-color: #ebebeb;
}
.main-menu-item:nth-child(-n+5)::before {content: unset;}
.main-menu-item:nth-child(5n+1) {
    clear: both;
}

.navigation-link-sub {
    font-size: 14px;
	font-family: 'Intel-Regular', sans-serif;
	font-weight: 400;
	display: block;
	width: 100%;
}

.navigation-link {
    font-weight: 700;
	font-family: 'Inter-Bold', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	width: 100%;
}
.show-menu {
	display: block;
}
.hide-header-menu {height: 0;line-height: 0;}
.hide-nav {display: none;}
#nav.fixed-top {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;box-shadow: 0px 1px 10px #ebebeb;height: 42px;line-height: 42px;}
#nav.fixed-top::after {content: unset;}
.fixed-top .main-menu {display: block;}
/* main */
.pc-home #main>.body-main>.siteCenter {
    position: relative;
}
#skyLeft{
    position: absolute;
    right: 50%;
    top: 0px;
    margin-right: 645px;
    width: 160px;
}
#skyRight {
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: 645px;
    width: 160px;
}
#skyLeft.sticky-sky, #skyRight.sticky-sky {
    position: fixed!important;
    top: 52px!important;
	z-index: 999;
}
#skyLeft.hide,#skyRight.hide {display: none;}
.article-image{position: relative;display: block;overflow: hidden;margin-bottom: 10px;}
.article-image::before{padding-top: 64.22%;content: '';display: block;}
.article-image img{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;min-height: 100%;object-fit: cover;}
.article-cat {font-size: 12px;color: #ed1c24;text-transform: uppercase;}
.article-subcat + .article-publish::before,
.article-cat + .article-publish::before {content: '-';padding-right: 4px;}
.article-subcat {font-size: 12px;color: #6d6d6d;text-transform: uppercase;margin-bottom: 8px;display: block;}
.article-submeta {display: block;margin-top: 8px;}
.article-submeta .article-subcat {display: inline-block;margin-bottom: 0;}
.article-title {font-family: "Inter-Bold", sans-serif;font-size: 14px;line-height: 1.7;font-weight: 700;color: #000;transition: 0.25s ease;}
.article-desc {color: #666;font-size: 15px;line-height: 1.5;margin-top: 8px;}
/* text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; */
.cat-title {margin-bottom: 15px;position: relative;display: flex;justify-content: space-between;align-items: baseline;}
/* .cat-name{background: url(../images/pc/ico-slash.png) 0 center no-repeat;padding-left: 25px;} */
.cat-link {text-transform: uppercase;font-family: 'Inter-Bold', sans-serif;font-size: 24px;color: #333;white-space: nowrap;}
.cat-link[title="Chuyển đổi số"] {position: relative;padding-left: 40px;}
.cat-link[title="Chuyển đổi số"]::before {background: url(../images/pc/ico-digital.png) 0 0px no-repeat;background-size: contain;padding-left: 35px;content: '';position: absolute;left: 0;bottom: 0;width: 35px;height: 35px;}
.cat-sub {display: flex;white-space: nowrap;column-gap: 20px;}
.cat-item {display: inline-block;}
.cat-red {padding-right: 253px;}
.cat-red::after {content: '';background: url(../images/pc/dot-cat.png) 0 0 no-repeat;position: absolute;right: 0;bottom: 8px;width: 253px;height: 7px;}
.cat-gray {padding-right: 981px;margin-bottom: 0;}
.cat-gray::after {content: '';background: url(../images/pc/dot-cat-981.png) 0 0 no-repeat;position: absolute;right: 0;bottom: 8px;width: 981px;height: 7px;}
.l-flex {display: flex;row-gap: 36px;flex-direction: column;}
.bx-grid-body {display: grid;grid-template-columns: auto 300px;grid-column-gap: 36px;}
.bx-coverange .article {width: 248px;float: left;}
.bx-coverange .article:first-child {width: 560px;float: right;margin-left: 36px;}
.bx-coverange .article:nth-child(n+3) {padding-top: 25px;margin-top: 25px;border-top: 1px solid #ebebeb;}
.bx-coverange .article:not(:first-child) .article-meta, .bx-coverange .article:not(:first-child) .article-desc {display: none;}
.bx-coverange .article-title {font-size: 18px;line-height: 1.5;}
.bx-coverange .article:first-child .article-title {font-size: 30px;line-height: 1.25;margin-bottom: 8px;}

.bx-hot .article {width: 100%;display: block;float: left;margin-top: 25px;padding-top: 25px;border-top: 1px solid #ebebeb;}
.bx-hot .article:first-child{margin-top: 0;padding-top: 0;border-top: 0;}
.bx-hot .article-image {width: 108px;margin-right: 20px;float: left;margin-bottom: 0;}
.bx-hot .article-title {font-family: "Inter-Regular", sans-serif;font-size: 15px;line-height: 1.5;font-weight: 400;margin-left: 128px;}
/* bx-news-slider */
.bx-news-slider .article {float: left;width: 304px;padding: 0 18px;}
.bx-news-slider {overflow: hidden;position: relative;}
.bx-news-slider .article-title {font-size: 18px;line-height: 1.5;white-space: normal;}
.slick-news {margin: 0 -18px;white-space: nowrap;width: max-content;}
.slick-news.slick-slider {width: auto;}
.news-arrow {width: 48px;height: 48px;border-radius: 50%;background: url(../images/pc/ico-multi-arrow.png) center center no-repeat;background-color: rgba(255, 255, 255, 0.4);position: absolute;top: 68px;z-index: 1;cursor: pointer;}
.news-prev {left: 10px;}
.news-next {right: 10px;transform: rotate(180deg);}
.bx-news-slider:hover .news-arrow {background-color: rgba(255, 255, 255, 0.6);}
.bx-news .article {margin-left: 36px;width: 268px;float: left;margin-top: 30px;}
.bx-news .article:nth-child(4n+1) {margin-left: 0;clear: both;}
.bx-news .article:nth-child(-n+4) {margin-top: 0;}
.bx-news .article-title {font-size: 18px;line-height: 1.5;}
.bx-news .article-cat, .bx-news .article-desc {display: none;}
.bx-events {background-color: #faf1e2;padding: 15px 36px;margin: 0 -36px;border-radius: 10px;padding-bottom: 0;}
.bx-events .slick-dotted.slick-events {overflow: hidden;margin: 0 -18px;padding-bottom: 40px;position: relative;margin-bottom: 24px;}
.bx-events .article {float: left;margin: 0 18px;position: relative;}
.slick-events .article-image {border-radius: 18px;margin-bottom: 0;}
.slick-events .article-image::before {padding-top: 156%;}
.slick-events .mark {display: block;position: absolute;z-index: 1;width: 100%;height: 75%;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);}
.bx-events .article::after {content: '';background: url(../images/pc/i-mark.png) 0 0 no-repeat;position: absolute;top: 100%;background-size: cover;width: 100%;height: 40px;}
.bx-events .article-title {position: absolute;top: 60%;left: 0;right: 0;z-index: 1;color: #fff;font-size: 20px;line-height: 1.4;padding: 0 36px;text-align: center;}
.bx-events .article-link {position: relative;padding-top: 15px;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 4;display: -webkit-box;overflow: hidden;}
.bx-events .article-link::before {content: '';width: 98px;height: 1px;background-color: #ed1c24; display: block;position: absolute;top:0;left: 50%;transform: translateX(-50%);}
.bx-events .slick-dots {bottom: 0;}
.bx-events .slick-dots li {width: 13px;height: 13px;margin: 0 4px;padding: 0;}
.bx-events .slick-dots li button {width: 13px;height: 13px;background-color: #ebebeb;border-radius: 50%;border: 1px solid #afafae;}
.bx-events .slick-dots li button:before {content: unset;}
.bx-events .slick-dots li.slick-active button {background-color: #ed1c24;border: 1px solid #e31124;}
.bx-events .slick-arrow{width: 56px;height: 56px;z-index: 1;top: calc(50% - 20px);}
.bx-events .slick-arrow:before {content: '';width: 100%;height: 100%;display: block;opacity: 1;transition: .3s ease;background: url(../images/pc/ico-arrow-right.png) 0 0 no-repeat;}
.bx-events .slick-arrow:hover:before {opacity: .75;} 
.bx-events .slick-prev{left: 25px;}
.bx-events .slick-next{right: 25px;}
.bx-events .slick-prev:before {transform: scaleX(-1);}
.bx-list .article:first-child {padding-top: 0;margin-top: 0;border-top: 0;}
.bx-list .article {width: 100%;margin-top: 15px;padding-top: 15px;border-top: 1px solid #ebebeb;float: left;}
.bx-list .article-image {width: 285px;float: left;margin-right: 36px;margin-bottom: 0;}
.bx-list .article-title {font-size: 24px;line-height: 1.4;margin-bottom: 8px;}
.bx-connect .cat-red {padding-right: 136px;}
.bx-connect .cat-red::after {width: 136px;background: url(../images/pc/dot-cat-right.png) 0 0 no-repeat;bottom: 5px;}
.bx-connect .cat-link {font-size: 18px;color: #df0c23;}
.tab-button {text-transform: uppercase;font-family: 'Inter-Bold', sans-serif;font-size: 18px;color: #575757;cursor: pointer;padding-left: 22px;margin-left: 12px;position: relative;}
.tab-button.active {color: #df0c23;}
.widget-name span:first-child {padding-left: 0;margin-left: 0;}
.widget-name span:not(:first-child)::before {content: '';width: 4px;height: 15px;background-color: #d7d7d7;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.widget-name {display: inline-block;background-color: #fff;padding-right: 20px;}
.widget-title {display: block;position: relative;margin-bottom: 20px;}
.widget-title::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 6px;background: #ebebeb;z-index: -1;}
.d-flex-right {display: flex;flex-direction: column; row-gap: 25px;}
.subcat-more {position: relative;margin-right: 10px;}
.ico-cat-sub {position: absolute;top: 50%;transform:translateY(-50%);right: 0;display: block;width: 20px;height: 20px;background: url(../images/pc/ico-cat-sub.png) center center no-repeat;cursor: pointer;margin-right: 5px;}
.cat-sub-item {position: absolute;top:100%;right: 0;z-index: 2;background-color: #fff;box-shadow: 0px 0px 2px #666;display: none;width: 162px;}
.cat-sub-item .cat-item {width: 100%;float: left;clear: both;text-align: right;border-top: 1px dotted #e0e0e0;padding: 5px 10px;font-size: 13px;white-space: normal;}
.cat-sub-item .cat-item:first-child{border-top: 0;}
.cat-sub-list:hover .cat-sub-item{display: block;}
/* widget weather */
.weather-item {display: none;color: #fff;}
.city.active, .weather-item.active {display: block;}
.widget-weather {border-radius: 10px;padding: 10px 30px 0px;position: relative;background: url(../images/pc/bg-weather.png) center center no-repeat;background-size: cover;}
/* .widget-weather::after {content: '';background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;} */
.weather-content {position: relative;z-index: 99;}
.weather-down {color: #fff;font-size: 20px;position: absolute;right: 0;top: 0;width: 25px;height: 25px;display: block;text-align: center;z-index: 999;cursor: pointer;}
.weather-heading {
	position: relative;
	width: 25px;
	height: 25px;
	float: right;
}
.weather-heading:hover .weather-city {display: block;}
.weather-city {
	position: absolute;
	display: none;
	top: 24px;
	right: 0px;
	background-color: #ebebeb;
	border-radius: 5px;
	width: 135px;
	text-align: right;
	z-index: 9999;
	max-height: 200px;
    overflow-y: scroll;
}

.weather-city::-webkit-scrollbar {
    width: 8px;
}

.weather-city::-webkit-scrollbar-track {
    background: transparent;
}

.weather-city::-webkit-scrollbar-thumb {
    border-radius: 10px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #f00;
}

.city {margin: 5px 10px;cursor: pointer;}

.w-city {
	font-size: 22px;
	font-family: 'Inter-Bold', sans-serif;
	font-weight: 700;
}

.w-info {
	display: flex;
	/* gap: 20px; */
	align-items: center;
	margin-top: -20px;
}

.w-info img {
	width: 100px;
	height: auto;
}

.w-info h3 {
	font-size: 28px;
	font-family: 'Inter-Bold', sans-serif;
	line-height: 1.3;
}
.w-desc {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	padding: 6px 20px;
	text-transform: uppercase;
	line-height: 1.4;
	margin-bottom: 0px;
	margin-top: -10px;
}
.w-forecast {
    overflow-x: scroll;
    white-space: nowrap;
    padding: 15px 10px 0;
}
.w-forecast::-webkit-scrollbar {
    height: 7px;
}

.w-forecast::-webkit-scrollbar-track {
    background: transparent;
}

.w-forecast::-webkit-scrollbar-thumb {
    border-radius: 15px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #f00;
}

.weather-sub {
    display: inline-block;
    text-align: center;
    margin-right: 20px;
}
.day-time {
    font-family: 'Inter-Bold', sans-serif;
    font-size: 12px;
    font-weight: 700;
}
.js-widget-slide {overflow: visible;}
.js-widget-slide .swiper-button-prev, .js-widget-slide .swiper-button-next {
	left: unset;
	right: 0;
	position: absolute;
    top: -20px;
    width: 30px;
    height: 30px;
    color: #2b479c;
    border: 1px solid #2b479c;
    border-radius: 3px;
}
.js-widget-slide .swiper-button-prev {
    right: 35px;
}
.js-widget-slide .swiper-button-next:after, .js-widget-slide .swiper-button-prev:after {font-size: 18px;}
/* bx-cat-cover */
.bx-cat-cover .article {float: left;width: calc((100% - 2*36px) / 3);margin-left: 36px;}
.bx-cat-cover .article:nth-child(2) {margin-left: 0;}
.bx-cat-cover .article:first-child {margin-left: 0;width: 100%;margin-bottom: 32px;}
.bx-cat-cover .article:first-child .article-image {width: 551px;float: right;margin-left: 36px;margin-bottom: 0;}
.bx-cat-cover .article-title, .bx-cat-more .article:first-child .article-title {font-size: 16px;line-height: 1.5;}
.bx-cat-cover .article:not(:first-child) .article-desc, .bx-cat-more  .article-desc,
.bx-cat-cover .article:not(:first-child) .article-cat, .bx-cat-more .article-cat {display: none;}
.bx-cat-cover .article:first-child .article-title {font-size: 24px;line-height: 1.25;margin-bottom: 8px;}
.bx-cat-more .article:not(:first-child) {padding-top: 15px;margin-top: 15px;border-top: 1px solid #ebebeb;}
.bx-cat-more .article:not(:first-child) .article-image {display: none;}
.bx-cat-more .article:not(:first-child) .article-title {font-family: 'Inter-Regular', sans-serif;font-weight: 400;font-size: 15px;}
/* bx-cat-one */
.bx-cat-one .article {width: 269px;float: left;margin-left: 36px;}
.bx-cat-one .article:nth-child(-n+3) {margin-bottom: 30px;}
.bx-cat-one .article:first-child {width: 570px;margin-left: 0;margin-bottom: 0;}
.bx-cat-one .article-title {font-size: 16px;line-height: 1.5;}
.bx-cat-one .article:first-child .article-title {font-size: 30px;line-height: 1.25;margin-bottom: 8px;}
.bx-cat-one .article:not(:first-child) .article-desc,
.bx-cat-one .article:not(:first-child) .article-cat {display: none;}
/* bx-multimedia */
.body-multi {background-color: #0c78be;padding: 28px 0 40px;}
.multi-title {display: flex;align-items: baseline;justify-content: flex-start;column-gap: 10px;}
.multi-info {display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 25px;}
.multi-name {font-size: 32px;color: #fff;text-transform: uppercase;font-family: "Inter-Bold", sans-serif;font-weight: 700;}
.multi-name::after {content: '';width: 93px;height: 1px;background-color: #f00;display: block;margin-top: 6px;}
.link-sub-multi {margin-left: 20px;color: #fff;text-transform: uppercase;}

.link-sub-multi {margin-right: 16px;margin-left: 0;cursor: pointer;}
.link-sub-multi.active {color: #f00;}
.tab-multi-content {display: none;}
.tab-multi-content.active {display: block;}
.tab-multi-content .article-title {color: #fff;}
.tab-multi-content .article-desc {color: #fff;display: none;}
.tab-video-cover{width: 570px;float: left;margin-right: 36px;}
.tab-video-cover .article-title {font-size: 24px;line-height: 1.4;}
.tab-video-content{width: 574px;float: right;max-height: 405px;overflow-y: scroll;padding-right: 10px;}
.tab-video-content::-webkit-scrollbar {width: 7px;}
.tab-video-content::-webkit-scrollbar-track {background: transparent;}
.tab-video-content::-webkit-scrollbar-thumb {border-radius: 15px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color: #ddd;}
.tab-video-content .article {width: 100%;float: left;margin-top: 10px;padding-top: 10px;border-top: 1px solid #ddd;}
.tab-video-content .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.tab-video-content .article-image {width: 128px;float: left;margin-right: 15px;margin-bottom: 0;}
.tab-video-content .article-title {font-size: 16px;}
.link-sub-multi[title="Ảnh"] {padding-left: 22px;background: url(../images/pc/ico-image.png) 0 center no-repeat}
.link-sub-multi[title="Video"] {padding-left: 30px;background: url(../images/pc/ico-video.png) 0 center no-repeat}
.link-sub-multi[title="Emagazine"] {padding-left: 24px;background: url(../images/pc/ico-emag.png) 0 center no-repeat}
.link-sub-multi[title="Infographic"] {padding-left: 25px;background: url(../images/pc/ico-info.png) 0 center no-repeat}
.link-sub-multi[title="Podcast"] {padding-left: 25px;background: url(../images/pc/ico-podcast.png) 0 center no-repeat;background-size: contain;}
.hna-social-button {color: #fff;font-size: 14px;display: flex;align-items: center;border: 1px solid #fff;border-radius: 10px;padding: 9px 10px;}
.ico-social {display: inline-block;margin-left: 16px;}
.ico-youtube {background: url(../images/pc/logo-youtube.png) 0 center no-repeat;width: 72px;height: 22px;margin-left: 10px;}
.ico-tiktok {background: url(../images/pc/logo-tiktok.png) 0 center no-repeat;width: 76px;height: 22px;}
.ico-instagram {background: url(../images/pc/logo-instagram.png) 0 center no-repeat;width: 79px;height: 22px;}
.bx-multi-cover .article {width: 570px;margin-left: 40px;float: left;margin-bottom: 30px;}
.bx-multi-cover .article:first-child {margin-left: 0;clear: both;}
.bx-multi-cover .article-title {font-family: 'Inter-Bold', sans-serif;font-weight: 700;font-size: 24px;line-height: 1.5;color: #fff;}
/* 
.bx-multi-slider {overflow: hidden;}
.multi-container {margin: 0 -16px;position: relative;}
.bx-multi-slider .article {float: left;margin-bottom: 30px;padding: 0 16px;}
.bx-multi-slider .article-title {font-size: 15px;font-family: 'Inter-Regular', sans-serif;font-weight: 400;line-height: 1.5;color: #fff;}
 */

.view-more {clear: both;display: block;float: left;margin-top: 30px;width: 100%;}
.link-more {color: #fff;text-align: center;width: 180px;height: 47px;border-radius: 47px;background-color: #f1af11;display: block;line-height: 47px;margin: 0 auto;text-transform: uppercase;position: relative;}
.link-more::after {content: '';background: url(../images/pc/ico-more.png) center center no-repeat;width: 100%;height: 20px;display: block;text-align: center;margin-top: 10px;animation: arrow-down 0.75s ease infinite;opacity: 0.7;}

@keyframes arrow-down {
    0% {opacity: 0.7;transform: translateY(0)}
    100% {opacity: 0.3;transform: translateY(8px)}
}
.bx-region {margin: 0 -25px;padding: 30px 25px;background-color: #f8f6e8;border-radius: 25px;}
.bx-region .cat-red::after {background: url(../images/pc/dot-cat-red.png) 0 0 no-repeat;bottom: 12px;width: 773px;}
.bx-region-content{background: url(../images/pc/ico-dot.png) top 0 left 608px repeat-y;margin-bottom: 30px;}
/* .bx-region .region-left > a:nth-child(n+15), .bx-region .region-right > a:nth-child(n+15) {
	display: none;
} */
.bx-region-cover {width: 570px;margin-right: 36px;}
.bx-region-cover .article-title {font-size: 28px;line-height: 1.25;}
.bx-list-region {width: 572px;position: relative;padding-bottom: 12px;}
.bx-region-home > div {width: 50%;float: left;}
.bx-region-home + .link-more::after {content: unset;}
.bx-list-region::before {content: '';background: url(../images/pc/bg-map-final.PNG) center center no-repeat;background-size: cover;width: 100%;height: 100%;opacity: 0.1;position: absolute;left: 0;top: 0;}
.bx-list-region a:not(.link-more) {float: left;position: relative;color: #333;padding-left: 80px;padding-right: 50px;background: url(../images/pc/ico-region.png) top 7px left 40px no-repeat;line-height: 30px;font-family: 'Inter-Bold', sans-serif;font-weight: 700;width: 100%;}
.bx-region-cover .article-desc {display: none;}
.bx-region-cate {display: flex;justify-content: space-evenly;align-items: flex-start;flex-wrap: wrap;}
.bx-region-cate a:not(.link-more) {display: block;float: none;padding-left: 65px;padding-right: 0;background-position: center left 30px;font-size: 16px;}

/* bx-cat-two */
.bx-group {background: url(../images/pc/ico-dot.png) top left 422px repeat-y;display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row;flex-wrap: wrap;position: relative;}
.bx-grid-body .bx-group:first-child {border-top: 0;padding-top: 0;}
.bx-group::before {content:'';position: absolute;width: 1px;height: 55px;background-color: #fff;left: 422px;top: 0;z-index: 1;
}
.bx-cat-two {width: 386px;}
.bx-cat-two .ico-cat-sub {margin-right: 0;width: 30px;height: 30px;background-position: center right;}
.bx-cat-two .article:first-child .article-title {font-size: 22px;line-height: 1.4;margin-bottom: 8px;}
.bx-cat-two .article:not(:first-child) {padding-top: 20px;margin-top: 20px;border-top: 1px solid #ebebeb;}
.bx-cat-two .article-title {font-size: 16px;line-height: 1.5;}
.bx-cat-two .article:not(:first-child) .article-image,
.bx-cat-two .article:not(:first-child) .article-desc,
.bx-cat-two .article:not(:first-child) .article-cat
 {display: none;}
 .bx-printer .article-image {margin-bottom: 0;}
.bx-printer .article-image::before {padding-top: 144.67%;}

.bx-print-title {margin-bottom: 24px;position: relative;}
.bx-print-title::after {content: '';position: absolute;right: 0;bottom: 8px;width: 100%;height: 1px;background: #ebebeb;z-index: -1;}
.bx-print-name {background: url(../images/pc/ico-printer.png) 0 center no-repeat;padding-left: 25px;display: inline-block;background-color: #fff;padding-right: 12px;}
.bx-print-link {text-transform: uppercase;font-family: 'Inter-Bold', sans-serif;font-size: 24px;color: #333;white-space: nowrap;}
.banner-item {margin-top: 3px;}
/* bx-printer */
.bx-printer .article {border: 1px solid #ebebeb;}
#paperSelect {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 180px;
	height: 25px;
	border-color: #999;
  }
  
/* bx-edu */
.bx-edu {background-color: #41318a;margin: 0 -25px;padding: 36px 25px;color: #fff;border-radius: 25px;}
.bx-edu .bx-grid-body {background: url(../images/pc/ico-dot-purple.png) top left 845px repeat-y;}
.bx-cat-edu {position: relative;padding-right: 32px;}
.cat-edu-title {margin-bottom: 15px;}
.cat-edu-name {position: absolute;left: 0;top: -12px;z-index: 1;}
.cat-edu-sub a {font-size: 14px;color: #fff;text-transform: uppercase;margin: 14px 0;margin-left: 28px;float: left;}
.bx-cat-edu .article {width: calc((100% - 2*32px) / 3);float: left;margin-left: 32px;}
.bx-cat-edu .article:nth-child(3n+2) {margin-left: 0;clear: both;}
.bx-cat-edu .article:first-child {width: 100%;margin-bottom: 32px;margin-left: 0;}
.bx-cat-edu .article:first-child .article-image {width: 382px;margin-right: 32px;float: left;margin-bottom: 0;}

.bx-cat-edu .article-title {color: #fff;font-size: 16px;line-height: 1.5;}
.bx-cat-edu .article:first-child .article-title {font-size: 26px;line-height: 1.4;}
.bx-cat-edu .article-desc {color: #fff;display: block;}
.bx-cat-edu .article:not(:first-child) .article-desc {display: none;}

.sub-edu-name {font-size: 22px;color: #fff;text-transform: uppercase;font-family: "Inter-Bold", sans-serif;font-weight: 700;padding-bottom: 7px;position: relative;margin-bottom: 25px;margin-top: 8px;}
.sub-edu-name::after {content: '';width: 116px;height: 1px;background-color: #ed1c24;display: block;line-height: 40px;position: absolute;bottom: 0;left: 0;}
.bx-subcat-edu .article {width: 100%;float: left;margin-top: 20px;padding-top: 15px;border-top: 1px solid #5948a8;}
.bx-subcat-edu .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.bx-subcat-edu .article-image {display: none;}
.bx-subcat-edu .article:first-child .article-image {display: block;float: left;width: 138px;margin-right: 25px;margin-bottom: 0;}
.bx-subcat-edu .article-title {font-size: 16px;line-height: 1.5;color: #fff;}
.bx-subcat-edu .article:first-child .article-title {margin-left: 163px;}
.bx-cat-three .cat-content {background-color: #f7f6e0;padding: 15px;position: relative;}
.overflow-slider {overflow: hidden;}
.slider-cat {margin: 0 -10px;}
.slick-dotted.slick-slider {margin-bottom: 20px;}
.bx-cat-three .slick-slide {float: left;margin: 0 10px;}
/* .bx-cat-three .article:first-child .article-title {font-size: 18px;line-height: 1.56;margin-bottom: 8px;font-family: 'Inter-Bold', sans-serif;font-weight: 700;} */
.bx-cat-three .slick-slide div:not(:first-child) {margin-top: 15px;}
.bx-cat-three .article-title {font-size: 14px;font-family: 'Inter-Bold', sans-serif;font-weight: 700;}
.bx-cat-three .article-link {-moz-text-size-adjust: none;}
.bx-cat-three .article-desc,
.bx-cat-three .article-cat {display: none;}
.slider-cat .slick-dots {bottom: 10px;}
.slider-cat .slick-dots li{width: 6px;height: 6px;margin: 0 3px;}
.slider-cat .slick-dots li button{width: 6px;height: 6px;border-radius: 50%;}
.slider-cat .slick-dots li button:before{font-size: 6px;line-height: 6px;width: 6px;height: 6px;color: #ccc;opacity: 1;}
.slider-cat .slick-dots li.slick-active button:before{opacity: 1;color: #ed1c24;}

/* bx-life */
.body-life {background-color: #17b8ff;padding: 25px 0;}
/* .bx-life {background-color: #0c78be;;margin: 0 -25px;border-radius: 25px;} */
.life-title {display: flex;align-items: baseline;justify-content: space-between;column-gap: 10px;margin-bottom: 25px;}
/* .life-info {display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 25px;} */
.life-name {font-size: 32px;color: #fff;text-transform: uppercase;font-family: "Inter-Bold", sans-serif;font-weight: 700;}
.life-name::after {content: '';width: 93px;height: 1px;background-color: #f00;display: block;}
/* margin-top: 6px; */
.link-sub-life {margin-left: 20px;color: #fff;text-transform: uppercase;}
.life-sub .link-sub-life:nth-child(1),.link-sub-life[title="Du lịch"] {padding-left: 35px;background: url(../images/pc/ico-travel.png) 0 center no-repeat}
.life-sub .link-sub-life:nth-child(2),.link-sub-life[title="Ẩm thực"] {padding-left: 25px;background: url(../images/pc/ico-food.png) 0 center no-repeat}
.life-sub .link-sub-life:nth-child(3),.link-sub-life[title="Người Hà Nội"] {padding-left: 28px;background: url(../images/pc/ico-person.png) 0 center no-repeat}
.life-sub .link-sub-life:nth-child(4),.link-sub-life[title="Giao thông"] {padding-left: 33px;background: url(../images/pc/ico-traffic.png) 0 center no-repeat}
.bx-life .article {float: left;width: calc((100% - 4*32px) / 5);margin-left: 32px;margin-top: 32px;}
.bx-life .article:first-child {width: 100%;background-color: #fff;padding-right: 30px;margin-left: 0;margin-top: 0;}
.bx-life .article:nth-child(5n+2){margin-left: 0;clear: both;}
.bx-life .article:first-child .article-image{width: 590px;margin-right: 36px;float: left;margin-bottom: 0;}
.bx-life .article-title {font-size: 16px;line-height: 1.5;margin-bottom: 8px;font-family: "Inter-Regular", sans-serif;font-weight: 400;color: #fff;}
.bx-life .article:first-child .article-title {font-size: 30px;line-height: 1.35;margin-top: 30px;margin-bottom: 8px;font-family: "Inter-Bold", sans-serif;font-weight: 700;color: #000;}
.bx-life .article:first-child .article-desc {display: block;}
.bx-life .article:not(:first-child) .article-desc, .bx-life .article:not(:first-child) .article-cat {display: none;}

/* bx-most-read */
.bx-most-read {counter-reset: section;}
.bx-most-read .article{float: left;width: calc((100% - 2*52px) / 3);position: relative;padding-left: 45px;border-top: 1px solid #ebebeb;padding-top: 25px;margin-top: 25px;margin-left: 52px;}
.bx-most-read .article::before {content: counter(section) ".";counter-increment: section;position: absolute;top: 15px;left: 0;font-family: 
'Merriweather-Bold', sans-serif;font-weight: 700;font-size: 40px;}
/* .bx-most-read .article::after {content: '.';position: absolute;top: 15px;left: 25px;font-family: 'Merriweather-Bold', sans-serif;font-weight: 700;font-size: 40px;line-height: 52px;} */
.bx-most-read .article:nth-child(-n+3) {border-top: 0;margin-top: 0;}
.bx-most-read .article:nth-child(3n+1) {margin-left: 0;clear: both;}
.bx-most-read .article:nth-child(1) {order: 1;}
.bx-most-read .article:nth-child(4) {order: 2;}
.bx-most-read .article:nth-child(7) {order: 3;}
.bx-most-read .article:nth-child(2) {order: 4;}
.bx-most-read .article:nth-child(5) {order: 5;}
.bx-most-read .article:nth-child(8) {order: 6;}
.bx-most-read .article:nth-child(3) {order: 7;}
.bx-most-read .article:nth-child(6) {order: 8;}
.bx-most-read .article:nth-child(9) {order: 9;}
.bx-most-read .article-title {font-size: 16px;line-height: 1.5;}
.bx-agency {margin-bottom: 30px;}
.bx-agency .cat-content {background-color: #f7f7f7;padding-bottom: 20px;}
.banner-content {padding: 25px 55px;position: relative;}
.banner-agency {overflow: hidden;}
.banner-slick {margin: 0 -18px;}
.banner-agency .slick-dotted.slick-slider {margin-bottom: 0;}
.banner-slider {padding: 0 18px;float: left;}
.banner-pc-slider img,
.banner-slider img {width: 100%;height: auto;}
.banner-pc-slider {overflow: hidden;white-space: nowrap;}
.banner-slider-item {display: inline-block;text-align: center;white-space: nowrap;}
.ic-arrow {width: 48px;height: 48px;border-radius: 50%;background: url(../images/pc/ico-multi-arrow.png) center center no-repeat;background-color: rgba(149, 149, 149, 1);position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;cursor: pointer;}
.agency-prev {left: 31px;}
.agency-next {right: 31px;transform: rotate(180deg) translateY(50%);}
.banner-content:hover .ic-arrow {background-color: rgba(149, 149, 149, 0.8);}
.banner-agency .slick-dots {bottom: 0;}
.banner-agency .slick-dots li{width: 10px;height: 10px;margin: 0 3px;}
.banner-agency .slick-dots li button{width: 10px;height: 10px;}
.banner-agency .slick-dots li button:before{font-size: 10px;line-height: 10px;width: 10px;height: 10px;color: #ccc;opacity: 1;}
.banner-agency .slick-dots li.slick-active button:before{opacity: 1;color: #ed1c24;}
/* list.html */
.bx-breadcrumb {margin-top: 28px;position: relative;}
.bread-title-hidden {position: absolute;left: -9999px;top: auto;width: 0;height: 0;overflow: hidden;}
.bx-breadcrumb-name {margin-bottom: 30px;display: none;}
.bx-breadcrumb-name.active {display: block;}
.bx-breadcrumb-title {border-bottom: 1px solid #4487c6;font-size: 32px;line-height: 40px;font-family: 'Inter-Bold', sans-serif;padding: 5px 0;}
.breadcrumb-swiper .link-breadcrumb-sub {line-height: 45px;white-space: nowrap;width: initial;}
.bx-breadcrumb-sub, .bx-breadcrumb-sub-detail {position: relative;border-bottom: 1px solid #e1e1e1;}
.bx-breadcrumb-sub h1 {font-weight: 400;font-size: inherit;font-family: 'Inter-Regular', sans-serif;line-height: inherit;}
.breadcrumb-swiper {overflow: hidden;margin-right: 30px;width: calc(100% - 30px);}
.breadcrumb-swiper .swiper-button-next, .breadcrumb-swiper .swiper-button-prev {top: 0;margin-top: 0;width: 7px;height: 45px;left: unset;right: 10px;background: url(../images/pc/bre-arrow.png) 0 center no-repeat;z-index: 1;}
.breadcrumb-swiper .swiper-button-next {right: 0;transform: scaleX(-1);}
.breadcrumb-swiper .swiper-button-lock {display: block;}
.breadcrumb-swiper .swiper-button-prev:after, .breadcrumb-swiper .swiper-rtl .swiper-button-next:after,
.breadcrumb-swiper .swiper-button-next:after, .breadcrumb-swiper .swiper-rtl .swiper-button-prev:after {content: unset;}
.active-sub {color: #4487c6;}
/* bx-cat-news */
.bx-cat-news .article {width: 422px;float: left;padding-left: 36px;border-left: 1px solid #ebebeb;}
.bx-cat-news .article:nth-child(-n+3) {width: 248px;padding-left: 0;border-left: 0;margin-bottom: 25px;}
.bx-cat-news .article:first-child {width: 560px;margin-right: 36px;}
.bx-cat-news .article:nth-child(3) {border-top: 1px solid #ebebeb;padding-top: 28px;}
.bx-cat-news .article:nth-child(2n+4) {padding-left: 0;clear: both;padding-right: 36px;}
.bx-cat-news .article-image {width: 157px;margin-right: 22px;float: left;margin-bottom: 0;}
.bx-cat-news .article:nth-child(-n+3) .article-image {width: 100%;margin-right: 0;float: none;margin-bottom: 10px;}
.bx-cat-news .article-title {font-size: 16px;line-height: 1.5;}
.bx-cat-news .article:first-child .article-title {font-size: 32px;line-height: 1.25;margin-bottom: 8px;}
.bx-cat-news .article:not(:first-child) .article-desc,
.bx-cat-news .article:not(:first-child) .article-meta {display: none;}

/* bx-listing */
.bx-listing .article {width: 100%;margin-top: 36px;padding-top: 36px;border-top: 1px solid #ebebeb;float: left;}
.bx-listing .article-image {width: 380px;margin-right: 36px;margin-bottom: 0;float: left;}
.bx-listing .article-title {font-size: 22px;line-height: 1.6;}
/* .bx-listing .article-desc {display: none;} */
.bx-listing .article-relate-title {margin-left: 416px;position: relative;padding-left: 28px;font-size: 16px;line-height: 1.625;font-family: 'Inter-Regular', sans-serif;font-weight: 400;color: #666;margin-top: 8px;}
.bx-listing .article-relate-title::before {content: "";width: 5px;height: 5px;background-color: #acacac;border-radius: 50%;position: absolute;left: 14px;top: 10px;}
/* __MB_ARTICLE_PAGING */
.__MB_ARTICLE_PAGING{text-align: center;margin: 52px 0 24px;}
.__MB_ARTICLE_PAGING span, .__MB_ARTICLE_PAGING a {display: inline-block;text-align: center;background: #ebebeb;padding:12px 50px;border-radius: 25px;font-size: 16px;margin: 0 3px;}
.__MB_ARTICLE_PAGING span{background: #f8e6e6;}
.__MB_ARTICLE_PAGING a:hover {background: #f8e6e6;}
.__MB_ARTICLE_PAGING span:first-child {display: none;}
/* bx-subcat-item */
.subcat-name {text-align: center;}
.subcat-link {font-size: 18px;display: inline-block;font-family: 'Inter-Bold', sans-serif;text-transform: uppercase;border-bottom: 1px solid #6d00fe;margin-bottom: 22px;padding: 0 5px 8px;}
.bx-subcat-item .article:not(:first-child) {border-top: 1px solid #ebebeb;margin-top: 20px;padding-top: 20px;}
.bx-subcat-item .article:not(:first-child) .article-image {display: none;}
.bx-subcat-item .article-title {font-size: 16px;line-height: 1.625;font-family: 'Inter-Regular', sans-serif;font-weight: 400;}
.bx-subcat-item .article:first-child .article-title {font-family: 'Inter-Bold', sans-serif;font-weight: 700;}
/* detail */
.article-detail-video-top:empty {display: none;}
.bx-reader .subcat-link {margin-bottom: 12px;}
.bx-reader .article:first-child {margin-top: 0;border-top: 0;}
.article-detail-subtitle {font-size: 18px;margin-bottom: 5px;display: block;}
.article-detail-title {font-size: 36px;font-family: 'Merriweather-Bold', sans-serif;font-weight: 700;}
.article-detail-meta {margin-top: 10px;}
.article-detail-cat {font-size: 18px;color: #000;font-family: 'Inter-Bold', sans-serif;font-weight: 700;}
.article-detail-publish {font-size: 16px;color: #666;}
.article-detail-cat + .article-detail-publish::before {content: '-';padding-right: 4px;}
.article-detail-info {border-bottom: 1px solid #e2e2e2;margin-bottom: 15px;padding-bottom: 15px;}
.article-author-info {display: flex;align-items: center;height: 40px;}
.article-author-info .author-image{width: 40px;height:40px;overflow: hidden;border-radius: 50%;background: #f1f1f1;cursor: pointer;transition: 0.5s;}
.article-author-info .author-image img{min-height: 100%;object-fit: cover;min-width: 100%;}
.article-author-info .author-title{font-size: 14px;color: #0074bc;font-family: 'Inter-Bold', sans-serif;font-weight: 700;}
.article-author-info .author-email{font-size: 12px;color:#999;line-height: 1;display: none;}
.article-author-info > div:last-of-type{margin-left: 15px;}
.article-author-info .author-image:not(:first-child){margin-left: -15px;}
.article-author-info .author-image:nth-child(1){z-index: 3;}
.article-author-info .author-image:nth-child(2){z-index: 2;}
.article-author-info .author-image:nth-child(3){z-index: 1;}
.article-author-info .author-image:nth-child(4){z-index: 0;}
.article-author-info .author-link:not(:first-child)::before{content: '-';display: inline-block;margin: 0 5px;}
.article-author-info .author-image:hover{width: 60px;height: 60px;z-index: 5;}
/* radio-detail */
#radio-detail audio{width: 258px;height: 33px;border-radius: 3px;background: #ebebeb;outline:0;}
.ico-google-news {display: block;height: 33px;line-height: 33px;background: url(../images/pc/ico-google-news.png) top 10px right 10px no-repeat;color: #6f6f70;border-radius: 4px;padding: 0 98px 0 10px;font-size: 13px;background-color: #ebebeb;}
.post-mail {height: 20px;width: 26px;background: url(../images/pc/ico-mailto.png) center center no-repeat; float: left;background-color: #dadada;border-radius: 3px;margin: 0 10px 0 0;}
.post-print {height: 20px;width: 26px;background: url(../images/pc/ico-print.png) center center no-repeat; float: left;background-color: #dadada;border-radius: 3px;}
.article-detail-main{display: grid;grid-template-columns: 32px auto;grid-column-gap: 46px;margin-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #ebebeb;margin-bottom: 20px;}
.article-detail-button {position: sticky;position: -webkit-sticky;top: 50px;}
.change-font {width: 32px;overflow: hidden;border: 1px solid #dfe0e3;border-radius: 32px;margin: 0 auto;margin-bottom: 15px;padding: 3px;display: flex;flex-direction: column;align-items: center;}
.font {text-align: center;float: left;padding: 24px 0;color: #444;width: 32px;cursor: pointer;}
.change-font .ico-arrow{width: 24px;height: 24px;text-align: center;line-height: 24px;border-radius: 24px;border: 1px solid #ebebeb;cursor: pointer;}
.article-detail-social a {width: 32px;height: 32px;color: #565656;border: 1px solid #ccc;border-radius: 32px;display: block;line-height: 32px;text-align: center;font-size: 18px;margin-bottom: 10px;cursor: pointer;}
.article-detail-subtitle:empty, .article-detail-source:empty, .article-detail-author:empty {display: none;}
.article-detail-content {font-size: 16px;line-height: 1.5;}
.article-detail-desc{font-size: inherit;line-height: inherit;font-family: 'Inter-Bold', sans-serif;margin-bottom: 25px;}
.__MASTERCMS_CONTENT p{font-size: inherit;line-height: inherit;margin: 25px 0;}
.__MASTERCMS_CONTENT p:empty, .__MASTERCMS_CONTENT_MOBILE p:empty {display: none;}
.___widget_slideshow_article .gallery .bx-prev {left: 10px;background: url(../images/controls.png) no-repeat 0 -32px;}
.___widget_slideshow_article .gallery .bx-next {right: 10px;background: url(../images/controls.png) no-repeat -43px -32px;}
.___widget_slideshow_article .gallery .bx-prev:hover {background-position: 0 -32px;opacity: .7;}
.___widget_slideshow_article .gallery .bx-next:hover {background-position: -43px -32px;opacity: .7;}
.article-detail-authors strong:empty {display: none;}
.detail-content p.article-detail-authors {padding: 0;}
.bx-three-item .article {width: calc((100% - 2* 30px) / 3);float: left;margin-left: 30px;margin-bottom: 30px;}
.bx-three-item .article:nth-child(3n+1) {margin-left: 0;clear: both;}
.bx-three-item .article-title {font-size: 16px;font-family: 'Inter-Bold', sans-serif;line-height: 1.5;}
.article-tags {margin-bottom: 30px;}
.article-tags span {display: block;color: #000;font-size: 21px;padding-left: 32px;width: 105px;height: 30px;line-height: 30px;background: url(../images/pc/ico-tags.png) 0 center no-repeat;margin-bottom: 15px;}
.article-keyword a {background-color: #ebebeb;float: left;padding: 10px 25px;border-radius: 40px;font-size: 16px;margin-right: 4px;margin-bottom: 10px;}
.expand-btn {background-color: #ebebeb;float: left;padding: 10px;border-radius: 40px;font-size: 16px;margin-bottom: 10px;cursor: pointer;}
.article-keyword a.hidden-tag {display: none;}
.link-local {background: url(../images/pc/ico-region.png) 10px 10px no-repeat;padding: 10px 10px 10px 34px!important;background-size: 20px 19px;color: #eb362f;}
#user-comment {padding: 25px 28px;background-color: #eee;margin: 36px 0;}
#user-comment .bx-cat-head span {display: inline-block;text-indent: -9999px;}
#user-comment .bx-cat-title {display: block;margin-bottom: 20px;}
#user-comment .bx-cat-head {border-bottom: 1px solid #000;display:inline-block;padding-bottom: 10px;}
#user-comment .bx-cat-head::before {content: "Bình luận";font-family: "Intel-Regular", sans-serif;font-weight: 400;text-transform: unset;color: #4487c6;font-size: 16px;}
.comments-reply, .box-comment {padding-left: 65px;}
.box-comment {background: url(../images/pc/ico-user.png) 0 10px no-repeat;}
#user-comment .box-comment textarea {border: 0;border-radius: 5px;padding: 15px;}
#user-comment button {text-transform: uppercase;padding: 9px 15px;border-radius: 3px;}
.btnDislike > span, .btnLike > span {margin-right: 3px;}
/* region */
.bx-breadcrumb-region {margin-top: 36px;margin-bottom: 20px;}
.bx-region-title {font-family: 'Inter-Bold',sans-serif;font-size: 42px;position: relative;display: inline-block;padding-right: 20px;padding-left: 46px;}
.bx-region-title::before {content: '';position: absolute;background: url(../images/pc/ico-district.png) 0 bottom no-repeat;left: 0;bottom: 7px;width: 40px;height: 40px;}
.pc-lifestyle .bx-region-title::before {background-image: url(../images/pc/ico-saigon.png);}
.bx-region-title::after {content: '';width: 142px;height: 1px;background-color: #ed1c24;position: absolute;position: absolute;left: 100%;bottom: 13px;}
.bx-breadcrumb-region .bx-region-link {display: none;}
.bx-breadcrumb-region .bx-region-link.active {display: block;}
/*  */
.layout-region {background-image: url(../images/pc/bg-region.png);padding: 130px 0;margin-bottom: 36px;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.layout-region[style="background-image: url('');"] {background-image: url(../images/pc/nen-regions.jpg) !important;}
.pc-lifestyle .layout-region {background-image: url(../images/pc/dulich15.png);}
.layout-region::after {content: '';height: 130px;width: 100%;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);position: absolute;bottom: 0;left: 0;right: 0;}
.bx-region-head {background: rgb(67,51,140);background: linear-gradient(90deg, rgba(67,51,140,1) 0%, rgba(9,9,121,0.4) 50%, rgba(67,51,140,0) 100%);padding: 20px 36px;display: inline-block;border-radius: 20px;}
.detail-region-social a {background: #fff;color: rgb(67,51,140);text-align: center;}
.detail-region-heading {color: #fff;font-family: 'Inter-Bold', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 25px;border-bottom: 1px solid #fff;padding-bottom: 7px;display: block;}
.region-head-title {display: none;}
.region-head-title.active {display: block;}
.detail-region-name {color: #fff;font-family: 'Inter-Bold', sans-serif;font-weight: 700;font-size: 60px;padding-bottom: 7px;display: block;border-bottom: 1px dotted #fff;display: none;}
.pc-lifestyle .detail-region-name {font-size: 50px;}
.detail-region-name.active {display: block;}
.detail-region-social {color: #fff;margin-top: 18px;}
.bx-region-main .cat-content{padding: 25px 30px;background-color: rgba(0, 0, 0, .5);border-radius: 25px;float: right;width: 476px;}
.bx-region-main .article {margin-top: 36px;}
.bx-region-main .article-title {color: #fff;position: relative;padding-left: 30px;font-size: 18px;line-height: 1.4;}
.bx-region-main .article-title::before {content: '';width: 9px;height: 9px;border-radius: 9px;background-color: #fff;position: absolute;left: 0;top: 9px;}
.bx-region-main .article:first-child {margin-top: 0;}
.region-down {background: url(../images/pc/ico-more.png) 0 bottom no-repeat;width: 39px;height: 50px;display: block;text-align: center;margin: 0 auto;margin-top: 16px;opacity: 1;}
.region-down:hover {animation: arrow-down 0.75s ease infinite;}
/*  */
.cat-region-name {font-family: 'Inter-Bold', sans-serif;font-size: 32px;text-transform: uppercase;font-weight: 700;text-align: center;position: relative;margin-bottom: 30px;padding-bottom: 30px;}
.cat-region-name::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);background: url(../images/pc/heading-region.png) 0 0 no-repeat;bottom: 0;width: 399px;height: 20px;}
.bx-region-listing .cat-content {display: flex;flex-wrap: wrap;gap: 36px;}
.bx-region-listing .article {width: 268px;background-color: #fcf3f3;}
.bx-region-listing .article-region {padding: 0 22px 22px;}
.bx-region-listing .article-title {font-size: 18px;line-height: 1.4;}

.bx-region-destrict .slick-dotted.slick-events {overflow: hidden;margin: 0 -18px;padding-bottom: 40px;position: relative;margin-bottom: 24px;}
.bx-region-destrict .cat-content {overflow: hidden;position: relative;}
.bx-region-destrict .region-slick {margin: 0 -18px;}
.bx-region-destrict .slick-dotted.slick-slider {margin-bottom: 42px;}
.bx-region-destrict .article {float: left;padding: 0 18px;position: relative;}
.region-slick .article-image {margin-bottom: 0;}
.region-slick .article-image::before {padding-top: 150%;}
.bx-region-destrict .article-title {position: absolute;bottom: 0;left: 18px;z-index: 1;color: #fff;font-size: 22px;line-height: 1.18;padding: 25px;}
.region-slick .article-image::after {content:'';display: block;position: absolute;z-index: 1;width: 100%;height: 50%;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.region-slick .slick-dots {bottom: 2px;}
.region-slick .slick-dots li {width: 8px;height: 8px;margin: 0 4px;padding: 0;transition: .3s ease;}
.region-slick .slick-dots li button {width: 8px;height: 8px;background-color: #898989;border-radius: 8px;border: 1px solid #afafae;transition: .3s ease;}
.region-slick .slick-dots li button:before {content: unset;}
.region-slick .slick-dots li.slick-active {width: 65px;}
.region-slick .slick-dots li.slick-active button {width: 65px;background-color: #ed1c24;border: 1px solid #e31124;}
.region-slick .slick-arrow{width: 56px;height: 56px;z-index: 1;top: calc(50% - 20px);}
.region-slick .slick-arrow:before {content: '';width: 100%;height: 100%;display: block;opacity: 1;transition: .3s ease;background: url(../images/pc/ico-arrow-region.png) center center no-repeat;background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;}
.region-slick .slick-arrow:hover:before {opacity: .75;} 
.region-slick .slick-prev{left: 25px;}
.region-slick .slick-next{right: 25px;}
.region-slick .slick-prev:before {transform: rotate(180deg);}
/* prints */
.bx-detail .bx-subtitle {font-size: 18px;margin-bottom: 5px;display: block;}
.bx-detail .bx-title {font-size: 36px;font-family: 'Merriweather-Bold', sans-serif;font-weight: 700;}
.bx-detail .bx-share-detail {font-size: 16px;color: #666;}
.bx-detail .article-desc {font-size: inherit;line-height: inherit;font-family: 'Inter-Bold', sans-serif;margin-bottom: 25px;}
.bx-detail .__MASTERCMS_CONTENT {font-size: 16px;line-height: 1.5;}
.bx-detail .__MASTERCMS_CONTENT p {font-size: inherit;line-height: inherit;margin: 25px 0;}
/* _PC_SEARCH */
._PC_SEARCH .article-title {margin-top: 0;}
.highlight{color: #A62420;background: #ff0;}
.alert-info {background-color: #f8e6e6;font-weight: 400;}
.alert {padding: 20px;border: 1px solid transparent;border-radius: 4px;width: 600px;margin: 0 auto;font-size: 16px;line-height: 1.6;margin-bottom: 36px;}
.ft-bold {font-weight: 700;font-family: 'Inter-Bold', sans-serif;font-size: inherit;display: inline-block;}
.text-red {color: #f00;}
.bx-none .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.bx-local-page {padding: 15px 20px;background: #f6f6f6;margin-bottom: 15px;font-size: 16px;line-height: 1.5;}
.bx-local-page p {margin: 10px 0;}
.bx-local-page.__MASTERCMS_CONTENT_MOBILE{text-align: left;}
.bx-local-page table[border="1"]{border-collapse: collapse;border: inherit;}
.bx-local-page table[border="1"] td{vertical-align: top;padding: 10px;border: 1px solid #dbdbdb;width: 50%;}
.bx-local-page table[border="1"] thead{background: #e4e4e4;}
.bx-local-page table[border="1"] thead th{padding: 10px;border: 1px solid #dbdbdb;width: 50%;}
/* breadcrumb detail chu de */
.bre-sub-item {font-size: 14px;line-height: 1.3;font-weight: 400;font-family: 'Intel-Regular',sans-serif;display: inline-block;}
.bre-sub-item::before{content: '/';padding-right: 3px;}
/* bx-author-info */
.bx-author-info{width: 100%;float: left;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #e0e0e0;}
.bx-author-thumb{width: 100px;height:100px;float: left;overflow: hidden;border-radius: 100%;margin-right: 20px;background:#f5f5f5;}
.bx-author-thumb img{width: 100%;object-fit: cover;}
.bx-author-detail{padding-left: 120px;}
.bx-author-name{font-size: 16px;margin-bottom: 10px;}
.bx-author-content{margin-bottom: 10px;}
.bx-author-share{width: 100%;float: left;}
.bx-author-share a{display: inline-block;margin-left: 10px;background-image: url(../images/pc/ico-author-share.png);background-repeat: no-repeat;width: 20px;height: 20px;background-size: 94px;opacity: .4;}
.bx-author-share span{display: inline-block;height: 20px;line-height: 20px;float:left;}
.bx-author-email{background-position: -74px -27px;}
.bx-author-twitter{background-position: -25px -27px;}
.bx-author-facebook{background-position: 0 -27px;}
.bx-author-rss{background-position: -50px -27px;}
.bx-author-share a:hover{opacity: 1;}
.bx-author-email:hover{background-position: -74px 0;}
.bx-author-twitter:hover{background-position: -25px 0;}
.bx-author-facebook:hover{background-position: 0 0;}
.bx-author-rss:hover{background-position: -50px 0;}
/* bx-grid-epaper */
/* .bx-grid-epaper {display: grid;grid-template-columns: 400px auto;grid-column-gap: 36px;} */
.bx-epaper-cover{background: #e5747b url(../images/epaper/hna-epaper-bg.png) top center no-repeat;background-size:cover;padding: 25px;text-align: center;width: 400px;margin-right: 30px;float: left;}
.bx-epaper-cover .article-title{color: #fff;font-size: 18px;margin: 10px 0;}
.bx-epaper-cover .article-link{color: inherit;}
.bx-epaper-cover .article-info{margin: 20px 0;}
.bx-epaper-cover .article-date{color: #ffd1d1;}
.bx-epaper-cover .article-image{background: #fff;}
.bx-epaper-cover .article-image::before{padding-top: 150%;}
.bx-epaper-list {width: 750px;}
.bx-epaper-list .bx-cat-title{border-bottom: 1px solid #df0024;margin-bottom: 20px;background: none;padding-bottom: 10px;}
.bx-epaper-list .bx-cat-head{float: left;line-height: 30px;height: 30px;}
.bx-epaper-list .bx-cat-link{background: none;border: 0;padding: 0;}
.bx-epaper-content .article{width: 165px;float: left;margin: 20px 0 0 30px;}
.bx-epaper-content .article:nth-child(4n+1){clear: both;margin-left: 0;}
.bx-epaper-content .article:nth-child(-n+4) {margin-top: 0;}
.bx-epaper-content .article-image{margin-bottom: 10px;border: 1px solid #df0024;}
.bx-epaper-content .article-image::before{padding-top: 150%;}
.bx-epaper-content .article-title{margin-bottom: 0;}
.bx-epaper-content .article-info{margin: 0;display: none;}
/* videos */
.video-play {margin-bottom: 10px;}
.article-video-title {font-size: 28px;font-family: 'Merriweather-Bold', sans-serif;font-weight: 700;margin-top: 10px;}
.bx-video-cover .article-view {font-size: 14px;}
.article-video-desc, .article-video-author {font-size: 16px;line-height: 1.5;margin-top: 10px;}
.lastest-video {height: 615px;overflow-y: scroll;scrollbar-width: thin;padding-right: 10px;}
.lastest-video::-webkit-scrollbar {width: 3px;}
.lastest-video::-webkit-scrollbar-track {background: #ebebeb;}
.lastest-video::-webkit-scrollbar-thumb {background: #ed1f24;}
.lastest-video .article:first-child {margin-top: 0;border-top: 0;padding-top: 0;}
.lastest-video .article {width: 100%;float: left;border-top: 1px solid #ebebeb;margin-top: 30px;padding-top: 30px;}
.lastest-video .article-image {width: 140px;float: left;margin-right: 15px;}
.lastest-video .article-link{letter-spacing: -0.1px;}
.lastest-video .ico-play,
.bx-category-video .ico-play{
    width: 15px;
    height: 21px;
    display: block;
    position: absolute;
    left: 5px;
    bottom: 5px;
    z-index: 1;
    top:inherit;
    background: url(../images/pc/ico-play-s.png) center center no-repeat;
}
.ico-podcast{
    width: 15px;
    height: 21px;
    display: block;
    position: absolute;
    left: 5px;
    bottom: 5px;
    z-index: 1;
    top: inherit;
    background: url(../images/pc/ico-podcast.png) center center no-repeat;
	background-size: contain;
}
/* .article-video-title, 
.lastest-video .article-link {
    color: #fff;
} */
.ico-duration {
    font-size: 12px;
    color: #fff;
    padding: 4px 5px;
    background-color: #ed1f24;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    display: block;
    line-height: initial;
}
.navigation-video{width: 100%;margin-top: 15px;}
.bx-category-video .article{width: 212px;margin-left: 30px;margin-top: 30px;float: left;}
.bx-category-video .article:nth-child(-n+5) {margin-top: 0;}
.bx-category-video .article:nth-child(5n+1){margin-left: 0;clear: both;}
.bx-category-video .article-image{width: 100%;display: block;}
.bx-category-video .article-info{font-size: 12px;margin-bottom: 0;}
.bx-category-video .article-title {margin-bottom: 8px;font-size: 16px;line-height: 1.5;}
.article-view {font-size: 12px;background: url(../images/pc/ico-view.png) 7px 2px no-repeat;padding-left: 30px;color: #a8a8a8;position: relative;}
.bx-category-video .article-cat {display: none;}
.article-view::before {content: '|';position: absolute;left: 0;top: 1px;}
.article-link-video a{color: #0074bc;}
/* error-page */
.article-error {
    padding: 36px 0 30px;
    text-align: center;
}
.article-error img {
    display: block;
    text-align: center;
    margin: 0 auto 30px;
}
.backToHomepage {
    background-color: #f1af11;
    display: inline-block;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 20px;
    font-weight: 400;
}
/* widget */
.tab-widgets{position: relative;overflow: hidden;}
.widget {float: left;margin-left: 25px;width: calc((100% - 2*25px) / 3);}
.bx-widget-box .widget:first-child {margin-left: 0;}
.widget-title {display: inline-block;background-color: #005a79;}
.widget-link {text-transform: uppercase;color: #fff;font-family: "Roboto-Bold", sans-serif; font-weight: 700;font-size: 16px;display: block;padding: 5px 12px 2px;}
.bd-blue {border: 1px solid #c5e0fc;}
.widget-content {overflow-y: scroll;float: left;height: 250px;}
.tbl-striped-grey {font-size: 12px;width: 100%;border-collapse: collapse;}
.tbl-striped-grey thead tr th {-webkit-box-shadow: inset 0px -1px #cae2fc;box-shadow: inset 0px -1px #cae2fc;  }
.tbl-striped-grey thead {position: -webkit-sticky;position: sticky;top: 0;z-index: 1;background-color: #f8f8f8;font-weight: bold;}
.tbl-striped-grey th,.tbl-striped-grey td {padding: 8px 10px;text-align: center;}
.tbl-striped-grey tbody tr:nth-child(even) {background-color: #f8f8f8;height: 33px;}
.tbl-striped-grey tbody td:first-child {font-weight: bold;text-align: left;}
.tbl-striped-grey.head-grid thead tr {border-bottom: none;}
.tbl-striped-grey.head-grid thead tr th.no-shadow-left {-webkit-box-shadow: inset 0 -1px #cae2fc;box-shadow: inset 0 -1px #cae2fc;}
.tbl-striped-grey.head-grid thead th {-webkit-box-shadow: inset 1px -1px #cae2fc;box-shadow: inset 1px -1px #cae2fc;}
.js-widget-slide .slick-dots {top: -20px;right: 0;}
.js-widget-slide .slick-arrow {cursor: pointer;position: absolute;width: 30px;height: 30px;color: white;-webkit-transition: 0.3s ease;transition: 0.3s ease;background-color: rgba(0, 0, 0, 0.2);z-index: 2;font-size: 0px;border-radius: 3px;top: 0;-webkit-transform: scale(0.8);transform: scale(0.8);}
.js-widget-slide .slick-arrow:hover {background-color: rgba(0, 0, 0, 0.4);}
.js-widget-slide .slick-prev {left: unset !important;right: 30px;}
.js-widget-slide .slick-next {right: 0px;}
.js-widget-slide .slick-arrow::before {position: absolute;top: 50%;left: 50%;content: '';display: inline-block;width: 16px;height: 16px;border-left: 4px solid #fff;border-top: 4px solid #fff;}
.js-widget-slide .slick-prev::before {-webkit-transform: rotate(-45deg) translate(2px, -7px);transform: rotate(-45deg) translate(2px, -7px);}
.js-widget-slide .slick-next::before {-webkit-transform: rotate(135deg) translate(2px, 12px);transform: rotate(135deg) translate(2px, 12px);}
.scroll {scrollbar-width: thin;}
.scroll::-webkit-scrollbar {width: 5px;}
.scroll::-webkit-scrollbar-track {background: #f8f8f8c0;}
.scroll::-webkit-scrollbar-thumb {background: #d7d7d7;}
.scroll::-webkit-scrollbar-thumb:hover {background: #797979;}
.scroll-x {overflow: scroll;scrollbar-width: thin;}
.scroll-x::-webkit-scrollbar {height: 5px;}
.scroll-x::-webkit-scrollbar-track {background: #f8f8f8c0;}
.scroll-x::-webkit-scrollbar-thumb {background: #d7d7d7;}
.scroll-x::-webkit-scrollbar-thumb:hover {background: #797979;}
/* bx-region-cate */
.bx-region-cate {width: 100%;padding: 20px;}
/* footer */
.footer-content {background-color: #f0f0f0;padding: 50px 0;}
.footer-content .siteCenter {display: flex;justify-content: space-between;align-items: flex-start;}
.footer-content p {font-size: 16px;line-height: 1.625;}
.footer-left {width: 440px;text-align: right;}
.footer-left p {margin-bottom: 23px;}
.footer-info {text-align: center;}
.footer-logo img {width: 250px;}
.footer-social {border-top: 1px solid #e1e1e1;display: inline-block;margin-top: 20px;padding: 20px 20px 0;}
.ft-social {background-color: #c9c9c9;width: 26px;height: 26px;display: inline-block;line-height: 26px;border-radius: 50%;margin: 0 2px;text-align: center;color: #f0f0f0;}
.footer-right {width: 420px;}
.footer-right p {margin-bottom: 5px;}
.footer-links a {margin: 5px 5px 5px 3px;display: inline-block;}
.footer-links a:first-child {margin-left: 0;}
.footer-cms a {color: #a0a0a0;display: block;padding: 18px 0;}
.item-menu.active:not(.ico-homepage), .item-menu:not(.ico-homepage) > a.active,
.item-menu:not(.ico-homepage,.ico-ellipsis):hover{background-color: #ed1c24;color: #fff;}
.ft-social:hover {background-color: #df0c24;}
.detail-region-social .ft-social:hover {background-color: #ebebeb;}
.footer-links a:hover,
a.cat-link:hover,.cat-item:hover {color: #df0c24;}
.article-keyword a:hover,.article-title:hover {color: #a40800;}
/* opacity: 0.75; */
.article-cat:hover {text-decoration: underline;}
.mobile-button {display: none;width: 80px;height: 80px;line-height: 80px;text-align: center;background: #df0024;color: #fff !important;font-size: 40px;border-radius: 80px;position: fixed;top: 15%;right: 20px;z-index: 9999;}
.videoWrapper {
	position: relative;
	/*padding-bottom: 56.25%;*/ /* 16:9 */
	margin-top: 25px;
	height: 0;
}
.videoWrapper iframe,
.videoWrapper #myElement,
.___widget_video_article iframe,
.___widget_video_article .jwplayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* ico-type */
.ico-live{display: inline-block;width: 40px;height: 20px;background: url(../images/ico-live.gif) left 1px no-repeat;}
.article-image .icoVideo,.article-image .icoPhoto,.article-image .icoInfo,.article-image .icoEmag{display: block;position: absolute;z-index: 1;right: 5px;bottom: 5px;background-image: url(../images/ico-type.png);background-repeat: no-repeat;}
.article-image .icoPhoto{width: 21px;height: 19px;background-position: 0 0;}
.article-image .icoVideo{width: 23px;height: 23px;background-position: -26px 0;}
.article-image .icoEmag{width: 50px;height: 14px;background-position: -78px -5px;}
.article-image .icoInfo{width: 20px;height: 20px;background-position: -53px -2px;}
.article-image .icoVideo + .icoPhoto {right: 40px;}
.article-image .icoVideo + .icoEmag {right: 40px;}
.article-image .icoPhoto + .icoEmag {right: 32px;}
.article-image .icoPodcast {width: 15px;height: 23px;display: block;position: absolute;z-index: 1;right: 5px;bottom: 5px;background: url(../images/ico-podcast.png) 0 0 no-repeat;background-size: contain;}
/* bx-topic-tttd */
.bx-topic-tttd{
    /* margin: 0 -20px; */
}
.bx-topic-tttd .article{
    width: 33.33%;
    float: left;
    padding: 0 20px;
}
.bx-topic-tttd .article::before{
    display: block;
    content: '';
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 15px 0;
}

.bx-topic-tttd .article-image{
    margin-bottom: 10px;
}
.bx-topic-tttd .article-title{
    font-size: 16px;
}
.bx-topic-tttd .article:nth-child(1),.bx-topic-tttd .article:first-child{
    width: 48%;
}
.bx-topic-tttd .article:nth-child(2),
.bx-topic-tttd .article:nth-child(3),
.bx-topic-tttd .article:nth-child(4),
.bx-topic-tttd .article:nth-child(5){
    width: 26%;
    border-left: 1px solid #ddd;
}
.bx-topic-tttd .article:nth-child(3n+6){
    clear: both;
}
.bx-topic-tttd .article:first-child .article-title {font-size: 24px;line-height: 1.4;}
.bx-topic-tttd .article:nth-child(2) .article-info,.bx-topic-tttd .article:nth-child(2) .article-submeta,
.bx-topic-tttd .article:nth-child(3) .article-info,.bx-topic-tttd .article:nth-child(3) .article-submeta,
.bx-topic-tttd .article:nth-child(4) .article-info,.bx-topic-tttd .article:nth-child(4) .article-submeta,
.bx-topic-tttd .article:nth-child(5) .article-info,.bx-topic-tttd .article:nth-child(5) .article-submeta{
    display: none;
}
.bx-topic-tttd .article:nth-child(2) .article-info,.bx-topic-tttd .article:nth-child(2) .article-desc,
.bx-topic-tttd .article:nth-child(3) .article-info,.bx-topic-tttd .article:nth-child(3) .article-desc,
.bx-topic-tttd .article:nth-child(4) .article-info,.bx-topic-tttd .article:nth-child(4) .article-desc,
.bx-topic-tttd .article:nth-child(5) .article-info,.bx-topic-tttd .article:nth-child(5) .article-desc{
    display: none;
}

.bx-topic-tttd .article:first-child::before,.bx-topic-tttd .article:nth-child(1)::before,
.bx-topic-tttd .article:nth-child(2)::before,
.bx-topic-tttd .article:nth-child(3)::before{
    display: none;
}
.bx-topic-tttd .article:nth-child(2) .article-link,
.bx-topic-tttd .article:nth-child(3) .article-link,
.bx-topic-tttd .article:nth-child(4) .article-link,
.bx-topic-tttd .article:nth-child(5) .article-link{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 54px;
}
.bx-topic-tttd + .bx-category-page{
    text-align: center;
    margin-bottom: 20px;
}
.bx-topic-tttd + .bx-category-page .__MB_ARTICLE_PAGING{
    float:unset;
}
.pc-topic-detail h1.bre-sub-item {font-size: 22px;line-height: 1.3;}
/* #header, #footer {
    filter: grayscale(1);
} */