﻿.fw {
    width: 100%;
}
.article .article-link {
    font-family: 'NotoSans', sans-serif;
}

.siteCenter {
    width: 1182px;
    margin: 0 auto;
}
ul.breadcrumb {
    border-bottom: 1px solid #ebebeb;
    margin-top: 8px;
}
.bre-item:first-child {
    font-weight: 700;
}

.bre-item {
    display: inline-block;
}

.bre-item {
    margin-top: -20px;
    margin-bottom: -5px;
    padding-bottom: 15px;
}

.bre-item {
    color: #3b3f62;
    font-size: 24px;
}

    .bre-item:first-child > h1 {
        font-weight: 700;
    }

    .bre-item > h1 {
        color: #3b3f62;
        font-size: 24px;
    }
a {
    text-decoration: none;
    color: inherit;
    border: none;
    transition: 0.25s;
}
.bre-slash {
    display: inline-block;
    color: #3b3f62;
    font-size: 24px;
}
    .bre-slash span {
        color: #3b3f62;
        font-size: 24px;
    }
.bx-breadcrumb .bre-item:not(:first-child), .bx-breadcrumb .bre-item:not(:first-child) a {
    font-size: 18px;
    font-weight: 400;
}
.clearfix::after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
    height: 0;
    overflow: hidden;
}
#main {
    padding: 22px 0 25px;
}
.bx-grid-body {
    display: grid;
    grid-template-columns: auto 300px;
    grid-column-gap: 22px;
}
.lt {
    float: left;
}
.article-detail-subtitle {
    font-size: 18px;
    margin-bottom: 5px;
    color: #333;
}
.article-detail-title {
    font-size: 32px;
    line-height: 1.25;
    margin-bottom: 12px;
    color: #333;
}
.bx-author-info {
    margin-bottom: 15px;
}
.author-image {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    overflow: hidden;
    background: #f1f1f1;
}
    .author-image img {
        width: 100%;
        height: auto;
    }
.author-title {
    font-size: 13px;
    color: #999;
}
.author-email {
    font-size: 12px;
    color: #999;
}
.article-meta {
    margin-bottom: 8px;
}
.article-cate {
    color: #e01428;
    text-transform: uppercase;
}
    .article-cate::after {
        content: '|';
        color: #666;
        padding-left: 3px;
    }
.article-publish {
    color: #666;
}
.ico-google-new {
    height: 20px;
    line-height: 20px;
    background: url(/Content/img/ico-google-new.png) right 2px no-repeat;
    padding-right: 82px;
    position: relative;
    padding-left: 12px;
    font-size: 13px;
    background-size: 80px;
    color: #f26522;
    font-weight: 400;
}
.mt15 {
    margin-top: 15px;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
    .fb_iframe_widget iframe {
        position: absolute;
    }
.rt {
    float: right;
}
.ico-action {
    color: #333;
    font-size: 16px;
    display: inline-block;
}
.ico-border {
    background: url(/Content/img/icon-border.png) 0 0 no-repeat;
    width: 2px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 3px;
}
.article-detail-desc {
    font-size: 18px;
    line-height: 1.625;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #333;
    font-weight: 700;
}
.bx-detail .article-detail-desc:before {
    content: '';
    display: inline-block;
    background: #fff;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
    background: url(/Content/img/logo-emag.png) left center no-repeat;
    width: 168px;
    height: 40px;
    vertical-align: -4px;
    background-size: contain;
}
.__MASTERCMS_CONTENT table {
    max-width: 100%;
}

.__MB_ARTICLE_A {
    width: 100%;
    margin: 10px 0;
    background-color: #fffaea;
    border-radius: 5px;
}

table {
    border-collapse: collapse;
    display: table;
    padding: 5px;
    vertical-align: top;
    line-height: 1.4;
}
.__MB_ARTICLE_A td:first-child {
    vertical-align: top;
}
.__MASTERCMS_CONTENT .__MB_ARTICLE_A td a {
    font-size: 18px;
    font-style: italic;
}

.__MB_ARTICLE_A td a {
    font-size: inherit;
    line-height: 1.4;
    color: #001e3d;
    position: relative;
    width: 100%;
    float: left;
    margin: 5px 0;
    padding-left: 24px;
    padding-right: 12px;
}

.__MASTERCMS_CONTENT a, .__MASTERCMS_CONTENT_MOBILE a, .cke_contents_ltr a {
    color: blue;
}
.__MB_ARTICLE_A td a:before {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #f00;
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
}
.__MASTERCMS_CONTENT p, .article-detail-content p, .__RE_PLACE_CONTENT {
    color: #333;
    margin: 15px 0;
    line-height: 1.625;
    font-size: 18px;
    text-align: justify;
}
.MASTERCMS_TPL_TABLE td img {
    margin-bottom: 0;
    width: 100% !important;
    height: auto !important;
}

.__MASTERCMS_CONTENT img, .__MASTERCMS_CONTENT_MOBILE img {
    max-width: 100%;
}
.MASTERCMS_TPL_TABLE tbody tr:nth-child(even) td {
    background-color: #f8f8f8;
    color: blue;
    padding: 10px;
    text-align: center;
}

.MASTERCMS_TPL_TABLE tbody tr:nth-child(even) td {
    font-size: 18px !important;
}
.__MB_template_g {
    width: 100%;
    margin: 20px 0;
    background-color: #e3eeff;
    border: 2px solid #c0d5f5;
}
    .__MB_template_g td.__RE_PLACE_CONTENT, .__MB_template_d td.__RE_PLACE_CONTENT {
        padding: 15px;
    }

.__MASTERCMS_CONTENT p, .article-detail-content p, .__RE_PLACE_CONTENT {
    color: #333;
    margin: 15px 0;
    line-height: 1.625;
    font-size: 18px;
    text-align: justify;
}
.article-detail-author {
    text-align: right;
    font-weight: 700;
    font-size: 18px;
    margin-top: 25px;
    font-style: normal;
    color: #414141;
}
.article-detail-source {
    text-align: right;
    font-style: italic;
    margin-top: 8px;
    font-size: 18px;
}
   .article-detail-source:empty {
        display: none;
    }
.mt25 {
    margin-top: 25px;
}
.article-tag span {
    display: block;
    color: #666;
    font-size: 24px;
    padding-left: 32px;
    width: 105px;
    height: 42px;
    background: url(/Content/img/ico-tags.png) 0px 8px no-repeat;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 1px solid #d7d7d7;
    font-family: 'NotoSansExtra', sans-serif;
}
.article-keyword a {
    line-height: 30px;
    background-color: #e5e9ec;
    float: left;
    padding: 0 15px;
    border-radius: 4px;
    margin: 0px 2px 10px 0;
    font-size: 14px;
    font-weight: 400;
}
#user-comment {
    margin-bottom: 10px;
}
    #user-comment .title span {
        display: inline-block;
        text-indent: -9999px;
    }
    #user-comment .title:before {
        content: "Bình luận";
        font-family: 'RobotoCondensed', serif;
        font-weight: bold;
        text-transform: uppercase;
        color: #000;
        font-size: 18px;
    }
    #user-comment .box-comment p.content {
        margin: 0;
    }

    #user-comment .box-comment p.content {
        clear: both;
    }
    #user-comment .box-comment textarea {
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        padding: 10px;
        font-family: Arial;
        margin: 10px 0;
        font-size: 14px;
        border: 1px solid #dbdbdb;
        outline: none;
    }
    #user-comment button {
        padding: 5px 10px;
        background: #ebebeb;
        border: 1px solid #38499f;
        color: #38499f;
        float: right;
        outline: none;
    }
.bx-cat-name {
    margin-bottom: 18px;
    border-bottom: 1px solid #e1e1e1;
}
.bx-cat-link {
    color: #3b3f62;
    text-transform: uppercase;
    font-family: 'RobotoCondensed', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    padding: 15px 0 5px;
    position: relative;
    display: block;
}
    .bx-cat-link::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #ff0000;
        position: absolute;
        bottom: -1px;
        left: 0;
    }
.bx-item .article:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.bx-item .article {
    width: 100%;
    float: left;
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #ebebeb;
}
.bx-item .article-image {
    width: 257px;
    float: left;
    margin-bottom: 0;
    margin-right: 25px;
}

.article-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    background: url(/Content/img/no-image.jpg) center center no-repeat;
    background-size: cover;
}
    .article-image::before {
        content: "";
        padding-top: 56.25%;
        display: block;
    }
    .article-image img {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

img {
    max-width: 100%;
    vertical-align: middle;
    border: none;
}
.bx-item .article-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.article-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    margin-top: -1px;
}
.article-meta {
    margin-bottom: 8px;
}
.article-cate {
    color: #e01428;
    text-transform: uppercase;
}
    .article-cate::after {
        content: '|';
        color: #666;
        padding-left: 3px;
    }
.article-publish {
    color: #666;
}
.bx-item .article-desc{
    -webkit-line-clamp: 3;
}

.article-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 5;
}

.article-desc {
    color: #666;
    font-size: 14px;
    font-family: 'NotoSans', sans-serif;
}
.bx-cat-title {
    margin-top: 0;
    margin-bottom: 0;
}
.icoPhoto, .icoVideo, .icoVote, .icoComment {
    color: #db1a22;
    font-size: 14px;
}
.bx-cat-readest .article:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.bx-cat-readest .article {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ebebeb;
}

    .bx-cat-readest .article:first-child .article-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .bx-cat-readest .article:not(:first-child) .article-desc, .bx-cat-readest .article:not(:first-child) .article-meta, .bx-cat-readest .article:not(:first-child) .article-image {
        display: none;
    }

.banner-full-center, .banner {
    text-align: center;
}

    .banner img {
        height: auto;
    }

.bx-cat-title {
    margin-top: 0;
    margin-bottom: 0;
}

.col-right {
    margin-top: -20px;
}
