@import "fancybox.css";
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;list-style: none;}
@font-face {font-family:'Roboto-Regular';src: url('fonts/Roboto/Roboto-Regular.ttf');}
@font-face {font-family:'Roboto-Bold';src: url('fonts/Roboto/Roboto-Bold.ttf');}
@font-face {font-family:'Roboto-Medium';src: url('fonts/Roboto/Roboto-Medium.ttf');}
@font-face {font-family:'RobotoCondensed-Bold';src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf');}
@font-face {font-family:'Silka';font-style: normal;src: url('fonts/Silka/Silka-Regular.otf');}
@font-face {font-family: 'SourceSerif4-Bold'; src: url('fonts/SourceSerif4/SourceSerif4-Bold.ttf');}
@font-face {font-family: 'SourceSerif4-Regular'; src: url('fonts/SourceSerif4/SourceSerif4-Regular.ttf');}
@font-face {font-family: 'Rosewood-Regular'; src: url('fonts/Rosewood/Rosewood-Regular.ttf');}
@font-face {
    font-family: 'Inter-Regular';
    src: url('./fonts/Inter/Inter-Regular.ttf');
    font-weight: 400;
}
body {font-family: 'Inter-Regular', sans-serif;font-size: 14px;line-height: 1.4;color: #333;min-width: 1120px;}
/* #header > *:not(.top-head-banner), .footer-center {
    filter: grayscale(1);
} */
img{border: 0;max-width: 100%;}
a{text-decoration: none;}
.home-coverange .post-link:hover,
.title-subcat-name a:hover, .bx-subcat .post-link:hover,
._PC_ARTICLE .author-publisher:hover, a:hover,.wishlist:hover,.forum:hover,.bx-cat-title h2 a:hover{color: #3e4095;text-decoration: none;}
.clearfix {display: block;}
.clearfix:after,
.clearfix:before {content: '';display: block;height: 0;clear: both;visibility: hidden;}
.lt{float: left;}.rt{float: right;}.fw{width: 100%;}
.fa-color{color: #3e4095;}
.icoPhoto,.icoVideo,.ico-headphone{display: block;width: 28px;height: 28px;text-align: center;background: #3e40958c;position: absolute !important;left: 5px !important;bottom: 5px !important;top: unset !important; right: unset !important;}
.icoPhoto i,.icoVideo i,.ico-headphone i{color: #fff;line-height: 28px;}
.icoVideo + .icoPhoto{display: none;}
.icoVote,.icoComment {font-size: 14px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;color: #3e4095;margin-left: 3px;}
.icoComment i{margin-right: 3px;}
/* .icoVote .fa-thumbs-up:before{content: 'Vote';} */
.main-menu .lv1 > a,.video-title-link,.bx-cat-title h2,.bx-cat-special-title h2,.bx-topic-title h2,.bx-mostview-title h2,.bx-spotlight-title h2,.bx-wishlist-title h2,.video-cat-title h2,.video-cat-title h1,.mobile-button{font-family: 'RobotoCondensed-Bold', Arial, sans-serif;}
b,strong,.post-cafe .post-title,.post .post-title,.bx-post .post-title,.bx-spotlight ul li a,.support-idea,.support-tel,.support-ads,.footer-center h4,._PC_ERRORPAGE h1,.bx-search-result-keyword h1,.video-listing h2,._PC_ARTICLE .bx-post-title,._PC_ARTICLE .bx-desc,.post-tag span,._PC_VIDEO_DETAIL h1,.post-social > span{font-family: 'Roboto-Bold', Arial, sans-serif;}
/* top-head-page */
.top-head-page{height: 30px;line-height: 30px;background: #eee;position: relative;z-index: 2;}
.webpage::after,.copyright::after{display: none;}
.site-center{width: 1180px;margin: 0 auto;text-align: left;}
.ico-streaming{font-size: 12px;font-weight: 500;color: #999;margin-right: 15px;}.ico-streaming i{margin-right: 5px;}
.ico-facebook,.ico-twitter,.ico-rss{display: inline-block;width: 22px;height: 22px;border-radius: 50%;margin: 4px 0 0 5px;text-align: center;}.ico-facebook{background: #4267b2;}.ico-twitter{background: #1da1f2;}.ico-rss{background: #f2994a;}
.ico-facebook i,.ico-twitter i,.ico-rss i{font-size: 12px;color: #fff;line-height: 22px;}
/* top-head-logo */
.top-head-logo{padding: 15px 0;position: relative;z-index: 2;background: #fff;}
.top-head-logo .site-center{position: relative;}
/* .top-head-logo .logo img{height: 75px;} */
.top-head-logo .logo img{height: 90px;margin-left: -19px;}
.hashtag{margin: 25px 0 0 50px;}
.hashtag i{font-size: 18px;color: #febd5c;line-height: 28px;}
.hashtag a{display: block;float: left;height: 28px;line-height: 28px;margin-left: 10px;border: 1px solid #ddd;border-radius: 14px;padding: 0 10px;color: #333;font-size: 13px;}.hashtag a:hover{border-color: #febd5c;}
/* .hobby{margin-top: 25px;}
.hobby a{font-size: 13px;height:28px;line-height: 28px;text-transform: uppercase;margin-left: 15px;color: #555;}
.hobby a.wishlist{margin-left: 0;}
.wishlist i,.forum i{display:inline-block;width:28px;height:28px;line-height:28px;border: 1px solid #ddd;text-align: center;border-radius: 14px;font-size: 12px;margin-right: 5px;letter-spacing: normal;}
.hobby a.bizlive{background: #3e4095;color: #fff;padding: 0 10px;border-radius: 14px;}.hobby a.bizlive i{font-size: 12px;vertical-align: 1px;} */
/* direction */
.direction {text-align: right;display: flex;align-items: center;}
a.page-more {/* float: right; */display: inline-block;text-align: right;margin-left: 15px;}
.page-more img {height: 38px;}
/* top-head-menu */
#header-nav.header_cloned {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    overflow: visible;
    -webkit-box-shadow: 0 1px 3px rgb(80 80 80 / 20%), 0 3px 5px rgb(80 80 80 / 15%);
    box-shadow: 0 1px 3px rgb(80 80 80 / 20%), 0 3px 5px rgb(80 80 80 / 15%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* #header-nav.nav-up {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
} */
.top-head-menu{height: 46px;background: #3e4095;position: relative;}/* background: #6263bd; */
.main-menu .lv1{float: left;position: relative;}
.main-menu .lv1 > a{font-size: 14px;line-height: 46px;text-transform: uppercase;color: #dddeff;padding: 0 14px;}/*color: #a4ccb2;*/
.main-menu .lv1 > .homepage{padding: 0 15px;}/*color: #a4ccb2;*/
.main-menu .lv1 > a > i{line-height: 45px;}
.main-menu .lv1:hover,.main-menu .lv1.active{background: #ed393f;}
.main-menu .lv1:hover > a,.main-menu .lv1.active > a,.support-ads:hover,.backToHomepage:hover{color: #fff;}
.sub-menu{display: none;}
.main-menu .lv1:hover .sub-menu{display: block;position: absolute;z-index: 999;box-shadow: 0 2px 4px rgb(34 25 25 / 40%);}
.sub-menu li{background: #eee;border-top: 1px solid #dddeff;}
.sub-menu li:first-child{border-top: 0;}
.sub-menu li a {white-space: nowrap;padding: 0 18px;line-height: 36px;color: #333;}.sub-menu li:hover a{color: #6263bd;}
/* search */
.main-menu .lv1.last{float:right;cursor: pointer;border-right: 1px solid #dddeff;}
.main-menu .lv1.last:hover{background: none;}
.search{position: relative;}
.notification{display: none;}
.search > span,.notification > span,.navbar > span{display: block;padding: 0 18px;border-left: 1px solid #dddeff;height: 46px;}
.search > span i,.notification > span i, .navbar > span i{color:#fff;line-height: 46px;}
.navbar > span .ico-bars {margin: 22px 0px;position: relative;cursor: pointer;}
.ico-bars, .ico-bars::before, .ico-bars::after {background: #fff;content: '';display: block;float: left;width: 18px;height: 2px;}
.ico-bars::before, .ico-bars::after {position: absolute;-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0);transition-duration: 400ms;transition-property: all;ransition-timing-function: cubic-bezier(.7,1,.7,1);}
.ico-bars::before {top: -6px;}
.ico-bars::after {top: 6px;}
.ico-bars-clicked {background: transparent;}
.ico-bars-clicked::before {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.ico-bars-clicked::after {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
/* .bx-search {display:none;position: absolute;top: 46px;right: 0;background: #eee;width: 250px;padding: 5px;z-index: 3;}
.bx-search input[type="button"]{display: none;}
.bx-search input[type="text"] {width: 100%;border: 1px solid #dedede;line-height: 30px;outline: none;padding: 0 5px;} */
#frmSearch {
    width: 250px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    outline: none;
    border: 1px solid #e5e5e5;
    border-radius: 32px;
    margin: 10px 0;
    display: block;
    clear: both;
}
#frmSearch input[type="text"] {
    line-height: 32px;
    width: calc(100% - 32px);
    outline: 0;
    border: 0;
    background-color: transparent;
    float: left;
    padding-left: 12px;
}

#frmSearch button[type="submit"] {
    float: right;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 0;
    outline: 0;
    text-align: center;
    cursor: pointer;
}

.header-menu-main {
    position: relative;
    margin-bottom: 30px;
    z-index: 99;
}
.col-cat {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px 0;
}
.row-cat {
    /* float: left; */
    margin: 0 10px 30px;
}
.link-row-cat {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    padding: 0 20px;
    color: #333;
    margin-bottom: 10px;
    display: block;
    font-family: 'Roboto-Bold', sans-serif;
}
.sub-row-cat a {
    padding: 2px 20px;
    display: block;
    color: #666;
}

.header-mega-menu {
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 0px 2px rgb(0 0 0 / 30%);
    transition: 0.5s all;
    z-index: 9999;
    overflow: hidden;
}
.header-mega-menu.show {
    display: block;
    transition: .5s ease;
}

.row-cat {
    float: left;
}
.row-cat a:hover {
    color: #3e4095;
}
.highlight{background: yellow;}

/* top-head-banner */
/* .top-head-banner{margin-bottom:30px;text-align: center;} */
.top-head-banner img{height: auto;}
._PC_DETAIL_CAFE .top-head-banner,
._PC_DETAIL .top-head-banner {margin-bottom: 30px;}
.banner-slider {overflow: hidden;}
.hna-qc-item {float: left;}
.hna-qc-item img {
    height: auto;
}
.banner-sticky {
    position: sticky;
    left: 0;
    top: 60px;
}
/* coverage */
.coverage{padding: 30px 0;background: url(../images/bg-coverage.png) 0 0 repeat-x;}
.coverage .site-center {position: relative;}
/* .cover-headline .post{width: 50%;float: right;position: relative;margin-bottom: 30px;} */
.cover-post-left{width: 750px;float: left;overflow: hidden;margin-bottom: 30px;position: relative;}
.cover-post-left .post{width: 100%;position: relative;}
.cover-post-left .bx-pager {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 50;
    color: #ffffff38;
    letter-spacing: -1px;
    font-size: 14px;
    padding: 3px 5px;
}
/* .cover-headline .post:first-child{width: 750px;float: left;overflow: hidden;} */
/* .cover-headline .post:nth-child(2n){width: 330px;height: 421.88px;overflow: hidden;} */
.ico-post-tag{background: #703d9e;font-size: 12px;line-height:24px;text-transform: uppercase;display: block;position: absolute;top:0;left:0;z-index: 2;color: #fff;padding: 0 10px;border-bottom-right-radius: 12px;}
.ico-post-tag[attr-tag="Độc quyền"]{background: #703d9e;}
.ico-post-tag[attr-tag="Hot"]{background: #d73333;}
.ico-post-tag[attr-tag="New"]{background: #f2994a;}
.cover-post-left .post::before,.bx-cat-top .post::before{content: '';display: block;padding-top: 56.25%;}
.cover-post-left .post-image img,.bx-cat-top .post-image img{position: absolute;top: 0;right: 0;left: 0;width: 100%;}
.cover-post-left .post .post-info,.bx-cat-top .post-info{position: absolute;left: 0;bottom: 0;right: 0;width: 100%;z-index: 2;padding: 20px 20px 20px 20px;background: linear-gradient(180deg,transparent 0, 40%,#333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#000000",GradientType=0);}
.post-cate-date{margin-bottom: 5px;}
.post-cate{display: inline-block;font-size: 12px;text-transform: uppercase;color: #fff;background: #3e4095;height: 20px;line-height: 20px;padding: 0 10px;border-radius: 10px;}
.post-cate:hover{color: #fff;}
.post .post-title,.bx-post .post-title,.video-listing .bx-post-title,._PC_ARTICLE .bx-post-title{font-size: 20px;}
.cover-post-left .post-link,.bx-cat-top .post-link{color: #fff;}
/* .cover-headline .post:nth-child(2n) .post-image img{max-width: none;height: 100%;}
.cover-headline .post:nth-child(2n) .post-image span {position: absolute;top: 0;left: 0;right: 0;bottom:0;z-index: 1;background-repeat: no-repeat;background-position: 50%;background-size: cover;} */
/* cover-list-right */
.box-scroll {margin-bottom: 10px;height: 172px;overflow: auto;}
.box-scroll .post .post-title {font-family: 'Roboto-Regular', sans-serif;font-weight: 400;}
.box-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #fff;border-radius:10px;background-color:#fff;}
.box-scroll::-webkit-scrollbar{height:50px;width:3px;background:#e9ecef;}
.box-scroll::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #ccc;background-color:#ced4da;}
.cover-list-right{width: 330px;float: right;position: relative;margin-bottom: 25px;}
.cover-list-right .post {margin-top: 10px;padding-top: 10px;border-top: 1px solid #ddd;}
.cover-list-right .post:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.cover-list-right .bx-post-image,.cover-list-right .post-cate-date { display: none;}
.cover-list-right .post-title {font-size: 15px;line-height: 1.4;}
.cover-list-right .post-link {color: #333;}
/* bxCafeItem */
.bxCafeItem {background: #eee;overflow: hidden;position: relative;padding: 20px;padding-bottom: 30px;}
.jqCafeItem .slick-dots {bottom: 15px;z-index: 9999;}
.jqCafeItem .slick-dots li.slick-active button {background: #fff;}
.cat-title > h2 > a{
    font-size: 15px;
    line-height: 1.4;
    color: #9f224e;
    font-family: 'Roboto-Bold', sans-serif;
    margin-bottom: 5px;
    width: 100%;
    float: left;
}
.jqCafeItem .post-cafe {float: left;padding-left: 50px;padding-top: 10px;}
.jqCafeItem .post-cafe::before {content: '“';font-family: 'Rosewood-Regular', sans-serif;font-size: 74px;color: #333;position: absolute;left: 0;top: -10px;line-height: 1;}
.jqCafeItem .post-cafe .post-link {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}
.jqCafeItem .bx-post-image {
    display: block;
    float: right;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.jqCafeItem .bx-post-image::before {
    padding-top: 100%;
}
.jqCafeItem .bx-post-image img {
    object-fit: cover;
    -o-object-fit: cover;
}
.jqCafeItem .post-desc {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.jqCafeItem .post-author {
    display: block;
    color: #888;
    margin-top: 10px;
}
.jqCafeItem .post-intro {
    width: calc(100% - 115px);
    float: left;
}
.slick-dots li.slick-active button {
    background: #3e4095;
}
.cover-other .bx-post{width: 255px;margin-left: 30px;float: left;}
.cover-other .bx-post:nth-child(4n+1){margin-left: 0;clear: both;}
.bx-post-image{width: 100%;display: block;position: relative;overflow: hidden;}
.cover-other .bx-post-image,.bx-cat-left .bx-post-image,.bx-cat-bottom .bx-post-image,.bx-topic .bx-post-image,.video-cat-container .bx-post-image,.video-listing .bx-post-image,.video-listing .bx-post-title,.video-listing .bx-post-cate-date,._PC_ARTICLE .bx-post-title,._PC_ARTICLE .bx-post-cate-date,._PC_ARTICLE .bx-desc{margin-bottom: 10px;}
.bx-post-image::before{content: '';display: block;padding-top: 56.25%;}
.bx-post-image img{width: 100%;position: absolute;top: 0;right:0;left: 0;min-height: 100%;object-fit: cover; -o-object-fit: cover;}
.bx-post-cate-date{font-size: 12px;color: #999;margin-bottom: 5px;}
.bx-post-cate{color: #6263bd;text-transform: uppercase;}
.bx-post-cate:hover{text-decoration: underline;}
.bx-post .post-title{font-size: 16px;font-weight: normal;}
.bx-post-link{color: #333;}
.cover-other .post-date {display: none;}
/* video-index */
.video-index,.video-homepage,.video-listing{background: #eee;padding: 25px 0;margin-bottom: 30px;}
.video-index-title{margin-bottom: 25px;border-bottom: 1px solid #ddd;}
.video-title-link{font-size: 24px;color: #333;line-height: 36px;padding-bottom: 2px;border-bottom: 3px solid #3e4095;}
.media-title-link i,.video-title-link i{font-size: 14px;float: left;line-height: 36px;margin-right: 5px;}
.video-more{color: #3e4095;line-height: 36px;}.video-more i{font-size: 10px;margin-left: 5px;}
.video-index-container{position: relative;}
.video-index .bx-viewport{margin-bottom: 25px;}
.video-index-container ul li{width: 350px;}
.video-index .bx-post{background: #fff;}
.video-index .bx-post .post-title{padding: 10px;}
.video-index .bx-pager{text-align: center;}
.video-index .bx-pager-item,{display: inline-block;margin: 5px;}
.video-index .bx-pager-item .bx-pager-link{display: block;width: 8px;height: 8px;background: #ccc;text-indent: -9999px;border-radius: 8px;}
.video-index .bx-pager-item .bx-pager-link.active{background: #3e4095;}
.ico-play{display: block;position: absolute;z-index: 2;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50px;background: #00000060;top:calc(50% - 25px);left:calc(50% - 25px);}
.ico-play i{font-size: 16px;color: #3e4095;line-height: 50px;margin-left: 3px;}
.video-play,._PC_VIDEO_DETAIL .bx-post-desc,._PC_VIDEO_DETAIL .videoWrapper{margin-bottom: 10px;}
/* .___widget_video_article */
.videoWrapper,.__CMS_VIDEO_BOX {position: relative;padding-bottom: 56.25%;height: 0;}
.videoWrapper iframe,.__CMS_VIDEO_BOX iframe,.videoWrapper .jwplayer,.___widget_video_article .jwplayer {position: absolute;top: 0;left: 0;width: 100%;height: 100% !important;}
.___widget_video_article .audioWrapper audio {
    width: 100%;
}

.ldcd-portrait {
    max-width: 300px;
    margin: 0 auto;
    padding-bottom: 72.25%;
}

.ldcd-portrait > div {
    aspect-ratio: 9/16;
}
/* .___widget_video_article.widget_audio .videoWrapper,
.___widget_video_article.widget_audio {
    padding-top: unset;
    height: auto;
} */
.__MASTERCMS_CONTENT video,.__MASTERCMS_CONTENT_MOBILE video{width: 100%;}
/* media-index  */
.bx-cft .bx-cat-title h2 a,
.media-emag-container .bx-cat-title h2 a,
.media-title-link{font-size: 28px;font-weight: bold;color: #3e4095;font-family: 'Roboto-Bold', sans-serif;text-transform: initial;}
.media-index-title {/* display: flex;align-items: center;justify-content: space-between; */margin-bottom: 15px;position: relative;}
.subcat-name {padding: 0 15px;border-right: 1px solid #eee;font-size: 15px;font-family: "Roboto-Medium", sans-serif;text-transform: uppercase;color: #6c6e70;}
.sub-cat-media {margin-top: 10px;}
.subcat-name:last-child {border-right: none;}
.media-index .site-center {background-color: #f9f9f9;padding: 25px;border: 1px solid #eee;margin-bottom: 35px;}
/* .media-index .left-media {width: 510px;float: left;}
.media-index .left-media .bx-post {width: 100%;float: left;margin-left: 0;}
.media-index .left-media .post-subcat {font-size: 14px;color: #3e4095;margin-top: 12px;display: block;}

.media-index .right-media {width: 547px;float: right;}
.media-index .right-media .bx-post {width: 243px;float: left;margin-left: 30px;position: relative;margin-bottom: 20px;}
.media-index .right-media .bx-post:nth-child(2n+1) {clear: both;}
.media-index .right-media .bx-post:nth-child(n+3){margin-bottom: 0;}
.media-index .right-media .post-subcat {margin-top: 0;position: absolute;left: 10px;top: 110px;z-index: 2;color: #fff;font-size: 12px;background: #3e4095;height: 20px;line-height: 20px;padding: 0 10px;border-radius: 10px; text-transform: uppercase;display: inline-block;}
.media-index .left-media .post-subcat:hover,.media-index .right-media .post-subcat:hover {color: #c0c1ff;}
.media-index .right-media .bx-post-image::after {content: '';display: block;background: linear-gradient(180deg, rgba(48,48,48,0.002) 0%, rgba(48,48,48,0.45) 50%, rgba(48,48,48,0.85) 100%);position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 40px;z-index: 1;}
.media-index .right-media .post-desc {display: none;} */
/* .media-index .bx-post-image {overflow: hidden;border-radius: 5px;} */
.bx-cat-top .ico-player,
.media-index .ico-player{width: 81px;height: 81px;background-image: url(../images/ico-big-player.png);transform: translate(-50%,-50%);left: 50%;top: 50%;right: unset;bottom: unset;}
._PC_VIDEO .bx-cat-top .ico-player,
.media-index .ico-player {background-image: url(../images/play.svg);}
.left-media .post-desc {-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.ico-player {
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url(../images/ico-player.png) center center no-repeat;
    width: 30px;
    height: 30px;
    background-size: cover;
}
.ico-player[title="Podcast"] {
    background-image: url(../images/ico-podcaster.png);
}

.media-index .bx-post {
    width: calc((100% - 3*25px) / 4);
    float: left;
    margin-left: 25px;
    margin-top: 20px;
    position: relative;
}

.media-index .bx-post:first-child, .media-index .bx-post:nth-child(4n+3) {
    margin-left: 0;
    clear: both;
}

.media-index .bx-post:nth-child(-n+2) {
    width: calc((100% - 25px) / 2);
    margin-top: 0;
}
.media-index .post-title {font-size: 15px;margin-top: 10px;}
.media-index .bx-post:nth-child(-n+2) .post-title {font-size: 18px;}
.media-index .post-desc {
    display: none;
}

.media-index .bx-post:nth-child(-n+2) .post-desc {
    display: block;
    margin-top: 10px;
}

.media-index .bx-post:nth-child(-n+2) .post-subcat {
    font-size: 14px;
    color: #3e4095;
    margin-top: 12px;
    display: block;
}

.media-index .bx-post:nth-child(n+3) .post-subcat {
    position: absolute;
    left: 10px;
    top: 110px;
    z-index: 2;
    color: #fff;
    font-size: 12px;
    background: #3e4095;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 10px;
    text-transform: uppercase;
    display: inline-block;
}

.dropdown-media a {
    display: block;
    text-align: right;
    border-right: 0;
    border-top: 1px solid #eee;
    font-size: 14px;
    padding: 12px 0 8px;
    line-height: 1;
}
.dropdown-media a:first-child {border-top: 0;}
.dropdown-media {
    position: absolute;
    right: 0;
    top: 45px;
    background-color: #ddd;
    z-index: 1;
    min-width: 240px;
    padding: 0 10px;
    display: none;
}
.icon-down {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/ico-down.png) bottom center no-repeat;
    cursor: pointer;
}
/* bx-nsdn */
.bx-nsdn .bx-post-cate {display: block;margin-top: 5px;font-size: 12px;}
/* bx-item */
.bx-item .bx-post {
    width: 270px;
    float: left;
    padding: 0 15px;
}
.bx-item {
    margin-bottom: 20px;
    margin-top: 10px;
    
}
.bx-item .bx-post-image {
    margin-bottom: 10px;
}
.item-container-fluid {
    background-color: #d3e7ea;
    position: relative;
    padding: 0 0px 10px;
}
.bx-cat-item-container {
    
    overflow: hidden;
}
/* .bx-item-slick {
    margin: 0px;
} */
.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #fff;
    z-index: 1;
    height: 50px;
    width: 25px;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    line-height: 50px;
}
.slick-arrow.prev {
    left: 0;
    border-radius: 0 10px 10px 0;
}
.slick-arrow.next {
    right: 0;
    border-radius: 10px 0 0 10px;
}
.slick-dots {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -20px;
    left: 50%;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li.slick-active button {
    background: #3e4095;
}

.slick-dots li button {
    width: 7px;
    height: 7px;
    background: #ccc;
    border-radius: 7px;
    font-size: 0;
    margin: 0 2px;
    transition: 0.25s;
    border: 0;
    outline: 0;
    cursor: pointer;
}

.slick-arrow {
    cursor: pointer;
    transition: 0.3s;
}


/* main-body */
.main-body,.bx-cat,.bx-cat-title,.bx-cat-special,.bx-topic,.bx-mostview,.bx-mostview-title,.bx-wishlist-title,.navigation{margin-bottom: 25px;}
.col-left{width: 820px;}
.col-right{width: 300px;}
.banner-col-2,.banner{width: 100%;overflow: hidden;float: left;margin-bottom: 30px;}
.banner-col-2 img, .banner-center-contest img, .banner img{height: auto;}

.banner-after-page {
    width: 300px;
    position: absolute;
    top: 0;
    left: 100%;
    padding-left: 20px;
}
.banner-after-page .banner-after-item {
    margin-bottom: 10px;
}
.main-body .site-center{background: url(../images/bg-main-body.png) top 0 right 300px repeat-y;}
.bx-cat-title,.bx-mostview-title,.bx-wishlist-title,._PC_DETAIL .navigation,._PC_ARTICLE {border-bottom: 1px solid #ddd;}
.bx-cat-title h2,.bx-cat-special-title h2,.bx-topic-title h2,.bx-mostview-title h2,.bx-spotlight-title h2,.bx-wishlist-title h2,.video-cat-title h2,.video-cat-title h1{font-size:24px;text-transform: uppercase;}
.bx-cat-title h2 a,.bx-cat-title h2 span,.bx-cat-special-title h2 a,.bx-topic-title h2 a,.bx-mostview-title h2 span,.bx-spotlight-title h2 a,.bx-wishlist-title h2 span,.video-cat-title h2 a,.video-cat-title h2 span,.video-cat-title h1 a,.video-cat-title h1 span{color: #333;line-height: 36px;padding-bottom: 2px;border-bottom: 3px solid #3e4095;}
.bx-cat-left{width: 420px;}
.bx-cat-right{width: 300px;}
.bx-cat-left .post-title{font-size: 20px;margin-bottom: 10px;}
.bx-cat-right .bx-post,.bx-mostview .bx-post,.bx-wishlist .bx-post{border-top: 1px solid #ddd;padding-top: 20px;margin-top: 20px;width: 100%;float: left;}
.bx-cat-right .bx-post:first-child,.bx-mostview .bx-post:first-child,.bx-wishlist .bx-post:first-child{border-top: 0;padding-top: 0;margin-top: 0;}
.bx-cat-right .bx-post-image,.bx-wishlist .bx-post-image{width: 95px;height: 95px;float: left;margin-right: 20px;}
.bx-cat-right .bx-post-image::before,.bx-wishlist .bx-post-image::before{padding-top: 100%;}
.bx-cat-right .bx-post-image span,.bx-wishlist .bx-post-image span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-repeat: no-repeat;background-position: 50%;background-size: cover;}
.bx-catFirst .bx-post:first-child .bx-post-image{width: 100%;margin: 0 0 10px 0;height: auto;}
.bx-catFirst .bx-post:first-child .bx-post-image:before{padding-top: 56.25%;}
/* bx-cat-special */
.bx-cat-special-title,.bx-topic-title{border-top: 2px solid #3e4095;padding: 10px 0 15px 0;}
.bx-cat-special-title h2 a,.bx-topic-title h2 a,.bx-spotlight-title h2 a,.video-cat-title h2 a,.video-cat-title h2 span,.video-cat-title h1 a,.video-cat-title h1 span{padding-bottom: 0;border-bottom: 0;}
.bx-cat-top .post{position: relative;overflow: hidden;margin-bottom: 20px;}
.bx-cat-bottom .bx-post,.video-cat-container .bx-post{width: 236px;float: left;margin-left: 21px;}
.bx-cat-bottom .bx-post:nth-child(3n+1),.video-homepage .bx-cat-bottom .bx-post:nth-child(3n+1),.video-cat-container .bx-post:nth-child(3n+1){margin-left: 0;clear: both;}
/* .home-coverage */
.home-coverange .post {width: 330px; float: right;border-top: 1px solid #ebebeb;margin-top: 20px;padding-top: 20px;}
.home-coverange .post-title {font-size: 16px;margin-bottom: 10px;}
.home-coverange .post-link {color: #000;}
.home-coverange .bx-post-image {width: 150px;margin-right: 20px;float: left;}
.home-coverange .post-desc {color: #999;}
.home-coverange .post:nth-child(-n+2) {margin-top: 0;padding-top: 0;border-top: 0;}
.home-coverange .post:not(:first-child) {display: flex;flex-direction: column-reverse;}
.home-coverange .post:first-child {width: 750px;float: left;}
.home-coverange .post:first-child .post-title {font-size: 30px;}
.home-coverange .post:first-child .bx-post-image {margin-bottom: 10px;width: 100%;margin-right: 0;}
.home-coverange .post-cate-date, .home-coverange .post:first-child .desc-up, .home-coverange .post:not(:first-child) .desc-down {display: none;}
/* bx-cat */
.coverage .bx-cat-special .post-date,
.bx-cat-special .bx-post-cate-date,
.bx-cat .bx-post-cate-date {display: none;}
.coverage .bx-cat-special .bx-post-cate-date {display: block;}
.title-dhcd a {padding-left: 30px;background: url(../images/dhcd-ico.png) 0 0 no-repeat;background-size: 32px 32px;padding-left: 38px;padding-top: 5px;}
.breadcrumb .title-dhcd a{padding-top: 12px;}
.no-image .bx-post-image {display: none;}
/* .bx-cat-unlike */
.bx-cat-unlike .bx-post-image {margin-bottom: 10px;}
.bx-cat-unlike .post-title {font-size: 26px;margin-bottom: 8px;}
.bx-cat-unlike .bx-post-cate-date {display: none;}
/* cat-two-post */
.cat-two-post .bx-post {
    width: calc((100% - 15px*2) / 3);
    float: left;
    margin-left: 15px;
    margin-bottom: 25px;
}
.cat-two-post .bx-post:first-child {
    margin-left: 0;
}

.cat-two-post .bx-post-image {
    width: 100px;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}
.sub-menu li a,
.cat-two-post .bx-post .post-title {
    font-size: 14px;
}
/* bx-topic */
.bx-topic-title h2{padding: 0 10px;}
.bx-topic-title a i,.bx-spotlight-title a i,.video-cat-title a i,.video-cat-title span i,.bx-mostview-title span i,._PC_DETAIL .bx-cat-special-title span i{font-size: 14px;vertical-align: 3px;margin-right: 5px;}

/* bx-cat-podcast-special */
.bx-cat-podcast-special .bx-cat-right .bx-post-image{height: auto;}
.bx-cat-podcast-special .bx-cat-right .bx-post-image::before{padding-top: 56.25%;}
/* bx-mostview */
.bx-mostview-title h2 span,.bx-wishlist-title h2 span{border-bottom: 0;}
.bx-mostview .bx-post{padding-top: 25px;margin-top: 25px;}
.bx-mostview .bx-post-image{width: 285px;float: left;margin-right: 20px;}
.bx-mostview .post-title{font-size:20px;margin-bottom: 10px;}
/* bx-spotlight */
.bx-spotlight {background: #eee;padding: 10px 10px;}
.bx-spotlight ul li{width: 100%;float: left;border-top: 1px solid #fff;padding: 10px 10px;}
.bx-spotlight ul li:first-child{border-top: 0;padding-top: 0;}
.bx-spotlight ul li a{color: #3e4095;}
.bx-spotlight ul li a i{font-size: 6px;margin-right: 10px;vertical-align: 3px;}
/* ca-phe-toi */
/* box-view-title */
.box-view-title {
    font-size: 24px;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    color: #4f4f4f;
}
._PC_SUB_CAFE .box-view-title {
    font-size: 18px;
}
.col-780 {width: 780px;}
.w595 {width: 595px;float: right;}
.col-155 {width: 155px;float: left;margin-right: 30px;}
.sticky {
    position: sticky;
    left: 0;
    top: 70px;
}
.bt-10 {
    border-top: 1px solid #ababab;
    float: left;
    margin-bottom: 20px;
}
.bt-10 .view-title {
    padding: 12px 0;
}

.view-title .view-more {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 14px;
    float: right;
    color: #be2a2a;
    margin-top: 5px;
    font-weight: 400;
}
.view-title .view-more:hover,
.view-title .author-detail:hover {
    text-decoration: underline;
}
.col-300 {width: 300px;float: right;}
h2.view-title span,
h2.view-title a {
    color: #3e4095;
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 20px;
}
.bx-read-more-cafe .view-title {
    margin-bottom: 10px;
}
.item-cafe-topic {
    display: block;
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 1.5;
    margin: 18px 0 0 0;  
    color: inherit;
}
.topic-cafe {
    border: 1px solid #e5e5e5;
    padding: 15px;
    margin-bottom: 30px;
}
a.author-item {
    display: block;
    font-size: 16px;
    margin: 18px 0px;
    color: #222;
}
.bx-list-authors .bx-post,
.bx-both-item .bx-post {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
}
.section-authors-3 .bx-list-authors .bx-post:nth-child(-n+3),
.bx-list-authors .bx-post:nth-child(-n+2),
.bx-both-item .bx-post:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.bx-both-item .post-title {
    margin-bottom: 10px;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Roboto-Bold', sans-serif;
}
.bx-both-item .post-desc {-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}

.bx-list-cafe .bx-post-image {
    width: 80px;
    height: 80px;
    float: right;
    margin-left: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
}
.bx-list-cafe .bx-post-image::before {
    padding-top: 100%;
}
.bx-list-cafe .bx-post-cate {
    display: none;
}
.bx-list-cafe .post-meta {
    margin-top: 12px;
    float: right;
    clear: both;
}
.bx-read-more-cafe .post-title {
    font-size: 18px;
}
.post-author{
    display: block;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 14px;
    color: #757575;
}
.post-detail-author, 
.bx-authors .post-author {
    font-family: "Roboto-Medium", sana-serif;
    color: #222;
    font-weight: normal;
}

.bx-authors .post-author:hover {
    text-decoration: underline;
}
.post-signature,
.bx-authors .post-desc {
    margin-top: 10px;
    font-size: 16px;
    color: #757575;
}

.info-author .bx-post-image, 
.bx-authors .bx-post-image {
    float: left;
    width: 96px;
    height: auto;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden;
}
.info-author .bx-post-image::before,
.bx-authors .bx-post-image::before {
    padding-top: 100%;
}
.bx-list-authors .bx-post {
    width: calc((100% - 20px) / 2);
    float: left;
    margin-left: 20px;
}
.bx-list-authors .bx-post:nth-child(odd) {
    margin-left: 0;
    clear: both;
}

.bx-list-authors .post-author {
    font-size: 24px;
    margin-top: 16px;
}
.post-detail-author {
    font-size: 28px;
    margin-top: 16px;
}
.post-detail-info {
    clear: both;
    margin-top: 30px;
    float: left;
    font-size: 20px;
    line-height: 1.8;
}
.text-left {
    text-align: left;
}
.bx-authors-highlight .bx-post {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.bx-authors-highlight .bx-post-image {
    width: 56px;
}
.bx-authors-highlight .post-author {
    font-size: 18px;
}
.bx-authors-highlight .post-desc {
    margin-top: 3px;
}
.bx-post-authors .bx-post {
    background: #f7f7f7;
    padding: 17px 20px 20px 20px;
    margin-bottom: 20px;
}
.bx-post-authors .post-title {
    font-size: 24px;
}
._PC_DETAIL .bx-post-authors .post-title {
    font-size: 20px;
}
.bx-post-authors .post-desc {
    font-size: 18px;
    margin-top: 12px;
    line-height: 1.5;
}
._PC_DETAIL .bx-post-authors .post-desc {
    font-size: 14px;
}
.bx-post-authors .post-meta {
    margin-top: 10px;
}
.mb30{
    margin-bottom: 30px;
}
.section-authors-3 .bx-list-authors .bx-post {
    width: calc((100% - 2*20px) / 3);
    float: left;
    margin-left: 20px;
    clear: none;
}
.section-authors-3 .bx-list-authors .bx-post:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}
.section-authors-3 .view-title {
    border-top: 1px solid #ababab;
    margin-top: 30px;
    padding: 20px 0;
}
/* bx-newspaper-list */
.bx-newspaper-list .bx-post-image {
    border: 1px solid #e1e1e1;
}

.bx-newspaper-list .bx-post {
    width: calc((100% - 3 * 25px) / 4);
    float: left;
    margin-left: 25px;
    margin-bottom: 25px;
}

.bx-newspaper-list .bx-post:nth-child(4n + 1) {
    margin-left: 0;
    clear: both;
}

/* .bx-newspaper .bx-post-image::before, */
.bx-newspaper-list .bx-post-image::before {
    padding-top: 141%;
}
.bx-newspaper-list .post-title {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
}
.bx-newspaper-list .post-link {
    color: #222;
}
._PC_VIDEO_CAT .media-name::before,
._PC_VIDEO .media-name::before {
    content: "Video xem nhiều nhất";
}
._PC_PODCASTS .media-name::before,
._PC_PODCASTS_CAT .media-name::before {
    content: "Nghe nhiều";
}
/* bx-subcat */
.bx-subcat {
    padding: 15px;
    background-color: #ececec;
    margin-bottom: 15px;
    float: left;
}

.title-subcat-name a{
    font-family: 'Roboto-Bold', sans-serif;
    font-weight: 700;
    color: #3e4095;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}
.bx-subcat .post:not(:first-child) {margin-top: 15px;}
.bx-subcat .post-title {font-size: 16px;color: #333;margin-top: 10px;display: block;}
.bx-subcat .post-link {color: #333;}
/* bx-cat-topic */
.bx-cat-topic .bx-post {margin-bottom: 25px;}
.bx-cat-topic .bx-post-image, .bx-cat-topic .post-title {margin-bottom: 10px;}
/* footer-top */
.footer-top{padding: 20px 0;background: #eee;position: relative;z-index: 2;}
.support-idea,.support-tel,.support-ads{font-size:16px;float: left;color: #555;line-height: 36px;margin-left: 40px;}
.support-idea span,.support-tel span{float: left;display: block;width: 36px;height: 36px;text-align: center;background: #3e4095;border-radius: 36px;margin-right: 10px;}
.support-idea span i,.support-tel span i{color: #fff;line-height: 36px;font-size: 14px;}
.support-ads{background: #f2994a;color: #fff;border-radius: 36px;padding: 0 15px;}
.support-ads span{margin-right: 5px;}
/* footer-center */
/* .footer-center{font-size:13px;color:#ccc;border-top: 5px solid #3e4095;background: #444;padding: 25px 0 20px 0;position: relative;z-index: 2;}
.footer-body-left{width: 400px;}
.footer-body-center{width: 450px;}
.footer-body-right{width: 256px;}
.footer-center h4 {font-size: 18px;color: #fff;margin-bottom: 10px;display: block;height: 24px;}
.footer-body-right .ico-facebook, .footer-body-right .ico-twitter, .footer-body-right .ico-rss{width: 40px;height: 40px;}
.footer-body-right .button-social i{line-height: 40px;} */
/* footer-center */
.footer-center{font-size:13px;color:#555;border-top: 5px solid #3e4095;background:#eee;padding: 25px 0 20px 0;}
.footer-body-left{width: 270px;white-space:nowrap;}
.footer-body-center{width: 288px;padding-top: 22px;margin-right: 25px;}
.footer-body-contact{width: 292px;padding-top: 22px;}
.footer-center p {padding-bottom: 6px;}
.footer-body-right{width: 220px;padding-top: 22px;}
.footer-center h4 {font-size: 18px;color: #555;margin-bottom: 10px;display: block;height: 24px;}
.footer-body-right .button-social a{width: 27px;height: 27px;margin-left: 10px;background: #fff;overflow: hidden;border-radius: 27px;border: 1px solid #ccc;}
.footer-body-right .button-social .ico-rss {background: #f2994a;}
.button-social {display: flex;justify-content: flex-end;align-items: center;}
.footer-body-right h4 {text-align: right;font-family: 'Roboto-Regular', sans-serif;font-weight: 400;font-size: 14px;}
.footer-body-right .button-social i{line-height: 27px;}
.footer-body-center,.footer-body-contact {margin-bottom: 6px;}
.post-reader {
    background-color: #fff;
    border: 1px solid rgba(53,53,53,.25098);
    border-radius: 100px;
    color: #222;
    display: block;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-left: auto;
    text-align: center;
    width: 145px;
    margin-top: 30px;
}
.post-reader:nth-of-type(n+2) {
    margin-top: 10px;
}
.post-reader:hover {
    background-color: #ebebeb;
    color: #6263bd;
}
/* footer-logo */
.footer-logo img{width: 160px;mix-blend-mode: multiply;}
.footer-center .f-info-logo {font-family: 'Silka',sans-serif;color: #555;text-transform: uppercase;margin-top: 5px;letter-spacing: -1px;margin-bottom: 10px;}
/* footer-bottom */
.footer-bottom{background: #fff;padding: 15px 0;position: relative;z-index: 2;}
.footer-bottom .site-center{text-align: center;}
.footer-bottom a{color: #555;font-size: 13px;}
.gotop {background: #3e40956e;width: 50px;height: 50px;display: none;border-radius: 100%;position: fixed;bottom: 350px;right: 10px;cursor: pointer;z-index: 1000;}
.gotop i{color: #fff;line-height: 50px;}
.mobile-button {
    color: #474999;
    font-size: 14px;
    float: right;
    cursor: pointer;
    margin-top: 45px;
    display: inline-block;
}
.mobile-button:hover {
    opacity: .8;
}
.mobile-button > i {
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    line-height: 23px;
    z-index: 1;
    font-size: 20px;
    margin-right: 10px;
    display: inline-block;
}
.mobile-button > i.fa-mobile::after {
    content: '';
    border: 1px solid;
    position: absolute;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: rotate(45deg);
}
/* _PC_ERRORPAGE */
._PC_ERRORPAGE .main-page{padding: 60px 0;}
._PC_ERRORPAGE .main-page .site-center{text-align: center;}
._PC_ERRORPAGE h1{font-size:18px;color: #555;margin: 25px 0;}
.backToHomepage {display: inline-block;height: 40px;background: #3e4095;line-height: 40px;padding: 0 15px;border-radius: 40px;color: #fff;}
/* navigation */
/* .navigation ul li{float: left;margin-right: 7px;}
.navigation ul li a{font-size: 16px;text-transform: uppercase;color: #333;}
.navigation ul li a i{font-size: 12px;margin-right: 5px;vertical-align: 2px;} */
/* _PC_CAT */
.col-750{width: 750px;}.col-330{width: 330px;}
/* cate-cover */
.cate-cover .post{width: 236px;float: left;margin-left: 21px;}
.cate-cover .post:first-child {width: 100%;float: none;clear: both;margin-left: 0;position: relative;overflow: hidden;margin-bottom: 20px;}
.cate-cover .post:nth-child(3n + 2) {margin-left: 0;}
.cate-cover .post:first-child .bx-post-cate {display: inline-block;font-size: 12px;text-transform: uppercase;color: #fff;background: #3e4095;height: 20px;line-height: 20px;padding: 0 10px;border-radius: 10px;}
.cate-cover .post-title{font-size: 16px;font-weight: normal;}
.cate-cover .post-link {color: #333;}
.cate-cover .post:first-child .post-link {color: #fff;}
.cate-cover .post-image {margin-bottom: 10px;width: 100%;display: block;position: relative;overflow: hidden;}
.cate-cover .post-image::before{content: '';display: block;padding-top: 56.25%;}
.cate-cover .post-image img{width: 100%;position: absolute;top: 0;right:0;left: 0;min-height: 100%;object-fit: cover; -o-object-fit: cover;}
.cate-cover .post:first-child .post-info {position: absolute;left: 0;bottom: 0;right: 0;width: 100%;z-index: 2;padding: 20px 20px 20px 20px;background: linear-gradient(180deg,transparent 0, 40%,#333);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#000000",GradientType=0);}
._PC_CAT .bx-cat-special{margin-bottom: 0;}
.__MB_ARTICLE_PAGING{margin-top: 25px;text-align: center;}
.__MB_ARTICLE_PAGING span:first-child{display: none;}
.__MB_ARTICLE_PAGING span,.__MB_ARTICLE_PAGING a{display: inline-block;height: 34px;line-height: 34px;border: 1px solid #ddd;border-radius: 34px;width: 130px;color: #333;}
.__MB_ARTICLE_PAGING span.current{background: #eee;}
.__MB_ARTICLE_PAGING a:hover{border-color:#3e4095;}
/* _PC_SEARCH */
/* ._PC_SEARCH .top-head-menu{margin-bottom: 30px;} */
.bx-search-result {margin-bottom: 25px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.bx-search-result-keyword{font-size: 22px;color: #999;margin-bottom: 10px;}
.bx-search-result-keyword h1{font-size: 22px;display: inline;color: #333;}
.bx-search-result-notification{color: #999;}
.bx-search-result-notification span{font-weight: 700;}
/* video-homepage */
.video-homepage .bx-cat-top .post{margin-bottom: 30px;}
.video-homepage .bx-cat-bottom .bx-post{width: 350px;margin-left: 30px;}
.video-homepage .bx-cat-bottom .bx-post .post-title{padding: 0 10px 10px;}
/* video-cat */
.video-cat{border-bottom: 1px solid #ddd;}
.video-cat:last-child{border-bottom: 0;margin-bottom: 0;}
.video-cat,.video-cat-title,.video-cat-container .bx-post{margin-bottom: 20px;}
/* _PC_ARTICLE */
._PC_DETAIL .navigation{padding-bottom: 15px;margin-bottom: 20px;}
._PC_ARTICLE .bx-post-title{font-size: 24px;}
._PC_ARTICLE .author-publisher,
._PC_ARTICLE .post-publisher{margin-left: 5px;color: #999;text-transform: uppercase;}
._PC_ARTICLE .author-publisher i,
._PC_ARTICLE .post-publisher i{margin-right: 5px;vertical-align: 1px;}
._PC_ARTICLE .author-publisher + .post-publisher {display: none;}
._PC_ARTICLE .bx-desc{font-size: 20px;line-height: 1.4;text-align: justify;}
._PC_ARTICLE .bx-desc-cpt {font-family: 'Roboto-Regular', sans-serif;font-weight: 400;margin-bottom: 24px;}
.post-social{padding: 10px 0;position: relative;z-index: 2;}
.post-social > span{line-height: 20px;font-weight: 700;margin-right: 10px;}
.__MASTERCMS_CONTENT span,.__MASTERCMS_CONTENT p span {font-size: 20px !important;line-height: 1.4;}
.post-tag{border-top: 1px solid #ddd;background: #eee;padding: 10px;margin-bottom: 20px;}
.link-share-f {height: 20px;line-height: 21px;background: #1877f2;color: #fff !important;font-size: 11px;padding: 0 8px;border-radius: 3px;margin-left: 4px;}
.link-share-f i{margin-right: 4px;}
.post-tag span{text-transform: uppercase;color: #555;font-size: 16px;}
.post-tag a{color: #555;margin-right: 3px;font-size: 16px;}
.post-tag a:after {content: ',';display: inline-block;}
.post-tag a:hover{color: blue;}
.post-tag a:last-child:after {content: '';}
.banner-col-2 {width: 50%;}

.banner-list-item .banner-col-2:nth-child(2n + 1) {
    clear: both;
}
.bx-page-printer {position: relative;}
.bx-page-printer .bx-pager {position: absolute;left: 5px;bottom: 32px;z-index: 999;color: #fff;}
.bx-page-printer .bx-post {
    float: left;
    width: 100%;
    /* margin-left: 10px; */
    margin-bottom: 20px;
}
/* .bx-page-printer .bx-post:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
} */
.bx-page-printer .bx-post-image {
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
}
.bx-page-printer .bx-post-image::before {
    padding-top: 141%;
}
.bx-page-printer .bx-post .post-title {
    font-size: 14px;
    text-align: center;
}
._PC_DETAIL .col-right{position: relative;}
.sidebar-sticky{position: -webkit-sticky;position: sticky;top: 50px;}
._PC_DETAIL .bx-cat-special-title{border-top: 1px solid #ddd;}
._PC_DETAIL .bx-cat-special-title a.fa-color{color: #3e4095;}

/* _PC_DETAIL_CAFE */
._PC_DETAIL_CAFE ._PC_ARTICLE .bx-post-title {font-family: 'SourceSerif4-Bold', sans-serif;}
._PC_DETAIL_CAFE .bx-post-subtitle,
._PC_DETAIL_CAFE ._PC_ARTICLE .bx-desc-cpt,
._PC_DETAIL_CAFE .__MASTERCMS_CONTENT {font-family: 'SourceSerif4-Regular', sans-serif;}
._PC_DETAIL_CAFE .info-tac-gia {margin-bottom: 20px;}
._PC_DETAIL_CAFE .info-author .bx-post-image {width: 48px;}
._PC_DETAIL_CAFE .post-detail-author {font-size: 18px;}
._PC_DETAIL_CAFE .post-detail-author a {color: #222;}
._PC_DETAIL_CAFE .post-signature {margin-top: 5px; font-size: 14px;}
/* Comment */
.fancybox-desktop.fancybox-opened {width: 600px !important;}
.fancybox-inner {width: 100% !important;}
#comment-system-cms{background-color: #f7f7f7;padding: 20px;margin-bottom:20px;}
.comments-reply {background-color: #fff;border: 1px solid #eaeaea;margin-bottom: 10px;}
#TITLE_HOLDER{color: #fff;font-weight: 700;background: #006c2b;}
.box-reply,.article-comment,.box-comment,#commnet-top,.comments,.comment-actions,.comment-actions .reply{width:100%;float:left;}
.article-comment .box-comment .content{margin: 0;}
.box-comment textarea, .comment-actions .reply textarea {width: 100%;max-width: 100%;min-width: 100%;height: 90px;border: 1px solid #e6e6e6;padding: 10px;outline: 0;}
/* .__MB_ACTION_POST_COMMENT, .__MB_ACTION_POST_COMMENT-SUB, .__MB_USER_ACTION_POST_COMMENT, .__MB_USER_ACTION_CLOSED_COMMENT {height: 24px;display: inline-block;color: #fff;text-transform: uppercase;background-color: #3e4095;border: 0;font: 700 12px/24px 'RobotoCondensed-Bold', Arial,sans-serif;margin-top: 10px;cursor: pointer;border-radius: 12px;padding: 0 15px;outline: 0;} */
.__MB_USER_ACTION_POST_COMMENT{margin-right: 10px;}
#commnet-top {border-bottom: thin solid #eaeaea;padding: 0 10px;}
#commnet-top label {font-family: 'RobotoCondensed-Bold', Arial, sans-serif;float: left;font-size: 14px;text-transform: uppercase;color: #3e4095;height: 30px;font-weight: 700;line-height: 30px;}
#commnet-top label img{padding-right:8px;}
.__MB_FILTER_COMMENT {float: left;height: 30px;line-height: 31px;font-size: 11px;color: #444;background: url(../images/ico-binh-luan.png) left 9px no-repeat;padding-left: 8px;margin-left: 6px;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;}
.__MB_FILTER_COMMENT.current {color: #0077c0;}
.comments{padding:0;margin: 0;list-style:none;}
.comments li {width: 100%;float: left;border-bottom: 1px solid #eaeaea;}
.comments li:last-child{border-bottom: 0;}
.comments > li {padding: 10px;}
.comments li .meta {height: 24px;line-height: 24px;margin-bottom: 8px;}
.comments > li > .meta{margin-top: 0;}
.comments li .meta .author {font-size: 12px;font-weight: 700;float: left;font-family: 'RobotoCondensed-Bold', Arial, sans-serif;}
.comments li .meta img.avatar {width: 24px;height: 24px;border-radius: 12px;float: left;margin-right: 10px;background: #eaeaea;}
.comment-content {width: 100%;float: left;text-align: justify;font-size: 12px;}
.comment-content p{margin-top: 0;margin-bottom:5px;}
.comment-actions a,.comment-actions .time {margin-right: 15px;line-height: 20px;height: 20px;color: #999;text-decoration: none;float: left;font-size: 12px;}
.comment-actions a span {padding-right: 3px;}
.comment-actions a:hover{text-decoration: none;}
.comment-actions a.btnDislike {display: none;}
.comment-actions .reply{margin-top: 10px;display:none;}
.comment-actions .reply textarea{height:50px;}
.comments.sub-comments {padding: 0 0 0 40px;background-color: #fff;}
.comments.sub-comments li{border-bottom: 0;margin-bottom: 0;}
.comments.sub-comments li .comment-content {background: #fff;padding: 5px 0;}
.comments.sub-comments li .comment-actions{background: #fff;padding: 0;}
.comments.sub-comments .btnDislike{margin-right:0;}
.box-reply .__MB_CM_PAGING {width: 100%;border-top: 1px solid #eaeaea;float: left;text-align: center;padding: 5px;}
.box-reply .__MB_CM_PAGING a, .box-reply .__MB_CM_PAGING span {display: inline-block;height: 24px;line-height: 24px;background: #f7f7f7;font-weight: 700;padding: 0 7px;border-radius: 3px;color: #3e4095;}
.box-reply .__MB_CM_PAGING a:hover, .box-reply .__MB_CM_PAGING .current {background: #ccc;color: #fff;}
.box-reply .__MB_CM_PAGING span:first-child{display: none;}
.box-listing-grid {
    display: grid;
    grid-template-columns: auto 300px;
    grid-gap: 60px;
}
/* Bình chọn Video */
._PC_IMG_VIDEO .top-head-menu{margin-bottom: 0;}
._PC_IMG_VIDEO .main-body{background: #1b1b1b;margin-bottom: 0;}
._PC_IMG_VIDEO .main-body .site-center {background: url(../images/bg-main-body-video.png) top 0 right 270px repeat-y;}
._PC_IMG_VIDEO .main-body .box-listing-grid{grid-gap: 40px;}
._PC_IMG_VIDEO .main-body .col-left{width: 770px;}
._PC_IMG_VIDEO .main-body .col-left .video-cat .video-cat-container .bx-post .bx-post-image{background: #222;}
._PC_IMG_VIDEO .main-body .col-left .video-cat .video-cat-container .bx-post .bx-post-image img{height: 100%;object-fit: cover;}
/* bx-breaknews  */
._PC_IMG_VIDEO .bx-cat-title{border-color: #363636;}
._PC_IMG_VIDEO .bx-cat-title h2{color: #fff;}
._PC_IMG_VIDEO .bx-cat-title h2 span,._PC_IMG_VIDEO .bx-cat-title h2 a{color: inherit;line-height: 36px;padding-bottom: 4px;border-bottom: 1px solid #3e4095;}
.bx-breaknews .bx-post{width: 100%;float: left;margin-top: 18px;padding-top: 18px;border-top: 1px solid #363636;}
.bx-breaknews .bx-post:first-child{margin-top: 0;padding-top: 0;border-top: 0;}
.bx-breaknews .bx-post-image{margin-bottom: 10px;}
.bx-breaknews .bx-post-link{color: #fff;}
/* bx-labor */
.bx-labor-container{position: relative;}
.bx-labor .bx-post-image{margin-bottom: 10px;}
.bx-labor .bx-post-link{color: #fff;}
.bx-labor .bx-prev,.bx-labor .bx-next{width: 25px;height: 50px;line-height: 50px;background: #00000040;display: block;position: absolute;z-index: 999;top:40px;text-align: center;}
.bx-labor .bx-prev i,.bx-labor .bx-next i{color: #fff;line-height: 50px;}
.bx-labor .bx-prev{left: 0;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.bx-labor .bx-next{right: 0;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.bx-labor .bx-prev:hover,.bx-labor .bx-next:hover{background: #3e4095;}
.bx-labor .bx-pager{text-align: center;margin-top: 10px;}
.bx-labor .bx-pager-item{display: inline-block;margin: 5px;}
.bx-labor .bx-pager-item .bx-pager-link{display: block;width: 8px;height: 8px;background: #ccc;text-indent: -9999px;border-radius: 8px;}
.bx-labor .bx-pager-item .bx-pager-link.active{background: #3e4095;}
/* bx-cat-special */
._PC_IMG_VIDEO .bx-cat-special{margin-bottom: 25px;}
/* video-cat */
._PC_IMG_VIDEO .video-cat{border-bottom: 0;margin-bottom: 25px;}
._PC_IMG_VIDEO .video-cat .bx-post{width: 242px;margin-left: 22px;}
._PC_IMG_VIDEO .video-cat .bx-post:nth-child(3n+1){margin-left: 0;}
._PC_IMG_VIDEO .video-cat .bx-post-image::after{content: '';display: block;background-color: rgba(255, 255, 255, 0.3);width: 92%;height: 92%;top: 4%;left: 4%;opacity: 0;position: absolute;transform: rotate3d(1, 1, 0, 100deg);transition: all 0.7s ease 0s;}
._PC_IMG_VIDEO .video-cat .bx-post-image:hover::after{opacity: 1;transform: rotate3d(0, 0, 0, 0deg);transition-delay: 0.1s;}
._PC_IMG_VIDEO .video-cat .post-title{margin-bottom: 10px;}
._PC_IMG_VIDEO .video-cat .bx-post-link{color: #fff;}
._PC_IMG_VIDEO .__MB_ARTICLE_PAGING a,._PC_IMG_VIDEO .__MB_ARTICLE_PAGING span{width: auto;padding: 0 10px;border-radius: 5px;}
._PC_IMG_VIDEO .__MB_ARTICLE_PAGING a{background: #3e4095;color: #fff;border-color: #3e4095;}
._PC_IMG_VIDEO .__MB_ARTICLE_PAGING a:hover{opacity: .8;}
._PC_IMG_VIDEO .video-cat .post-react-info{font-size: 12px;color: #747474;margin-bottom: 5px;}
._PC_IMG_VIDEO .video-cat .post-react-author{text-decoration: underline;}
._PC_IMG_VIDEO .video-cat .post-react-tag{text-transform: uppercase;overflow-wrap: break-word;}
._PC_IMG_VIDEO .video-cat .post-react-like{font-size: 12px;color: #c4c4c4;background: url(../images/like-heart-s.png) left 1px no-repeat;padding-left: 20px;}
/* bx-video-slider */
._PC_IMG_VIDEO .bx-video-slider{width: calc(100% + 21px);}
._PC_IMG_VIDEO .bx-video-slider .bx-cat-container{position: relative;}
._PC_IMG_VIDEO .bx-video-slider .bx-post-thumb{background: #393939;padding: 22px;margin-bottom: 20px;}
._PC_IMG_VIDEO .bx-video-slider .ico-play{width: 86px;height: 86px;line-height: 86px;top: calc(50% - 43px);left: calc(50% - 43px);}
._PC_IMG_VIDEO .bx-video-slider .ico-play i{font-size: 24px;line-height: 86px;}
._PC_IMG_VIDEO .bx-video-slider .bx-post .post-title{font-size: 28px;margin-bottom: 10px;padding-right: 20px;}
._PC_IMG_VIDEO .bx-video-slider .bx-post .bx-post-link{color: #fff;}
._PC_IMG_VIDEO .bx-video-slider .post-react-info{font-size: 12px;color: #747474;}
._PC_IMG_VIDEO .bx-video-slider .post-react-author{text-decoration: underline;}
._PC_IMG_VIDEO .bx-video-slider .post-react-tag{text-transform: uppercase;overflow-wrap: break-word;}
._PC_IMG_VIDEO .bx-video-slider .post-react-like{font-size: 16px;color: #fff;background: url(../images/like-heart-m.png) left 0 no-repeat;padding-left: 30px;margin-left: 10px;}
._PC_IMG_VIDEO .bx-video-slider .bx-prev, ._PC_IMG_VIDEO .bx-video-slider .bx-next{display: block;width: 69px;height: 126px;position: absolute;z-index: 998;top: 170px;text-indent: -9999px;}
._PC_IMG_VIDEO .bx-video-slider .bx-prev{left: 30px;background: url(../images/bx-prev-clip.png) 0 0 no-repeat;}
._PC_IMG_VIDEO .bx-video-slider .bx-next{right: 30px;background: url(../images/bx-next-clip.png) 0 0 no-repeat;}
/* navigation */
._PC_IMG_VIDEO .navigation{background: #1b1b1b;margin-bottom: 0;}
._PC_IMG_VIDEO .navigation .breadcrumb{background: url(../images/bg-nav.png) left 26px repeat-x;}
/* ._PC_IMG_VIDEO .navigation ul li a{height: 68px;line-height: 68px;font-size: 24px;color: #fff;display: block;padding-right: 10px;background: #1b1b1b;} */
/* bx-img-video-search */
.bx-img-video-search{padding: 10px;border: 1px dashed #4a4a4a;}
.bx-img-video-search form{display: block;width: 100%;background: #4a4a4a;line-height: 44px;height: 44px;border-radius: 44px;}
.bx-img-video-search form button{display: block;float: right;width: 44px;height: 44px;line-height: 44px;text-align: center;background: none;border: 0;outline: none;}
.bx-img-video-search form button i{font-size: 24px;color: #3e4095;}
.bx-img-video-search form input {height: 20px;line-height: 20px;border: 0;float: left;width: calc(100% - 60px);margin: 12px 0 0 15px;background: none;font-size: 16px;outline: 0;color: #fff;}
.bx-img-video-search form input::placeholder{color: #fff;}
/* main-body-contest */
.main-body-contest{background: #1b1b1b;margin: 0;}
.bx-img-video-detail{padding: 22px;background: #393939;}
.bx-img-video-detail .bx-cl-left{width: 745px;}
.bx-img-video-detail .bx-cl-right{width: 300px;height: 419px;overflow-y: scroll;}
.bx-img-video-detail .bx-cl-right::-webkit-scrollbar {width: 2px;}
.bx-img-video-detail .bx-cl-right::-webkit-scrollbar-thumb {background: #444;}
.bx-img-video-detail .bx-post .post-title {font-size: 24px;margin-bottom: 10px;}
.bx-img-video-detail .bx-post .bx-post-link{color: #fff;word-break: break-word;}
._PC_IMG_VIDEO .bx-img-video-detail .post-react-info{font-size: 12px;color: #747474;}
._PC_IMG_VIDEO .bx-img-video-detail .post-react-author{text-decoration: underline;}
._PC_IMG_VIDEO .bx-img-video-detail .post-react-tag{text-transform: uppercase;overflow-wrap: break-word;}
._PC_IMG_VIDEO .bx-img-video-detail .post-react-like{font-size: 16px;color: #fff;background: url(../images/like-heart-m.png) left 0 no-repeat;padding-left: 30px;margin-left: 10px;}
._PC_IMG_VIDEO .bx-img-video-detail .ico-play {width: 86px;height: 86px;line-height: 86px;top: calc(50% - 43px);left: calc(50% - 43px);}
._PC_IMG_VIDEO .bx-img-video-detail .ico-play i {font-size: 24px;line-height: 86px;}
/* bx-post-total */
.bx-post-total{font-size: 12px;color: #8d8d8d;margin-top: 10px;line-height: 24px;}
.bx-post-like,.bx-post-reply{display: inline-block;}
.bx-post-like{margin-right: 10px;color: #3e4095;}
.bx-post-ico{color: #fff;height: 24px;display: block;float: left;margin-right: 5px;padding: 0 2px;scrollbar-width: thin;}
.bx-post-like .bx-post-ico{background: #3e4095;cursor: pointer;}
.bx-post-like .bx-post-ico.ui-state-disabled{pointer-events: none;}
.bx-post-like .bx-post-ico:hover{opacity: .8;}
.bx-post-like .bx-post-ico::before{content: '';display: block;float: left;width: 24px;height: 24px;background: url(../images/ico-heart-white.png) center center no-repeat;margin-right: 2px;animation: pulse 1s infinite;border-radius: 50%;}
.bx-post-reply .bx-post-ico{background: #8d8d8d url(../images/ico-comment.png) left 5px center no-repeat;padding-left: 30px;}
/* .main-body-contest .__MB_ACTION_POST_COMMENT{pointer-events: none;}
.main-body-contest #__MB_ARTICLE_COMMENTS_FORM{display: none;} */
.post-react-notification{color: red;text-transform: uppercase;margin-top: 10px;}
@-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 #3e4095;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 #3e4095;
      box-shadow: 0 0 0 0 #3e4095;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
.bx-post-annotation{margin-top: 15px;font-size: 14px;height: 32px;line-height: 32px;color: #13b9e1;font-weight: 700;border: 1px dashed #13b9e1;padding: 0 10px;font-family: 'RobotoCondensed-Bold', Arial, sans-serif;}
/* comment-contest */
#comment-contest-cms{margin-top: 15px;}
#comment-contest-cms .article-comment .title{
    width: 100%;float: left;margin-bottom: 10px;
}
#comment-contest-cms .article-comment .title h6 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Bold', Arial, sans-serif;
    font-size: 14px;
}
#comment-contest-cms .box-comment textarea {
    background: #414141;
    border: 0;
    outline: 0;
    border-radius: 5px;
    color: #fff;
}
#comment-contest-cms .box-comment input {
    background: #414141;
    border: 0;
    outline: 0;
    padding: 0 10px;
    width: 100%;
    height: 30px;
    border-radius: 5px;
    color: #fff;
}
#comment-contest-cms .comment-actions .btnLike.ui-state-disabled{color: #6263bd;opacity: 1;pointer-events: none;}
#comment-contest-cms .comment-actions a.btnReply{display: none;}
#comment-contest-cms ::placeholder{color: #fff;font-size: 12px;font-family: 'Roboto-Regular', Arial,sans-serif;}
#comment-contest-cms .note{display: none;}
#comment-contest-cms .__MB_ACTION_POST_COMMENT, #comment-contest-cms .__MB_ACTION_POST_COMMENT-SUB, .__MB_USER_ACTION_POST_COMMENT, .__MB_USER_ACTION_CLOSED_COMMENT{
    text-transform: none;
}
#comment-contest-cms .__MB_ACTION_POST_COMMENT, #comment-contest-cms .__MB_ACTION_POST_COMMENT-SUB{border-radius: 5px;float: right;}
#comment-contest-cms .article-comment .box-comment .comment-form-author,#comment-contest-cms .article-comment .box-comment .comment-form-email{margin-bottom: 10px;}
.btn-contest-registry {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    background: #269960;
    color: #fff !important;
    font-family: 'Roboto-Bold', Arial, sans-serif;
    font-size: 16px;
    border-radius: 5px;
}
.btn-contest-registry:hover{
    opacity: .8;
}
/* bx-partner */
.bx-partner{margin-bottom: 30px;}
.bx-partner .bx-cat-container{position: relative;}
.partner-item{width: 172.5px;height: 100px;overflow: hidden;border:1px solid #e8e8e8;text-align: center;}
.partner-item img{height: auto;max-height: 100px;width: auto;}
.bx-partner .bx-prev,.bx-partner .bx-next{display: block;width: 15px;height: 38px;position: absolute;z-index: 1;text-indent: -9999px;top: calc(50% - 19px);}
.bx-partner .bx-prev{background:url(../images/ico-prev-partner.png) 0 0 no-repeat;left: 10px;}
.bx-partner .bx-next{background:url(../images/ico-next-partner.png) 0 0 no-repeat;right: 10px;}
/* hna-podcast */
.hna-podcast{margin-bottom: 30px;}
.hna-podcast .bx-post{float: left;width: 198px;margin-left: 30px;}
.hna-podcast .bx-post:first-child{margin-left: 0;}
.hna-podcast .bx-post-image{margin-bottom: 10px;}
.ico-podcast {position: absolute;z-index: 2;bottom: 5px;left: 5px;color: #ffffff;text-transform: uppercase;font-family: 'RobotoCondensed-Bold', Arial, sans-serif;text-shadow: 1px 1px #000;}
.ico-podcast i{margin-right: 5px;}
/* _PC_PODCASTS */
._PC_PODCASTS .main-body .site-center{background: none;}
._PC_PODCASTS .col-left{/*width: 100%;*/width: 780px;}
/* podcasts-list */
.podcasts-list .bx-post{width: 240px;float: left;margin: 0 0 30px 30px;}
.podcasts-list .bx-post:nth-child(3n+1){clear: both;margin-left: 0;}
.podcasts-list .bx-post-image{margin-bottom: 10px;}
.podcasts-list .bx-post .post-title{font-size: 18px;margin-bottom: 10px;}
.podcasts-list .post-desc {-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
/* bx-podcast-item  */
.podcasts-container{margin-bottom: 30px;}
.bx-podcast-item{background: #f2f2f2;}
.bx-podcast-image{width: 490px;height: 300px;float: left;overflow: hidden;position: relative;}
.bx-podcast-image::before{content: '';display: block;padding-top: 100%;}
.bx-podcast-image img{width: 100%;min-height: 100%;position: absolute;top: 0;object-fit: cover;}
.bx-podcast-body{width: calc(100% - 490px);position: relative;height: 300px;overflow: hidden;}
.bx-podcast-content{padding: 20px 20px 0 20px;}
.bx-podcast-content .bx-post-title{font-size: 20px;margin-bottom: 10px;font-family: 'Roboto-Bold', sans-serif;font-weight: 700;}
.bx-podcast-content .bx-post-cate-date{margin-bottom: 10px;}
._MB_PODCAST_DESC{-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.bx-podcasts-player{position: absolute;left: 0;bottom: 0;}
.pcast-play {width: 60px;height: 60px;display: block;position: absolute;left: 20px;bottom: 40px;border-radius: 100%;background: #bfbfbf;border: 0;font-size: 24px;color: #fff;outline: none;text-align: center;line-height: 60px;cursor: pointer;}
.pcast-pause{width: 60px;height: 60px;display: block;position: absolute;left: 20px;bottom: 40px;border-radius: 100%;background: #bfbfbf;border: 0;font-size: 24px;color: #fff;outline: none;text-align: center;line-height: 60px;cursor: pointer;}
._MB_PODCASTS_STATISTICS{display: none;}
.pcast-rewind{display: none;}
.pcast-progress {position: absolute;left: 0;bottom: 0;width: 100%;box-shadow: none;outline: none;vertical-align: unset;height: 6px;z-index: 9;line-height: 0;border-radius: 0;}
.pcast-progress::-webkit-progress-bar{background: #ebebeb;}
.pcast-progress::-webkit-progress-value{background: #c3c3c3;}
.pcast-currenttime {color: #c3c3c3;position: absolute;left: 20px;bottom: 10px;}
.pcast-duration{color: #c3c3c3;position: absolute;right: 20px;bottom: 10px;}
.pcast-mute {display: block;position: absolute;right: 20px;bottom: 40px;border: 0;outline: none;cursor: pointer;font-size: 16px;color: #c3c3c3;background: none;}
.pcast-speed {display: block;position: absolute;right: 46px;bottom: 40px;border: 0;outline: none;cursor: pointer;color: #c3c3c3;background: none;}
.svg-player-background{position: absolute;bottom: 0;left: 0;width: 100%;}
/* hna-podcast */
.hna-podcast-image {width: 200px;height: 200px;float: left;overflow: hidden;position: relative;}
.hna-podcast-image img {width: 100%;min-height: 100%;position: absolute;top: 0;object-fit: cover;}
.hna-podcast-body {width: calc(100% - 200px);position: relative;height: 200px;overflow: hidden;}
.hna-podcast-play {width: 60px;height: 60px;display: block;position: absolute;left: 70px;bottom: 70px;border-radius: 100%;background: #00000080;border: 0;font-size: 24px;color: #3e4095;outline: none;text-align: center;line-height: 60px;cursor: pointer;}
.hna-podcast-play i{line-height: 60px;}
.hna-podcast-content {padding: 20px 20px 0 20px;position: relative;z-index: 10;}
.hna-podcast-title{font-size: 20px;margin-bottom: 10px;font-family: 'Roboto-Bold', Arial, sans-serif;}
.hna-podcast-content .bx-post-cate-date{margin-bottom: 10px;}
/* liên hệ  */
.bx-contact-list {
    padding: 0 5px;
    /* margin-top: 50px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.info-contact {
    width: 316px;
    float: left;
    padding: 50px 0;
    background: #f7f7f7;
    -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 10%);
    margin: 25px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: #3e4095;
}
.info-contact:nth-child(-n+3) {
    margin-top: 0;
}
.info-contact a, 
.info-contact i {
    color: #3e4095;
    font-size: 14px;
    display: block;
}
.info-contact i.fa-usd {
    width: 36px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #3e4095;
    border-radius: 50%;
    margin: 0 auto 10px;
}
.info-contact i {
    margin-bottom: 10px;
    font-size: 24px;
    text-align: center;
}

.item-ads {
    padding-top: 38px;
}
/* extension dang nhap - dang ky */
.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;}

.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: 2;}
.b-sticky {position: relative;}
#skyRight {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 560px;
    width: 160px;
}
#skyLeft {
    position: absolute;
    right: 50%;
    top: 0;
    margin-right: 560px;
    width: 160px;
}
#skyLeft.sticky-sky, #skyRight.sticky-sky {
    position: fixed!important;
    top: 52px!important;
}