﻿@font-face {
    font-family: notosans-bold;
    src: url(https://static.vnncdn.net/v1/fonts/NotoSans-Bold.woff2) format("embedded-opentype"),url(https://static.vnncdn.net/v1/fonts/NotoSans-Bold.woff2) format("truetype")
}

@font-face {
    font-family: notosans-regular;
    src: url(https://static.vnncdn.net/v1/fonts/NotoSans-Regular.woff2) format("embedded-opentype"),url(https://static.vnncdn.net/v1/fonts/NotoSans-Regular.woff2) format("truetype")
}

@font-face {
    font-family: notosans-italic;
    src: url(https://static.vnncdn.net/v1/fonts/NotoSans-Italic.woff2) format("embedded-opentype"),url(https://static.vnncdn.net/v1/fonts/NotoSans-Italic.woff2) format("truetype")
}

@font-face {
    font-family: notosans-medium;
    src: url(https://static.vnncdn.net/v1/fonts/NotoSans-Medium.woff2) format("embedded-opentype"),url(https://static.vnncdn.net/v1/fonts/NotoSans-Medium.woff2) format("truetype")
}

.arial, .arial-bold {
    font-family: arial
}

.arial-bold {
    font-weight: 600
}

.notosans-bold {
    font-family: notosans-bold
}

.notosans-medium {
    font-family: notosans-medium
}

.notosans-italic {
    font-family: notosans-italic
}

.notosans-regular {
    font-family: notosans-regular
}

.login-vnnid {
    left: initial;
    top:unset
}

.d-ib {
    vertical-align: initial;
}

.main-content-v2022 .w-980 {
    width: 1100px;
}

.main-content-v2022 .logo-top img {
    width: 120px;
    height: auto;
    margin-top: 0;
}

.main-content-v2022 .header-top-main .header-area-connect {
    width: unset;
    margin-right: unset;
}

.main-content-v2022 .header-top-main-thead a {
    color: #555;
    font-size: 13px;
    font-weight: normal;
    border-radius: 35px;
    padding: 0 10px;
    position: relative;
    display: inline-block;
    font-family: notosans-regular;
}

.main-content-v2022 .header-info-left-main {
    display: flex;
}

.main-content-v2022 .header-top-main-thead a::before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #ababab;
}

.id-premium img {
    width: 90px;
}

.main-content-v2022 .Header {
    height: unset
}

.main-content-v2022 .header-top-main {
    padding-top: 5px;
}
.header-top-main .Header > .w-980{justify-content:space-between;}
.vnn-menu-more {
    margin-left: 8px;
}

    .vnn-menu-more a {
        color: #ababab;
        font-weight: 600;
    }

/*.vnnid-showmega .vnn-icon-menu-more {
    background-image: url(https://account.vietnamnet.vn/icon/close-mega.svg);
    background-size: 17px;
}*/

.vnn-icon-menu-more {
    background-image: url(https://account.vietnamnet.vn/img/menu.png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-left: 7px;
}

.vnnid-showmega .megasubmenu {
    visibility: visible;
    opacity: 1;
}

.megasubmenu {
    /* display: none; */
    visibility: hidden;
    position: absolute;
    top: 42px;
    width: 1210px;
    left: 0px;
    line-height: 23px;
    z-index: 9999999;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    border-radius: 10px;
    opacity: 0;
}

.megamenucontainer {
    padding: 40px 30px 30px;
}

.megamenutop {
    display: flex;
}

.megamenu-left {
    flex: auto;
}

    .megamenu-left .megamenucol {
        width: 31.5%;
        display: inline-block;
        float: left;
        margin-bottom: 20px;
        margin-right: 2.7%;
        padding:0;
    }

        .megamenu-left .megamenucol a {
            display: block;
            text-align: center;
            /*font-family: "Noto Sans";*/
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            background-image: url(https://static.vnncdn.net/v1/background/bg-mega-menu2.jpg) !important;
            line-height: 52px !important;
            background-position: 50% !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            border-radius: 7px !important;
        }

.megamenu-right {
    width: 265px;
    display: inline-block;
}

.megamenu-right-inner {
    margin-left: 25px;
}



.megamenu-right-inner h2 {
    /*font-family: "Noto Sans";*/
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 15px;
    background: url(/Content/Desktop/img/icon/hot-icon.png)no-repeat scroll 0 0;
    padding-left: 40px;
}

.event-scroll-content .megamenu-right-inner h2 a {
    color: #e64c3c;
}
.series-scroll-content .megamenu-right-inner h2 a {
    color: #447ec5;
}
.series-scroll-content .megamenu-right-inner-v2 h2 {
    background: url(https://static.vnncdn.net/v1/icon/tuyenbai.svg)no-repeat scroll 0 0;
    padding-left: 28px;
}
.megamenubottom {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

    .megamenubottom a {
        color: #3e3e3e;
        /*font-family: "Noto Sans";*/
        font-size: 14px;
        display: inline-block;
        margin-right: 35px;
        line-height: 20px;
        height: 20px;
        font-weight: 400;
    }

.vnnid-showmega .megasubmenu {
    visibility: visible;
    opacity: 1
}

.main-content-v2022 .container-menu {
    width: 1260px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.main-content-v2022 .vnn-icon-home {
    background-image: url(https://account.vietnamnet.vn/img/home.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    display: block
}


.main-content-v2022 .main-menu-nav .main-menu-nav-wrapper > ul {
    display: flex;
    justify-content: center;
}

    .main-content-v2022 .main-menu-nav .main-menu-nav-wrapper > ul > li {
        text-align: center;
        position: relative;
        padding: 0rem 0.32rem;
    }

.main-header-content-v2022 ul > li.vnn-menu-home .icon-home {
    width: 15px;
}

.main-content-v2022 .main-menu-nav .main-menu-nav-wrapper > ul > li a {
    font-weight: 700;
    font-size: 14px;
    color: #2a2a2a;
    padding: 12px 0px;
    display: block;
    white-space: nowrap;
    font-family: notosans-bold;
}

.main-content-v2022 ul {
    padding: 0;
    margin: 0;
}

.main-menu-nav-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#header-area {
    padding: 0;
    margin-bottom: 0 !important;
}

.main-content-v2022 nav.navbar {
    position: relative;
}

    .main-content-v2022 nav.navbar::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: #ddd;
        bottom: 0px;
        left: 0px;
    }

footer {
    background-color: #f5f5f5;
    padding-bottom: 40px;
    padding-top: 10px;
    border-top: 1px solid #dee2e6 !important
}

.footer__top-list {
    -ms-grid-rows: (minmax(0,40px))[6];
    -ms-grid-columns: (minmax(0,1fr))[4] 190px 190px;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(4,minmax(0,1fr)) 190px 190px;
    grid-template-rows: repeat(6,minmax(0,40px));
    list-style: none;
}

.footer__top-list, .vnnfooter-bottom-info {
    width: 1100px;
    margin: 0 auto;
}

.MenuBottom li.item a {
    color: #353535;
    padding-right:0px;
}
.footer__top-list.MenuBottom li.item{font-weight:unset; width:unset}
footer .vnnfooter-bottom-info .vnnfooter-bottom-main, footer .vnnfooter-bottom-info .vnn-footer-text .vnnfooter-text-inner {
    display: flex;
}
.vnnfooter-bottom-main {
    border-top: 1px solid #d0dcea;
    padding-top: 20px;
}
footer .vnnfooter-bottom-info .vnn-footer-logo {
    padding-right: 15px;
}
    footer .vnnfooter-bottom-info .vnn-footer-logo .vnn-logo-ft {
        width: 130px;
    }
footer .vnnfooter-bottom-info .vnn-footer-text {
    color: #353535;
    font-size: 13px;
}
.paddingLeftRight15 {
    padding-left: 15px;
    padding-right: 15px;
}

.vnn-col-2 {
    width: 50%;
    max-width: 100%;
}

.vnn-floatLeft {
    float: left;
}
footer .vnnfooter-bottom-info .vnn-footer-text .vnnfooter-text-inner .vnnfooter-text-line {
    padding-top: 5px;
    padding-bottom: 5px;
}
footer .vnnfooter-main-author {
    padding-top: 8px;
}
    footer .vnnfooter-main-author strong, footer .vnnfooter-ads-title {
        color: #4780c3;
        font-weight: bold;
    }
footer .vnnfooter-bottom-info .vnn-footer-social {
    width: 200px;
}
.vnn-footer-social p {
    font-size: 13px;
    color: #353535;
    text-align: right;
}
.footer-bottom-submit {
    text-align: center;
}
    .footer-bottom-submit a {
        background-color: #fff;
        border: 1px solid rgba(53,53,53,.25098);
        border-radius: 100px;
        color: #222;
        display: block;
        font-size: 13px;
        height: 25px;
        line-height: 25px;
        margin-left: auto;
        text-align: center;
        width: 145px;
    }
footer .vnn-footer-social-inner {
    height: inherit;
}

footer .vnn-footer-social-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    justify-content: flex-end;
    padding-top:10px;
}
    footer .vnn-footer-social-inner a {
        margin-bottom: 25px;
        margin-left: 12px;
    }
        footer .vnn-footer-social-inner a img {
            width: 27px;
        }
.main-content-v2022 .w-660.main-container.list-content.left.clearfix.m-r-20{width:calc(100% - 320px); padding-top:20px;}
.main-content-v2022 .ArticleDateTime{float:right;}
.main-content-v2022 .top-cate-head{border-bottom:unset;}
    .main-content-v2022 .top-cate-head .top-cate-head-title {
        background: unset;
        padding: 0px;
    }
        .main-content-v2022 .top-cate-head .top-cate-head-title a {
            color: #2d67ad;
            font-size: 16px;
            line-height: 16px;
            font-family: notosans-bold;
        }
.main-content-v2022 h1.title {
    color: #2a2a2a;
    font-family: notosans-bold;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 20px;
}
.main-content-v2022 .ArticleLead {
    font-size: 16px;
    line-height: 26px;
    color: #404040;
    font-family:Arial
}
.article-container .Head.pos-rel {
    border-bottom:1px solid #add2ff !important;
}
    .article-container .Head.pos-rel .ParentCate {
        color: #2d67ad;
    }
.right-column-sidebar .Head .ParentCate a {
    color: #2d67ad
}
.right-column-sidebar .Head .line-red {
    border-bottom: unset;
}
.main-content-v2022 ul.height-list {
    margin-top: 15px;
}
.main-content-v2022 .BoxCate .Head .ParentCate {
    text-align: center;
    display: contents;
}
.main-content-v2022 .BoxCate {
    border: 1px solid #efefef;
    padding: 0 18px;
}
    .main-content-v2022 .BoxCate ul li {
        border-bottom: 1px solid #efefef;
        padding: 15px 0;
    }
        .main-content-v2022 .BoxCate ul li a {
            color: #2a2a2a;
            font-size: 15px;
            line-height: 21px;
        }
main {
    position: relative;
}
.vnnid-showmega .megasubmenu {
    visibility: visible;
    opacity: 1;
}
.vnn-menu-more {
    margin-left: 8px;
}
.mega-menu__overlay {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 30;
}
.megasubmenu .mega-menu__close {
    background: no-repeat;
    border: none;
    color: #2d2d2d;
    cursor: pointer;
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 10px;
    top: 5px;
}
.megamenu-left .megamenucol:nth-child(3n+3) {
    margin-right: 0;
}
.megamenurow {
    display: block;
    flex-wrap: unset;
}
.main-content-v2022 .header__top-hasgTag {
    margin-left: 35px;
    align-self: center;
}
    .main-content-v2022 .header__top-hasgTag ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        list-style: none
    }
        .main-content-v2022 .header__top-hasgTag ul li {
            display: inline-block;
            margin-right: 15px;
        }
            .main-content-v2022 .header__top-hasgTag ul li a {
                background-color: #f0f0f0;
                border-radius: 50px;
                color: #555;
                display: block;
                font-size: 13px;
                padding: 5px 10px;
                text-decoration: none;
            }
.header-top-main .logo-top{width:unset;}
.box-search__wrapper {
    border: none;
}
.box-search__wrapper .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top:unset;
    left:unset;
    line-height:unset;
    width:unset;
    border:unset;
    border:unset;
    background-color:unset;
}
    .box-search__wrapper .search-box .form-box {
        opacity: 0;
        -webkit-transition: opacity,.4s;
        transition: opacity,.4s;
        visibility: hidden;
    }
       .box-search__wrapper .search-box .form-box form {
            position: relative;
        }
            .box-search__wrapper .search-box .form-box form .input__search {
                border: 1px solid #ababab;
                border-radius: 50px;
                color: #555;
                opacity: 0;
                outline: none;
                padding: 5px 0 5px 0;
                -webkit-transition: opacity,.4s;
                transition: opacity,.4s;
                visibility: hidden;
                width: 0;
            }
            .box-search__wrapper .search-box .form-box form .btn__search {
                background-color: transparent;
                border: none;
                cursor: pointer;
                position: absolute;
                right: 4px;
                top: 4px;
                width: 25px;
            }
                .box-search__wrapper .search-box .form-box form .btn__search img {
                    width: 19px;
                }
.box-search__wrapper .search-box .btn__temp {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
}
.box-search__wrapper .search-box .btn__temp img {
    width: 22px;
}
    .box-search__wrapper .search-box .form-box--active {
        margin-left: 15px;
        opacity: 1;
        visibility: visible;
    }
    .box-search__wrapper .search-box .form-box form .input__search.input__search--active {
        opacity: 1;
        visibility: visible;
        width: 200px;
        padding: 5px 5px 5px 8px;
    }
.main-content-v2022 .top-cate-news .top-cate-new-head .top-cate-new-head-title{width:auto;}
.main-content-v2022 .top-cate-new-list .box-horizontal-style-2.w-150 {
    width: calc(25% - 15.337px);
}
.main-content-v2022 #vnnid-topbar{margin-left:20px;}
.main-content-v2022 #vnnid-topbar button{transform:unset; top:0;}
.main-content-v2022 .header-top-main-thead {
    align-self: center;
}
.header-top-main .header-area-connect .search-box{margin-right:unset;}
.main-content-v2022 .mega__menu-scroll-list a {
    color: #3e3e3e;
    display: block;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 15px;
    margin-left: 15px;
    position: relative;
    font-weight:normal;
}
.main-content-v2022 .mega__menu-scroll-list .megamenu-right-inner-v2 .scroll-content a:before {
    color: rgb(68, 126, 197);
    content: "•";
    font-weight: 700;
    left: -15px;
    position: absolute;
}
.main-content-v2022 .mega__menu-scroll-list.event-scroll-content .megamenu-right-inner-v2 .scroll-content a:before {
    color: red;
}
.scroll-content {
    scrollbar-width: thin;
    scrollbar-color: #D9D9D9;
    overflow-y:auto;
    max-height:90px;
}

    .scroll-content::-webkit-scrollbar-track {
        border: 1px solid white;
        background-color: #b2bec3;
    }

    .scroll-content::-webkit-scrollbar {
        width: 3px;
        background-color: #dfe6e9;
        border-radius: 5px;
    }

    .scroll-content::-webkit-scrollbar-thumb {
        background-color: #c0bfbf;
    }
.ArticleContent {
    color: #505050;
    font-family: arial;
    font-size: 16px;
    line-height: 28px;
}
#BoxTag.tagBox ul {
    background: unset;
    padding-left: 0;
    font-family: notosans-regular;
    font-size: 14px;
}
    #BoxTag.tagBox ul li:first-child {
        border: 0;
        margin-left: 0;
        font-size: 14px;
        color: initial;
        font-family: notosans-regular;
        padding-left: 0;
        padding-top: 8px;
    }
    #BoxTag.tagBox ul li {
        border: 1px solid #e2e2e2;
        border-radius: 30px;
        margin-left: 15px;
        margin-top: 15px;
        font-family: notosans-regular;
        font-size: 14px;
    }
        #BoxTag.tagBox ul li a {
            color: #555;
            display: inline-block;
            padding: 5px 10px;
        }
.header .container__right .form-box form .btn__search{right:-20px !important}