@charset "utf-8";
@font-face {font-family:'NotoSans';src: url('fonts/Noto_San/NotoSans-Regular.ttf');font-weight: 400;}
@font-face {font-family:'NotoSans';src: url('fonts/Noto_San/NotoSans-Bold.ttf');font-weight: 700;}
@font-face {font-family:'Roboto';src: url('fonts/Roboto/Roboto-Bold.ttf');font-weight: 700;}
body {font: 400 14px/1.5 'NotoSans', sans-serif;color: #000;min-width: 1180px;}
* {margin: 0;padding: 0;}
*,*:after,*:before {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
::placeholder {color: #999;opacity: 1;}
:-ms-input-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;} 
.siteCenter {width: 1180px;margin: 0 auto;}
a {text-decoration: none;border: none;color: inherit;transition: .3s ease;}
a:hover,.breadcrumb a:hover,.breadcrumb li a:hover,.utilities-content a:hover,#hna-marquee a:hover,.article-share .btn-share:hover,.article-keyword a:hover,.sub-cat a:hover{color: #005a78;}
img {border: none;vertical-align: middle;max-width: 100%;}
/* ul,ol{margin: 0;padding: 0;list-style: none;} */
input,img,button {border: none;outline: none;}
.fw{width: 100%;}
.lt {display: block;float: left;}
.rt {display: block;float: right;}
.mb1{margin-bottom: 15px;}
.mb{margin-bottom: 10px;}
.mb2{margin-bottom: 20px;}
.mb3{margin-bottom: 30px;}
.clearfix:after {content: "";display: block;height: 0;width: 100%;clear: both;}
.f0{font-family: 'NotoSans', Arial, sans-serif;font-weight: 700;}
.f1{font-family: 'NotoSans', Arial, sans-serif;font-weight: 400;}
/* header-logo */
.header-logo {padding: 10px 0;}
.header-logo .siteCenter{display: flex;justify-content: space-between;align-items: center;}
.header-logo .siteCenter::after{display: none;}
.logo{line-height: 0;display: flex;gap: 30px;align-items: center;}
.logo > a{border-right: 1px solid #ebebeb;padding-right: 30px;}
.logo img{max-width: 300px;}
.tbnh-social{display: flex;gap: 10px;align-items: center;}
.tbnh-social a{line-height: 0;}
.system-date{font-size: 16px;font-weight: 400;}
/* search */
#frmSearch {display: block;float: left;height: 32px;border: 1px solid #e1e1e1;overflow: hidden;border-radius: 4px;}
#frmSearch input[type="text"] {height: 100%;float: left;border: 0;width: calc(100% - 32px);padding: 0 10px;outline: none;}
#frmSearch button[type="submit"] {width: 30px;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: #fff;}
/* nav */
#nav {background: #005a78;position: sticky;top: 0;z-index: 9999;height: 42px;color: #fff;}
#nav ul{list-style: none;}
.cat{display: block;float: left;padding: 0 6px;position: relative;}
.cat > a,.cat.cat-last > span {color: #fff;font: 700 12px/42px Roboto}
.cat.cat-homepage{padding: 0 10px;color: #fff;}
.cat.cat-homepage a{color: inherit;font-size: 16px;}
.cat.cat-last{float: right;padding: 0 0;}
.cat.active > a,.cat:hover > a{color: yellow;}
.cat.active:after,.cat:hover:after{background: none;}
.sub-menu{display: none;position: absolute;z-index: 9999;top: 42px;left: 0;min-width: 222px;background: #fff;box-shadow: 0px 1px 2px 1px #dcdcdc;}
.cat.cat-last:hover .sub-menu{left: initial;right: 0;min-width: 120px;}
.sub-cat {white-space: nowrap;border-top: 1px solid #eaeaea;padding: 10px 20px;width: 100%;float: left;clear: both;color: #000;}
.sub-cat:first-child{border-top: 0;}
.menu-expand:hover .sub-menu,
.cat:hover .sub-menu{display: block;}
.menu-expand {float: right;padding-right: 0;}
.ico-dots {background: url(../images/pc/ico-dots.png) 0 center no-repeat;width: 16px;height: 42px;display: block;cursor: pointer;}
.menu-expand:hover > .sub-menu {left: unset;right: 0;}
.menu-expand .cat > a {color: #000;font-size: 14px;}
.menu-expand .cat .sub-menu {display: none;}
.menu-expand .cat:hover .sub-menu {display: block;}
/* left: 0;transform: translateX(-100%);top: 0; */
/* utility */
.utility{height: 50px;}
.utility .siteCenter{display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: space-between;height: 100%;font-size: 14px;overflow: hidden;}
.hna-marquee-title{font-weight: 700;color: #ff0000;white-space: nowrap;}
/* hna-marquee */
#hna-marquee{width: calc(100% - 120px);overflow: hidden;}
#hna-marquee a{margin-right: 15px;}
#hna-marquee a::before{content: '';display: inline-block;width: 6px;height: 6px;border-radius: 3px;background: #005a78;vertical-align: 2px;margin-right: 10px;}
/* main */
#main{margin-top: 0;padding-top: 20px;}
.banner-full,.hna-qc-full,.hna-qc-center-full,.hna-qc-full-center{text-align: center;}
.hna-qc-center-full{background: #fff;padding: 25px 0;}
.hna-qc-full img{width: 100%;}
.banner-full img,.hna-qc-full img,.hna-qc-center-full img,.hna-qc-full-center img{height: auto;}
.col-right{width: 300px;}
/* hna-qc-menu-after */
#hna-qc-menu-after{margin-top: 20px;}
#hna-qc-menu-after .siteCenter{width: 1020px;}
/* banner */
.banner,.hna-qc{width: 100%;display: block;clear: both;margin-bottom: 20px;text-align: center;}
.banner img,.hna-qc img{height: auto;}
.banner-sticky,.hna-qc-sticky{top: 50px;position: sticky;}
/* article */
.article-image{position: relative;display: block;overflow: hidden;width: 100%;margin-bottom: 10px;border-radius: 3px;}
.article-image::before{padding-top: 66%;content: '';display: block;}
.article-image img{position: absolute;top: 0;z-index: 1;width: 100%;height:100%;object-fit: cover;}
.article-title{font-size: 16px;line-height: 1.5;-webkit-line-clamp: 4;
-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.article-link,.article-detail-title{color: inherit;}
.article-desc{margin-top: 10px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.article-info{font-size: 14px;}
.article-cat{font-family: 'NotoSans', Arial, sans-serif;color: #ec2226;}
.article-cat::before {content: '-';display: inline;margin-left: 1px;margin-right: 5px;vertical-align: 1px;}
/* ico-type */
.ico-photo, .ico-infographic, .ico-emag {display: block;position: absolute;z-index: 2;right: 15px;bottom: 15px;background-image: url(../images/pc/ico-type.png);background-repeat: no-repeat;}
.ico-emag {width: 50px;height: 14px;background-position: -78px -5px;}
.ico-photo {width: 21px;height: 19px;background-position: 0 0;}
.ico-infographic {width: 20px;height: 20px;background-position: -53px -2px;}
/* bx-grid-section */
.bx-grid-section {display: grid;grid-template-columns: auto 300px;grid-column-gap: 20px;}
.colLeft{width: 850px;}
.sidebar{width: 300px;}
.tbnh-qc{width: 100%;text-align: center;margin-bottom: 25px;}
.tbnh-qc:last-child{margin-bottom: 0;}
/* bx-cat-cover */
.bx-cat-cover .article:first-child{width: 555px;float: left;}
.bx-cat-cover .article:first-child .article-desc{display: none;}
.bx-cat-cover .article:first-child .article-title{font-size: 26px;}
.bx-cat-cover .article:not(:first-child){width: 265px;float: right;margin-top: 20px;}
.bx-cat-cover .article:nth-child(2){margin-top: 0;}
.bx-cat-cover .article:not(:first-child) .article-image{display: none;}
.bx-cat-cover .article:not(:first-child) .article-desc{-webkit-line-clamp: 4;}
/* bx-grid-body */
/* .bx-grid-body {display: grid;grid-template-columns: auto 300px;grid-column-gap: 40px;} */
/* bx-cat */
.bx-cat{margin-bottom: 30px;}
.bx-cat-last{margin-bottom: 0;}
.bx-cat-title {display: flex;height: 45px;border-bottom: 1px solid #a5a5a5;margin-bottom: 30px;position: relative;justify-content: flex-start;align-items: center;gap: 15px;}
.bx-cat-name {height: 100%;}
.bx-cat-link{color: inherit;font-size: 20px;height: 100%;display: inline-flex;text-transform: uppercase;border-bottom: 4px solid #005a78;position: relative;align-items: center;bottom: -1px;white-space: nowrap;}
.fontSmall{font-size: 16px;}
.bx-cat-sub a{font-size: 14px;color: #a1a1a1;margin-right: 15px;}
.bx-cat-link:hover,.bx-cat-sub a:hover{color: #005a78 !important;}
.bx-cat-more{flex-direction: column;height: auto;border-bottom: 0;}
.bx-cat-more .bx-cat-name {border-bottom: 1px solid #a5a5a5;width: 100%;height: 45px;}
.bx-cat-more .bx-cat-sub{width: 100%;}
.bx-cat-long .bx-cat-name{height: auto;}
.bx-cat-long .bx-cat-link{white-space: unset;width: 90%;}
/* bx-robot */
.bx-cat-robot .wrapper{display: flex;flex-direction: row;gap: 25px;justify-content: space-between;}
.tbnh-robot{width: 100%;background: #b2cdd7;display: flex;flex-direction: row;gap: 25px;padding: 20px 30px;align-items: center;font: 700 24px Roboto;color: #005a79;}
.robot-info span{line-height: 1;}
.robot-info{display: flex;flex-direction: column;gap: 0;}
.robot-info span:not(:first-child){font-size: 42px;position: relative;bottom: -8px;}
/* bx-cat-hna */
.bx-cat-hna .article:first-child{width: calc(820px - ((850px - 60px) / 3));float: left;margin-top: 0;margin-left: 0;}
.bx-cat-hna .article-image{width: 100%;}
.bx-cat-hna .article-title{font-weight: 400;}
.bx-cat-hna .article:first-child .article-title{font-size: 22px;font-weight: 700;}
.bx-cat-hna .article-info{display: none;}
.bx-cat-hna .article-desc{display: none;}
.bx-cat-hna .article:not(:first-child){width: calc((850px - 60px) / 3);float: left;margin: 25px 0 0 30px;}
.bx-cat-hna .article:nth-child(2),.bx-cat-hna .article:nth-child(3),.bx-cat-hna .article:nth-child(4){float: right;margin: 20px 0 0 0;}
.bx-cat-hna .article:nth-child(2){margin-top: 0;}
.bx-cat-hna .article:nth-child(5){margin-left: 0;clear: both;}
.bx-cat-hna .article:nth-child(2) .article-image,.bx-cat-hna .article:nth-child(3) .article-image,.bx-cat-hna .article:nth-child(4) .article-image{display: none;}
.bx-cat-hna .article:nth-child(2) .article-title,.bx-cat-hna .article:nth-child(3) .article-title,.bx-cat-hna .article:nth-child(4) .article-title{font-weight: 700;}
.bx-cat-hna .article:nth-child(2) .article-desc,.bx-cat-hna .article:nth-child(3) .article-desc,.bx-cat-hna .article:nth-child(4) .article-desc{display: -webkit-box;-webkit-line-clamp: 3;}
/* bx-cat-expert */
.bx-cat-expert .bx-cat-content{background: #005a79;padding: 25px 36px;}
.expert-thumb{display: block;width: 100%;overflow: hidden;margin-bottom: 10px;position: relative;}
.expert-thumb::before{content: '';display: block;padding-top: 100%;}
.expert-thumb img{width: 100%;height: 100%;position: absolute;top: 0;object-fit: cover;}
.expert-quote{font-weight: 700;color: #fff;font-size: 14px;font-style: italic;line-height: 1.5;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 5;display: -webkit-box;overflow: hidden;}
.tbnh-expert-slider .slick-prev,.tbnh-expert-slider .slick-next{display: block;width: 13px;height: 19px;position: absolute;top: 110px;text-indent: -9999px;z-index: 2;cursor: pointer;}
.tbnh-expert-slider .slick-prev{background: url(../images/mb/ico-expert-prev.png) center center no-repeat;left: -25px;}
.tbnh-expert-slider .slick-next{background: url(../images/mb/ico-expert-next.png) center center no-repeat;right: -25px;}
/* bx-cat-read */
.bx-cat-read .bx-cat-content{background: #d9e6eb;}
.bx-cat-read .bx-cat-content {padding: 20px;overflow-y: scroll;height: 480px;}
.bx-cat-read .bx-cat-content::-webkit-scrollbar {width: 1px;}
.bx-cat-read .bx-cat-content::-webkit-scrollbar-track {background: #f1f1f1;}
.bx-cat-read .bx-cat-content::-webkit-scrollbar-thumb {background: #005a79;}
.bx-cat-read .article:not(:first-child){margin-top: 20px;}
.bx-cat-read .article-image,.bx-cat-read .article-info{display: none;}
.bx-cat-read .article-desc{-webkit-line-clamp: 3;}
/* bx-cat-finance */
.bx-cat-finance > div{width: calc((100% - 390px) / 3);float: left;margin-left: 30px;height: 360px;overflow: hidden;}
.bx-cat-finance > div:nth-child(4n+1){margin-left: 0;clear: both;}
.bx-cat-finance > div:last-of-type{width: 300px;}
.tradingview-widget-copyright {display: none;}
/* bx-tool-list */
.bx-tool-list{background: #d9e6eb;width: 100%;}
.bx-tool-list .bx-cat-title{margin-bottom: 10px;}
.bx-tool-list .bx-cat-link {white-space: unset;font-size: 12px;display: block;padding: 3px 0 0 10px;}
.bx-tool-list .bx-cat-content{padding: 30px 0 20px 0;background: url(../images/mb/ico-update.png) 5px 1px no-repeat;}
.bx-tool-list .bx-cat-content span{display: block;width: 100%;background: #6ca0b2 url(../images/mb/ico-tools-arrow.png) 10px 13px no-repeat;padding: 10px 10px 10px 25px;color: #fff;font: 700 16px Roboto;text-transform: uppercase;cursor: pointer;}
.bx-tool-list .bx-cat-content span:not(:first-child){margin-top: 15px;}
/* bx-cat-analyst */
.analyst-item{background: #d9e6eb;padding: 10px;width: 100%;}
.analyst-item:first-child{background: #005a79;}
.analyst-title{font: 700 18px/1.6 Roboto;text-transform: uppercase;}
.analyst-item:not(:first-child) .analyst-title{background: url(../images/mb/ico-competition.png) left 0 no-repeat;padding-left: 60px;}
.analyst-award{font-size: 13px;color: #ed1c24;height: 40px;line-height: 40px;}
.analyst-content .article-image{margin-bottom: 0;}
/* bx-cat-view */
.bx-cat-view{background: #d9e6eb;}
.bx-cat-view .bx-cat-title{margin-bottom: 10px;}
.bx-cat-view .bx-cat-link{font-size: 16px;padding-left: 10px;}
.bx-cat-view .bx-cat-content {padding: 0 10px;overflow-y: scroll;height: calc(100% - 70px);}
.bx-cat-view .bx-cat-content::-webkit-scrollbar {width: 1px;}
.bx-cat-view .bx-cat-content::-webkit-scrollbar-track {background: #f1f1f1;}
.bx-cat-view .bx-cat-content::-webkit-scrollbar-thumb {background: #005a79;}
.bx-cat-view .article:not(:first-child){margin-top: 20px;}
.bx-cat-view .article-image,.bx-cat-view .article-info{display: none;}
.bx-cat-view .article-desc{-webkit-line-clamp: 3;}
/* bx-cat-currency */
.bx-cat-currency{background: #005a79;display: flex;flex-direction: row;}
.currency-title{width: 320px;float: left;font-size: 24px;color: #fff;font-weight: 700;display: flex;justify-content: center;align-items: center;}
.currency-title a,.currency-title span,.bx-cat-currency .article-link{color: #fff !important;}
.currency-content{width: calc(100% - 320px);float: right;display: flex;flex-direction: row;justify-content: space-between;gap: 15px;padding: 15px 15px 15px 0;}
.bx-cat-currency .article{width: 100%;}
.currency-content .article-image{display: block;width: 100%;}
/* tbnh-banks */
.tbnh-banks .siteCenter{border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding: 30px 0;display: flex;flex-direction: row;justify-content: space-between;}
.tbnh-banks a{line-height: 1;}
/* bx-cat-bank */
.bx-cat-bank{background: #4d4d4d;padding: 30px 0;}
.bx-cat-bank .siteCenter{display: flex;flex-direction: row;gap: 30px;justify-content: space-between;}
.bank-left{width: 630px;}
.bank-right{width: 520px;height: 430px;overflow-y: scroll;}
.bank-right::-webkit-scrollbar {width: 1px;}
.bank-right::-webkit-scrollbar-track {background: #f1f1f1;}
.bank-right::-webkit-scrollbar-thumb {background: #4bafcc;}
.bank-left .article{width: 100%;float: left;}
.bank-left .article-title,.bank-right .article-title{font-size: 24px;font-weight: 400;color: #fff;}
.bank-right .article{width: 100%;float: left;}
.bank-right .article:not(:first-child){margin-top: 25px;}
.bank-right .article-image{width: 190px;float: left;margin: 0 25px 0 0;}
.bank-right .article-title{font-size: 16px;}
.bx-cat-bank .article-link:hover{color: inherit;opacity: .7;}
/* bx-video-cover */
.ico-play{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;font-size: 28px;color: #fff;transition: 0.3s ease;}
.ico-play::before {content: '\f04b';font-weight: 700;font-family: 'FontAwesome', sans-serif;}
/* bx-cat-money */
.bx-cat-money .bx-cat-content{background: #99bdc9;padding: 25px;}
.bx-cat-money .article{width: calc((100% - 90px) / 4);float: left;margin-left: 30px;}
.bx-cat-money .article:nth-child(4n+1){margin-left: 0;clear: both;}
.bx-cat-money .article-image::before{padding-top: 120%;}
/* footer */
.footer-product .siteCenter{border-top: 5px solid #005a79;padding: 20px 0;}
.footer-product{text-align: center;}
.footer-product p{font-size: 14px;margin-bottom: 20px;}
.tbnh-underline{display: inline-block;border-bottom: 1px solid #ebebeb;}
.tbnh-magazine{display: flex;gap: 5px;}
.tbnh-magazine img{width: 100%;max-width: calc((100% - 10px)/3);}
.tbnh-logos{display: flex;flex-direction: row;justify-content: center;gap: 30px;}
.tbnh-logos-left{text-align: right;}
.tbnh-logos-right{text-align: left;}
.footer-content .siteCenter{display: flex;flex-direction: row;justify-content: space-between;gap: 60px;}
.footer-content p{margin-bottom: 5px;font-size: 16px;}
.fcontent-right{white-space: nowrap;}
.footer-mastercms a {display: block;padding: 15px 0;border-top: 1px solid #ebebeb;text-align: left;margin-top: 20px;color: #999;}
/* gotop */
.gotop {background: #ccc;opacity: .7;border-radius: 50%;width: 45px;height: 45px;line-height: 45px;display: none;position: fixed;bottom: 50px;right: 10px;cursor: pointer;z-index: 999;text-align: center;color: #fff;transition: .3s ease;}
/* tbnh-breadcrumbs */
.tbnh-breadcrumbs .bx-cat-name{font-size: 20px;}
.tbnh-breadcrumbs .bx-cat-sub h1{font-size: 14px;font-weight: 400;display: inline;}
.tbnh-flex{display: flex;flex-direction: row;justify-content: space-between;}
.tbnh-qc.sticky{position: sticky;top: 50px;}
/* bx-cat-listing */
.bx-cat-listing .article{width: 100%;float: left;}
.bx-cat-listing .article:not(:first-child){padding-top: 30px;margin-top: 30px;border-top: 1px solid #ebebeb;}
.bx-cat-listing .article-image{width: 290px;float: left;margin: 0 30px 0 0;}
.bx-cat-listing .article-info{display: none;}
.bx-cat-listing .article-title{font-size: 22px;}
.bx-cat-listing .article-desc{-webkit-line-clamp: 3;}
/* __MB_ARTICLE_PAGING */
.__MB_ARTICLE_PAGING{text-align: center;}
.__MB_ARTICLE_PAGING span, .__MB_ARTICLE_PAGING a {display: inline-block;height: 50px;text-align: center;line-height: 50px;background: #ebebeb;padding: 0 50px;border-radius: 25px;cursor: pointer;}
.__MB_ARTICLE_PAGING span{background: #005a78;color: #fff;}
.__MB_ARTICLE_PAGING a:hover {background: #005a78;color:#fff;}
.__MB_ARTICLE_PAGING.pager-active span:first-child {display: none;}
/* article-detail */
.article-detail-subtitle{color: #005a78;}
.article-detail-subtitle:empty{display: none;}
.article-detail .article-cat{text-transform: uppercase;}
.article-detail-title {font-size: 26px;margin-bottom: 20px;}
.article-detail .article-info{font-size: 14px;color: #a1a1a1;}
.article-detail .article-info .article-cat{text-decoration: none;}
.__MASTERCMS_CONTENT,.article-detail-author,.article-detail-source,.article-detail-desc{font-size:16px;line-height: 1.6;}
.__MASTERCMS_CONTENT p{margin-bottom: 20px;word-break: break-word;}
.article-detail-author{text-align: right;font-weight: 700;display: none;}
.article-detail-source{text-align: right;font-style: italic;margin-top: 10px;}
.article-detail-subtitle:empty,.article-detail-source:empty,.article-detail-author:empty{display: none;}
.article-detail-body {display: grid;width: 910px;margin-left: -60px;grid-template-columns: auto 850px;}
.article-detail-body #__MB_MASTERCMS_EL_3{width: 100%;float: right;}
.article-detail-body .article-share-button{width: 38px;float: left;}
/* btn-share */
.article-extension {position: sticky;top: 50px;}
.change-font {width: 38px;overflow: hidden;border: 1px solid #9ed5e8;border-radius: 19px;padding: 3px 6px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 5px;margin-bottom: 15px;}
.font {text-align: center;float: left;width: 32px;cursor: pointer;}
.change-font .ico-arrow{width: 24px;height: 24px;text-align: center;line-height: 24px;border-radius: 24px;cursor: pointer;background: #9ed5e8;}
.article-detail-social {display: flex;align-items: center;justify-content: center;gap: 5px;flex-direction: column;}
.article-detail-social .share-social__link,.__MB_FOLLOW_ARTICLE_ACT_URL {width: 38px !important;height: 38px !important;;border-radius: 38px;display: block;line-height: 38px;text-align: center;font-size: 18px;background: #9ed5e8;color: #005a78;position: relative;cursor: pointer;}
.__MB_FOLLOW_ARTICLE_ACT_URL{width: 38px !important;height: 38px !important; color: #316b89;border-radius: 38px;display: block;line-height: 38px;text-align: center;font-size: 16px;}
/* tbnh-detail-info */
.tbnh-detail-info{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.tbnh-author{display: flex;gap: 10px;align-items: center;color: #a1a1a1;}
.tbnh-author-image{max-width: 35px;height: 35px;overflow: hidden;}
.tbnh-author-image img{object-fit: cover;}
.tbnh-author-meta{font-size: 14px;}
.tbnh-author-meta a{color: #005a78;font-weight: 700;}
.tbnh-author-meta p{margin: 0;font-size: 14px;color: #999;}
/* radio-detail */
#radio-detail{line-height: 0;}
#radio-detail audio {width: 300px;height: 35px;border-radius: 35px;outline: 0;}
/* article-detail-topic */
.article-detail-topic {display: flex;flex-direction: column;gap: 20px;background: #e8f9ff url(../images/mb/trongdong.png) 200px 50% no-repeat;padding: 20px 20px;background-size: cover;}
.article-detail-heading{font-size: 16px;}
.article-detail-topic .bx-cat-content{padding-left: 25px;border-left: 1px solid #ebebeb;}
.article-detail-topic .article:not(:first-child){margin-top: 20px;}
.article-detail-topic .article{position: relative;}
.article-detail-topic .article::before {content: '';display: block;width: 5px;height: 5px;border-radius: 5px;background: #005a78;position: absolute;left: -28px;top: 10px;}
.article-detail-topic .article-content{padding-top: 0;}
.article-detail-topic .article-title{font-weight: 400;font-size: 16px;}
.article-detail-topic .article-info{color: #999;margin-top: 10px;}
/* article-tag */
.article-tag span,.article-tag a{display: inline-block;margin: 0 10px 15px 0;height: 36px;line-height: 36px;}
.article-tag span{font-size: 18px;background: url(../images/mb/ico-tag.png) left 9px no-repeat;padding-left: 30px;}
.article-tag a{background: #d6ebf2;padding: 0 10px;border-radius: 5px;font-weight: 700;}
/* article-comment */

/* article-detail-relate */
.article-detail-relate .article{width: calc((100% - 60px) / 3);float: left;margin-left: 30px;}
.article-detail-relate .article:nth-child(3n+1){margin-left: 0;clear: both;}
/* article-detail-similar */
.article-detail-similar .article{width: 100%;float: left;padding-top: 30px;margin-top: 30px;border-top: 1px solid #ebebeb;}
.article-detail-similar .article:first-child{padding-top: 0;margin-top: 0;border-top: 0;}
.article-detail-similar .article-image{width: 290px;float: left;margin: 0 30px 0 0;}
.article-detail-similar .article-desc{-webkit-line-clamp: 3;}
/* AI */
.ai-toggle {position: fixed;top: 50%;right: 20px;z-index: 9999;}
.ai-main,.ai-sub {width: 56px;height: 56px;border-radius: 50%;background: #f6921e;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);position: absolute;bottom: 0;right: 0;cursor: pointer;transition: all 0.4s ease, transform 0.4s ease;}
.ai-sub {opacity: 0;pointer-events: none;background-color: #17a2b8;transform: scale(0.8);}
.ai-toggle.open .ai-1 {transform: translate(-86px, 0px);opacity: 1;pointer-events: auto;}
.ai-toggle.open .ai-2 {transform: translate(-60px, -60px);opacity: 1;pointer-events: auto;}
.ai-toggle.open .ai-3 {transform: translate(0px, -86px);opacity: 1;pointer-events: auto;}
.ai-sub[title]::after {content: attr(title);position: absolute;font-size: 11px;background: rgb(178 205 215);color: #000;padding: 3px 6px;border-radius: 4px;white-space: nowrap;right: 60px;font-weight: 700;transform: translateY(5px);opacity: 0;transition: all 0.2s ease;pointer-events: none;}
.ai-sub.ai-3[title]::after{top: -30px;right: auto;}
.ai-sub:hover::after {transform: translateY(0);opacity: 1;z-index: 1000;}
/* bx-error-page */
.bx-error-page {padding: 20px 0 30px 0;text-align: center;}
.bx-error-page h1 {margin: 15px 0;font-weight: normal;}
.backToHomepage {background: #005a79;display: inline-block;color: #fff !important;height: 40px !important;line-height: 40px;padding: 0 20px;border-radius: 20px;font-weight: normal;font-size: 14px;}
.backToHomepage:hover {background: #9b722b;color: #fff !important;}
/* __API_WIDGET */
/* #header .__API_WIDGET{display: none;} */
/* hna-menu-signin */
.hna-user-link{font-weight: 700;line-height: 35px;}
.hna-user-link .fa-user{width:13px;margin-right: 7px;}
.hna-menu-signin{position: relative;}
.hna-menu-signin-more {display: none;position: absolute;right: 0;top: 35px;z-index: 10000;box-shadow: 0px 0px 3px -1px #005a79;border-radius: 3px;overflow: hidden;}
.hna-menu-signin-more a{width: 100%;float: left;white-space: nowrap;padding: 0 15px;background: #fff;line-height: 32px;text-transform: none;font-size: 14px;text-align: left;color: #000;box-shadow: 0px 2px 7px #ebebeb;}
.hna-menu-signin-more a:hover{color: #0065b3;}
.hna-menu-signin-more a .fa{margin-right: 5px;color: #005a79;width: 20px;text-align: center;}
.hna-menu-signin-more a:not(:first-child){border-top: 1px solid #e1f0fd;}
.hna-menu-signin:hover .hna-menu-signin-more{display: block !important;}
.menu-signup-signin::before {content: '';background: url(../images/hna-btn-signin.png) left center no-repeat;padding-left: 20px;background-size: 14px;line-height: 30px;float: left;cursor: pointer;color: #333;text-transform: none;width: 14px;height: 24px;}
.hna-ico-user {cursor: pointer;color: #333;text-transform: none;}
.hna-ico-user img{width: 16px;height: 16px;overflow: hidden;display: inline-block;vertical-align: -3px;margin-right: 5px;}
.zalo-follow-only-button{width: 80px !important;}
#hna-follow {float: left;margin-left: 10px;background: #005a79 url(../images/pc/ico-follow.png) left 6px top 4px no-repeat;padding: 0 7px 0 20px;line-height: 20px;height: 20px;font-size: 11px;color: #fff;border-radius: 3px;background-size: 8px;cursor: pointer;}
.__API_WIDGET .hna-ico-user{color: #005a79;font-size: 14px;font-weight: 700;}
/* bx-video-cover */
.bx-video-cover .article:not(:first-child){width: 300px;float: right;margin-top: 30px;}
.bx-video-cover .article:nth-child(2){margin-top: 0;}
.bx-video-cover .article:first-of-type{width: calc(100% - 330px);float: left;}
.bx-video-cover .article:first-of-type .article-title{font-size: 28px;}
.bx-video-cover .article-desc{display: none;}
/* bx-video-listing */
.bx-video-listing .article{width: calc((100% - 90px) / 4);float: left;margin: 0 0 30px 30px;}
.bx-video-listing .article:nth-child(4n+1){margin-left: 0;clear: both;}
/* bx-video-detail */
.bx-video-detail{background: #f5f5f5;}
.bx-video-image {width: 770px;float: left;}
.pc-video-detail .bx-video-image .embed-ifame,.bx-video-image .embed-video,.bx-video-image .article-image .embed-ifame {position: absolute; left: 0;right: 0;top: 0;bottom: 0;padding-top: unset;height: auto;}
.bx-video-info {float: right;width: calc(100% - 770px);padding: 15px 15px 15px 30px;overflow-y: scroll;scrollbar-width: thin;height: 430px;}
.bx-video-info::-webkit-scrollbar{width: 1px;}
.bx-video-info::-webkit-scrollbar-track {background: #f1f1f1;}
.bx-video-info::-webkit-scrollbar-thumb {background: #005a79;}
.video-desc{text-align: justify;}
.MASTERCMS_MEDIA_BOX, .MASTERCMS_MEDIA_BOX.oembed-provider-youtube,
.bx-video-detail .bx-video-image {position: relative;}
.MASTERCMS_MEDIA_BOX::before, .MASTERCMS_MEDIA_BOX.oembed-provider-youtube::before,
.pc-video-detail .bx-video-detail .bx-video-image::before {content: '';padding-top: 56.25%;display: block;}
.embed-ifame,.embed-video {position: relative;padding-top: 56.25%;height: 0;}
.MASTERCMS_MEDIA_BOX iframe, .MASTERCMS_MEDIA_BOX.oembed-provider-youtube iframe,
.embed-ifame iframe,.embed-video iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.bx-video-image .article-image{margin: 0;}
.video-title{font-size: 22px;margin-bottom: 10px;}
.bx-video-detail .article-detail-info {margin-bottom: 10px;}
.video-social {display: flex;align-items: center;gap: 5px;flex-direction: row;}
.video-social .share-social__link{width: 38px !important;height: 38px !important;;border-radius: 38px;display: block;line-height: 38px;text-align: center;font-size: 18px;background: #9ed5e8;color: #005a78;position: relative;cursor: pointer;}
.video-author,.video-source{text-align: right;}
/* bx-podcast-cover */
.ico-podcast {display: block;position: absolute;left: 5px;bottom: 5px;z-index: 1;font-size: 16px;color: #fff;transition: 0.3s ease;}
.ico-podcast::before, .ico-pod::before {content: '\f130';font-weight: 700;font-family: 'FontAwesome', sans-serif;padding-left: 5px;}
/* podcast-detail */
.bx-cover-video .ico-podcast, 
.bx-four-cat .ico-podcast {display: block;position: absolute;left: 5px;bottom: 5px;z-index: 1;font-size: 16px;color: #fff;transition: 0.3s ease;}
.ico-podcast::before, .ico-pod::before {content: '\f130';font-weight: 700;font-family: 'FontAwesome', sans-serif;padding-left: 5px;}
.bx-four-cat .article:hover .ico-player {opacity: .8;}
.bx-podcast-detail {border: 1px solid #e5e5e5;background-color: #fefefe;-webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);box-shadow: 0px 4px 4px rgb(0 0 0 / 10%);border-radius: 8px;padding: 50px;position: relative;}
.podcast-detail-title {font-size: 30px;text-align: center;padding: 0 200px;margin-bottom: 20px;}
.podcast-detail {background-color: #0e76bc;padding: 32px 0;}
.article-podcast-info {text-align: center;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;gap: 15px;}
.article-podcast-social {display: flex;align-items: center;gap: 5px;flex-direction: row;}
.article-podcast-social .share-social__link{width: 38px !important;height: 38px !important;;border-radius: 38px;display: block;line-height: 38px;text-align: center;font-size: 18px;background: #9ed5e8;color: #005a78;position: relative;cursor: pointer;}
.podcast-detail-content {position: relative;}
.podcast-detail-desc {text-align: justify;padding: 0 150px;margin-bottom: 20px;}
.podcast-detail .article-image {width: 360px;float: left;margin-right: 30px;margin-bottom: 0;}
.podcast-detail .article-image::before {padding-top: 120%;}
.podcast-detail .article-image img{min-height: 100%;object-fit: cover;}
.podcast-detail .podcast-detail-title {font-size: 36px;line-height: 1.4;margin-bottom: 10px;color: #fff;}
.podcast-detail .podcast-detail-desc {font-size: 15px;line-height: 1.5;color: #fff;margin-bottom: 10px;}
.hna-podcast-desc {height: 120px;overflow-y: scroll;scrollbar-width: thin;}
.hna-podcast-desc::-webkit-scrollbar {width: 2px;}
.hna-podcast-desc::-webkit-scrollbar-thumb {background: #299db9;}
.hna-podcast-desc::-webkit-scrollbar-track {background: #69cae1;}
.podcast-detail-social a {width: 37px;height: 37px;border-radius: 37px;color: #fff;display: inline-block;text-align: center;line-height: 36px;font-size: 16px;position: relative;margin-right: 5px;border: 1px solid #fff;}
.podcast-detail-info {margin-bottom: 15px;}
.podcast-detail-info .article-date, .podcast-detail-info .article-cat {color: #fff;}
.pod-left {float: left;width: 878px;margin-right: 22px;}
.pod-right {float: right;width: 300px;}
/* podcast-player */
.pcast-play {float: left;width: 48px;height: 48px;display: block;border-radius: 100%;background-color: #005a79;color: #fff;border: 1px solid #fff;font-size: 15px;margin: 0 10px;cursor: pointer;outline: none;}
.pcast-pause {float: left;width: 48px;height: 48px;display: block;border-radius: 100%;background-color: #005a79;color: #fff;border: 1px solid #fff;font-size: 15px;margin: 0 10px;cursor: pointer;outline: none;}
.pcast-rewind{float: left;width: 48px;height: 48px;background: url(../images/mb/podcast-rewind.svg) center center no-repeat;display: block;border: 0;cursor: pointer;outline: none;}
.pcast-forward{float: left;width: 48px;height: 48px;background: url(../images/mb/podcast-forward.svg) center center no-repeat;display: block;border: 0;cursor: pointer;outline: none;}
.pcast-rewind .fa,.pcast-rewind span,.pcast-forward .fa,.pcast-forward span{display: none;}
.pcast-time {color: #005a79;font-size: 14px;font-family: 'Roboto', sans-serif;float: left;height: 48px;line-height: 48px;margin: 0 15px;}
.pcast-currenttime::after {content: '/';margin-left: 5px;}
.pcast-progress {width: 670px;height: 4px;float: left;line-height: 0;border: none; outline: 0;box-shadow: none;-webkit-box-shadow: none;vertical-align: unset;margin-top: 22px;cursor: pointer;}
.pcast-progress::-webkit-progress-bar {background-color: #9ed5e8;}
.pcast-progress::-webkit-progress-value {background-color: #005a79;}
.ico-circle {content: '';width: 18px;height: 18px;background-color: #fff;border-radius: 100%;position: absolute;left: 0;top: 4px;transform: translateX(-50%);}
.pcast-mute {float: left;display: block;height: 48px;line-height: 48px;border: 0;outline: none;cursor: pointer;font-size: 20px;color: #005a79;background-color: transparent;margin: 0 10px;}
.pcast-speed {background: transparent;font-size: 14px;font-family: 'NotoSans-Bold', sans-serif;float: right;margin-top: 14px;}
/* mobile-version */
.tbnh-mobile{width: 56px;height: 56px;border-radius: 50%;background: #005a78;display: none;align-items: center;justify-content: center;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);position: fixed;top: 52%;right: 20px;cursor: pointer;transition: all 0.4s ease, transform 0.4s ease;font-size: 28px;color: #fff;z-index: 9999;}
@media (max-width: 800px) {
    .tbnh-mobile {
        display: flex;
    }
}
/* list-paper */
.list-paper .article-title {font-size: 15.8px;}
.list-paper .article-image {border: 1px solid #ebebeb;}
.list-paper .article-image::before {padding-top: 139.6%;}
.layout-grid-special {display: grid;grid-template-columns: 300px auto;grid-column-gap: 25px;}
.bx-special-name {font-size: 20px;text-transform: uppercase;font-family: 'Roboto-Bold', sans-serif;text-align: center;margin-bottom: 20px;color: #005a79;}
.bx-newspaper-special {background-color: rgb(0 90 121 / 25%);padding: 20px 10px 10px;}
.bx-newspaper-special .article-title {color: #000;text-align: center;font-size: 16px;margin-bottom: 5px;}
.bx-newspaper-special .article-image {border: 1px solid #ebebeb;margin-bottom: 0;}
.bx-newspaper-special .article-image::before {padding-top: 139.6%;}
.bx-newspaper-special .article-desc {margin: 6px 0;}
.bx-newspaper-special .article-desc:empty {display: none;}
.special-arr {position: absolute;width: 28px;height: 56px;background-color: rgb(255 255 255 / 85%);line-height: 56px;text-align: center;font-size: 18px;top: 50%;z-index: 9;cursor: pointer;}
.arrs-prev {left: 0;border-radius: 0 3px 3px 0;}
.arrs-next {right: 0;border-radius: 3px 0 0 3px;}
.list-newspaper-special .article {margin-top: 12px;width: 100%;clear: both;display: block;float: left;display: flex;align-items: center;}
.list-newspaper-special .article:first-child {margin-top: 0;}
.list-newspaper-special .article-image {width: 110px;margin-right: 10px;float: left;margin-bottom: 0;border: 1px solid #ebebeb;flex-shrink: 0;flex-grow: 0;}
.list-newspaper-special .article-image::before {padding-top: 139.6%;}
.list-newspaper-special .article-title {font-size: 16px;}
.list-newspaper-special .article-desc {margin-top: 6px;}
.list-newspaper-special .article-desc:empty {display: none;}

@keyframes blink {
    0%, 100% {
        background-color: #ed1c24;
    }
    50% {
        background-color: #cf1d24;
    }
}
.price-list a {color: #fff;text-align: center;background-color: #005a79;border-radius: 5px;display: block;animation: blink 1s infinite;text-transform: uppercase;font-family: 'Roboto-Bold', sans-serif;padding: 12px 10px;font-size: 20px;line-height: 1.6;}
/* bx-four-cat */
.bx-four-cat .article {float: left;width: calc((100% - 3*25px) / 4);margin-left: 25px;margin-top: 25px;}
.bx-four-cat .article:nth-child(-n+4) {margin-top: 0;}
.bx-four-cat .article:nth-child(4n+1) {margin-left: 0;clear: both;}
.bx-four-cat .article-title {font-size: 16px;}
.bx-four-cat .article-desc {display: none;}
.ico-player {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;font-size: 28px;color: #fff;transition: 0.3s ease;}
.bx-four-cat .ico-player::before {content: '\f04b';font-weight: 700;font-family: 'FontAwesome', sans-serif;}
.bx-four-cat .article:hover .ico-player {opacity: .8;}
/* popup */
.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;z-index: 999;}
.popup {margin: 20% auto;padding: 20px;background: #fff;border-radius: 5px;width: 40%;position: relative;transition: all 5s ease-in-out;text-align: center;}
.popup h2 {margin-top: 0;color: #003070;margin-bottom: 15px;}
.popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
.popup .close:hover {color: #06D85F;}
.popup .content {max-height: 30%;overflow: auto;}
@media screen and (max-width: 700px){
.box{width: 70%;}
.popup{width: 70%;}
}
/* bx-cat-game */
.bx-cat-game{background: #d9e6eb;margin-top: 50px;}
.bx-game-title {
    height: 53px;
    position: relative;
    top: -26px;
    left: -26px;
}
.bx-game-title::before{
    content: '';
    display: block;
    width: 53px;
    height: 53px;
    background: url(../images/mb/ico-competition.png) center center no-repeat;
    position: relative;
    z-index: 2;
    transform: rotate(45deg);
}
.bx-game-name {
    background: #005a78;
    color: #fff;
    position: absolute;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 15px;
    border-radius: 6px;
    top: 14px;
    left: 45px;
}
.bx-game-award {
    background: #ed1c24;
    color: #fff;
    position: absolute;
    font-size: 10px;
    height: 16px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0 5px;
    line-height: 16px;
    top: 40px;
    left: 55px;
}
.bx-cat-game .bx-cat-content{
    padding: 0 30px 30px 30px;
}
.bx-game-contester{color: #005a79;text-align: center;}
#__RUN_DEMO_FORM .form-group{font-size: 16px;}
#__RUN_DEMO_FORM .form-group:not(:first-child){margin-top: 20px;}
#__RUN_DEMO_FORM .label-bold{display: flex;flex-direction: column;gap: 10px;}
#__RUN_DEMO_FORM .form-control {
    width: 100%;
    max-width: 300px;
    height: 36px;
    border-radius: 5px;
    padding: 0 10px;
    background: #e9f0f3;
    outline: none;
}
/* bx-game-result */
.bx-game-result .bx-cat-content{
    position: relative;
    border: 1px solid #d9e6eb;
    padding: 30px;
    font-size: 16px;
}
.bx-game-result .bx-cat-content:not(:first-child){margin-top: 30px;}
.game-week {
    background: #005a78;
    position: absolute;
    left: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    color: #fff;
    top: -15px;
}
.bx-game-result .bx-cat-content p{margin-top: 20px;}
.game-anwser{color: #005a78;}