.col-left{width: 820px;}
.col-right{width: 300px;}
.main-body .siteCenter {
    background: url(../../images/bg-main-body.png) top 0 right 300px repeat-y;
}
.bx-post-image {
    width: 100%;
    display: block;
    position: relative;
    background: url(../../images/ldcd/images.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
}
.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;border: 1px solid #cdcdcd;}
.col-780 {width: 780px;}
.w595 {width: 595px;float: right;}
.col-155 {width: 155px;float: left;margin-right: 30px;}
.mb25 {margin-bottom: 25px;}
.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: 'Inter', sans-serif;
    font-weight: 400;
    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: "Inter", sans-serif;
    font-weight: 700;
    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;
}
.post-author{
    display: block;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #757575;
}
.post-detail-author, 
.bx-authors .post-author {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #222;
}

.bx-authors .post-author:hover {
    text-decoration: underline;
}
.post-signature,
.bx-authors .post-desc {
    margin-top: 10px;
    font-size: 16px;
    color: #757575;
}
.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: 16px;}
.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;
}
.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;
}
.bx-post-authors .bx-post {
    background: #f7f7f7;
    padding: 17px 20px 20px 20px;
    margin-bottom: 20px;
}
bx-post-authors .post-desc {
    font-size: 18px;
    margin-top: 12px;
    line-height: 1.5;
}
.bx-post-authors .post-title {
    font-size: 24px;
    font-weight: 700;
}
.bx-post-authors .post-desc {
    font-size: 18px;
    margin-top: 12px;
    line-height: 1.5;
}
.bx-post-authors .post-meta {
    margin-top: 10px;
}
.bx-post-cate {
    color: #6263bd;
    text-transform: uppercase;
}
.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-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: 'Inter', sans-serif;
    font-weight: 700;
}
.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;
}
/* video-index */
.video-homepage-container .bx-post-image {margin-bottom: 10px;}
.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%;border: 1px solid #cdcdcd;}
.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;font-family: 'Inter', sans-serif;font-weight: 700;}
.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-player, .ico-play{display: block;position: absolute;z-index: 2;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50px;background: #00000060 url(../../images/ldcd/video-player-w.png) center center no-repeat;top:calc(50% - 25px);left:calc(50% - 25px);}
.podcasts-list,.video-cat {margin-bottom: 25px;}
.video-play,._PC_VIDEO_DETAIL .bx-post-desc,._PC_VIDEO_DETAIL .videoWrapper{margin-bottom: 10px;}
.bx-cat-top .post{position: relative;overflow: hidden;margin-bottom: 25px;}
.bx-cat-bottom .bx-post,.video-cat-container .bx-post{width: 253px;float: left;margin: 0 0 30px 30px;}
.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;}
.video-cat .bx-post-image {margin-bottom: 10px;}
.cover-post-left .post-link,.bx-cat-top .post-link{color: #fff;}
.video-homepage .bx-cat-bottom .bx-post {
    width: 373px;
    margin-left: 30px;
}
.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);}
/* .___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%;}

.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-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-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;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
}
.video-cat-title {
    margin-bottom: 10px;
}
.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;}
._PC_VIDEO_DETAIL .bx-post-title,
.bx-mostview .post-title{font-size:20px;margin-bottom: 10px;}
.video-play, ._PC_VIDEO_DETAIL .bx-post-desc, ._PC_VIDEO_DETAIL .videoWrapper {
    margin-bottom: 10px;
}
.post-social{padding: 10px 0;position: relative;z-index: 2;}
.post-social > span{line-height: 20px;font-weight: 700;margin-right: 10px;}
.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;}
/* 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;position: relative;padding-left: 12px;font-family: 'Inter', sans-serif;font-weight: 700;}
.bx-spotlight ul li a::before {content: '';background-color: #3e4095;border-radius: 50%;left: 0;top: 7px;position: absolute;width: 5px;height: 5px;}
/* podcasts-list */
.podcasts-list .bx-post{width: 253px;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: 'Inter', 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%;border: 0;font-size: 24px;color: #fff;outline: none;text-align: center;line-height: 60px;cursor: pointer;background: #bfbfbf url(../../images/ldcd/pod-play.png) center center no-repeat;background-size: 20px;}
.pcast-pause{width: 60px;height: 60px;display: block;position: absolute;left: 20px;bottom: 40px;border-radius: 100%;border: 0;font-size: 24px;color: #fff;outline: none;text-align: center;line-height: 60px;cursor: pointer;background: #bfbfbf url(../../images/ldcd/pod-pause.png) center center no-repeat;background-size: 20px;}
._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: 36px;border: 0;outline: none;cursor: pointer;font-size: 16px;color: #c3c3c3;background: none;width: 24px;height: 24px;}
.pcast-mute-on {background: url(../../images/ldcd/pod-mute-on.png) center center no-repeat;background-size: 20px;}
.pcast-mute-off {background: url(../../images/ldcd/pod-mute-off.png) center center no-repeat;background-size: 20px;}
.pcast-speed {display: block;position: absolute;right: 50px;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: 'Inter', Arial, sans-serif;font-weight: 700;}
.hna-podcast-content .bx-post-cate-date{margin-bottom: 10px;}
.ico-headphone {
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    position: absolute !important;
    left: 5px !important;
    bottom: 5px !important;
    top: unset !important;
    right: unset !important;
    background: #3e40958c url(../../images/ldcd/ico-podcaster-w.png) center center no-repeat;
    background-size: 20px 20px;
}
.video-homepage .bx-cat-top .ico-headphone {
    display: none;
}