@-moz-keyframes blink {
        0%,
        100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }
    /* Hien thi cho Safari and Chrome */
    
    @-webkit-keyframes blink {
        0%,
        100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }
    
    @-moz-keyframes blacktored {
        0% {
            color: black;
        }
        100% {
            color: red;
        }
    }
    /* Hien thi cho Safari and Chrome */
    
    @-webkit-keyframes blacktored {
        0% {
            color: black;
        }
        100% {
            color: red;
        }
    }
    /* Hien thi cho Opera */
    
    @-o-keyframes blink {
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    @-webkit-keyframes blow {
        0% {
            -webkit-box-shadow: 0 0 0 0px rgba(217, 0, 34, 0.1);
            box-shadow: 0 0 0 0px rgba(217, 0, 34, 0.1);
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 0.5);
            transform: scale3d(1, 1, 0.5);
        }
        50% {
            -webkit-box-shadow: 0 0 0 10px rgba(217, 0, 34, 0.1);
            box-shadow: 0 0 0 10px rgba(217, 0, 34, 0.1);
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 0.5);
            transform: scale3d(1, 1, 0.5);
        }
        100% {
            -webkit-box-shadow: 0 0 0 20px rgba(217, 0, 34, 0.1);
            box-shadow: 0 0 0 20px rgba(217, 0, 34, 0.1);
            opacity: 0;
            -webkit-transform: scale3d(1, 1, 0.5);
            transform: scale3d(1, 1, 0.5);
        }
    }
    
    @keyframes blow {
        0% {
            -webkit-box-shadow: 0 0 0 0px rgba(217, 0, 34, 0.1);
            box-shadow: 0 0 0 0px rgba(217, 0, 34, 0.1);
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 0.5);
            transform: scale3d(1, 1, 0.5);
        }
        50% {
            -webkit-box-shadow: 0 0 0 10px rgba(217, 0, 34, 0.1);
            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 0.5);
            transform: scale3d(1, 1, 0.5);
        }
        100% {
            -webkit-box-shadow: 0 0 0 20px rgba(217, 0, 34, 0.1);
            box-shadow: 0 0 0 20px rgba(217, 0, 34, 0.1);
            opacity: 0;
            -webkit-transform: scale3d(1, 1, 0.5);
            transform: scale3d(1, 1, 0.5);
        }
    }
    
    .affix {
        top: 0;
        z-index: 9999 !important;
    }
    
    .new-news-row .new-news-item {
        width: 50%;
        float: left;
    }
    
    .new-news-row2 .new-news-item2 p.title {
        margin-bottom: 0px;
    }
    
    .new-news-row2 .new-news-item2 p.title a {
        display: -webkit-box;
        max-height: 2.8em;
        -webkit-line-clamp: 2;
        line-height: 1.4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 10px;
        font-weight: 500;
        font-family: roboto;
        font-size: 14px;
        margin-bottom: 5px;
    }
    .main-news .mota {
    margin-bottom: 5px;
}
    #rows_news_chart_category .title-content a {
        display: -webkit-box;
        line-height: 1.4;
        max-height: 2.8em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    #news_view_top .title-content a {
        display: -webkit-box;
        line-height: 1.4;
        max-height: 2.8em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .new-news-row2 {
        display: table;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 10px;
        padding-bottom: 20px;
    }
    
    .new-news-row2 .new-news-item2 img {
        width: 100%;
    }
    
    .new-news-row2 .new-news-item2 {
        width: 33%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .new-news-row {
        display: table;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .new-news-row .new-news-item p {
        display: -webkit-box;
        line-height: 1.5;
        max-height: 3em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 10px;
    }
    /*h3.main-title.hot {
    position: relative;
    margin-left: 14px !important;
    padding-left: 11px;
    color: #d90022;
}*/
    /*h3.main-title.hot:before {
       content: "";
    position: absolute;
    top: -2px;
    left: -16px;
    width: 25px;
    height: 25px;
    background: url(../img/fire-flame.png);
    background-size: 100% 100%;
}*/
    
    .new-news-row .new-news-item:first-of-type {
        padding-right: 10px;
    }
    
    .new-news-row {
        display: table;
    }
    
    .new-news-row .new-news-item:last-of-type {
        padding-left: 10px;
    }
    
    .new-news-row .new-news-item img {
        width: 100%;
    }
    
    .banner-ads ins#eclick_ads_frame0_ins {
        margin-left: 0px !important;
    }
    
    .banner-ads ins#eclick_ads_frame1_ins {
        margin-left: 0px !important;
    }
    
    .banner-ads .banner-ads-detail-left {
        padding-left: 0px;
    }
    
    .banner-ads-detail-right {
        padding-right: 0px;
    }
    
    .banner-ads-detail-right .hadar-placement {
        margin-right: 0px !important;
    }
    /*//////////////////////////////////////////////////////////////////
[ FONT ]*/
    /*popup*/
    
    .write-guide .btn-wrap {
        margin-top: 10px;
    }
    
    .write-guide .btn-wrap .btn {
        padding: 10px 20px;
        background-color: #32cd32;
        color: #fff;
        display: inline-block;
        outline: 0;
        border: 0;
    }
    
    .modal-wrap.active {
        display: block;
    }
    
    .modal-wrap {
        display: none;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        /* overflow: hidden; */
    }
    
    .ajax-file-upload {
        margin: auto;
    }
    
    .modal-wrap {
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .modal-container {
        display: table;
        width: 100%;
        height: 100%;
    }
    
    .modal-lg {
        position: relative;
        display: block;
        z-index: 1001;
        width: 990px;
        background-color: #fff;
        border-radius: 4px;
        margin: 60px auto;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    
    .modal-title {
        position: relative;
        font-size: 22px;
        font-weight: 600;
        text-align: center;
        padding: 15px;
    }
    
    .modal-btn-wrap {
        text-align: center;
        margin-top: 45px;
        padding-bottom: 25px;
    }
    
    .modal-btn-wrap .cancel-btn,
    .modal-btn-right .cancel-btn {
        background-color: #fff;
        border: 1px solid #989898;
        color: #000;
        margin-left: 10px;
    }
    
    .modal-x {
        border: 0;
        display: inline-block;
        margin-top: 0;
        background: #32cd32;
        padding: 8px 10px;
        position: absolute;
        z-index: 100;
        top: 10px;
        right: 10px;
        color: #fff;
        opacity: 1;
    }
    
    .modal-wrap .text-content {
        padding: 00px 30px;
    }
    
    p.text-guide {
        font-size: 14px;
        font-family: roboto;
        line-height: 2;
        margin-bottom: 20px;
    }
    
    p.title-guide {
        font-family: roboto;
        font-size: 16px;
        font-weight: bold;
        color: #21a3ab;
        margin-bottom: 10px;
    }
    
    ul.list-huongdan2 {
        padding-left: 0px;
        display: table;
        width: 100%;
    }
    
    .huongdan-menu p {
        padding: 10px 20px;
        font-family: roboto;
        color: #fff;
        display: inline-block;
        outline: 0;
        border: 0;
        color: #e66686;
        border: 1px solid #e66686;
        background: #fff;
        border-radius: 30px;
        cursor: pointer;
        width: 90%;
        text-align: center;
        font-size: 15px;
        ;
    }
    
    .membership-wrap .title-center {
        padding-bottom: 20px;
        padding-bottom: 20px;
        font-size: 27px;
        text-align: center;
        font-weight: 600;
        padding-bottom: 20px;
        line-height: 1;
        margin-top: 30px;
    }
    
    #guide-popup .modal-body .img-responsive {
        margin: auto;
        width: 100%;
    }
    
    .membership {
        padding: 30px 15px 30px 15px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        padding: 30px 60px !important;
    }
    
    .membership-text {
        margin-top: 30px;
        font-size: 12px;
        color: #b7b7b7;
        max-width: 350px;
        display: inline-block;
        text-align: justify;
    }
    
    .membership .login-btn-wrap {
        margin-top: 40px;
    }
    
    #user-mobile {
        display: none;
    }
    
    .membership-btn-2 .black-btn-2 {
        color: #fff;
        background: #000;
        border-radius: 0px;
        height: auto;
        width: auto;
        line-height: 1.4;
        padding: 10px 30px;
    }
    
    .membership-text2 {
        font-size: 12px;
        color: #b7b7b7;
        text-align: justify;
        display: inline-block;
        background: #e6fc8e;
        color: #000;
        padding: 10px;
    }
    
    .membership-btn-2 .black-btn-2:hover {
        background: #8e8585;
    }
    
    .huongdan-menu p:hover {
        color: #fff;
        border: 1px solid #e66686;
        background: #e66686;
    }
    
    .modal-title h3 {
        color: #21a3ab;
        text-transform: uppercase;
        font-weight: 500;
        font-family: roboto;
    }
    
    .huongdan-menu {
        list-style: none;
        display: inline-block;
        width: 25%;
        float: left;
    }
    
    #xemhuongdan {
        padding: 10px 20px;
        font-family: roboto;
        color: #fff;
        display: inline-block;
        outline: 0;
        border: 0;
        color: #e66686;
        border: 1px solid #e66686;
        background: #fff;
        border-radius: 30px;
        font-size: 16px;
    }
    
    .editor img {
        width: 25px !important;
    }
    
    #xemhuongdan:hover {
        color: #fff;
        color: #fff;
        background: #e66686;
    }
    
    .btn-wrap {
        text-align: center;
        margin-bottom: 20px;
    }
    /*popup*/
    /*tool tip*/
    
    .tooltip2 {
        position: relative;
        display: inline-block;
    }
    
    .tooltip2 .tooltiptext2 {
        visibility: hidden;
        width: 150px;
        background-color: rgba(0, 0, 0, 0.32);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 34px;
        left: 10%;
        margin-left: -60px;
    }
    
    .membership-logo img {
        width: 300px;
        margin-top: 8px;
    }
    
    .tooltip2 .tooltiptext2::after {
        content: "";
        position: absolute;
        top: -16px;
        left: 47%;
        margin-left: -5px;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent rgba(0, 0, 0, 0.32) transparent;
    }
    
    .tooltip2:hover .tooltiptext2 {
        visibility: visible;
    }
    
    .tooltip3 {
        position: relative;
        display: inline-block;
    }
    
    .news-sub-page .title-news {
        margin-top: 7px;
    }
    
    .tooltip3 .tooltiptext2 {
        visibility: hidden;
        width: 120px;
        background-color: rgba(0, 0, 0, 0.32);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 10px;
        left: 126%;
    }
    
    .left-main p.facebook .tooltiptext2 {
        background: #306199;
    }
    
    .left-main p.report .tooltiptext2 {
        background: #56439c;
    }
    
    .left-main p.cmt .tooltiptext2 {
        background: #01d001;
    }
    
    .tooltip3 .tooltiptext2::after {
        content: "";
        position: absolute;
        top: 5px;
        left: -6px;
        margin-left: -5px;
        border-width: 6px;
        border-style: solid;
        border-color: transparent black rgba(0, 0, 0, 0) transparent;
    }
    
    .report .tooltiptext2::after {
        border-color: transparent #56439c rgba(0, 0, 0, 0) transparent;
    }
    
    .facebook .tooltiptext2::after {
        border-color: transparent #306199 rgba(0, 0, 0, 0) transparent;
    }
    
    .cmt .tooltiptext2::after {
        border-color: transparent #01d001 rgba(0, 0, 0, 0) transparent;
    }
    
    .left-main p.report {
        background: #56439c;
    }
    
    .left-main p.facebook2 {
        background: #306199;
    }
    
    .tooltip3:hover .tooltiptext2 {
        visibility: visible;
    }
    
    .left-main p.cmt {
        background: #01d001;
    }
    
    .left-main {
        width: 12%;
        float: left;
        position: relative;
    }
    
    .detail-title p.more-info span img {
        width: 25px;
        margin-left: 17px;
        margin-right: 1px;
    }
    
    .detail-title p.more-info {
        color: #888383;
    }
    
    .detail-news p.mota-detail {
        font-family: roboto;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 30px;
        margin-top: 30px;
        text-align: justify;
    }
    
    div#showoldupload {
        padding-left: 0px;
    }
    
    div.chenhinh:hover {
        background: #a9a2a2;
        color: white;
    }
    
    #submenu-2 li {
        display: inline-block;
        margin-left: 123px;
        font-size: 16px;
        font-family: roboto;
        border-bottom: 2px solid #fff;
    }
    
    div#content-gioithieu .link-more {
        text-align: center;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    #content-gioithieu .content-gioithieu1 {
        text-align: center;
        width: 100%;
        padding: 0px;
        border: none;
    }
    
    div#content-gioithieu .link-more a {
        color: #0089ff;
    }
    
    img.img.about1 {
        margin-top: 50px;
        width: 800px;
    }
    
    img.img.about2 {
        margin-top: 50px;
        width: 56%;
    }
    
    #content-gioithieu .title-gioithieu h3 {
        float: left;
        font-family: roboto;
        font-size: 16px;
        font-weight: bold;
    }
    
    #content-gioithieu .title-gioithieu span {
        float: right;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    p.text-micropage {
        text-align: left;
        font-weight: 300;
        font-size: 14px;
    }
    
    .title-micropage {
        text-align: left;
        font-size: 14px;
        font-family: roboto;
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 25px;
    }
    
    div.micro-pages {
        width: 980px;
        margin: auto;
        font-family: roboto;
        text-align: center;
    }
    
    .micro-pages .title-gioithieu {
        border-bottom: 1px solid #e0e0e0;
        display: table;
        width: 100%;
    }
    
    .micro-pages .title-gioithieu {
        display: table;
        width: 100%;
    }
    
    p.title-micro2 {
        font-size: 14px;
        font-weight: 400;
        margin-top: 40px;
        text-transform: uppercase;
        margin-bottom: 20px;
        text-align: left;
    }
    
    #quyuoc p.title-micro2 {
        color: #82e1f7;
    }
    
    img.img.quyuoc1 {
        width: 120px;
        margin-top: 50px;
    }
    
    .dieukhoan-content {
        margin-bottom: 40px;
    }
    
    a.quick-link2 {
        color: #2cbee8 !important;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 40px;
    }
    
    .thongtin-content {
        margin-bottom: 50px;
    }
    
    .congtac-content {
        margin-bottom: 40px;
    }
    
    #content-dieukhoan .quick-link {
        margin-top: 20px;
        width: 980px;
        border: 5px solid #e1e1e1;
        padding: 30px 20px;
        text-align: left;
    }
    
    #content-dieukhoan .quick-link ul {
        list-style: none;
        padding-left: 0px;
        line-height: 2;
    }
    
    #congtac p.title-micro2 {
        color: #5acced;
    }
    
    img.img.quyuoc1 {
        width: 120px;
    }
    
    img.img.congtac1 {
        margin-top: 40px;
    }
    
    .quick-link ul {
        list-style: none;
        padding-left: 0px;
    }
    
    .micro-pages .title-gioithieu h3 {
        float: left;
        font-family: roboto;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
    }
    
    .micro-pages .title-gioithieu span {
        float: right;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    #submenu-2 li:hover {
        border-bottom: 2px solid #2cbee8;
    }
    
    #submenu-2 li:hover a {
        color: #2cbee8;
    }
    
    ul#submenu-2 {
        padding-left: 0px;
        list-style: none;
        display: inline-block;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    #submenu-2 li:first-of-type {
        margin-left: 0px;
    }
    
    #submenu-2 li:last-of-type {
        margin-right: 0px;
    }
    
    .ajax-file-upload:hover {
        background: url(../img/upload-file-hover.png) no-repeat;
        display: table;
        width: 147px;
        height: 141px;
    }
    
    .member3 img.img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        float: left;
    }
    
    button.follow {
        color: #fff;
        background: #00bee2;
        border: 1px solid transparent;
        margin-right: 10px;
        margin-top: 10px;
        display: inline-block;
        outline: none;
        line-height: 40px;
        padding: 0 30px;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        transition: all 0.3s ease 0s;
        border-radius: 4px;
        margin-top: 4px;
    }
    
    button.follow:hover {
        background: #fff;
        border: 1px solid #00bee2;
        color: #00bee2;
    }
    
    #menu-site li:nth-of-type(7) a {
        padding-right: 0px;
    }
    
    .member3 {
        display: table;
    }
    
    .related-news {
        display: table;
        width: 100%;
        padding: 50px;
        padding-top: 30px;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    
    #uploadInput {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        direction: ltr;
        cursor: pointer;
        width: 140px;
        height: 140px;
    }
    
    .fileinput-button {
        position: relative;
        display: table;
    }
    
    .related-item {
        height: 331px;
    }
    
    p.title-related-news {
        margin-top: 10px;
        text-align: left;
        font-size: 16px;
        font-family: roboto;
        font-weight: bold;
        display: block;
        display: -webkit-box;
        line-height: 1.5;
        max-height: 3em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .related-news span.cmt {
        margin-left: 6px;
        margin-right: 6px;
    }
    
    .related-news .cmt img {
        width: 14px;
        margin-right: 3px;
    }
    
    .related-news .view img {
        width: 24px;
        margin-right: 3px;
    }
    
    .related-news h3 {
        text-align: left;
        font-size: 24px;
        font-family: roboto;
        font-weight: bold;
        margin-bottom: 25px;
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 10px;
    }
    
    .member3 p.member33 {
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 4px;
    }
    
    .member33 span {
        font-weight: 600;
    }
    
    .detail-view-content .img {
        max-width: 100%;
        width: auto;
    }
    
    .detail-view-content {
        font-size: 16px !important;
        font-family: roboto !important;
        font-weight: 300;
        text-align: left;
        text-align: justify;
    }
    
    .detail-view-content span {
        font-size: 16px !important;
        font-family: roboto !important;
    }
    
    .detail-view-content .img {
        max-width: 100%;
        width: auto;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .detail-news .header-title .title h1 {
        display: inline;
        font-size: 30px;
        font-family: roboto;
        font-weight: 500;
        color: #000;
        margin-bottom: 8px;
        margin-top: -9px;
    }
    
    .detail-news .header-title .title {
        font-size: 30px;
        font-family: roboto;
        font-weight: 500;
        color: #000;
        margin-bottom: 8px;
        margin-top: -9px;
    }
    
    .detail-news {
        max-width: 750px;
        text-align: justify;
    }
    
    .title span.nhom {
        background: #e32026;
        padding: 5px 10px;
        color: #fff;
        font-size: 14px;
        vertical-align: middle;
        display: inline-block;
    }
    
    .body-main {
        width: 88%;
        float: right;
    }
    
    .left-main .info-left-main p.facebook2,
    .left-main .info-left-main p.report,
    .left-main .info-left-main p.cmt {
        width: 50px;
        height: 50px;
        padding: 10px;
        border-radius: 50px;
        display: block;
    }
    
    .report img,
    .cmt img,
    .facebook img,
    .facebook2 img {
        width: 100%;
    }
    
    .dropdown-content {
        position: absolute;
        background-color: #fff;
        width: 397px;
        text-align: left;
        z-index: 1;
        padding-bottom: 10px;
        border: 1.25px dashed #e0dede;
        left: 51px;
        top: 70px;
    }
    
    .dropdown-item label {
        color: #a9a1a1;
        font-size: 14px;
        font-weight: 400;
        vertical-align: bottom;
    }
    
    .dropdown-item input[type="radio"] {
        width: 18px;
        height: 18px;
    }
    
    .dropdown-item {
        padding: 10px;
    }
    
    .dropdown-item {
        padding: 2px;
    }
    
    button#send_report {
        color: #fff;
        background: #38a4ff;
        border: 1px solid #38a4ff;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .cmt span.soluong-binhluan {
        color: #fff;
        text-align: center;
        display: inherit;
        font-size: 12px;
    }
    
    .facebook-cmt .facebook-logo {
        width: 121px;
        height: 45px;
        display: table;
        margin-bottom: 20px;
    }
    
    .cmt img {
        width: 80%;
    }
    
    button#send_report:hover {
        color: #38a4ff;
        background: #fff;
    }
    
    button#close_report {
        color: #ffffff;
        border: 1px solid #f44a40;
        background: #f44a40;
    }
    
    .button-control-group {
        padding-left: 20px;
    }
    
    button#close_report:hover {
        color: #f44a40;
        border: 1px solid #f44a40;
        background: #fff;
    }
    
    .container {
        width: 1266px;
        padding: 0px;
    }
    
    .left-main .info-left-main {
        position: absolute;
        top: 0;
        z-index: 4;
    }
    
    .body .content .detail-new0 {
        margin-top: 20px;
    }
    
    .google-ad.detail-googlead {
        margin-top: 15px;
    }
    
    .facebook2 span.tooltiptext2 {
        background: #306199;
    }
    
    .facebook2 span.tooltiptext2:after {
        border-color: transparent #306199 rgba(0, 0, 0, 0) transparent;
    }
    
    a.scrollToTop {
        position: fixed;
        bottom: 5px;
        right: 580px;
        background: url(../img/bg_topbutton.png);
        background-size: 100% 100%;
        width: 48px;
        height: 48px;
        overflow: hidden;
        transform: rotate(180deg) translateZ(1px);
        -webkit-transform: rotate(180deg) translateZ(1px);
        -moz-transform: rotate(180deg) translateZ(1px);
        -o-transform: rotate(180deg) translateZ(1px);
        -ms-transform: rotate(180deg);
        transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -webkit-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1);
        -webkit-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -moz-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -o-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        z-index: 100000;
    }
    
    a.scrollToTop.xoay {
        transform: rotate(0deg) translateZ(1px);
        -webkit-transform: rotate(0deg) translateZ(1px);
        -moz-transform: rotate(00deg) translateZ(1px);
        -o-transform: rotate(0deg) translateZ(1px);
        -ms-transform: rotate(0deg);
        transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -webkit-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1);
        -webkit-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -moz-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -o-transition: all 0.45s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    }
    
    h3.member2 {
        margin-top: 0px;
        margin-bottom: 25px;
    }
    
    #logo-svg {
    max-width: 100%;
    margin-left: 0px;
    }
    
    .member {
        margin-bottom: 30px;
    }
    
    .header .google-ad {
        text-align: center;
        margin-bottom: 30px;
        float: left;
        margin-top: 20px;
        display: table;
        width: 100%;
    }
    
    .fl {
        float: left;
    }
    
    .fr {
        float: right;
    }
    
    #menu-mobile {
        display: none;
    }
    
    #menu-site li a:hover {
        background: none;
    }
    
    div#search-mobile {
        display: none;
    }
    
    #menu-site li:first-of-type:before {
        content: "";
    }
    
    #menu-site li:nth-of-type(3):before {
        content: "";
    }
    
    #menu-mobile ul {
        padding: 10px;
    }
    
    #menu-site li:last-of-type a {
        padding-right: 0px;
    }
    
    #menu-site li:first-of-type a {
        padding-left: 0px;
        margin-top: -3px;
    }
    
    .socical img {
        width: 22px;
        float: left;
    }
    
    h3.member1 {
        font-size: 20px;
        font-family: roboto;
    }
    
    .socical h3 {
        width: 29.5%;
        float: left;
        font-family: roboto;
        font-weight: bold;
        font-size: 15px;
        text-align: right;
        padding-top: 2px;
        margin-bottom: 0px;
        margin-top: 6px;
        padding-right: 5px;
    }
    
    .socical ul li:before {
        content: "|";
        position: absolute;
        top: 0;
        left: 0;
        color: #b9b9b9;
    }
    
    .seemore a:after {
        content: "";
        \ background-image: urk("image/next-icon.svg");
    }
    
    .seemore img {
        width: 17px;
        margin-left: 3px;
        margin-top: -2px;
    }
    
    .socical ul li:first-of-type:before {
        content: "";
    }
    
    .socical ul li:first-of-type {
        padding-left: 0px;
    }
    
    .facebook p {
        color: #375091;
    }
    
    .user p {
        color: #d80027;
    }
    
    .editor p {
        color: #374e94;
    }
    
    .posts p {
        color: #d80027;
    }
    
    .socical p span {
        font-weight: 600;
    }
    
    .socical ul {
        width: 70%;
        float: left;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 0px;
        padding-left: 30px;
        margin-top: 3px;
    }
    
    .search .input-group {
        width: 85%;
        margin: auto;
    }
    
    .socical ul li {
        list-style: none;
        display: inline-block;
        float: left;
        margin-right: 29px;
        padding-left: 37px;
        position: relative;
    }
    
     :focus {
        outline: none;
    }
    
    .btn-info.focus,
    .btn-info:focus {
        outline: none;
    }
    
    .search.btn-info:focus,
    .search .btn-info:focus {
        background: none !important;
        border-color: #d6d6d6 !important;
    }
    
    #menu-site li {
        position: relative;
        display: inline-block;
        float: left;
        padding-left: 78px;
        margin-left: 78px;
    }
    
    .video-news iframe.video-iframe {
        width: 100%;
        height: 300px !important;
    }
    
    #menu-site li:nth-of-type(8) a {
        padding-right: 0px !important;
    }
    
    .icon-header .header-quick img {
        width: 26px;
        height: 26px;
    }
    
    #menu-site .danhmuc-mobile {
        display: none;
    }
    
    img.menu-svg {
    width: 62px;
    height: 24px;
    margin-left: -5px;
}
  #header.fixed-header  #menu-site li {
   
    padding-left: 72px;
    margin-left: 72px;
}
  #header.fixed-header #menu-site li:first-of-type {
    padding-left: 0;
    margin-left: -14px;
}
#header.fixed-header #menu-site li:nth-of-type(3) {
    padding-left: 31px;
    margin-left: 0px;
}
    #header.fixed-header .menu-svg {
    width: 80px;
    height: unset;
    margin-left: 15px;
}
    .form-control {
        border-radius: 0px;
    }
    
    img.seacrh-svg {
        width: 23px;
    }
    
    .title-video {
        font-size: 20px;
        font-family: roboto;
        font-weight: 400;
        color: red;
        margin-bottom: 20px;
        margin-top: 10px;
        animation: blacktored 2s ease-out;
    }
    
    .video-news .video-info {
        background: #f3f3f3;
        display: table;
        padding: 10px;
    }
    
    #main .video-news {
        margin-bottom: 40px;
    }
    
    .video-news .item-video {
        margin-bottom: 50px;
        width: 50%;
        float: left;
        padding-left: 20px;
    }
    
    .video-news span.read-more {
        float: right;
        color: #444444;
        font-weight: 500;
        cursor: pointer;
    }
    
    #xemthem.video-loadmore p {
        margin: auto;
    }
    
    p.line-web {
        height: 1px;
        margin-top: 31px;
        margin-bottom: 18px;
        background-image: linear-gradient(107deg, #7adcf7 0%, #ff89c5 100%);
    }
    
    #menu-site li a {
        text-transform: uppercase;
        color: #000;
        font-family: Montserrat;
        padding-top: 0px;
        font-weight: bold;
        font-size: 18px;
        padding-bottom: 7px;
        padding-top: 1px;
    }
    
    #trend ul li:last-of-type .stt span {
        display: table;
        margin-left: 4px;
    }
    
    #trend ul li:last-of-type .stt {
        margin-left: -4px;
    }
    
    #most-view ul li:last-of-type .stt {
        margin-left: -4px;
    }
    
    #most-view ul li:last-of-type .stt span {
        display: table;
        margin-left: 4px;
    }
    
    #menu-site li a:hover {
        color: red;
    }
    
    div#trend {
        width: 100%;
    }
    
    #trend .title-trend span img {
        width: 23px;
        float: none;
        margin-bottom: 0px;
        padding-bottom: 4px;
    }
    
    #trend .title-trend img {
        width: 27px;
        float: left;
    }
    
    #trend .title-trend span {
        float: right;
        font-size: 12px;
        font-family: roboto;
        font-weight: 500;
        color: #b9b9b9;
        border: none;
        padding-top: 11px;
    }
    
    .content-trend {
        float: left;
        width: 90%;
        padding-left: 15px;
    }
    
    p.title-content {
        font-size: 14px;
        font-family: roboto;
        font-weight: 500;
    }
    
    div#trend {
        width: 100%;
        border: 1px solid #dad7d7;
        border-top: 3px solid red;
        padding: 10px 5px;
        display: table;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .title-trend {
        display: table;
        width: 100%;
    }
    
    li.icon-mobile {
        display: none !important;
    }
    
    .title-trend p {
        float: left;
        color: red;
        font-size: 14px;
        font-family: roboto;
        font-weight: bold;
        margin-top: 10px;
    }
    
    img.up-svg,
    .down-svg,
    .minus-svg {
        width: 9px;
        display: table;
        margin-bottom: 0px !important;
    }
    
    .stt span p {
        font-size: 10px;
        padding-right: 6px;
        text-align: center;
    }
    
    #trend ul {
        padding-left: 20px;
    }
    
    #trend ul li {
        list-style: none;
        display: table;
    }
    
    .stt {
        float: left;
        font-weight: bold;
        font-size: 17px;
        width: 15px;
    }
    
    #menu-site li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "/";
        color: #dadada;
        font-size: 22px;
        padding-top: 0;
    }
    
    #menu-site li:first-of-type {
        padding-left: 0;
        margin-left: -14px;
    }
    
    #menu-site li:nth-of-type(3) {
        padding-left: 31px;
        margin-left: 0px;
    }
    /* end menusite*/
    
    .google-ad {
        text-align: center;
        margin-bottom: 30px;
    }
    
    img.slide-icon {
        width: 100%;
    }
    
    .slide-detail {
        position: absolute;
        bottom: 0px;
        text-align: center;
        width: 100%;
        background: rgba(0, 0, 0, 0.50);
        height: 112px;
    }
    
    .detail-name {
        padding-top: 10px;
        font-size: 22px;
        color: #ffffff;
        margin-bottom: 5px;
        font-family: "roboto";
        font-weight: 400;
    }
    
    .detail-name p {
        margin: 0px;
        line-height: 31px;
    }
    
    .detail-name .main-name {
        font-weight: 500;
        font-family: "Roboto";
        font-size: 35px;
    }
    
    .logo-mobile {
        display: none !important;
    }
    
    .header {
        margin: auto;
        display: table;
    }
    
    ul.header-quick {
        list-style: none;
        text-align: right;
    }
    
    ul.header-quick li {
        display: inline-block;
        margin-left: 15px;
        position: relative;
    }
    
    .btn-info {
        color: #414141;
        background-color: #ffffff;
        border: none;
        height: 37px;
        border-bottom: 1px solid #d6d6d6;
        padding-right: 0px;
        border-radius: 0px;
        background: none;
    }
    
    span.noti {
        right: -5px;
        position: absolute;
        top: 0px;
        background: #d66b5a;
        border-radius: 50%;
        width: 15px;
        font-size: 11px;
        color: #fff;
        text-align: center;
        font-family: roboto;
        font-weight: 300;
    }
    
    .infor {
        font-size: 12px !important;
    }
    
    .seemore {
        float: right;
    }
    
    p.title-group {
        padding-top: 10px;
        font-size: 16px;
        font-family: roboto;
        font-weight: 300;
        margin-bottom: 20px;
    }
    
    span.k-star {
        font-size: 30px;
        color: red;
        font-weight: 500;
        margin-right: 11px;
    }
    
    .list-news {
        /* border-top: 1px solid #dad7d7; */
        padding-top: 5px;
    }
    
    * {
        box-sizing: border-box;
    }
    
    .slider {
        width: 100%;
        margin: 13px auto;
    }
    
    .slick-slide .nen {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        background-color: rgba(0, 0, 0, 0.35);
        -ms-filter: progid: DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorStr=#80000000, endColorStr=#80000000);
        zoom: 1;
        background-color: unset;
        background-image: linear-gradient(to right, #56d5e399 0%, #f8379269 100%);
    }
    
    .slick-current .nen {
        background: none;
    }
    
    .slick-slide {
        margin-right: 20px;
    }
    
    .slick-slide img {
        width: 100%;
    }
    
    .slick-prev:before,
    .slick-next:before {
        color: black;
    }
    
    .slick-slide {
        transition: all ease-in-out .3s;
    }
    
    .slick-current {
        opacity: 1;
    }
    
    button.followed {
        background: #bbbbbb;
        color: #fff;
        border: 1px solid transparent;
        margin-right: 10px;
        margin-top: 10px;
        display: inline-block;
        outline: none;
        line-height: 40px;
        padding: 0 30px;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        transition: all 0.3s ease 0s;
        border-radius: 4px;
        margin-top: 4px;
    }
    
    button.followed:hover {
        background: #636369;
    }
    
    .socical {
        width: 100%;
        height: 23px;
        text-align: center;
        margin: auto;
        padding-top: 5px;
        padding-left: 216px;
        display: none;
    }
    
    .slide2 .jcarousel-control-prev img {
        width: 35px;
        height: 35px;
    }
    
    .slide2 .jcarousel-control-prev {
        left: 0px;
        top: 68px;
        display: table;
        box-shadow: none;
        background: rgba(251, 108, 39, 0.78);
        border-radius: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-top-right: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-bottom-right: 5px;
    }
    
    .body .content {
        padding-top: 30px;
        padding-bottom: 20px;
        overflow: hidden;
    }
    
    .body a:hover {
        text-decoration: none;
    }
    
    .body a {
        color: black;
    }
    
    .title a {
        font-size: 17px;
    }
    
    .seemore a {
        font-family: roboto;
        font-size: 14px;
        font-weight: 300;
        color: #a6a6a6;
        vertical-align: sub;
        vertical-align: -webkit-baseline-middle;
    }
    
    .display-block {
        display: block;
    }
    
    .display-none {
        display: none;
    }
    
    .header .logo {
        width: 190px;
        padding: 29px 0 21px;
    }
    
    .list-news ul {
        list-style: none;
        padding-left: 0px;
    }
    
    .list-news .news-item .img-news {
        padding: 0px;
    }
    
    .list-news .news-item {
        display: table;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    .list-news .news-item .img-news .img {
        /*height: 200px;*/
    }
    
    .list-news .news-item .detail p.title {
        font-weight: bold;
    }
    
    span.k-fashion {
        font-size: 30px;
        color: #253d89;
        font-weight: 500;
        margin-right: 11px;
    }
    
    .list-news .news-item .detail {
        padding-left: 15px;
    }
    
    .color-red {
        color: red;
    }
    
    .socical a span {
        text-decoration: none;
        font-size: 22px;
        font-family: roboto;
        vertical-align: middle;
    }
    
    .main-news {
        padding: 0px;
    }
    
    .img {
        width: 100%
    }
    
    .socical p {
        float: left;
        font-family: roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 10px;
        padding-top: 3px;
    }
    
    .right-news {
        /*width: 40%;
    float: left;*/
        padding-left: 23px;
        padding-right: 0px
    }
    
    div#banner {
        margin: auto;
        width: 100%;
    }
    
    div#banner .banner-img {
        width: 100%;
    }
    
    .right-news ul.news {
        padding-left: 0px;
        list-style: none;
    }
    
    div#main-body {
        margin-top: 50px;
    }
    
    .news li.news-item {
        margin-left: 0px;
        font-size: 20px;
        color: #989898;
        margin-top: 5px;
    }
    
    body.nen {
        background: #f3f3f3;
    }
    
    div#right-body {
        padding-left: 20px;
        padding-right: 0px;
    }
    
    div#main {
        padding: 0px;
    }
    
    .body {
        background: #fff;
    }
    
    .slide2 .jcarousel li {
        width: 307px !important;
        margin-right: 20px;
        float: left;
        border: 1px solid #fff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .google-ad img {
        max-width: 100%;
        width: auto;
    }
    
    img.google-img-970-250 {
        width: 980px;
        height: 250px;
    }
    
    .slide2 .jcarousel-control-next {
        right: 5px;
        top: 75px;
        display: table;
        box-shadow: none;
        background: rgba(251, 108, 39, 0.78);
        border-radius: 0;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    .slide2 .jcarousel-control-next {
        right: 5px;
        top: 68px;
        display: table;
        box-shadow: none;
        background: rgba(251, 108, 39, 0.78);
        border-radius: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        display: none;
    }
    
    .news-sub-page .slide2 .jcarousel-control-next {
        display: table;
    }
    
    .list-news .news-item .detail .title a {
        font-size: 18px;
        font-family: roboto;
        font-weight: 500;
    }
    
    .slide2 .jcarousel-control-next img {
        width: 35px;
        height: 35px;
    }
    
    .slide2 .slide-item p {
        margin-top: 10px;
        font-size: 14px;
        font-family: roboto;
        font-weight: 500;
        display: block;
        margin-bottom: 9px;
        display: -webkit-box;
        line-height: 1.5;
        max-height: 3em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .slide2 .slide-item .infor {
        margin-top: 14px;
    }
    
    .seemore .mobile {
        display: none;
    }
    
    .slide2 .jcarousel-wrapper {
        margin: 15px auto;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 2px #999;
        -moz-box-shadow: 0 0 2px #999;
        box-shadow: 0 0 2px #824f4f;
        box-shadow: none;
    }
    
    .right-news .news li.news-item:nth-of-type(2) {
        margin-top: 5px;
    }
    
    p.title-group span {
        font-size: 20px;
        font-family: roboto;
        font-weight: 500;
    }
    
    img.google-img-970-90 {
        width: 980px;
        height: 90px;
    }
    
    img.img.img-970-90 {
        width: 980px;
        height: 90px;
    }
    
    .jcarousel-control-prev:hover,
    .jcarousel-control-prev:focus,
    .jcarousel-control-next:hover,
    .jcarousel-control-next:focus {
        text-decoration: none;
    }
    
    .btn-info:hover {
        color: #000;
        background-color: #ffffff;
        border-color: #cccccc;
        background: none;
    }
    
    .btn-info.focus,
    .btn-info:focus {
        background: none;
        border: none;
    }
    
    .btn-info.active,
    .btn-info:active,
    .open>.dropdown-toggle.btn-info {
        background: none;
        border: none;
    }
    
    p.mota {
        font-size: 14px;
        font-family: roboto;
        font-weight: 300;
        text-align: justify;
    }
    
    .news .news-item:first-of-type p {
        font-size: 14px;
        font-weight: 300;
        color: black;
        font-family: roboto;
    }
    
    .news li.news-item p a {
        font-size: 14px;
        font-weight: 500;
        font-family: roboto;
        display: -webkit-box;
        line-height: 1.4;
    }
    
    .with .sublink-forgot {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        font-family: roboto;
    }
    
    .with .sublink-forgot a.forgot-link {
        margin-left: 20px;
    }
    
    p.detail-news {
        font-size: 20px;
    }
    
    .news li.news-item .title-news a {
        font-size: 20px;
        font-family: roboto;
        font-weight: 500;
    }
    
    .main-news .title-news a {
        font-family: roboto;
        font-size: 23px;
    }
    
    #main-body a {
        color: black;
        text-decoration: none;
    }
    
    #main-body .seemore a {
        color: #8e8686;
        vertical-align: -webkit-baseline-middle;
    }
    
    #tag p.content-tag {
        display: inline-block;
    }
    
    #tag p.title-tag {
        display: inline-block;
        font-weight: bold;
        font-family: roboto;
        font-size: 16px;
    }
    
    #tag .content-tag a {
        color: #c3c3c3;
    }
    
    #tag .content-tag a:hover {
        color: #000000;
    }
    
    h1.title-h1 {
        margin-top: 0px;
        font-family: roboto;
        font-size: 30px;
        margin-bottom: 20px;
        color: red;
        border-bottom: 1px solid #eae4e4;
        padding-bottom: 10px;
    }
    
    .news .news-item p {
        display: block;
        /* Fallback for non-webkit */
        margin-bottom: 9px;
        /* max-height: 4.07rem;  Fallback for non-webkit */
        display: -webkit-box;
        line-height: 1.3;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
            margin-bottom: 0px;
    }
    
    .news .news-item:first-of-type {
        list-style: none;
        margin-left: 0px;
        border-bottom: 1px solid #dad7d7;
        padding-bottom: 10px;
        margin-top: 0px;
    }
    
    .news .news-item:first-of-type h3 {
        margin-top: 10px;
    }
    
    .news .news-item:first-of-type img {
        width: 100%;
        height: 100%
    }
    
    p.infor {
        color: #b9b9b9 !important;
    }
    
    .color-green {
        color: #33cc33;
    }
    
    .color-black {
        color: black;
    }
    
    .color-tim {
        color: #524697;
    }
    
    .info-company .right ul.social-network.list-inline-block {
        display: inline-block;
        padding-left: 0px;
        list-style: none;
    }
    
    .info-company .right ul.social-network li {
        display: inline-block;
    }
    
    .info-company .right ul.social-network li a {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        display: inline-block;
        height: 40px;
        line-height: 38px;
        margin: 0 2px;
        text-align: center;
        width: 40px;
    }
    
    .info-company .right ul.social-network li a:hover {
        color: #fff;
        border-color: #ff72b4;
        background: #ff72b4;
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    
    .info-company .right ul.social-network li .float-shadow:hover:before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px);
    }
    
    .info-company .right ul.social-network li .float-shadow {
        display: inline-block;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    }
    
    .float-shadow:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
    }
    
    .info-company .right {
        width: 50%;
        float: right;
        text-align: right;
        padding-top: 29px;
    }
    
    #fooder-support-link li:last-of-type {
        margin-right: 0px;
    }
    
    #fooder-support-link li:last-of-type a {
        padding-right: 0px;
    }
    
    .list-news-chart .news-item {
        height: 355px;
        overflow: hidden;
    }
    
    .info-company .left {
        width: 50%;
        float: left;
    }
    
    .info-company .top-info {
        display: table;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .logo-mobile {
        display: none;
    }
    
    .infor span {
        font-weight: 600;
        margin-right: 4px;
        font-size: 12px !important;
    }
    
    .color-pink {
        color: #ef8ab7;
    }
    
    .color-blue {
        color: #2ed0ff;
    }
    
    .search input.form-control {
        height: 37px;
        border: none;
        border-bottom: 1px solid #d6d6d6;
        box-shadow: none;
        padding-left: 0px;
        font-family: roboto;
        font-size: 18px;
        background: none;
    }
    
    .content-most-view {
        float: left;
        width: 90%;
        padding-left: 15px;
    }
    
    .title-most-view p {
        float: left;
        color: #33cc33;
        font-size: 14px;
        font-family: roboto;
        font-weight: bold;
        margin-top: 10px;
        padding-left: 22px;
    }
    
    #most-view #news_view_top .infor span {
        font-size: 10px !important;
    }
    
    #most-view #news_view_top .title-content a {
        display: -webkit-box;
        line-height: 1.2;
        max-height: 2.4em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #fff;
        font-weight: 300;
        font-size: 14px;
    }
    
    #most-view #news_view_top .title-content {
        margin-bottom: 2px;
    }
    
    #most-view #news_view_top .infor {
        margin-bottom: 9.5px;
        color: #fff !important;
        font-size: 10px !important;
    }
    
    #most-view .title-most-view span {
        float: right;
        font-size: 12px;
        font-family: roboto;
        font-weight: 500;
        color: #b9b9b9;
        padding-top: 10px;
    }
    
    
    .header-quick img.user.logined {
    height: 23px;
    width: 23px;
    border-radius: 50% !important;
}
    #most-view .title-most-view img {
        width: 27px;
        float: left;
    }
    
    #most-view ul {
        padding-left: 20px;
    }
    
    .title-most-view {
        display: table;
        width: 100%;
    }
    
    div#most-view {
        width: 100%;
        padding: 10px 5px;
        display: table;
        margin-top: 2px;
        margin-bottom: 20px;
        background: #817f7f;
    }
    
    #most-view ul li {
        list-style: none;
        display: table;
    }
    
    #slide img.slide-icon {
        width: 100%;
        height: 40px;
    }
    
    #most-view .title-most-view span img {
        width: 23px;
        float: none;
        margin-bottom: 0px;
        padding-bottom: 4px;
    }
    
    div#video {
        width: 100%;
    }
    
    .search input.form-control::-webkit-input-placeholder {
        color: #c3c3c3;
        font-weight: 300;
    }
    
    .search input.form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #c3c3c3;
        font-weight: 300;
    }
    
    .search input.form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #c3c3c3;
        font-weight: 300;
    }
    
    .search input.form-control:-ms-input-placeholder {
        color: #c3c3c3;
        font-weight: 300;
    }
    
    .header .search {
        padding: 29px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 21px;
    }
    
    nav#menu {
        float: left;
        width: 100%;
    }
    
    .header .icon-header {
        padding: 29px;
        text-align: right;
        padding-right: 0px;
        padding-bottom: 21px;
    }
    
    div#fooder {
        width: 100%;
        display: table;
        text-align: center;
        background: #fff;
    }
    
    #menu-site-fooder li {
        position: relative;
        display: inline-block;
        float: left;
        padding-left: 132px;
        margin-left: 132px;
    }
    
    #menu-site-fooder li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "|";
        color: #dadada;
        font-size: 16px;
        padding-top: 0;
    }
    
    #menu-site-fooder li:first-of-type:before {
        content: "";
    }
    
    #menu-site-fooder li:first-of-type {
        padding-left: 0px;
        margin-left: 0px;
    }
    
    #menu-site-fooder li a {
        text-transform: uppercase;
        color: #000;
        font-family: Montserrat;
        padding-top: 0px;
        font-weight: 400;
        font-size: 20px;
        padding-bottom: 7px;
        padding-top: 3px;
    }
    
    nav.nav-fooder {
        display: table;
    }
    
    div#menu-fooder {
        padding-top: 15px;
        padding-bottom: 15px;
        background: #f3f3f3;
    }
    
    #menu-site-fooder li:first-of-type a {
        padding-left: 0px;
    }
    
    img.logo-mini {
        height: 34px;
       
    }
    
    input.input-question {
        width: 50%;
        border: 2px solid #bfbfbf;
        float: left;
        background: none;
    }
    
    .cauhoi {
        display: table;
        border: 1px solid #bfbfbf;
        padding: 14px;
    }
    
    .fooder-form {
        display: table;
        padding: 0px;
    }
    
    p.email-fooder {
        width: 50%;
        float: left;
        padding-left: 37px;
        font-size: 14px;
        font-family: roboto;
        font-weight: 400;
        color: #a6a6a6;
    }
    
    .email-fooder img {
        width: 29px;
        margin-right: 10px;
    }
    
    p.question-title {
        text-align: left;
        font-family: roboto;
        font-size: 16px;
        font-weight: 500;
    }
    
    #fooder .google-ad {
        margin-top: 30px;
    }
    
    .cauhoi {
        display: table;
    }
    
    .img-fooder img.img {
        height: 155px;
    }
    
    .info-company {
        margin-top: 15px;
        text-align: left;
        padding: 0px;
        margin-bottom: 50px;
    }
    
    .header-quick img.user {
        border-radius: 0;
        width: unset;
        height: 22px;
    }
    
    .facebook-fanpage {
        margin-bottom: 20px;
    }
    
    .right-news .news li.news-item .title-news a {
        display: block;
        display: -webkit-box;
        line-height: 1;
        max-height: 2em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .info-company h3 {
        font-size: 20px;
        font-weight: bold;
        font-family: roboto;
    }
    
    .nav>li>a:focus,
    .nav>li>a:hover {
        text-decoration: none;
        background-color: none;
        background: none;
    }
    
    #fooder-support-link li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "|";
        color: #dadada;
        font-size: 18px;
        padding-top: 0;
        margin-top: -4px;
    }
    
    #fooder-support-link li a {
        color: #a6a6a6;
        font-size: 16px;
        font-family: roboto;
        font-weight: 300;
        padding-top: 0px;
    }
    
    #fooder-support-link li:first-of-type:before {
        content: "";
    }
    
    #fooder-support-link li:first-of-type a {
        padding-left: 0px;
    }
    
    #fooder-support-link li {
        margin-right: 50px;
        padding-left: 56px;
    }
    
    #menu-site-fooder li:last-of-type a {
        padding-right: 0px;
    }
    
    #fooder-support-link li:first-of-type {
        padding-left: 0px;
    }
    
    .info-company h3 p {
        display: inline-block;
        margin-bottom: 0px;
        font-size: 20px;
        font-weight: bold;
        font-family: roboto;
        color: #000;
        vertical-align: bottom;
        margin-left: 10px;
        letter-spacing: 0px;
    }
    
    .note {
        font-size: 14px;
        font-family: roboto;
        font-weight: 400;
        color: #a6a6a6;
    }
    
    .info-company p {
        font-size: 16px;
        font-weight: 300;
        font-family: roboto;
        color: #a6a6a6;
    }
    
    .img-fooder {
        padding-right: 0px;
    }
    
    #fooder .google-ad img.img {
        /*width: 980px;*/
    }
    
    select.select-item {
        border: none;
        background: none;
        text-shadow: none;
        box-shadow: none;
    }
    /* sub-page*/
    
    ul.news-most-view {
        list-style: none;
        padding-left: 0px;
    }
    
    .sub-link {
        width: 100%;
        display: table;
        background: #fff;
    }
    
    .sub-link2 {
        width: 100%;
        display: table;
        border-bottom: 1px solid #d6d6d6;
    }
    
    .sub-link3 {
        padding-top: 15px;
    }
    
    .sub-link3 .sub1 a {
        color: #000;
    }
    
    .sub-link3 .sub1 li.active a {
        color: #f00;
    }
    
    a {
        color: #000;
        text-decoration: none;
    }
    
    a:focus,
    a:hover {
        color: #000;
        text-decoration: none;
    }
    
    .sub-link ul.sub1,
    .sub-link ul.sub2 {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0px;
    }
    
    .sub-link ul.sub1 li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "/";
        color: #dadada;
        font-size: 16px;
        padding-top: 0;
    }
    
    .news-sub-page h3.main-title {
        margin-top: 0px;
        font-family: roboto;
        font-size: 16px;
        margin-bottom: 20px;
        color: #000;
    }
    
    .sub-link ul.sub2 li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: ">";
        color: #dadada;
        font-size: 16px;
        padding-top: 0;
    }
    
    .sub-link ul.sub1 li:first-of-type:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        color: #dadada;
        font-size: 16px;
        padding-top: 0;
    }
    
    .sub-link ul.sub2 li:first-of-type:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        color: #dadada;
        font-size: 16px;
        padding-top: 0;
    }
    
    #menu-site li.active a {
        color: red;
    }
    
    .sub-link ul.sub1 li.active {
        color: red;
        border-bottom: 2px solid red;
    }
    
    .video-svg {
        width: 20px !important;
        padding-bottom: 4px;
        margin-left: 5px;
        height: 20px;
    }
    
    .slide2 .slide-item .video-svg {
        width: 15px !important;
    }
    
    .sub-link ul.sub1 li {
        float: left;
        position: relative;
        margin-right: 16px;
        padding-left: 27px;
        font-family: roboto;
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 10px;
        border-bottom: 2px solid white;
    }
    
    .sub-link ul.sub2 li {
        float: left;
        position: relative;
        margin-right: 3px;
        padding-left: 12px;
        font-family: roboto;
        font-size: 14px;
        font-weight: 300;
        padding-bottom: 10px;
    }
    
    .sub-link ul.sub1 li:first-of-type {
        padding-left: 0px;
    }
    
    .news-sub-page .list-news-subpage .news-item {
        display: table;
        margin-bottom: 20px;
    }
    
    .sub-link3 .sub2 a {
        color: #989898;
    }
    
    .sub-link ul.sub2 li:first-of-type {
        padding-left: 0px;
    }
    
    .sub-link ul.sub2 li {
        float: left;
        position: relative;
    }
    
    .news-sub-page h3.main-title {
        margin-top: 0px;
        font-family: roboto;
        font-size: 16px;
    }
    
    .news-most-view h3.title-news {
        font-size: 18px;
        margin-top: 10px;
    }
    
    #xemthem {
        width: 100%;
        text-align: center;
    }
    
    p.avatar-title {
        text-transform: uppercase;
        color: #ff0034;
        font-family: roboto;
        font-weight: 500;
    }
    
    .news-most-view li.news-item {
        margin-bottom: 20px;
    }
    
    .news-most-view p.mota {
        margin-bottom: 5px;
    }
    
    .left-main .info-left-main p.report {
        padding: 8px;
    }
    
    .report img {
        width: 35px;
    }
    
    #xemthem p {
        font-size: 16px;
        font-family: roboto;
        font-weight: bold;
        border: 1px solid #d6d6d6;
        display: table;
        margin: auto;
        padding: 5px 30px;
        border-radius: 30px;
        margin-right: 0px;
    }
    
    .news-sub-page .list-news-subpage {
        margin-bottom: 30px;
        list-style: none;
    }
    
    .list-news-subpage ul {
        list-style: none;
        padding-left: 0px;
    }
    
    p.infor a {
        display: inline-block !important;
    }
    
    .hot img {
        width: 30px;
        height: 13px;
        margin-left: 10px;
        animation: blink 1s infinite;
        -moz-animation: blink 1s infinite;
        -webkit-animation: blink 1s infinite;
        -o-animation: blink 1s infinite;
    }
    
    .list-news-subpage .news-item .img-news {
        padding: 0px;
    }
    
    .list-news-subpage .news-item .detail .title a {
        font-size: 18px;
        font-family: roboto;
        font-weight: 500;
        display: block;
        margin-bottom: 9px;
        display: -webkit-box;
        line-height: 1.5;
        max-height: 3em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .list-news-subpage .news-item .detail p.title {
        font-weight: bold;
    }
    
    div#right-body.right-subpage {
        margin-top: 36px;
    }
    
    .list-news-subpage {
        border-top: 1px solid #d6d6d6;
        padding-top: 25px;
    }
    
    img.google-img-970-90 {
        width: 980px;
        height: 90px;
    }
    /*Editor page*/
    
    div#editor-page {
        background-image: url(../img/banner-editor.jpg), url(../img/white-backgroud.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    
    #editor-page h3.editor-title {
        font-family: roboto;
        font-size: 33px;
        text-align: center;
        margin-bottom: 40px;
        margin-top: 40px;
        color: #fff;
    }
    
    h3.editor-title {
        text-align: center;
        font-family: roboto;
        font-size: 33px;
        color: #fff;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    #editor-page .content {
        max-width: 980px;
        margin: auto;
    }
    
    .input-form {
        background: #ffffff;
        border: 1px solid #f3f3f3;
        border-radius: 5px;
        color: #000;
        padding: 10px;
        width: 100%;
        font-family: roboto;
        font-size: 16px;
        font-weight: 400;
    }
    
    #editor-page .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .full-width {
        width: 100%;
        display: table;
    }
    
    .input-micropages .input-micro-pages label {
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        padding-left: 0px;
        height: 40px;
        margin-bottom: 0px;
        padding-top: 6px;
    }
    
    .inputfile {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }
    
    .input-micro-pages .box {
        text-align: left;
        padding-left: 0px;
    }
    
    .inputfile+label {
        color: #000000;
        background-color: #f3f3f3;
        max-width: 80%;
        font-size: 1.25rem;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding: 0.625rem 1.25rem;
        padding: 10px 40px !important;
    }
    
    .input-micropages .input-btn {
        border-top: 1px solid #e0e0e0;
        padding-top: 50px;
        padding-bottom: 30px;
    }
    
    .input-micropages .input-btn2 {
        width: 335px;
        margin-right: 20px;
        font-weight: bold;
        font-family: roboto;
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
        background: #00c0ed;
        color: #fff;
        border: none;
        border-radius: 50px;
    }
    
    .input-micropages .input-btn2:hover {
        background: #007cff;
    }
    
    .inputfile+label:hover {
        color: #fff;
        background-color: #2cbee8;
    }
    
    .input-micropages p.title-micro2 {
        font-weight: 500;
        margin-bottom: 40px;
    }
    
    #submenu-2 li.active {
        border-bottom: 2px solid #2cbee8;
        color: #2cbee8;
    }
    
    #submenu-2 li.active a {
        color: #2cbee8;
    }
    
    .input-micro-pages input:focus,
    .input-micro-pages textarea:focus {
        border-color: #00c0ed !important;
        outline: 0;
        border-width: 0.5px !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 192, 237, 0.57);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 1px 1px 7px 1px rgba(0, 192, 237, 0.57);
    }
    
    .input-micropages .input-micro-pages textarea {
        height: 140px;
    }
    
    .input-micro-pages {
        margin-bottom: 40px;
    }
    
    .input-micropages .input-micro-pages input[type=file] {
        border: none;
        padding-left: 0px;
    }
    
    .input-micropages .input-micro-pages input {
        background: none;
        border: 1.5px solid #c5c1c1;
        height: 40px;
    }
    
    #editor-page .title-post {
        margin-top: 25px;
    }
    
    #editor-page .item.content-post {
        margin-top: 25px;
    }
    
    .input-form::-webkit-input-placeholder {
        color: #000;
    }
    
    #imgFileUpload .arrow {
        width: 44px;
        display: inline-block;
        margin-top: 0px;
        margin-left: 23px;
    }
    
    .input-form:focus {
        border-color: #ef5858;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(233, 102, 102, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(233, 102, 102, 0.6);
    }
    
    input.ok-btn.dangbai:hover {
        border-color: #2ed6e6;
        background: #2ed6e6;
        color: #fff;
    }
    
    input.cancel-btn.huybai:hover {
        border-color: #2ed6e6;
        background: #2ed6e6;
        color: #fff;
    }
    
    .fileinput-button {
        position: relative;
        display: inline-block;
    }
    
    .input-form:-moz-placeholder {
        /* Firefox 18- */
        color: #000;
    }
    
    div#imgFileUpload2 {
        padding-left: 0px;
    }
    
    .input-form::-moz-placeholder {
        /* Firefox 19+ */
        color: #000;
    }
    
    .input-form:-ms-input-placeholder {
        color: #000;
    }
    
    .post-type p {
        display: inline-block;
    }
    
    .post-type {
        margin-top: 20px;
    }
    
    .post-type p {
        font-size: 16px;
        font-family: roboto;
        color: #fff;
        font-weight: 500;
    }
    
    .post-type label {
        color: #fff;
        font-weight: 300;
        margin-left: 8px;
    }
    
    #editor-page .col-xs-12.col-sm-6.col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    div#danhmuc {
        padding-right: 20px;
    }
    
    div#trangthai {
        padding-left: 20px;
    }
    
    .title-image p.title2 {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        font-family: roboto;
    }
    
    div#imgFileUpload {
        margin-top: 15px;
        padding-left: 0px;
    }
    
    #imgFileUpload p.sub-title {
        font-size: 13px;
        font-family: roboto;
        color: #fff;
        margin-top: 20px;
        text-align: left;
    }
    
    .image-size p.sub-title {
        font-size: 13px;
        font-family: roboto;
        color: #fff;
        padding-left: 46px;
        margin-top: 20px;
    }
    
    .image-preview p.sub-title {
        font-size: 13px;
        font-family: roboto;
        color: #fff;
        margin-top: 12px;
    }
    
    .title-image .image-preview {
        margin-top: 25px;
    }
    
    .image-size img {
        width: 90%;
    }
    
    .image-size {
        text-align: right;
    }
    
    .content-image p.title2 {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        font-family: roboto;
        margin-bottom: 20px;
    }
    
    button.chenhinh {
        padding: 33px;
        font-weight: bold;
        background: #fff;
        box-shadow: none;
        border: none;
        border-radius: 5px;
        margin-top: 12px;
        height: 118px;
    }
    
    input#uploadInput2 {
        position: absolute;
        top: 0px;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        direction: ltr;
        cursor: pointer;
        width: 140px;
        height: 140px;
    }
    
    .noidung-baiviet p.title2 {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        font-family: roboto;
        margin-bottom: 30px;
    }
    
    #list-images .input-form {
        height: 119px;
    }
    
    div#list-images {
        padding-top: 11px;
    }
    
    .detail-view-content img {
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .noidung-baiviet {
        margin-top: 30px;
    }
    
    .tukhoa .title2,
    .tacgia .title2 {
        font-size: 16px;
        font-family: roboto;
        font-weight: 500;
        color: #000;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .tukhoa .input-form,
    .tacgia .input-form {
        color: #000;
        background: #fff;
        border: 1px solid #d1d1d1;
    }
    
    .my-drop-wrap .my-drop-list {
        position: absolute;
        right: 0;
        top: 34px;
        width: 100px;
        background-color: rgba(255, 255, 255, 0.9);
        border-left: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        display: none;
        padding-left: 0px;
        z-index: 100
    }
    
    .header-quick li:first-of-type {
        margin-left: 0;
    }
    
    .my-drop-wrap .my-drop-list li a {
        display: block;
        padding: 10px;
        font-family: roboto;
        text-align: center;
        border-top: 1px solid #e1e1e1;
        font-weight: 600;
        font-size: 11px;
    }
    
    .my-drop-wrap .my-drop-list li {
        display: block;
        margin-left: 0;
        float: none;
    }
    
    div#button-main {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    input.cancel-btn.huybai {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        border: 4px solid #87e2eb;
        background: #fff;
        margin-right: 20px;
        font-weight: bold;
        font-family: roboto;
        font-size: 16px;
    }
    
    .white-backgroud {
        height: 40px;
        background: #fff;
    }
    
    input.ok-btn.dangbai {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        border: 4px solid #87e2eb;
        background: #fff;
        margin-right: 20px;
        font-weight: bold;
        font-family: roboto;
        font-size: 16px;
    }
    /* Customize the label (the container) */
    
    .post-type .label {
        display: inline-block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    /* Hide the browser's default checkbox */
    
    .post-type .label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    /* Create a custom checkbox */
    
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
    }
    /* On mouse-over, add a grey background color */
    
    .post-type .label:hover input~.checkmark {
        background-color: #ccc;
    }
    /* When the checkbox is checked, add a blue background */
    
    .post-type .label input:checked~.checkmark {
        background-color: #fff;
    }
    /* Create the checkmark/indicator (hidden when not checked) */
    
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    /* Show the checkmark when checked */
    
    .post-type .label input:checked~.checkmark:after {
        display: block;
    }
    /* Style the checkmark/indicator */
    
    .post-type .label .checkmark:after {
        left: 9px;
        top: 5px;
        width: 6px;
        height: 13px;
        border: solid #0eb4c4;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .image-preview img {
        width: 100%;
    }
    
    #editor-page span.news-post-note {
        color: #fff;
    }
    /*K-chart*/
    
    .inline {
        display: inline-block;
    }
    
    li.list-date {
        border-right: 1px solid #fff;
    }
    
    li.list-date:last-of-type {
        border: none;
    }
    
    .display-table {
        display: table;
    }
    
    p.pick-date.inline {
        font-size: 35px;
        font-weight: 300;
        vertical-align: text-bottom;
    }
    
    .catori-focus {
        width: 560px;
        margin: auto;
        text-align: center;
        margin-top: 15px;
    }
    
    .date-focus {
        position: relative;
        width: 560px;
        margin: auto;
    }
    
    .list-cato a {
        padding-left: 16px;
        padding-right: 18px;
        font-size: 16px;
        font-family: roboto;
        color: #fff;
    }
    
    .list-cato:first-of-type a {
        padding-left: 0px;
    }
    
    .catori-focus ul li:last-of-type a {
        border: none;
        padding-right: 0px;
    }
    
    .catori-focus ul li:last-of-type {
        border: none;
    }
    
    p.pick-date.inline {
        font-size: 35px;
        font-weight: 300;
        vertical-align: text-bottom;
        position: absolute;
        right: -39px;
        top: 0px;
    }
    
    .catori-focus ul li {
        border-right: 1px solid #fff;
    }
    
    .list-date a {
        font-size: 18px;
        font-family: roboto;
        font-weight: inherit;
        padding: 15px 10px;
        display: table;
        text-align: center;
        width: 100%;
        color: #fff;
    }
    
    .catori-focus ul {
        list-style: none;
        padding-left: 0px;
    }
    
    .date-focus ul {
        list-style: none;
        width: 560px;
        border: 1px solid #fff;
        border-radius: 20px;
        padding-left: 0px;
    }
    
    #k-chart h3.title {
        font-size: 33px;
        font-family: roboto;
        margin-bottom: 20px;
    }
    
    .img img {
        width: 100%;
    }
    
    #k-chart p.infor span {
        display: inline-block;
    }
    
    #k-chart p.infor span.cmt:before {
        content: "";
        background: url(../img/cmt.png);
        width: 17px;
        height: 17px;
        position: absolute;
        top: 1px;
        background-size: 100%;
        left: -7px;
    }
    
    #k-chart p.infor span.share:before {
        content: "";
        background: url(../img/share.png);
        width: 20px;
        height: 20px;
        position: absolute;
        top: -2px;
        background-size: 100%;
        left: -7px;
    }
    
    #k-chart p.infor span.view:before {
        content: "";
        background: url(../img/view-chart.png);
        width: 20px;
        height: 20px;
        position: absolute;
        top: -2px;
        background-size: 100%;
        left: -7px;
    }
    
    div#k-chart {
        background: #a8a6a7;
        display: table;
        width: 1012px;
        margin: auto;
        color: #fff;
        padding-bottom: 50px;
    }
    
    #k-chart .img img {
        width: 100%;
    }
    
    #k-chart p.infor span {
        display: inline-block;
        font-weight: 300;
    }
    
    #k-chart p.stt {
        text-align: center;
        width: 100%;
        font-size: 40px;
        font-family: roboto;
        font-weight: 300;
        color: #FFC107;
    }
    
    #k-chart p.title {
        font-size: 16px;
        font-family: roboto;
        font-weight: bold;
        margin-top: 10px;
        color: #fff;
        display: -webkit-box;
        line-height: 1.5;
        max-height: 2.8em;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    #k-chart p.infor {
        color: #fff !important;
        position: relative;
        font-family: roboto;
    }
    
    #k-chart p.infor span.cmt {
        padding-left: 15px;
        width: 50px;
        margin-left: 26px;
        position: relative;
    }
    
    #k-chart p.infor span.view {
        padding-left: 15px;
        width: 50px;
        position: relative;
    }
    
    #k-chart p.infor span.share {
        padding-left: 15px;
        width: 50px;
        position: relative;
    }
    
    .daterangepicker {
        position: absolute;
        background: #000000ad !important;
        top: 100px;
        left: 20px;
        padding: 4px;
        margin-top: 1px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    
    .daterangepicker .ranges li {
        font-size: 13px;
        background: transparent !important;
        border: 1px solid #f5f5f5 !important;
        color: #fff !important;
        padding: 3px 12px;
        margin-bottom: 8px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
    }
    
    .daterangepicker .daterangepicker_start_input label,
    .daterangepicker .daterangepicker_end_input label {
        color: #fff !important;
        display: block;
        font-size: 11px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        margin-bottom: 2px;
        text-shadow: none !important;
        text-transform: uppercase;
        width: 74px;
    }
    
    .daterangepicker .ranges li.active,
    .daterangepicker .ranges li:hover {
        background: #fff !important;
        border: 1px solid #fff !important;
        color: #000 !important;
    }
    
    .daterangepicker.opensleft:after {
        position: absolute;
        top: -6px;
        right: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #363536c4 !important;
        border-left: 6px solid transparent;
        content: '';
    }
    
    .daterangepicker .ranges .input-mini {
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #fff !important;
        background: transparent !important;
    }
    
    #k-chart .list-date.active {
        background: #c7c2c5;
    }
    
    #k-chart .list-date:hover {
        background: #c7c2c5;
    }
    
    .list-cato a:hover {
        color: red;
    }
    
    .list-cato.active a {
        color: red;
    }
    
    li.list-date:first-of-type {
        border-radius: 20px 0px 0px 20px;
    }
    
    li.list-date:last-of-type {
        border-radius: 0px 20px 20px 0px;
    }
    
    div.banner-ads:empty {
        display: none;
    }
    
    div#duocquantam-new {
        background-image: linear-gradient(107deg, #ff89c5 0%, #7adcf7 100%);
        padding: 20px;
        padding-top: 0px;
        padding-bottom: 37px;
        margin-top: 10px;
    }
    
    .duocquantam-item {
        width: 23%;
        float: left;
        margin-right: 2%;
    }
    
    .duocquantam-item:nth-of-type(3) {
        width: 48%;
        position: relative;
        margin-bottom: 25px;
    }
    
    .duocquantam-item:nth-of-type(3),
    .duocquantam-item:nth-of-type(7) {
        margin-right: 0px;
    }
    
    .duocquantam-item:nth-of-type(3) .title {
        position: absolute;
        bottom: 20px;
        padding: 0px 30px;
    }
    
    .duocquantam-item .title {
        margin-top: 10px;
    }
    
    .duocquantam-item:nth-of-type(3) .infor {
        display: none
    }
    
    .duocquantam-item:nth-of-type(3) .title {
    background: white;
    margin: auto;
    line-height: 1.6;
    max-height: 4.4em;
    -webkit-line-clamp: 2;
    padding: 7px 20px;
    margin-left: 20px;
    margin-right: 20px;
}
    
    .duocquantam-item img {
        width: 100%;
    }
    
    #duocquantam-new p.infor {
        color: #fff !important;
    }
    
    #duocquantam-new p.infor a span {
        display: inline-block !important;
        color: #fff !important;
    }
    
    .duocquantam-body {
        display: table;
    }
    
    #duocquantam-new .header-title {
        width: 100%;
        display: flex;
        height: 80px;
    }
    
    #duocquantam-new h3.title {
        width: 50%;
        float: left;
        display: table;
        margin: auto;
        font-size: 23px;
        font-weight: 600;
        font-family: roboto;
        color: #f5ea78;
        position: relative;
        padding-left: 42px;
    }
    
    #duocquantam-new h3.title:before {
        content: "";
        position: absolute;
        left: 0px;
        top: -4px;
        background-image: url(../img/up-arrow.png);
        width: 36px;
        height: 23.5px;
        background-size: contain;
    }
    
    #duocquantam-new .catelist {
        width: 50%;
        float: left;
        display: table;
        margin: auto;
    }
    
    .duocquantam-item .title  {
        display: -webkit-box;
        line-height: 1.4;
        max-height: 4.2em;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        font-family: roboto;
    }
    
    .catelist ul {
        list-style: none;
        padding-left: 13px;
        margin: 0px;
    }
    
    .catelist ul li a {
        font-size: 16px;
        font-weight: 600;
        font-family: roboto;
        color: #fff;
        margin-right: 30px;
        padding-left: 30px;
    }
    
    .catelist ul li:first-of-type a {
        padding-left: 0px;
    }
    
    .catelist ul li:last-of-type a {
        margin-right: 0px;
    }
    
    .catelist ul li.active a {
        color: #f5ea78;
    }
    
    .catelist ul li:first-of-type:after {
        content: "";
    }
    
    .catelist ul li:after {
        position: absolute;
        top: -5px;
        left: 0;
        content: "/";
        color: #fff;
        font-size: 22px;
        padding-top: 0;
    }
    
    .duocquantam-item {
        width: 23%;
        float: left;
        margin-right: 2.65%;
    }
    
    .catelist ul li {
        display: inline-block;
        position: relative;
    }
    
    #most-view .stt {
        color: #e8a505;
    }


    /*test headder*/
div#header.fixed-header {
    /*position: fixed;*/
    z-index: 999999999;
    width: 100%;
    background: white;
    display: table;
    top: 0;
     border-bottom: 1px solid #dedede;
}
div#header.fixed-header .header {
    /* position: fixed; */
}
div#header.fixed-header .header .logo,
div#header.fixed-header .header .search,
div#header.fixed-header .header .icon-header{
    display: none;
    }
  div#header.fixed-header  nav#menu {
    float: left;
    width: 100%;
    height: 60px;
    padding: 20px 0px;
}
    /*test header*/
.menu-item-depth2 {
    
       list-style: none;
    position: absolute;
    left: 40px;
    top: 37px;
    z-index: 100;
    width: 175px;
    background: rgb(255, 255, 255);
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 30px;
    border: 2px solid #dadadc;
}
#menu-site .menu-item-depth2 li a {
    color: #000000 !important;
    text-transform: unset;
    line-height: 2;
    font-size: 14px;
    font-weight: 500;
}

.menu-item-depth2:after {
        display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    content: '';
    width: 16px;
    height: 10px;
    margin-left: -8px;
    background: url(../img/bg_hd_depth2_on.png) no-repeat 0 0;
}
#menu-site .menu-item-depth2 li {
    padding: unset;
    margin: unset;
    float: unset;
        width: 100%;
}
#header.fixed-header #menu-site .menu-item-depth2 li {
    padding: 0px;
    margin: 0px;
}
#menu-site .menu-item-depth2 li:before {
    content: "";
}
#menu-site .menu-item-depth2 li a:hover {
    color: red !important;
}
div#all-menu {
    position: absolute;
    width: 1272px;
    left: 12px;
    background: white;
    height: 462px;
    display: flex;
    z-index: 999;
    top: 40px;
    border: 2px solid #dadada;
}
div#all-menu .inner {
    margin: auto;
    margin-left: 103px;
    margin-top: 74px;
}
div#all-menu .inner .item {
    width: 100%;
    margin-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px;
}
div#all-menu .inner .item:last-of-type{
   
        margin-bottom: 0px;
            border-bottom: none;
}

div#all-menu .inner .item .item-list-menu{
    display: inline-block;
    vertical-align: bottom;
}
div#all-menu .inner .item .item-list-menu li a{
    font-weight: 500;
    color: #000;
 font-size: 15px
   
}
div#all-menu .inner .item .item-list-menu li a:hover{
 color: red;

   
}
div#all-menu .inner .item .item-list-menu li {
    padding: unset;
    margin: unset;
    width: 220px;
}
div#all-menu .inner .item .item-list-menu li:before {
   content: "";
   
}
div#all-menu .inner .item a.title-menu {
    display: inline-block;
    font-weight: bold;
    color: #000;
    font-family: Montserrat;
    padding:0px;
    width: 166px;
    font-size: 15px
}
div#all-menu .inner .item a.title-menu:hover {
  
    color: red;
    
}
span.close-all-menu img {
    width: 20px;
}
span.close-all-menu {
    cursor: pointer;
    position: absolute;
    font-size: 30px;
    left: 16px;
    top: 10px;
}
#header.fixed-header #menu-site #all-menu li {
    padding-left: 0px;
    margin-left: 0px;
}
iframe.fb_iframe_widget_lift {
    width: 100%;
    display: table;
}
div#fb_comments span {
    width: 100% !important;
}
div#fb_comments {
    width: 100%;
    display: table;
}
span.home-date {
    display: none;
}