@charset "utf-8";
@font-face {
    font-family: 'Emag colo';
    src: url('fonts/colo/UTMColossalis.eot');
    src: url('fonts/colo/UTMColossalis.eot?#iefix') format('embedded-opentype'), 
    url('fonts/colo/UTMColossalis.woff') format('woff'), 
    url('fonts/colo/UTMColossalis.ttf') format('truetype'), 
    url('fonts/colo/UTMColossalis.svg') format('svg');
}
@font-face {
    font-family: 'Emag daxline';
    src: url('fonts/daxline/UTMDaxline.eot');
    src: url('fonts/daxline/UTMDaxline.eot?#iefix') format('embedded-opentype'), 
    url('fonts/daxline/UTMDaxline.woff') format('woff'), 
    url('fonts/daxline/UTMDaxline.ttf') format('truetype'), 
    url('fonts/daxline/UTMDaxline.svg') format('svg');
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-VariableFont_wght.ttf');
    font-weight: 700;
}

@font-face {
    font-family: 'Merriweather-Regular';
    src: url('./fonts/Merriweather/Merriweather-Regular.ttf');
    font-weight: 700;
}
html,body {margin: 0;padding: 0;}
.clearfix:after {content: "";display: block;height: 1px;width: 100%;clear: both;}
hr{border-color: #888;}
#top-bar {background: #202850;display: flex;justify-content: space-between;align-items: center;height: 70px;position: relative;}
#top-bar-emag {background: #202850;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 20px;}
/* .site-logo {display: block;position: absolute;left: 15px;top: 5px;} */
.site-logo img{image-rendering: -webkit-optimize-contrast;}
.emag{display: inline-block;margin: 0 auto;}
.emag span.first {font-family: Emag daxline;font-size: 27px;font-weight: bolder;color: #3b3f62;}
.emag span.second {text-transform: uppercase;font-family: Emag colo;font-size: 30px;color: #da1a22;}
#top-bar .fb-like,#top-bar .fb-share-button{position: absolute;right: 10px;top: 0;}
#__MB_MASTERCMS_EL_3 ins[data-ad-client="ca-pub-9759960868797154"]{display: none !important;}

.htmlContent{
    margin-bottom: 0!important;
}


.headline {
    font-family: 'Montserrat',sans-serif;
    font-size: 24px;
    color: #303e82;
    text-transform: uppercase;
    display: inline-block;
    padding: 2px 15px;
    background: #f4c82d;
    border-radius: 0 13px 13px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    font-weight: 700;
}

.site-logo {
    width: 83px;
    height: 70px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #303e82;
    right: 20%;
    position: absolute;
}

.box-list.longform{
    padding-top: 20px;
    border-top: 1px solid #e7e7e7;
    margin-top: 40px;
}

.box-list.longform .mekong-cat{
    column-gap: 30px;
    row-gap: 30px;
    grid-template-columns: repeat(4, 255px);
    display: grid;
}

.container-800-mb {
    width: 80%;
    margin: 0 auto;
}

.container-mb{
    width: calc(100% - 24px);
    margin: 0 auto;
}

.box-list.longform .article {
    column-gap: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid #e7e7e7;
}

@media screen and (max-width: 1200px) {
    .box-list.longform .mekong-cat{
        column-gap: 15px;
        row-gap: 15px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        display: grid;
    }

    .article-cat {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 400px) {
    .article-cat {
        font-size: 8px !important;
    }
}

.box-list.longform .article .article-meta {
    margin-bottom: 10px;
}

.box-list.longform .article .article-title {
    margin-bottom: 5px;
    margin-top: 0px;
}


.longform .article-meta{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 0;
}


.article-detail.longform .article-date::before{
    content: "|";
    color: #c4c4c4;
    font-weight: 400;
    padding-right: 15px;
}

@media screen and (max-width: 812px) {
    .cms-picture tr,.cms-picture td.pic{display:block;width:100%;}
}

.__MASTERCMS_CONTENT .mastercms_paragraph {
    margin-top: 0px !important;
}