article.article-detail .thread-main .thread-title {
        font-family: Merriweather;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        text-align: left;
        color: #111111;
}
[data-role=content] > div {
        line-height: 1.6;
        margin: 20px 0;
}
[data-role=content] .kbwscwl-relatedbox.type-5 a.title:hover, [data-role=content] a {
        color: #7e7e7e;
}
[data-role=content] .VCSortableInPreviewMode .PhotoCMS_Caption p {
        font-size: 16px;
        font-style: italic;
        color: blue;
        text-align: center;
}
article.article-detail .news-detail iframe.embed-youtube {
        width: 100%;
        height: 680px;
}
article.article-detail .thread-main {
        padding: 20px 20px 0 20px;
        border: 1px solid #DADCE0;
}
article.article-detail .news-detail .thread-news .news-info .news-time {
        display: none;
}
article.article-detail .news-detail .thread-news .news-info .news-sapo {
        color: #484848;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
}
article.article-detail .news-detail .thread-news .news-info {
        margin: 0;
}
article.article-detail .thread-main .thread-news .news-item:first-child {
        padding-top: 10px;
}
article.article-detail .news-detail .news-info .news-title {
        font-family: Merriweather;
        font-size: 14px;
        font-weight: 700;
        line-height: 23px;
        text-align: left;
        color: #212529;
}
article.article-detail .thread-main .thread-news .news-item img {
        width: 180px;
        height: 120px;
        object-fit: contain;
}
article.article-detail .thread-main .thread-news .news-item {
        display: grid;
        grid-template-columns: 180px calc(100% - 200px);
        gap: 20px;
        padding: 20px 0;
}
article.article-detail .thread-main .thread-news .news-item:not(:first-child){
        border-top: 1px solid #F1F3F4;
}
body[article-news-type="0"] .MainArticle > div.ArticleLeft,
body[article-news-type="34"] .MainArticle > div.ArticleLeft,
body[article-news-type="25"] .MainArticle > div.ArticleLeft,
.MainArticle.type-0 > div.ArticleLeft, 
.MainArticle.type-34 > div.ArticleLeft, 
.MainArticle.type-25 > div.ArticleLeft{
        grid-area: left;
}
body[article-news-type="0"] .MainArticle > div.ArticleRight,
body[article-news-type="34"] .MainArticle > div.ArticleRight,
body[article-news-type="25"] .MainArticle > div.ArticleRight,
.MainArticle.type-0 > div.ArticleRight, 
.MainArticle.type-34 > div.ArticleRight,  
.MainArticle.type-25 > div.ArticleRight{
        grid-area: right;
}
body[article-news-type="0"] .MainArticle > div.ArticleBottom, 
body[article-news-type="34"] .MainArticle > div.ArticleBottom, 
body[article-news-type="25"] .MainArticle > div.ArticleBottom, 
.MainArticle.type-0 > div.ArticleBottom, 
.MainArticle.type-34 > div.ArticleBottom,  
.MainArticle.type-25 > div.ArticleBottom{
        grid-area: bottom;
}
body[article-news-type="0"] .MainArticle,
body[article-news-type="34"] .MainArticle,
body[article-news-type="25"] .MainArticle
.MainArticle.type-0, 
.MainArticle.type-34, 
.MainArticle.type-25 {
        display: grid;
        max-width: 1200px;
        margin: 0 auto;
        grid-template-areas: "left right"
                "bottom bottom";
        grid-template-columns: 820px 300px;
        grid-column-gap: 80px;
        margin-top: 20px;
}
article.article-detail[type="type-0"] .news-detail,
article.article-detail[type="type-34"]  .news-detail,  
article.article-detail[type="type-25"]  .news-detail{
        width: calc(100% - 80px);
        position: relative;
}
article.article-detail[type="type-0"],
article.article-detail[type="type-34"] , 
article.article-detail[type="type-25"]{
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
        position: relative;
        /* overflow: auto; */
        /* height: fit-content; */
        margin-bottom: 20px;
}
body[article-news-type="27"] .MainArticle > div.ArticleRight,
body[article-news-type="27"] .MainArticle > div.ArticleRight,
body[article-news-type="27"] .MainArticle > div.ArticleRight,
body[article-news-type="27"] .MainArticle > div.ArticleRight,
.MainArticle.type-27 > div.ArticleRight, 
.MainArticle.type-20 > div.ArticleRight, 
.MainArticle.type-13 > div.ArticleRight, 
.MainArticle.type-29 > div.ArticleRight{
        display: none;
}
article.article-detail[type="type-13"]{
        max-width: 740px;
        margin: 0 auto;
}
article.article-detail[type="type-27"] .news-tool.tools, 
article.article-detail[type="type-13"] .news-tool.tools, 
article.article-detail[type="type-20"] .news-tool.tools, 
article.article-detail[type="type-29"] .news-tool.tools {
        display: none !important;
}
article.article-detail[type="type-27"] .cover-photo img, 
article.article-detail[type="type-13"] .cover-photo img, 
article.article-detail[type="type-20"] .cover-photo img, 
article.article-detail[type="type-29"] .cover-photo img{
        max-width: 100%;
        margin: 0 auto;
        display: inline-block;
        vertical-align: top;
        width: 100%;
}
article.article-detail[type="type-27"] .news-detail,
article.article-detail[type="type-13"] .news-detail,
article.article-detail[type="type-20"] .news-detail,
article.article-detail[type="type-29"] .news-detail {
        max-width: 980px;
        margin: 0 auto;
        background: transparent;
        padding: 48px 130px 100px;
        position: relative;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 17px;
        line-height: 26px;
        color: #3b4e68;
}
article.article-detail[type="type-13"] .news-detail {
        max-width: 1200px;
        padding: 0;
}
.MainArticle.type-13 > div.ArticleBottom{
        max-width: 1200px;
        margin: 0 auto;
}
.MainArticle.type-13 > div.ArticleLeft {
        background: #F3F6FB;
        padding-top: 10px;
}
article.article-detail[type="type-13"] .tool-bottom .social-media-share > div, article.article-detail[type="type-13"] .tool-bottom .control-action > div {
        border: 1px solid #DADCE0;
        background: white;
}
article.article-detail .news-tags .tags a:hover {
        box-shadow: 0px 10px 20px 0px #FFA29D40;
}
article.article-detail .news-tags .tags a {
        font-family: Arial;
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        text-align: left;
        color: #000000;
        padding: 8px 20px;
        border-radius: 60px;
        border: 1px solid #E2E7ED;
        display: block;
}
article.article-detail .news-tags .tags {
        margin: 0 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
}
article.article-detail .news-tags .name {
        font-family: Arial;
        font-size: 16px;
        font-weight: 700;
        line-height: 23px;
        text-align: left;
        color: #000000;
        white-space: nowrap;
}
article.article-detail .tool-bottom .social-media-share > div, article.article-detail .tool-bottom .control-action > div {
        border: 1px solid #f2f2f2;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        display: flex;
        justify-content: center;
        vertical-align: middle;
        height: 37px;
        width: 37px;
        align-items: center;
        cursor: pointer;
}
article.article-detail .news-tags {
        width: 100%;
        display: flex;
        border-top: 1px solid #F4F4F4;
        padding: 16px 0;
        padding-left: 20px;
        margin-top: 20px;
        padding-bottom: 0;
}
article.article-detail .tool-bottom {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 20px;
        margin: 20px 0;
        border-top: 1px solid #F4F4F4;
}
article.article-detail .news-detail .title h1.news-title {
        font-family: Merriweather;
        font-size: 32px;
        font-weight: 700;
        line-height: 42px;
        color: #031739;
        text-align: left;
            margin: 36px 0;
}
article.article-detail .tool-bottom > div {
        display: flex;
        gap: 9px;
}
article.article-detail .control-action  div.control-active {
        display: none !important;
}
article.article-detail .news-detail .news-info span.author {
        font-family: Inter;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        color: #3B4E68;
}
article.article-detail .news-detail .news-info {
        margin-bottom: 10px;
}
article.article-detail .news-detail .news-info span.time {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: right;
        color: #7D92AE;
}
article.article-detail .news-detail .news-info span.author + span.time{
        margin-left: 10px;
}
article.article-detail .news-detail  .detail-body h2.news-sapo {
        font-family: "Merriweather";
        text-align: left;
        color: #000000;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.7;
}
article.article-detail .news-tool .change-font-size > a {
        padding: 6px;
        background: #fff;
        border: 1px solid #F2F2F2;
        box-sizing: border-box;
        border-radius: 100px;
        display: block;
        text-align: center;
}
article.article-detail .news-tool .social-media-share >div:hover svg,  article.article-detail .news-tool .control-action > div:hover svg {
        fill: #fff;
}
article.article-detail .news-tool .social-media-share >div:not(.zalo-share-button):hover svg path,  article.article-detail .news-tool .control-action > div:hover svg path {
        fill: #fff;
}
article.article-detail .news-tool .social-media-share >div:hover svg plygon, article.article-detail .news-tool .control-action > div:hover svg plygon {
        fill: #fff;
}
article.article-detail .news-tool .social-media-share >div:hover svg circle, article.article-detail .news-tool .control-action > div:hover svg circle {
        fill: #fff;
}
article.article-detail .news-tool{
        width: 40px;
        align-self: flex-start;
}
article.article-detail .news-tool  .change-font-size {
        margin-bottom: 15px;
}
article.article-detail .news-tool .social-media-share > div:hover, article.article-detail .news-tool .control-action > div:hover {
        background: #2d67ad;
}
article.article-detail .news-tool .social-media-share > div, article.article-detail .news-tool .control-action > div {
        border: 1px solid #f2f2f2;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        display: flex;
        justify-content: center;
        vertical-align: middle;
        height: 37px;
        width: 37px;
        align-items: center;
        cursor: pointer;
}
article.article-detail .news-tool .social-media-share, article.article-detail .news-tool .control-action {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 15px 0px;
        border-top: 1px solid #F2F2F2;
        border-bottom: 1px solid #f2f2f2;
}
article.article-detail .news-tool .control-action{
        border-top: 0;
}
article.article-detail .news-tool .control-action {
        border-bottom: 0;
}
article.article-detail .news-tool .change-font-size > a span.font {
        margin: 10px 0;
        align-items: center;
        justify-content: center;
        font-family: Merriweather;
        font-size: 14px;
        font-weight: 700;
        line-height: 23px;
        text-align: left;
        color: #3B4E68;
}
article.article-detail .news-tool .change-font-size > a span.font:hover, article.article-detail .news-tool .change-font-size span:hover svg g, article.article-detail .news-tool .change-font-size span:hover svg path{
        color: #e40913;
        fill: #e40913;
}
article.article-detail .news-tool .change-font-size > a span {
        display: flex;
        justify-content: center;
}
article.article-detail .news-detail  .detail-body .detail-content p{
        font-family: 'Noto serif';
}
@media only screen and (max-width: 768px){
        article.article-detail .news-detail iframe.embed-youtube {
                width: 100%;
                height: 26vh;
        }
        article.article-detail .news-detail .title h1.news-title {
                font-family: Merriweather;
                font-size: 26px;
                font-weight: 700;
                line-height: 34px;
                text-align: left;
                color: #031739;
                text-align: left;
        }
        article.article-detail .thread-main .thread-news .news-item .news-info {
                grid-column-start: 1;
                grid-row-start: 1;
        }
        article.article-detail .thread-main .thread-news .news-item img {
                width: 120px;
                height: 80px;
        }
        article.article-detail .news-detail .news-info .news-title {
                display: -webkit-box;
                -webkit-line-clamp: 3;
                line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
        }
        article.article-detail .thread-main .thread-news .news-item {
                align-items: center;
        }
        article.article-detail .news-detail .thread-news .news-info .news-sapo {
                display: none;
        }
        article.article-detail .news-detail {
                width: 100% !important;
                padding: 0 !important;
        }
        article.article-detail {
                gap: 10px;
                flex-direction: column;
                padding: 10px 16px;
                width: 100vw;
        }
        article.article-detail .news-tool .control-action {
                display: none;
        }
        article.article-detail .news-tool .social-media-share .mail-share {
                display: none;
        }
        article.article-detail .news-tool {
                width: auto;
                display: flex;
                /* margin-right: 16px; */
                border-radius: 50px;
        }
        article.article-detail .news-tool .change-font-size > a {
                display: flex;
                gap: 10px;
                align-items: center;
        }
        article.article-detail .news-tool .change-font-size > a span.font {
                margin: 0 !important;
        }
        article.article-detail .news-tool .social-media-share {
                flex-direction: row;
                border: 0;
                padding: 0 10px;
        }
        article.article-detail .news-tool .change-font-size{
                margin-bottom: 0;
        }
        .gray-bg{
                display: none;
        }
}
.go-to-first a{
        display: none;
}