/*mobile-web*/
@media only screen and (max-width: 768px) {
    .banner-bottom-menu {
        display: none
    }

    #bottom-category {
        padding: 0px 20px 20px !important;
    }

    .box-news_wrapper .bn-top > h3 {
        width: 100%
    }

    .img-mobile {
        display: block !important
    }

    .box-news_wrapper .bn-top > ul {
        width: 100%;
        justify-content: space-between
    }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .title {
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        color: black;
        font-size: 15px;
        line-height: 20px;
    }

    .live-home-web {
        display: none !important
    }

    .live-home-mobile {
        display: block !important
    }

    #advs {
        display: none !important
    }

    .bottom-data .bottom-data_wrapper .bd-content {
        width: 100% !important;
        padding: 0 !important;
    }

    .right-content {
        display: none !important
    }

    .adv {
        display: none;
    }

    .top-data {
        background-color: white !important;
    }

    .date {
        color: white;
    }

    .title {
        display: block !important;
    }

    .left-content {
        width: 100% !important
    }

    .tdw-top_wrapper {
        flex-direction: column;
    }


    .sticky-toolbar {
        display: block !important;
    }

    .header-mobile {
        display: block !important;
    }

    .header-web {
        display: none !important;
    }

    .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    .swiper-container-no-flexbox .swiper-slide {
        float: left
    }

    .swiper-container-vertical > .swiper-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        /*   -ms-transition-property: -ms-transform;*/
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .swiper-container-multirow > .swiper-wrapper {
        /* -webkit-box-lines: multiple;
        -moz-box-lines: multiple;*/
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .swiper-container-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        /* -ms-transition-timing-function: ease-out;*/
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-slide {
        /* -webkit-flex-shrink: 0;*/
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative
    }

    .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }

    .swiper-wp8-horizontal {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

    .swiper-wp8-vertical {
        -ms-touch-action: pan-x;
        touch-action: pan-x
    }

    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        /* -moz-background-size: 27px 44px;
        -webkit-background-size: 27px 44px;*/
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat
    }

        .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        left: 10px;
        right: auto
    }

        .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
        }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        right: 10px;
        left: auto
    }

        .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
        }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        z-index: 10
    }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -moz-appearance: none;
        /*-ms-appearance: none;*/
        -webkit-appearance: none;
        /* appearance: none*/
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-white .swiper-pagination-bullet {
        background: #fff
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #007aff
    }

    .swiper-pagination-white .swiper-pagination-bullet-active {
        background: #fff
    }

    .swiper-pagination-black .swiper-pagination-bullet-active {
        background: #000
    }

    .swiper-container-vertical > .swiper-pagination {
        right: 10px;
        top: 50%;
        -webkit-transform: translate3d(0,-50%,0);
        -moz-transform: translate3d(0,-50%,0);
        -o-transform: translate(0,-50%);
        -ms-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

        .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
            margin: 5px 0;
            display: block
        }

    .swiper-container-horizontal > .swiper-pagination {
        bottom: 10px;
        left: 0;
        width: 100%
    }

        .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
            margin: 0 5px
        }

    .swiper-container-3d {
        -webkit-perspective: 1200px;
        -moz-perspective: 1200px;
        /* -o-perspective: 1200px;*/
        perspective: 1200px
    }

        .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
            -webkit-transform-style: preserve-3d;
            /* -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;*/
            transform-style: preserve-3d
        }

        .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-container-3d .swiper-slide-shadow-left {
            background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-right {
            background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-top {
            background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-bottom {
            background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

    .swiper-container-coverflow .swiper-wrapper {
        -ms-perspective: 1200px
    }

    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        /* -ms-transition-timing-function: ease-out;*/
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .swiper-container-fade .swiper-slide {
        pointer-events: none
    }

        .swiper-container-fade .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube {
        overflow: visible
    }

        .swiper-container-cube .swiper-slide {
            pointer-events: none;
            visibility: hidden;
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            /* -ms-backface-visibility: hidden;*/
            backface-visibility: hidden;
            width: 100%;
            height: 100%;
            z-index: 1
        }

        .swiper-container-cube.swiper-container-rtl .swiper-slide {
            -webkit-transform-origin: 100% 0;
            -moz-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0
        }

        .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
            pointer-events: auto;
            visibility: visible
        }

        .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            /* -ms-backface-visibility: hidden;*/
            backface-visibility: hidden
        }

        .swiper-container-cube .swiper-cube-shadow {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .6;
            -webkit-filter: blur(50px);
            filter: blur(50px);
            z-index: 0
        }

    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0,0,0,.1)
    }

    .swiper-container-horizontal > .swiper-scrollbar {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%
    }

    .swiper-container-vertical > .swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0,0,0,.5);
        border-radius: 10px;
        left: 0;
        top: 0
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
        -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
        animation: swiper-preloader-spin 1s steps(12,end) infinite
    }

        .swiper-lazy-preloader:after {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            background-position: 50%;
            /* -webkit-background-size: 100%;*/
            background-size: 100%;
            background-repeat: no-repeat
        }

    .swiper-lazy-preloader-white:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
    }

    @-webkit-keyframes swiper-preloader-spin {
        100% {
            -webkit-transform: rotate(360deg)
        }
    }

    @keyframes swiper-preloader-spin {
        100% {
            transform: rotate(360deg)
        }
    }
    /*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
    .pika-single {
        z-index: 9999;
        display: block;
        position: relative;
        color: #333;
        background: #fff;
        border: 1px solid #ccc;
        border-bottom-color: #bbb;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
    }

        .pika-single:before, .pika-single:after {
            content: " ";
            display: table
        }

        .pika-single:after {
            clear: both
        }

    .pika-single {
        *zoom: 1
    }

        .pika-single.is-hidden {
            display: none
        }

        .pika-single.is-bound {
            position: absolute;
            box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
            top: 40px !important;
            left: -30px !important
        }

    .pika-lendar {
        float: left;
        width: 240px;
        margin: 8px
    }

    .pika-title {
        position: relative;
        text-align: center
    }

    .pika-label {
        display: inline-block;
        display: inline;
        position: relative;
        z-index: 9999;
        overflow: hidden;
        margin: 0;
        padding: 5px 3px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        background-color: #fff
    }

    .pika-title select {
        cursor: pointer;
        position: absolute;
        z-index: 9998;
        margin: 0;
        left: 0;
        top: 5px;
        /* filter: alpha(opacity=0);*/
        opacity: 0
    }

    .pika-prev, .pika-next {
        display: block;
        cursor: pointer;
        position: relative;
        outline: none;
        border: 0;
        padding: 0;
        width: 20px;
        height: 30px;
        text-indent: 20px;
        white-space: nowrap;
        overflow: hidden;
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 75% 75%;
        opacity: .5;
        *position: absolute;
        *top: 0
    }

        .pika-prev:hover, .pika-next:hover {
            opacity: 1
        }

    .pika-prev, .is-rtl .pika-next {
        float: left;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
        *left: 0
    }

    .pika-next, .is-rtl .pika-prev {
        float: right;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
        *right: 0
    }

        .pika-prev.is-disabled, .pika-next.is-disabled {
            cursor: default;
            opacity: .2
        }

    .pika-select {
        display: inline-block;
        *display: inline
    }

    .pika-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0
    }

        .pika-table th, .pika-table td {
            width: 14.285714285714286%;
            padding: 0
        }

        .pika-table th {
            color: #999;
            font-size: 12px;
            line-height: 25px;
            font-weight: bold;
            text-align: center
        }

    .pika-button {
        cursor: pointer;
        display: block;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        outline: none;
        border: 0;
        margin: 0;
        width: 100%;
        padding: 5px;
        color: #666;
        font-size: 12px;
        line-height: 15px;
        text-align: right;
        background: #f5f5f5
    }

    .pika-week {
        font-size: 11px;
        color: #999
    }

    .is-today .pika-button {
        color: #c62127;
        font-weight: bold
    }

    .is-selected .pika-button, .has-event .pika-button {
        color: #fff;
        font-weight: bold;
        background: #3af;
        box-shadow: inset 0 1px 3px #178fe5;
        border-radius: 3px
    }

    .is-selected .pika-button {
        background: #21275d
    }

    .has-event .pika-button {
        background: #005da9;
        box-shadow: inset 0 1px 3px #0076c9
    }

    .is-disabled .pika-button, .is-inrange .pika-button {
        background: #d5e9f7
    }

    .is-startrange .pika-button {
        color: #fff;
        background: #6cb31d;
        box-shadow: none;
        border-radius: 3px
    }

    .is-endrange .pika-button {
        color: #fff;
        background: #3af;
        box-shadow: none;
        border-radius: 3px
    }

    .is-disabled .pika-button {
        pointer-events: none;
        cursor: default;
        color: #999;
        opacity: .3
    }

    .is-outside-current-month .pika-button {
        color: #999;
        opacity: .3
    }

    .is-selection-disabled {
        pointer-events: none;
        cursor: default
    }

    .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
        color: #fff;
        background: #c62127;
        box-shadow: none;
        border-radius: 3px
    }

    .pika-table abbr {
        border-bottom: none;
        cursor: help
    }

    .loaddingfb {
        height: auto;
        width: auto;
        border: none;
        background: transparent;
        padding: 0;
        box-shadow: none !important
    }

    .fb-loading-wrapper {
        display: none
    }

        .fb-loading-wrapper:last-child {
            padding-top: 20px;
            margin-top: 20px;
            border-top: 1px solid #ededed
        }

        .fb-loading-wrapper:first-child {
            padding-top: 0;
            margin-top: 0;
            border-top: none
        }

    .loaddingfb .fb-loading-wrapper {
        display: block;
        padding: 0 14px
    }

    .loaddingfb .fb-loading-wrapper {
        padding: 0
    }

    .fblwtia-mask {
        background: #fff;
        position: absolute;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 8px
    }

    .fblwtia-sepline-full {
        position: absolute;
        left: 0;
        right: 0;
        height: 6px
    }

    .fblwtia-sepline-1 {
        top: 8px
    }

    .fblwtia-sepline-2 {
        top: 22px
    }

    .fblwtia-sepline-big {
        top: 36px;
        height: 10px
    }

    .fblwtia-title-line1 {
        right: 0;
        left: 95%;
        top: 0
    }

    .fblwtia-title-line2 {
        right: 0;
        left: 100%;
        top: 14px
    }

    .fblwtia-title-line3 {
        right: 0;
        left: 90%;
        top: 28px
    }

    .fblwtia-front-mask {
        height: 4px;
        left: 168px;
        width: 12px
    }

    .fblwtia-front-mask-1 {
        top: 46px
    }

    .fblwtia-front-mask-2 {
        top: 54px
    }

    .fblwtia-front-mask-3 {
        top: 62px
    }

    .fblwtia-front-mask-4 {
        top: 70px
    }

    .fblwtia-front-mask-5 {
        top: 78px
    }

    .fblwtia-front-mask-6 {
        top: 78px
    }

    .fblwtia-front-mask-7 {
        top: 86px
    }

    .fblwtia-sepline-sapo {
        left: 168px;
        right: 0;
        height: 4px
    }

    .fblwtia-sepline-sapo-1 {
        top: 50px
    }

    .fblwtia-sepline-sapo-2 {
        top: 58px
    }

    .fblwtia-sepline-sapo-3 {
        top: 66px
    }

    .fblwtia-sepline-sapo-4 {
        top: 74px
    }

    .fblwtia-sepline-sapo-5 {
        top: 82px
    }

    .fblwtia-sepline-sapo-6 {
        top: 90px;
        bottom: 0;
        height: auto
    }

    .fblwtia-sapo-line {
        right: 0;
        height: 4px
    }

    .fblwtia-sapo-line-1 {
        top: 54px;
        left: 95%
    }

    .fblwtia-sapo-line-2 {
        top: 62px;
        left: 90%
    }

    .fblwtia-sapo-line-3 {
        top: 70px;
        left: 95%
    }

    .fblwtia-sapo-line-4 {
        top: 86px;
        left: 60%
    }

    .fblwti-animated {
        animation-duration: 1.5s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);
        background-size: 800px 104px;
        height: 135px;
        position: relative
    }

    @keyframes placeHolderShimmer {
        0% {
            background-position: -468px 0
        }

        100% {
            background-position: 468px 0
        }
    }

    @-webkit-keyframes placeHolderShimmer {
        0% {
            background-position: -468px 0
        }

        100% {
            background-position: 468px 0
        }
    }

    @-moz-keyframes placeHolderShimmer {
        0% {
            background-position: -468px 0
        }

        100% {
            background-position: 468px 0
        }
    }



    html, body {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline
    }

    textarea {
        resize: none
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block
    }

    body {
        line-height: 1;
        font-family: Arial,Helvetica,sans-serif;
        -webkit-font-smoothing: antialiased
    }

    ol, ul {
        list-style: none
    }

    blockquote, q {
        quotes: none
    }

        blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content: none
        }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

    @font-face {
        font-family: 'Roboto-Bold';
        src: local("RobotoBold"),url("/fonts/Roboto-Bold.woff2") format("woff2"),url("/fonts/Roboto-Bold.woff") format("woff"),url("/fonts/Roboto-Bold.ttf") format("truetype"),url("/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("/fonts/Roboto-Bold.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'Roboto-Regular';
        src: local("Roboto"),url("/fonts/Roboto-Regular.woff2") format("woff2"),url("/fonts/Roboto-Regular.woff") format("woff"),url("/fonts/Roboto-Regular.ttf") format("truetype"),url("/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("/fonts/Roboto-Regular.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'Roboto-Medium';
        src: local("RobotoMedium"),url("/fonts/Roboto-Medium.woff2") format("woff2"),url("/fonts/Roboto-Medium.woff") format("woff"),url("/fonts/Roboto-Medium.ttf") format("truetype"),url("/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("/fonts/Roboto-Medium.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'SVN-Avo';
        src: local("SVN-Avo"),url("/fonts/SVN-Avo.woff2") format("woff2"),url("/fonts/SVN-Avo.woff") format("woff"),url("/fonts/SVN-Avo.ttf") format("truetype"),url("/fonts/SVN-Avo.eot?#iefix") format("embedded-opentype"),url("/fonts/SVN-Avo.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'SVN-Avo-Bold';
        src: local("SVN-Avo-Bold"),url("/fonts/SVN-AvoBold.woff2") format("woff2"),url("/fonts/SVN-AvoBold.woff") format("woff"),url("/fonts/SVN-AvoBold.ttf") format("truetype"),url("/fonts/SVN-AvoBold.eot?#iefix") format("embedded-opentype"),url("/fonts/SVN-AvoBold.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'UTM-Colossalis';
        src: local("UTM-Colossalis"),url("/fonts/UTM-Colossalis.woff2") format("woff2"),url("/fonts/UTM-Colossalis.woff") format("woff"),url("/fonts/UTM-Colossalis.ttf") format("truetype"),url("/fonts/UTM-Colossalis.eot?#iefix") format("embedded-opentype"),url("/fonts/UTM-Colossalis.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'SFPD-Light';
        src: local("SFPD-Light"),url("/fonts/SFPD-light.woff2") format("woff2"),url("/fonts/SFPD-light.woff") format("woff"),url("/fonts/SFPD-light.ttf") format("truetype"),url("/fonts/SFPD-light.eot?#iefix") format("embedded-opentype"),url("/fonts/SFPD-light.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'SFPD-Medium';
        src: local("SFPD-Medium"),url("/fonts/SFPD-Medium.woff2") format("woff2"),url("/fonts/SFPD-Medium.woff") format("woff"),url("/fonts/SFPD-Medium.ttf") format("truetype"),url("/fonts/SFPD-Medium.eot?#iefix") format("embedded-opentype"),url("/fonts/SFPD-Medium.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'SFPD-SemiBold';
        src: local("SFPD-SemiBold"),url("/fonts/SFPD-SemiBold.woff2") format("woff2"),url("/fonts/SFPD-SemiBold.woff") format("woff"),url("/fonts/SFPD-SemiBold.ttf") format("truetype"),url("/fonts/SFPD-SemiBold.eot?#iefix") format("embedded-opentype"),url("/fonts/SFPD-SemiBold.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'SFPD-Bold';
        src: local("SFPD-Bold"),url("/fonts/SFPD-Bold.woff2") format("woff2"),url("/fonts/SFPD-Bold.woff") format("woff"),url("/fonts/SFPD-Bold.ttf") format("truetype"),url("/fonts/SFPD-Bold.eot?#iefix") format("embedded-opentype"),url("/fonts/SFPD-Bold.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'SFPD-Regular';
        src: local("SFPD-Regular"),url("/fonts/SFPD-Regular.woff2") format("woff2"),url("/fonts/SFPD-Regular.woff") format("woff"),url("/fonts/SFPD-Regular.ttf") format("truetype"),url("/fonts/SFPD-Regular.eot?#iefix") format("embedded-opentype"),url("/fonts/SFPD-Regular.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'NotoSerif-Regular';
        src: local("NotoSerif-Regular"),url("/fonts/NotoSerif-Regular.woff2") format("woff2"),url("/fonts/NotoSerif-Regular.woff") format("woff"),url("/fonts/NotoSerif-Regular.ttf") format("truetype"),url("/fonts/NotoSerif-Regular.eot?#iefix") format("embedded-opentype"),url("/fonts/NotoSerif-Regular.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    @font-face {
        font-family: 'NotoSerif-Bold';
        src: local("NotoSerif-Bold"),url("/fonts/NotoSerif-Bold.woff2") format("woff2"),url("/fonts/NotoSerif-Bold.woff") format("woff"),url("/fonts/NotoSerif-Bold.ttf") format("truetype"),url("/fonts/NotoSerif-Bold.eot?#iefix") format("embedded-opentype"),url("/fonts/NotoSerif-Bold.svg") format("svg");
        font-weight: normal;
        font-display: swap;
        font-style: normal
    }

    .header .header_wrapper {
        padding: 4px 0;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 999;
        box-shadow: 0 0 12px rgba(0,0,0,.1)
    }

        .header .header_wrapper .toolbar .toolbar_wrapper {
            display: grid;
            grid-template-columns: 40% 15% 45% !important;
            align-items: center;
            padding: 0 10px;
            box-sizing: border-box
        }

            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element {
                display: flex;
                align-items: center
            }

                .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element:nth-last-child(1) .list-ul {
                    justify-content: flex-end
                }

                .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    justify-content: start;
                }

                    .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li {
                        padding-right: 10px;
                        margin-right: 10px;
                        border-right: 1px solid #f0f0f0
                    }

                        .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li:nth-last-child(1) {
                            padding-right: 0;
                            border-right: none;
                            margin-right: 0;
                            position: relative
                        }

                        .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li a {
                            display: flex
                        }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li a .icn-review {
                                width: 18px;
                                height: 18px;
                                display: block
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li a .icn-playlist {
                                width: 16px;
                                height: 16px;
                                display: block
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li a .icn-cate {
                                width: 14px;
                                height: 14px;
                                display: block
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li a .icn-user {
                                width: 13px;
                                height: 13px;
                                display: block
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li a svg {
                                display: block;
                                width: 100%;
                                height: 100%
                            }

                        .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .second {
                            display: none;
                            position: absolute;
                            top: 25px;
                            right: -10px;
                            padding: 15px;
                            text-align: center;
                            border-radius: 5px;
                            background-color: rgba(112,112,112,.8);
                            min-width: 160px;
                            max-width: 100%;
                            word-break: break-word
                        }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .second svg {
                                width: 18px;
                                height: 20px;
                                float: left
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .second .user-name {
                                font: normal 15px/20px 'Roboto-Medium',Arial;
                                padding-top: 2px;
                                color: #fff;
                                margin-left: 30px;
                                min-height: 40px;
                                text-align: left
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .second .btn-logout {
                                clear: both;
                                font: normal 16px/19px 'Roboto-Medium',Arial;
                                border-radius: 5px;
                                color: #fff;
                                background: #3a53a4;
                                padding: 5px 15px 6px;
                                margin-top: 5px;
                                display: inline-block
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .second:before {
                                content: '';
                                border-left: 8px solid transparent;
                                border-right: 8px solid transparent;
                                border-bottom: 8px solid #8d8d8d;
                                position: absolute;
                                top: -8px;
                                right: 8px;
                                z-index: 100
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .second.show {
                                display: block
                            }

                        .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .droplist {
                            font-size: 12px;
                            line-height: 23px;
                            text-align: center;
                            text-transform: uppercase;
                            color: #666;
                            font-family: Roboto-Regular;
                            position: relative;
                            padding-right: 10px
                        }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .droplist:before {
                                position: absolute;
                                content: '';
                                border: solid #666;
                                border-width: 0 2px 2px 0;
                                display: inline-block;
                                padding: 2px;
                                top: 45%;
                                right: 0;
                                transform: translateY(-50%) rotate(45deg)
                            }

                            .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .droplist.show-pop {
                                color: #3a53a4
                            }

                                .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li .droplist.show-pop:before {
                                    border: solid #3a53a4;
                                    border-width: 0 2px 2px 0;
                                    transform: translateY(0%) rotate(-135deg)
                                }

                        .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li.active a span svg path, .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .list-ul .item-li.active a span svg rect {
                            fill: #3a53a4
                        }

                .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .search {
                    width: 13px;
                    height: 13px
                }

                    .header .header_wrapper .toolbar .toolbar_wrapper .toolbar-element .search img {
                        display: block;
                        width: 100%;
                        height: 100%
                    }

            .header .header_wrapper .toolbar .toolbar_wrapper .header-logo {
                display: flex;
                justify-content: center;
                align-items: center
            }

                .header .header_wrapper .toolbar .toolbar_wrapper .header-logo .logo-info {
                    display: flex;
                    flex-direction: column;
                    align-items: center
                }

                    .header .header_wrapper .toolbar .toolbar_wrapper .header-logo .logo-info .logo {
                        height: 32px
                    }

                    .header .header_wrapper .toolbar .toolbar_wrapper .header-logo .logo-info .txt {
                        font-size: 18px;
                        line-height: 25px;
                        text-transform: uppercase;
                        font-family: SVN-Avo-Bold;
                        color: #3a53a4;
                        margin-top: 10px
                    }

    .top-data {
        position: relative;
        margin-bottom: 0px;
        margin-top: 40px
    }

    .live-tv {
        margin-top: -40px
    }

    .top-data .top-data_wrapper {
        position: relative
    }

        .top-data .top-data_wrapper .tdw-content {
            padding-bottom: 30px;
            padding-top: 40px;
        }

            .top-data .top-data_wrapper .tdw-content .tdw-top {
                margin-bottom: 0px !important;
            }

                .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content {
                    width: 100%;
                    border-radius: 5px;
                    position: relative;
                    overflow: hidden;
                    padding: 0 16px;
                    box-sizing: border-box;
                    margin-bottom: 20px;
                    background-color: white !important;
                }

                    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc {
                        width: auto
                    }

                        .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item {
                            width: 100% !important;
                            background: #fff;
                            border-radius: 5px;
                            height: auto;
                            margin-right: 16px
                        }

                            .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item:last-child {
                                margin-right: 0
                            }

                            .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb {
                                position: relative;
                                display: block;
                            }

                                .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb img {
                                    display: block;
                                    width: 100%;
                                }

                            .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item > h2 .title {
                                padding: 14px 0 10px 0;
                                font-size: 24px;
                                line-height: 34px;
                                color: #2f3438;
                                font-family: SVN-Avo-Bold;
                                background: #fff;
                                display: block
                            }

    .hightlight-players .boxvideoinit {
        height: auto;
    }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item title-list {
        padding: 14px 0 20px 0
    }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item > div > div > video {
        height: auto !important;
    }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item > div > .video-js {
        height: 190px !important;
    }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .sapo {
        font-size: 15px;
        line-height: 22px;
        color: #333;
        font-family: Roboto-Regular;
        padding: 0 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;
        margin: 10px;
    }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        background: #c9cacb
    }

        .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #3a53a4
        }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content {
        width: 100% !important;
        background: #fff !important;
        border-radius: 5px;
        padding: 0 16px;
        box-sizing: border-box
    }

        .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .first {
            display: none;
        }

        .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc {
            display: flex;
            flex-direction: column;
        }

            .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item {
                display: flex;
                flex-direction: row-reverse;
                justify-content: space-between;
                border-top: 1px solid rgba(196,196,196,.3);
                box-sizing: border-box;
                margin-bottom: 10px !important;
                align-items: center;
            }

                .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item h3 {
                    width: 70%;
                    padding: 10px;
                }

                .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item .thumb {
                    width: 30%;
                    display: block !important;
                    height: 70px;
                }

                    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item .thumb img {
                        display: block;
                        width: 100%;
                        height: 100%;
                        border-radius: 5px
                    }

    .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul:not(.list-video) .item {
        margin-right: 10px !important;
    }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item > h3 .title {
        width: 90%;
        display: flex;
        padding: 7px 0 !important;
    }

        .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item > h3 .title .txt span {
            font-size: 17px;
            line-height: 25px;
            color: black;
            font-family: SVN-Avo;
            width: 100%;
        }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item .title {
        margin: 0 !important;
        border-bottom: 0 !important;
    }

        .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item .title .txt .icn {
            display: inline-block;
            vertical-align: middle
        }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .right-content {
        display: none;
        width: 23%;
        background: #fff
    }

    .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper {
        position: relative;
        box-sizing: border-box
    }

        .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content {
            position: relative;
            overflow: hidden;
            margin: 15px 15px;
        }

            .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul {
                display: flex;
            }

                .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul .item {
                    width: 55% !important;
                    display: flex;
                    flex-direction: column;
                    height: auto;
                    background: #f9f9f9;
                    border: 1px solid #e9e9e9;
                    border-radius: 5px;
                    margin-right: 24px
                }

                    .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul .item:last-child {
                        margin-right: 0
                    }

                    .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul .item .thumb {
                        position: relative
                    }

                        .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul .item .thumb img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            border-radius: 5px 5px 0 0
                        }

                    .top-data .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul .item .title {
                        padding: 6px 10px 10px 10px;
                        font-size: 13px;
                        line-height: 21px;
                        color: white;
                        font-family: SVN-Avo
                    }

    .top-data .top-data_footer {
        display: flex;
        flex-direction: column;
        position: relative;
        margin-top: -60px;
    }

        .top-data .top-data_footer .tdf_wrapper {
            display: flex;
            height: 110px;
            position: relative
        }

            .top-data .top-data_footer .tdf_wrapper .tdf-bgl {
                width: 65%;
                background: #3d4897;
                position: relative
            }

                .top-data .top-data_footer .tdf_wrapper .tdf-bgl::before {
                    position: absolute;
                    content: '';
                    top: 0;
                    right: -1px;
                    border-bottom: 110px solid #0c2252;
                    border-left: 60px solid transparent;
                    width: 0
                }

            .top-data .top-data_footer .tdf_wrapper .tdf-bgr {
                width: 35%;
                background: #0c2252
            }

            .top-data .top-data_footer .tdf_wrapper .live-news {
                position: absolute;
                top: 50%;
                left: 36px;
                transform: translateY(-50%);
                z-index: 1;
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: calc(100% - 16px)
            }

                .top-data .top-data_footer .tdf_wrapper .live-news .live {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    height: 100%;
                    width: 50%
                }

                    .top-data .top-data_footer .tdf_wrapper .live-news .live .live-icn {
                        display: flex;
                        align-items: center
                    }

                        .top-data .top-data_footer .tdf_wrapper .live-news .live .live-icn .txt {
                            font-size: 14px;
                            line-height: 16px;
                            letter-spacing: .2px;
                            font-family: SVN-Avo;
                            color: #e3e3e3;
                            margin-left: 7px
                        }

                    .top-data .top-data_footer .tdf_wrapper .live-news .live .title {
                        font-size: 18px;
                        line-height: 25px;
                        font-family: SVN-Avo-Bold;
                        color: #fff;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        -webkit-line-clamp: 2
                    }

                .top-data .top-data_footer .tdf_wrapper .live-news .all-pg {
                    width: 40%;
                    height: 100%;
                    padding-right: 16px;
                    box-sizing: border-box
                }

                    .top-data .top-data_footer .tdf_wrapper .live-news .all-pg .live-icn {
                        display: flex;
                        align-items: center
                    }

                        .top-data .top-data_footer .tdf_wrapper .live-news .all-pg .live-icn .txt {
                            margin-left: 0;
                            margin-right: 7px;
                            text-transform: uppercase;
                            font-size: 15px;
                            line-height: 23px;
                            color: rgba(196,196,196,.6)
                        }

        .top-data .top-data_footer .program {
            width: 100%;
            background: #132477;
            display: flex;
            padding: 16px 0 16px 16px;
            box-sizing: border-box;
            margin-top: -1px
        }

            .top-data .top-data_footer .program h3 {
                font-size: 16px;
                line-height: 19px;
                text-transform: uppercase;
                font-family: SVN-Avo;
                color: #c4c4c4;
                white-space: nowrap;
                padding-right: 20px;
                margin-right: 30px;
                position: relative
            }

                .top-data .top-data_footer .program h3::before {
                    position: absolute;
                    content: '';
                    border-right: 1px solid rgba(196,196,196,.3);
                    transform: rotate(210deg);
                    top: 0;
                    right: 0;
                    height: 100%
                }

            .top-data .top-data_footer .program .program_wrapper {
                position: relative;
                overflow: hidden
            }

                .top-data .top-data_footer .program .program_wrapper .list-pg {
                    display: flex
                }

                    .top-data .top-data_footer .program .program_wrapper .list-pg .pg-item {
                        padding-right: 20px;
                        display: flex;
                        position: relative;
                        width: 70%;
                        margin-right: 30px
                    }

                        .top-data .top-data_footer .program .program_wrapper .list-pg .pg-item::before {
                            position: absolute;
                            content: '';
                            border-right: 1px solid rgba(196,196,196,.3);
                            transform: rotate(210deg);
                            top: 0;
                            right: 0;
                            height: 100%
                        }

                        .top-data .top-data_footer .program .program_wrapper .list-pg .pg-item a {
                            display: block;
                            width: 100%;
                            height: 100%
                        }

                            .top-data .top-data_footer .program .program_wrapper .list-pg .pg-item a .live-icn {
                                display: flex;
                                align-items: center
                            }

                                .top-data .top-data_footer .program .program_wrapper .list-pg .pg-item a .live-icn .txt {
                                    font-size: 14px;
                                    line-height: 16px;
                                    letter-spacing: .2px;
                                    font-family: SVN-Avo;
                                    color: #999;
                                    margin-left: 7px;
                                    margin-top: -3px
                                }

                            .top-data .top-data_footer .program .program_wrapper .list-pg .pg-item a .title {
                                font-size: 15px;
                                line-height: 20px;
                                color: #c9cacb;
                                font-family: SVN-Avo-Bold
                            }

                        .top-data .top-data_footer .program .program_wrapper .list-pg .pg-item:nth-last-child(1)::before {
                            visibility: hidden
                        }

    .bottom-data .bottom-data_wrapper {
        display: flex
    }

        .bottom-data .bottom-data_wrapper .bd-content {
            width: 100%
        }

            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper {
                display: flex;
                flex-direction: column
            }

                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .tag-news {
                    padding: 0 16px;
                    box-sizing: border-box;
                    position: relative;
                    overflow: hidden;
                    display: flex
                }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .tag-news .ds-dsk {
                        padding: 20px 0px 0 16px;
                        position: relative;
                        z-index: 10;
                        background-color: #fff;
                        margin-left: -20px
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .tag-news .list-tag .tag {
                        width: auto;
                        margin-right: 16px
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .tag-news .list-tag .tag a {
                            display: flex
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .tag-news .list-tag .tag a .txt {
                                font-size: 15px;
                                line-height: 18px;
                                font-family: Roboto-Regular;
                                color: #000;
                                padding: 9px 16px;
                                background: #f9f9f9;
                                box-sizing: border-box;
                                border-radius: 50px
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .tag-news .list-tag .tag a .txt:before {
                                    content: "#"
                                }

                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar {
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 20px;
                    padding: 0 16px;
                    box-sizing: border-box;
                    position: relative;
                    overflow: hidden;
                    width: 100%
                }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar h3 {
                        font-size: 24px;
                        line-height: 32px;
                        font-family: UTM-Colossalis;
                        color: #3a53a4;
                        text-align: center;
                        margin-bottom: 20px;
                        margin-right: 0px !important;
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .list-toolbar .toolbar-item {
                        padding: 0 15px;
                        border-right: 1px solid #e9e9e9;
                        width: auto
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .list-toolbar .toolbar-item:first-child {
                            margin-right: 0;
                            padding-left: 0
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .list-toolbar .toolbar-item:last-child {
                            border-right: none
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .list-toolbar .toolbar-item a {
                            display: flex;
                            align-items: center
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .list-toolbar .toolbar-item a .txt {
                                font-size: 12px;
                                line-height: 15px;
                                font-family: Roboto-Regular;
                                text-align: center;
                                text-transform: uppercase;
                                color: #333;
                                margin-left: 8px
                            }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .funct-left {
                        position: absolute;
                        right: 105%;
                        top: 0
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .funct-left .list-funct {
                            display: flex;
                            flex-direction: column
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .funct-left .list-funct .funct-item {
                                margin-bottom: 12px
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .funct-left .list-funct .funct-item a {
                                    width: 48px;
                                    height: 48px;
                                    background: #f9f9f9;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    border-radius: 100px;
                                    box-sizing: border-box
                                }

                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news {
                    background-color: white !important;
                    box-sizing: border-box;
                    border-radius: 0px;
                    padding: 16px;
                    margin-bottom: 16px
                }

    .setup-highlight .title {
        font-size: 20px;
        line-height: 28px;
        color: #2f3438;
        width: 100%;
        font-family: Roboto-Bold;
        padding: 8px 12px 0px 12px;
    }

    .info-hot-news > span {
        display: none !important;
    }

    .bottom-data .bottom-data_wrapper .bd-content .main-news {
        padding-right: 0px !important;
    }

        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper {
            display: flex;
            justify-content: space-between
        }

            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .thumb {
                display: flex;
                width: 100%
            }

                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .thumb img {
                    display: block;
                    width: 100%;
                    height: 100%
                }

            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .list-relate {
                width: 100%;
                display: flex;
                flex-direction: column
            }

                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .list-relate .item {
                    padding-bottom: 16px;
                    margin-bottom: 12px;
                    border-bottom: 1px solid #e7e7e7
                }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .list-relate .item:nth-last-child(1) {
                        padding-bottom: 0;
                        margin-bottom: 0;
                        border-bottom: none
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .list-relate .item .info-hot-news {
                        display: flex;
                        flex-direction: column
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .list-relate .item .info-hot-news .title {
                            font-size: 24px;
                            line-height: 34px;
                            color: #2f3438;
                            font-family: Roboto-Bold;
                            margin-bottom: 6px
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .list-relate .item .info-hot-news .time {
                            font-size: 13px;
                            line-height: 22px;
                            color: #999;
                            font-family: Roboto-Regular
                        }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .hot-news .hot-news_wrapper .list-relate .item .title-other {
                        font-size: 18px;
                        line-height: 25px;
                        color: #333;
                        font-family: Roboto-Regular;
                        margin: 0 12px;
                        padding: 12px 0;
                    }

        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate {
            display: flex;
            flex-direction: column;
            padding: 0 16px;
            box-sizing: border-box
        }

            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul {
                display: grid;
                grid-template-columns: 100%;
                justify-content: space-between;
                grid-row-gap: 18px;
                margin-bottom: 16px
            }

                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul .list-item {
                    display: flex;
                    flex-direction: column;
                    height: auto;
                    background: #f9f9f9;
                    border: 1px solid #e9e9e9;
                    box-sizing: border-box;
                    border-radius: 5px;
                    overflow: hidden
                }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul .list-item .thumb {
                        position: relative;
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul .list-item .thumb img {
                            display: block;
                            width: 100%;
                            height: 100%
                        }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul .list-item .title {
                        font-size: 18px;
                        line-height: 25px;
                        color: #2f3438;
                        font-family: Roboto-Medium;
                        padding: 8px 12px 16px 12px;
                        border-top: 1px solid #e9e9e9
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul .list-item .cate-title {
                        height: 40px;
                        background: #e9e9e9;
                        font-size: 18px;
                        line-height: 24px;
                        color: #75757a;
                        font-family: Roboto-Medium;
                        display: flex;
                        align-items: center;
                        padding-left: 12px;
                        position: relative
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul .list-item .cate-title::before {
                            position: absolute;
                            content: '';
                            border: solid #bababa;
                            border-width: 0 3px 3px 0;
                            display: inline-block;
                            padding: 3px;
                            top: 50%;
                            right: 5%;
                            transform: translateY(-50%) rotate(-45deg)
                        }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul .list-item .more-title {
                        font-size: 18px;
                        line-height: 25px;
                        color: #333;
                        font-family: Roboto-Regular;
                        margin: 0 12px;
                        padding: 12px 0;
                        border-top: 1px solid #e9e9e9;
                        border-bottom: 1px solid #e9e9e9
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .news-relate .list-ul .list-item .more-title:nth-last-child(1) {
                            border-bottom: none
                        }

        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event {
            margin-bottom: 30px;
            background: #f9f9f9
        }

            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper {
                padding: 0 16px
            }

                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event {
                    display: flex;
                    flex-direction: column
                }

                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item {
                        width: 100%;
                        height: auto;
                        display: flex;
                        justify-content: space-between
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item.only-title:nth-last-child(1) {
                            border-bottom: none;
                            padding-bottom: 0
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item.only-title .title {
                            width: 100%
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item:nth-child(n+2) {
                            border-bottom: 1px solid #e9e9e9;
                            box-sizing: border-box;
                            border-radius: 5px;
                            padding-bottom: 16px;
                            margin-bottom: 16px
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item:first-child {
                            flex-direction: column
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item:first-child .folder-event .folder-event_wrapper {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item:first-child .folder-event .folder-event_wrapper h3 {
                                    margin-top: 25px;
                                    width: 100%;
                                    font-size: 28px;
                                    line-height: 35px;
                                    text-align: center;
                                    font-family: SFPD-Bold;
                                    color: #333;
                                    margin-bottom: 25px
                                }

                                    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item:first-child .folder-event .folder-event_wrapper h3 b {
                                        display: block;
                                        font-size: 16px;
                                        line-height: 19px;
                                        color: #aaa;
                                        font-family: SFPD-Regular
                                    }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item .thumb {
                            width: 29%;
                            position: relative
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item .thumb img {
                                display: block;
                                width: 100%
                            }

                        .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .event .event_wrapper .list-news-event .news-event-item .title {
                            width: 65%;
                            font-size: 18px;
                            line-height: 25px;
                            color: #333;
                            font-family: Roboto-Regular
                        }

    .bottom-data .bottom-data_wrapper .bd-content .people {
        display: flex;
        flex-direction: column;
        margin: 30px 0;
        background-size: 100% 100% !important;
        padding-right: 0px !important
    }

        .bottom-data .bottom-data_wrapper .bd-content .people h3 {
            font-size: 22px;
            line-height: 29px;
            font-family: UTM-Colossalis;
            color: #3a53a4;
            margin-bottom: 20px;
            text-align: center;
            padding: 0px 16px;
            width: auto;
            min-width: 0;
            margin: 0 16px 30px 16px;
            background: #fff;
            border-radius: 5px;
        }

        .bottom-data .bottom-data_wrapper .bd-content .people .item-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            height: 100%
        }

            .bottom-data .bottom-data_wrapper .bd-content .people .item-info .thumb {
                display: flex;
                margin-bottom: 8px
            }

            .bottom-data .bottom-data_wrapper .bd-content .people .item-info .info {
                display: flex;
                flex-direction: column
            }

                .bottom-data .bottom-data_wrapper .bd-content .people .item-info .info .nickname {
                    font-size: 12px;
                    line-height: 17px;
                    text-align: center;
                    font-family: Roboto-Regular;
                    color: #666;
                    margin-bottom: 4px;
                    display: none;
                }


                .bottom-data .bottom-data_wrapper .bd-content .people .item-info .info .name {
                    font-size: 12px;
                    line-height: 7px;
                    text-align: center;
                    font-family: Roboto-Medium;
                    color: #333
                }

                .bottom-data .bottom-data_wrapper .bd-content .people .item-info .info .job {
                    font-size: 13px;
                    line-height: 28px;
                    text-align: center;
                    font-family: Roboto-Regular;
                    color: #999
                }

        .bottom-data .bottom-data_wrapper .bd-content .people .important-people {
            margin-bottom: 15px;
            padding: 0 16px
        }

            .bottom-data .bottom-data_wrapper .bd-content .people .important-people .list-ipt {
                flex-wrap: wrap;
            }

                .bottom-data .bottom-data_wrapper .bd-content .people .important-people .list-ipt .ipt-item {
                    padding-bottom: 20px;
                    width: 50% !important;
                    border-bottom: 1px solid #e9e9e9
                }

                .bottom-data .bottom-data_wrapper .bd-content .people .important-people .list-ipt .ipt-item:nth-child(3){
                    margin-top: 20px;
                }

                .bottom-data .bottom-data_wrapper .bd-content .people .important-people .list-ipt .ipt-item:nth-child(4){
                    margin-top: 20px;
                }

        .bottom-data .bottom-data_wrapper .bd-content .people .more-people {
            position: relative;
            margin-bottom: 15px;
            padding-left: 16px
        }

            .bottom-data .bottom-data_wrapper .bd-content .people .more-people .more-people_wrapper {
                position: relative;
                overflow: hidden
            }

                .bottom-data .bottom-data_wrapper .bd-content .people .more-people .more-people_wrapper .list-ul {
                    display: flex
                }

                    .bottom-data .bottom-data_wrapper .bd-content .people .more-people .more-people_wrapper .list-ul .list-item {
                        width: 32.5%
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .people .more-people .more-people_wrapper .list-ul .list-item .item-info {
                            padding: 10px
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .people .more-people .more-people_wrapper .list-ul .list-item .item-info .info .name {
                                font-size: 14px;
                                line-height: 18px;
                                margin-bottom: 6px
                            }

                            .bottom-data .bottom-data_wrapper .bd-content .people .more-people .more-people_wrapper .list-ul .list-item .item-info .info .job {
                                font-size: 12px;
                                line-height: 18px;
                                display: -webkit-box;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                                -webkit-line-clamp: 3
                            }

            .bottom-data .bottom-data_wrapper .bd-content .people .more-people .swiper-button-next, .bottom-data .bottom-data_wrapper .bd-content .people .more-people .swiper-button-prev {
                color: #c4c4c4;
                width: 11px
            }

                .bottom-data .bottom-data_wrapper .bd-content .people .more-people .swiper-button-next::after, .bottom-data .bottom-data_wrapper .bd-content .people .more-people .swiper-button-prev::after {
                    font-size: 20px
                }

            .bottom-data .bottom-data_wrapper .bd-content .people .more-people .swiper-button-next {
                right: -17px
            }

            .bottom-data .bottom-data_wrapper .bd-content .people .more-people .swiper-button-prev {
                left: -17px
            }

        .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1000;
            background: rgba(255,255,255,.8);
            width: 100%;
            height: 100vh;
            padding: 45px 16px;
            box-sizing: border-box;
            display: none
        }

            .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .btn-close {
                position: absolute;
                top: 30px;
                right: 1px;
                display: inline-block;
                z-index: 101
            }

            .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert {
                background: #fff;
                box-shadow: 0 4px 15px rgba(0,0,0,.15);
                border-radius: 5px;
                padding: 0 16px;
                position: relative;
                height: 100%;
                overflow-y: scroll
            }

                .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert .cate_name {
                    font-family: Roboto-Medium;
                    font-style: normal;
                    font-size: 16px;
                    line-height: 19px;
                    color: #3a53a4;
                    display: block;
                    text-align: center;
                    padding: 16px 0
                }

                .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert .readmore {
                    box-sizing: border-box;
                    margin-top: 10px
                }

                .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert ul {
                    display: flex;
                    flex-wrap: wrap;
                    width: calc(100% + 20px);
                    margin: 0 -10px
                }

                    .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert ul li {
                        width: calc(50% - 20px);
                        border-bottom: 1px solid #e9e9e9;
                        box-sizing: border-box;
                        text-align: center;
                        padding: 10px 0 10px;
                        margin: 0 10px
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert ul li:nth-child(n+6) {
                            display: none
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert ul li .thumb {
                            display: block
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert ul li .thumb img {
                                width: 80px;
                                height: 80px;
                                object-fit: cover;
                                border-radius: 50%
                            }

                        .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert ul li .info .name {
                            font-family: Roboto-Bold;
                            font-size: 12px;
                            line-height: 16px;
                            color: #666
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .people .list-all-expert-overflow .list-all-expert ul li .info .job {
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                            -webkit-line-clamp: 1;
                            font-family: Roboto-Regular;
                            font-size: 12px;
                            line-height: 14px;
                            color: #999
                        }

    .popup-bg .popup-main, .popup-bg .pop-main, .pop-bg .popup-main, .pop-bg .pop-main {
        max-height: 80vh !important;
        width: 85% !important;
    }

        .popup-bg .popup-main .pop-title, .popup-bg .pop-main .pop-title, .pop-bg .popup-main .pop-title, .pop-bg .pop-main .pop-title {
            display: flex;
            flex-direction: column;
        }

            .popup-bg .popup-main .pop-title, .popup-bg .pop-main .pop-title, .pop-bg .popup-main .pop-title, .pop-bg .pop-main .pop-title > a {
                font-family: Roboto-Medium;
                font-style: normal;
                font-size: 16px;
                line-height: 19px;
                color: #3a53a4;
                display: block;
                text-align: center;
                padding: 16px 0;
            }

        .popup-bg .popup-main .list-catechild.top .item, .popup-bg .pop-main .list-catechild.top .item, .pop-bg .popup-main .list-catechild.top .item, .pop-bg .pop-main .list-catechild.top .item {
            width: 147px;
        }

    .search-pop > input {
        transition: all .15s linear;
        display: flex;
        align-items: center;
        margin: 0 15px;
        background: #fff;
        border: none;
        box-sizing: border-box;
        height: 30px;
        width: 100%;
        outline: none;
        font-family: Roboto-Regular;
        font-size: 12px;
        line-height: 14px;
        color: #bdbdbd;
    }

    .popup-bg .popup-contain, .popup-bg .pop-contain, .pop-bg .popup-contain, .pop-bg .pop-contain {
        padding: 0 20px;
    }

    .listpop-zones .item {
        width: calc(100%/2);
    }

    .search-pop > svg {
        display: none
    }

    .bottom-data .bottom-data_wrapper .bd-content .category-news .category-news_wrapper .list-cate-news .item .thumb img {
        height: auto !important;
    }

    .img-height {
        max-height: 300px !important;
    }

    .bottom-data .bottom-data_wrapper .bd-content .hot-program {
        padding: 22px 0;
        background: #f9f9f9;
        box-sizing: border-box;
        margin-bottom: 30px;
        position: relative;
        z-index: 20;
        margin-top: -15px;
    }

        .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper {
            display: flex;
            flex-direction: column
        }

            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .top-hp {
                display: flex;
                flex-direction: column;
                margin-bottom: 20px;
                padding: 0 30px
            }

                .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .top-hp h3 {
                    font-size: 22px;
                    line-height: 29px;
                    font-family: UTM-Colossalis;
                    color: #3a53a4;
                    text-align: center;
                    margin-bottom: 16px
                }

            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp {
                padding: 0 16px;
                box-sizing: border-box;
                overflow: hidden;
                position: relative
            }

                .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper {
                    display: flex
                }

                    .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp {
                        width: 100%;
                        margin-left: 5%;
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp {
                            display: grid;
                            grid-template-columns: 100%;
                            justify-content: space-between;
                            grid-row-gap: 12px;
                            margin-bottom: 15px
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item {
                                background: #fff;
                                border: 1px solid #e9e9e9;
                                box-sizing: border-box;
                                border-radius: 5px;
                                overflow: hidden;
                                margin-right: 20px
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info {
                                    display: flex;
                                    justify-content: space-between
                                }

                                    .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info {
                                        display: flex;
                                        flex-direction: column;
                                        padding: 10px;
                                        box-sizing: border-box;
                                        width: 62%
                                    }

                                        .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .pg-name {
                                            display: flex;
                                            align-items: center
                                        }

                                            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .pg-name .name {
                                                font-size: 15px;
                                                line-height: 18px;
                                                color: #2f3438;
                                                font-family: Roboto-Medium;
                                                margin-right: 10px;
                                                display: -webkit-box;
                                                -webkit-box-orient: vertical;
                                                overflow: hidden;
                                                -webkit-line-clamp: 1;
                                                text-align: left
                                            }

                                            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .pg-name .icn-hot {
                                                display: flex
                                            }

                                            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .pg-name .next-txt {
                                                font-size: 11px;
                                                line-height: 18px;
                                                color: #fff;
                                                padding: 0 4px;
                                                background: #de192c
                                            }

                                        .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .more-info {
                                            display: flex;
                                            align-items: center
                                        }

                                            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .more-info .txt {
                                                font-size: 12px;
                                                line-height: 28px;
                                                color: #888;
                                                font-family: Roboto-Regular;
                                                margin-left: 2px;
                                                white-space: nowrap
                                            }

                                            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .more-info .video, .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .more-info .views {
                                                display: flex;
                                                align-items: center
                                            }

                                            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .info .more-info .video {
                                                margin-right: 10px
                                            }

                                    .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .program-img {
                                        width: 36%;
                                        display: flex
                                    }

                                        .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .program-img a {
                                            display: block;
                                            width: 100%;
                                            height: 100%
                                        }

                                            .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp .list-content-hp .item .program-info .program-img a img {
                                                display: block;
                                                width: 100%;
                                                height: 100%
                                            }

                        .bottom-data .bottom-data_wrapper .bd-content .hot-program .hot-program_wrapper .bottom-hp .bottom-hp_wrapper .content-hp:last-child .item {
                            margin-right: 0
                        }

    .bottom-data .bottom-data_wrapper .bd-content .box-news {
        padding: 0px !important;
        margin: 0px !important;
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .sourse-share {
        flex-direction: column
    }

    .bottom-data .bottom-data_wrapper .bd-content .newest-viewest {
        display: none
    }

    .swiper-button-next {
        display: none !important;
    }

    .swiper-button-prev {
        display: none !important;
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .list-ul .list-li {
        margin-right: 0px;
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper {
        display: flex;
        flex-direction: column;
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-bottom: 20px
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top h3 {
                font-size: 22px;
                line-height: 29px;
                text-transform: uppercase;
                font-family: UTM-Colossalis;
                color: #3a53a4;
                text-align: center;
                margin-bottom: 15px
            }

            .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone {
                width: calc(100% - 32px);
                position: relative;
                margin: 0 16px
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .slide-zone {
                    width: calc(100% - 70px);
                    margin: 0
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .slide-zone .list-ul .list-li {
                        width: auto;
                        margin-right: 20px
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .slide-zone .list-ul .list-li a {
                            font-size: 12px;
                            line-height: 15px;
                            font-family: Roboto-Regular;
                            letter-spacing: .02em;
                            text-transform: uppercase;
                            color: #666
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .slide-zone .list-ul .list-li a.active, .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .slide-zone .list-ul .list-li a:hover {
                                font-family: Roboto-Medium;
                                color: #333
                            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .select-zone {
                    position: absolute;
                    width: 100px;
                    top: 0;
                    right: 0;
                    background: linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 57.81%,#fff 100%,#fff 100%);
                    text-align: right;
                    z-index: 10
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .select-zone select {
                        width: 68px;
                        border: none;
                        background: #fff;
                        color: #bababa;
                        padding-left: 8px;
                        border-left: 1px solid #e9e9e9
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .select-zone .btn-all {
                        font-size: 14px;
                        line-height: 17px;
                        color: #bababa;
                        font-family: SFPD-Regular;
                        position: relative;
                        text-transform: none;
                        margin-right: 17px
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .select-zone .btn-all:after {
                            position: absolute;
                            content: '';
                            top: 50%;
                            right: -15px;
                            transform: translateY(-50%) rotate(45deg);
                            border: solid #bababa;
                            border-width: 0 2px 2px 0;
                            display: inline-block;
                            padding: 3px
                        }

                .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow {
                    position: fixed;
                    top: 0;
                    left: 0;
                    z-index: 1000;
                    background: rgba(255,255,255,.8);
                    width: 100%;
                    height: 100vh;
                    padding: 56px 16px;
                    box-sizing: border-box;
                    display: none
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .btn-close {
                        position: absolute;
                        top: 40px;
                        right: 1px;
                        display: inline-block;
                        z-index: 101
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .list-all-zone {
                        background: #fff;
                        box-shadow: 0 4px 15px rgba(0,0,0,.15);
                        border-radius: 5px;
                        padding: 0 16px;
                        position: relative;
                        height: 100%;
                        overflow-y: scroll;
                        padding-bottom: 20px
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .list-all-zone .cate_name {
                            font-family: Roboto-Medium;
                            font-style: normal;
                            font-size: 16px;
                            line-height: 19px;
                            color: #3a53a4;
                            display: block;
                            text-align: center;
                            padding: 16px 0
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .list-all-zone .readmore {
                            box-sizing: border-box;
                            margin-top: 20px
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .list-all-zone ul {
                            display: flex;
                            flex-wrap: wrap;
                            width: calc(100% + 20px);
                            margin: 0 -10px
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .list-all-zone ul li {
                                width: calc(50% - 20px);
                                box-sizing: border-box;
                                text-align: center;
                                padding: 10px 0;
                                margin: 0 10px
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .list-all-zone ul li:nth-child(n+7) {
                                    display: none
                                }

                                .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .list-all-zone ul li a {
                                    font-family: Roboto-Medium;
                                    font-size: 13px;
                                    line-height: 15px;
                                    color: #555
                                }

                                .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-top .all-zone .list-all-zone-overflow .list-all-zone ul li img {
                                    width: 100%
                                }

        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom {
            margin-bottom: 15px
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper {
                position: relative
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content {
                    position: relative;
                    overflow: hidden
                }


        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .s-viet-nam .bn-bottom_wrapper .bn-content .list-news {
            display: flex;
            flex-direction: column;
            transform: none !important
        }

        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .ttxvn-toan-cau .bn-bottom_wrapper .bn-content .list-news {
            display: flex;
            flex-direction: column;
            transform: none !important
        }

    #video-detail .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news {
        display: flex;
        flex-direction: row;
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news .news-item {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        height: auto;
        background: #f9f9f9;
        border: 1px solid #e9e9e9;
        box-sizing: border-box;
        border-radius: 5px;
        margin-bottom: 16px
    }

    #event-stream-detail > div > div {
        margin-top: 30px
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news .news-item .thumb {
        position: relative;
        width: 100% !important;
        height: 100% !important
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news .news-item .thumb img {
            display: block;
            width: 100%;
            height: 100%
        }

    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news .news-item .title {
        font-size: 18px;
        line-height: 25px;
        color: #2f3438;
        font-family: Roboto-Medium;
        padding: 8px 12px 16px 12px
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .swiper-button-next, .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .swiper-button-prev {
        color: #c4c4c4;
        width: 11px;
        height: 20px
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .swiper-button-next::after, .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .swiper-button-prev::after {
            font-size: 20px
        }

    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .swiper-button-next {
        right: -17px
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom .bn-bottom_wrapper .swiper-button-prev {
        left: -17px
    }

    .bottom-data .bottom-data_wrapper .bd-content .category-news {
        padding: 0 16px;
        margin-bottom: 30px
    }

        .bottom-data .bottom-data_wrapper .bd-content .category-news:last-child {
            margin-bottom: 40px
        }



        .bottom-data .bottom-data_wrapper .bd-content .category-news .category-news_wrapper .cate-title {
            height: 40px;
            background: #e9e9e9;
            font-size: 18px;
            line-height: 24px;
            color: #3a53a4;
            font-family: UTM-Colossalis;
            display: flex;
            align-items: center;
            padding-left: 12px
        }

        .bottom-data .bottom-data_wrapper .bd-content .category-news .category-news_wrapper .list-cate-news {
            grid-template-columns: 100%;
        }

            .bottom-data .bottom-data_wrapper .bd-content .category-news .category-news_wrapper .list-cate-news li .thumb {
                position: relative;
                display: block
            }

                .bottom-data .bottom-data_wrapper .bd-content .category-news .category-news_wrapper .list-cate-news li .thumb img {
                    display: block;
                    width: 100%;
                    height: 100%
                }

            .bottom-data .bottom-data_wrapper .bd-content .category-news .category-news_wrapper .list-cate-news li .title {
                font-size: 20px;
                line-height: 28px;
                color: #2f3438;
                font-family: Roboto-Medium;
                padding: 12px;
                display: block
            }

            .bottom-data .bottom-data_wrapper .bd-content .category-news .category-news_wrapper .list-cate-news li .more-title {
                font-size: 16px;
                line-height: 23px;
                color: #666;
                font-family: Roboto-Regular;
                margin: 0 12px;
                padding: 12px 0;
                display: block;
                border-top: 1px solid #e9e9e9
            }

    .bottom-data .bottom-data_wrapper .adv {
        display: none;
        width: 23%;
        background: white;
    }

    .setup-highlight {
        display: flex;
        flex-direction: column;
        height: auto;
        background: #f9f9f9;
        border: 1px solid #e9e9e9;
        box-sizing: border-box;
        border-radius: 5px;
        margin-top: 20px;
        overflow: hidden
    }

        .setup-highlight .thumb {
            position: relative
        }

            .setup-highlight .thumb img {
                display: block;
                width: 100%;
                height: 100%
            }

            .setup-highlight .thumb[data-video="0"] i {
                display: none
            }

        .setup-highlight .title {
            font-size: 20px;
            line-height: 28px;
            color: #2f3438;
            font-family: Roboto-Bold;
            padding: 8px 12px 16px 12px
        }

        .setup-highlight .more-title {
            font-size: 18px;
            line-height: 25px;
            color: #333;
            font-family: Roboto-Regular;
            margin: 0 12px;
            padding: 12px 0;
            border-top: 1px solid #e9e9e9;
            border-bottom: 1px solid #e9e9e9
        }

            .setup-highlight .more-title:nth-last-child(1) {
                border: none
            }

    .item_template_wrapper .input-search {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 32px;
        border: 1px solid #e9e9e9;
        margin-bottom: 10px
    }

        .item_template_wrapper .input-search .input-info {
            transition: all .15s linear;
            display: flex;
            align-items: center;
            margin: 0 15px;
            background: #fff;
            border: none;
            box-sizing: border-box;
            height: 30px;
            width: 100%;
            outline: none;
            font-family: Roboto-Regular;
            font-size: 12px;
            line-height: 14px;
            color: #bdbdbd
        }

        .item_template_wrapper .input-search .icon-search {
            display: flex;
            margin-right: 10px
        }

    .item_template_wrapper .list-all-program-overflow, .item_template_wrapper .list-all-category-overflow {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        background: rgba(255,255,255,.8);
        width: 100%;
        height: 100vh;
        padding: 56px 16px;
        box-sizing: border-box;
        display: none
    }

        .item_template_wrapper .list-all-program-overflow .btn-close, .item_template_wrapper .list-all-category-overflow .btn-close {
            position: absolute;
            top: 40px;
            right: 2px;
            display: inline-block;
            z-index: 101
        }

        .item_template_wrapper .list-all-program-overflow .list-all-program, .item_template_wrapper .list-all-program-overflow .list-all-category, .item_template_wrapper .list-all-category-overflow .list-all-program, .item_template_wrapper .list-all-category-overflow .list-all-category {
            background: #fff;
            box-shadow: 0 4px 15px rgba(0,0,0,.15);
            border-radius: 5px;
            padding: 0 16px;
            position: relative;
            height: 100%;
            overflow-y: scroll
        }

            .item_template_wrapper .list-all-program-overflow .list-all-program .cate_name, .item_template_wrapper .list-all-program-overflow .list-all-category .cate_name, .item_template_wrapper .list-all-category-overflow .list-all-program .cate_name, .item_template_wrapper .list-all-category-overflow .list-all-category .cate_name {
                font-family: Roboto-Medium;
                font-style: normal;
                font-size: 16px;
                line-height: 19px;
                color: #3a53a4;
                display: block;
                text-align: center;
                padding: 16px 0
            }

            .item_template_wrapper .list-all-program-overflow .list-all-program .readmore, .item_template_wrapper .list-all-program-overflow .list-all-category .readmore, .item_template_wrapper .list-all-category-overflow .list-all-program .readmore, .item_template_wrapper .list-all-category-overflow .list-all-category .readmore {
                box-sizing: border-box;
                margin-top: 10px
            }

            .item_template_wrapper .list-all-program-overflow .list-all-program ul, .item_template_wrapper .list-all-program-overflow .list-all-category ul, .item_template_wrapper .list-all-category-overflow .list-all-program ul, .item_template_wrapper .list-all-category-overflow .list-all-category ul {
                display: flex;
                flex-wrap: wrap
            }

                .item_template_wrapper .list-all-program-overflow .list-all-program ul .item, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item {
                    width: 100%;
                    border: 1px solid #e9e9e9;
                    box-sizing: border-box;
                    text-align: center;
                    margin-bottom: 10px;
                    margin-right: 0;
                    border-radius: 5px;
                    overflow: hidden
                }

                    .item_template_wrapper .list-all-program-overflow .list-all-program ul .item:nth-child(n+6), .item_template_wrapper .list-all-program-overflow .list-all-category ul .item:nth-child(n+6), .item_template_wrapper .list-all-category-overflow .list-all-program ul .item:nth-child(n+6), .item_template_wrapper .list-all-category-overflow .list-all-category ul .item:nth-child(n+6) {
                        display: none
                    }

                    .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info {
                        display: flex;
                        justify-content: space-between
                    }

                        .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info {
                            display: flex;
                            flex-direction: column;
                            padding: 10px;
                            box-sizing: border-box;
                            width: 62%
                        }

                            .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .pg-name, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .pg-name, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .pg-name, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .pg-name {
                                display: flex;
                                align-items: center
                            }

                                .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .pg-name .name, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .pg-name .name, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .pg-name .name, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .pg-name .name {
                                    font-size: 15px;
                                    line-height: 18px;
                                    color: #2f3438;
                                    font-family: Roboto-Medium;
                                    margin-right: 10px;
                                    display: -webkit-box;
                                    -webkit-box-orient: vertical;
                                    overflow: hidden;
                                    -webkit-line-clamp: 1;
                                    text-align: left
                                }

                                .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .pg-name .icn-hot, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .pg-name .icn-hot, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .pg-name .icn-hot, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .pg-name .icn-hot {
                                    display: flex
                                }

                                .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .pg-name .next-txt, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .pg-name .next-txt, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .pg-name .next-txt, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .pg-name .next-txt {
                                    font-size: 11px;
                                    line-height: 18px;
                                    color: #fff;
                                    padding: 0 4px;
                                    background: #de192c
                                }

                            .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .more-info, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .more-info, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .more-info, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .more-info {
                                display: flex;
                                align-items: center
                            }

                                .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .more-info .txt, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .more-info .txt, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .more-info .txt, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .more-info .txt {
                                    font-size: 12px;
                                    line-height: 28px;
                                    color: #888;
                                    font-family: Roboto-Regular;
                                    margin-left: 2px;
                                    white-space: nowrap
                                }

                                .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .more-info .video, .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .more-info .views, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .more-info .video, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .more-info .views, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .more-info .video, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .more-info .views, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .more-info .video, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .more-info .views {
                                    display: flex;
                                    align-items: center
                                }

                                .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .info .more-info .video, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .info .more-info .video, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .info .more-info .video, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .info .more-info .video {
                                    margin-right: 10px
                                }

                        .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .program-img, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .program-img, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .program-img, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .program-img {
                            width: 36%;
                            display: flex
                        }

                            .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .program-img a, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .program-img a, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .program-img a, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .program-img a {
                                display: block;
                                width: 100%;
                                height: 100%
                            }

                                .item_template_wrapper .list-all-program-overflow .list-all-program ul .item .program-info .program-img a img, .item_template_wrapper .list-all-program-overflow .list-all-category ul .item .program-info .program-img a img, .item_template_wrapper .list-all-category-overflow .list-all-program ul .item .program-info .program-img a img, .item_template_wrapper .list-all-category-overflow .list-all-category ul .item .program-info .program-img a img {
                                    display: block;
                                    width: 100%;
                                    height: 100%
                                }

    .title_live{
        text-align: center;
        margin-right: 0px !important;
    }

    .top-data.live-tv {
        margin-top: 0px;
        background: #0c2252
    }

        .top-data.live-tv .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu {
            display: flex;
            justify-content: center
        }

            .top-data.live-tv .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu h3 {
                margin-bottom: 20px;
                margin-top: 24px;
                font-size: 24px;
                line-height: 32px;
                text-align: center;
                color: #fff;
                font-family: UTM-Colossalis
            }

        .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .screen-live {
            width: 100%;
            position: relative;
            height: 228px !important;
        }



    .hot-program .hot-program_wrapper .bottom-hp .list-content-ts {
        display: none
    }

    #liveplayer > div > video {
        height: 100% !important;
        object-fit: fill !important
    }

    .live-info {
        display: none !important;
    }

    .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .screen-live img {
        display: block;
        width: 100%;
        height: 100%
    }

    .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .screen-live .live-txt {
        position: absolute;
        top: 20px;
        left: 20px;
        padding: 2px 4px;
        font-size: 18px;
        line-height: 16px;
        color: #fff;
        background: #de192c;
        font-family: SFPD-SemiBold
    }

    .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info {
        width: 100%;
        background: #3d4897;
        z-index: 5;
        display: flex;
        flex-direction: column;
        padding: 20px 16px;
        box-sizing: border-box
    }

        .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .live-txt {
            font-size: 16px;
            line-height: 14px;
            letter-spacing: .2px;
            color: #b0b0b0;
            font-family: Roboto-Regular;
            margin-bottom: 10px;
            position: relative;
            padding-left: 20px
        }

            .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .live-txt::before {
                position: absolute;
                content: '';
                width: 10px;
                height: 10px;
                background: #de192c;
                top: 0;
                left: 0;
                border-radius: 100px
            }

        .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info h3, .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .title-video {
            font-size: 28px;
            line-height: 35px;
            color: #fff;
            font-family: SVN-Avo-Bold;
            margin-bottom: 20px
        }

        .top-data.live-tv .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info p {
            font-size: 16px;
            line-height: 27px;
            color: #fff;
            font-family: Roboto-Regular
        }

    .top-data.live-tv .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper {
        padding-left: 16px
    }

        .top-data.live-tv .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul .item {
            border: none;
            background: #3d4897
        }

            .top-data.live-tv .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul .item .title {
                color: #c9cacb
            }

    .top-data.live-tv .top-data_footer .program {
        width: 100%;
        background: none;
        display: flex;
        padding: 16px;
        box-sizing: border-box;
        margin-top: -1px
    }

        .top-data.live-tv .top-data_footer .program.live-tv {
            position: relative;
            height: 110px
        }

            .top-data.live-tv .top-data_footer .program.live-tv .tdf-bgl {
                width: 35%;
                background: #3d4897;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%
            }

                .top-data.live-tv .top-data_footer .program.live-tv .tdf-bgl::before {
                    position: absolute;
                    content: '';
                    top: 0;
                    right: -1px;
                    border-bottom: 110px solid #132477;
                    border-left: 60px solid transparent;
                    width: 0
                }

            .top-data.live-tv .top-data_footer .program.live-tv .tdf-bgr {
                width: 65%;
                background: #132477;
                position: absolute;
                height: 100%;
                top: 0;
                right: 0
            }

        .top-data.live-tv .top-data_footer .program h3 {
            font-size: 16px;
            line-height: 19px;
            text-transform: uppercase;
            font-family: SVN-Avo;
            color: #c4c4c4;
            white-space: nowrap;
            padding-right: 20px;
            margin-right: 30px;
            position: relative;
            z-index: 1
        }

            .top-data.live-tv .top-data_footer .program h3::before {
                visibility: hidden
            }

        .top-data.live-tv .top-data_footer .program .program_wrapper {
            position: relative;
            overflow: hidden
        }

            .top-data.live-tv .top-data_footer .program .program_wrapper .list-pg {
                display: flex
            }

                .top-data.live-tv .top-data_footer .program .program_wrapper .list-pg .pg-item {
                    padding-right: 20px;
                    display: flex;
                    position: relative;
                    width: 70%;
                    padding-left: 10px
                }

                    .top-data.live-tv .top-data_footer .program .program_wrapper .list-pg .pg-item::before {
                        position: absolute;
                        content: '';
                        border-right: 1px solid rgba(196,196,196,.3);
                        transform: rotate(210deg);
                        top: 0;
                        right: 0;
                        height: 100%
                    }

                    .top-data.live-tv .top-data_footer .program .program_wrapper .list-pg .pg-item a {
                        display: block;
                        width: 100%;
                        height: 100%
                    }

                        .top-data.live-tv .top-data_footer .program .program_wrapper .list-pg .pg-item a .live-icn {
                            display: flex;
                            align-items: center
                        }

                            .top-data.live-tv .top-data_footer .program .program_wrapper .list-pg .pg-item a .live-icn .txt {
                                font-size: 14px;
                                line-height: 16px;
                                letter-spacing: .2px;
                                font-family: SVN-Avo;
                                color: #666;
                                margin-left: 7px;
                                margin-top: -3px
                            }

                        .top-data.live-tv .top-data_footer .program .program_wrapper .list-pg .pg-item a .title {
                            font-size: 15px;
                            line-height: 20px;
                            color: #c4c4c4;
                            font-family: SVN-Avo-Bold
                        }

                    .top-data.live-tv .top-data_footer .program .program_wrapper .list-pg .pg-item:nth-last-child(1)::before {
                        visibility: hidden
                    }

    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv {
        padding: 0;
        margin-bottom: 0
    }

    .live-tv .top-data_wrapper .tdw-content .tdw-top {
        margin-left: 30px;
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top {
        z-index: 5
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top h3 {
            font-size: 24px;
            line-height: 34px;
            color: #333;
            font-family: Roboto-Medium
        }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top .pg-hl {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top .pg-hl .pg-hl_wrapper {
                position: relative;
                overflow: hidden;
                width: 75%
            }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top .pg-hl .pg-readmore {
                width: 20%
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top .pg-hl .pg-readmore a {
                    font-size: 14px;
                    line-height: 25px;
                    font-family: Roboto-Regular;
                    color: #bababa;
                    white-space: nowrap;
                    position: relative;
                    padding: 0 15px;
                    border-left: 1px solid #e9e9e9
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top .pg-hl .pg-readmore a::before {
                        position: absolute;
                        content: '';
                        top: 35%;
                        right: 0;
                        transform: translateY(-50%) rotate(45deg);
                        border: solid #bababa;
                        border-width: 0 2px 2px 0;
                        display: inline-block;
                        padding: 3px
                    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top .list-ul .list-li {
            width: auto;
            padding: 0;
            border-left: none
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top .list-ul .list-li:nth-last-child(1) a::before {
                visibility: hidden
            }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-top .list-ul .list-li a {
                font-size: 12px;
                line-height: 14px;
                letter-spacing: .02em;
                text-transform: uppercase;
                font-family: Roboto-Regular;
                color: #666;
                white-space: nowrap;
                text-transform: uppercase
            }

    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom {
        background: #f9f9f9;
        box-sizing: border-box
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper {
            display: flex;
            justify-content: space-between;
            flex-direction: column
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .hot-news-daily {
                width: 100%;
                display: flex;
                flex-direction: column;
                border-radius: 5px;
                padding: 0 16px;
                box-sizing: border-box;
                margin-bottom: 16px
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .hot-news-daily .news-daily {
                    font-size: 20px;
                    line-height: 28px;
                    text-align: center;
                    text-transform: uppercase;
                    font-family: Roboto-Bold;
                    color: #333;
                    margin: 0 auto;
                    padding: 24px 0 8px 0
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .hot-news-daily .news-daily:before {
                        display: none
                    }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .hot-news-daily .des {
                    font-size: 13px;
                    line-height: 18px;
                    text-align: center;
                    color: #666;
                    font-family: Roboto-Regular;
                    margin-bottom: 25px
                }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .hot-news-daily a {
                    position: relative;
                    display: flex
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .hot-news-daily a:before {
                        position: absolute;
                        content: '';
                        width: 100%;
                        height: 100%;
                        background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%)
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .hot-news-daily a img {
                        display: block;
                        width: 100%;
                        height: 100%
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .hot-news-daily a .title {
                        position: absolute;
                        bottom: 5%;
                        left: 4%;
                        font-size: 16px;
                        line-height: 23px;
                        color: #fff;
                        font-family: Roboto-Medium
                    }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily {
                width: 100%;
                padding: 0 16px;
                box-sizing: border-box
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily .list-news-daily {
                    position: relative
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily .list-news-daily .bn-content .list-news {
                        flex-direction: row
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily .list-news-daily .bn-content .list-news .news-item {
                            width: 61%;
                            background: #fff;
                            margin-right: 16px
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily .list-news-daily .bn-content .list-news .news-item .title {
                                font-family: Roboto-Regular;
                                font-size: 13px;
                                line-height: 21px;
                                letter-spacing: .01em;
                                color: #666;
                                border-top: 1px solid #e9e9e9
                            }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily .list-news-daily .swiper-button-prev {
                        left: -20px
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily .list-news-daily .swiper-button-next {
                        right: -20px
                    }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news .news-item .thumb i {
                width: 40px;
                height: 40px
            }

    .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-top {
        padding: 0 16px
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-top h3 {
            font-size: 24px;
            line-height: 34px;
            color: #333;
            font-family: Roboto-Medium;
            text-transform: none;
            margin-bottom: 0
        }

    .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom {
        background: #f9f9f9
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-header {
            display: flex;
            align-items: center;
            padding: 24px 16px;
            box-sizing: border-box
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-header .thumb {
                width: 64px;
                height: 64px;
                margin-right: 14px;
                border-radius: 50%;
                overflow: hidden
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-header .thumb img {
                    display: block;
                    width: 100%;
                    height: 100%
                }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-header .title {
                width: calc(100% - 64px)
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-header .title .txt {
                    font-size: 20px;
                    line-height: 28px;
                    text-transform: uppercase;
                    font-family: Roboto-Medium;
                    color: #333
                }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-header .title .amount {
                    font-size: 14px;
                    line-height: 22px;
                    color: #666;
                    font-family: Roboto-Regular;
                    text-align: center;
                    text-transform: lowercase
                }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content {
            padding-left: 16px;
            box-sizing: border-box
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news {
                flex-direction: row
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news .news-item {
                    width: 61%;
                    background: #fff;
                    margin-right: 16px
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news .news-item .thumb i {
                        width: 40px;
                        height: 40px
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .list-news .news-item .title {
                        font-family: Roboto-Regular;
                        font-size: 13px;
                        line-height: 21px;
                        letter-spacing: .01em;
                        color: #666;
                        border-top: 1px solid #e9e9e9
                    }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper .bn-bottom .bn-bottom_wrapper .bn-content .readmore {
                margin-bottom: 24px
            }

    .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top {
        padding: 0 16px
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top h3 {
            font-size: 24px;
            line-height: 34px;
            color: #333;
            font-family: Roboto-Medium;
            text-transform: none
        }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top .choose-date {
            display: flex;
            align-items: center;
            justify-content: center
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top .choose-date .choose-date_wrapper {
                margin-right: 16px;
                position: relative
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top .choose-date .choose-date_wrapper .txt {
                    font-size: 14px;
                    line-height: 16px;
                    color: #999;
                    font-family: Roboto-Regular;
                    margin-right: 16px
                }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top .choose-date .choose-date_wrapper .time-picker {
                    width: 150px;
                    box-sizing: border-box;
                    border-radius: 5px;
                    outline: none;
                    padding-right: 36px;
                    background: #f9f9f9;
                    border: 1px solid #e9e9e9;
                    font-family: Roboto-Regular;
                    font-size: 14px;
                    line-height: 16px;
                    color: #666;
                    padding: 8px 36px 8px 10px;
                    display: inline-block
                }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top .choose-date .choose-date_wrapper svg {
                    position: absolute;
                    right: 10px;
                    top: 7px;
                    border: none;
                    outline: none
                }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top .choose-date .input-search {
                position: relative;
                display: flex;
                align-items: center;
                width: calc(100% - 160px);
                height: 32px;
                border: 1px solid #e9e9e9;
                border-radius: 5px;
                background: #f9f9f9
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top .choose-date .input-search .input-info {
                    transition: all .15s linear;
                    display: flex;
                    align-items: center;
                    margin: 0 15px;
                    border: none;
                    box-sizing: border-box;
                    height: 30px;
                    width: 100%;
                    outline: none;
                    font-family: Roboto-Regular;
                    font-size: 12px;
                    line-height: 14px;
                    background: #f9f9f9;
                    color: #bdbdbd
                }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .bn-top .choose-date .input-search .icon-search {
                    display: flex;
                    margin-right: 10px
                }

    .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate {
        display: flex;
        flex-direction: column
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate .list-ul {
            display: grid;
            grid-template-columns: 100%;
            justify-content: space-between;
            grid-row-gap: 18px;
            margin-bottom: 25px
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate .list-ul .list-item {
                display: flex;
                flex-direction: column;
                height: auto;
                background: #f9f9f9;
                border: 1px solid #e9e9e9;
                box-sizing: border-box;
                border-radius: 5px;
                overflow: hidden
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate .list-ul .list-item .thumb {
                    position: relative
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate .list-ul .list-item .thumb img {
                        display: block;
                        width: 100%;
                        height: 100%
                    }

                .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate .list-ul .list-item .title {
                    font-size: 16px;
                    line-height: 22px;
                    color: #2f3438;
                    font-family: Roboto-Medium;
                    border-top: 1px solid #e9e9e9;
                    padding: 8px 12px 16px 12px
                }

        .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate .readmore a {
            padding: 9px 15px;
            background: #3a53a4;
            border-radius: 2px
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate .readmore a .txt {
                font-size: 15px;
                line-height: 18px;
                color: #fff
            }

    .top-data.subject {
        background: none
    }

    #news-hot .top-data .top-data_wrapper .tdw-header {
        margin-top: 30px;
    }

    .top-data.subject .top-data_wrapper .tdw-header {
        height: 240px !important;
        position: relative !important;
    }

        .top-data.subject .top-data_wrapper .tdw-header:after {
            background: #0c2252;
            content: '';
            width: 100%;
            height: 215px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1
        }

        .top-data.subject .top-data_wrapper .tdw-header.no-bg:after {
            content: none
        }

        .top-data.subject .top-data_wrapper .tdw-header.program {
            background: url("https://static.mediacdn.vn/vnews/mob_images/program-bg.png") no-repeat center;
            width: 100%;
            height: 100vw;
            position: relative
        }

            .top-data.subject .top-data_wrapper .tdw-header.program::before {
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
                background: rgba(47,52,56,.5)
            }

            .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper {
                position: relative
            }

                .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper .submenu {
                    display: flex;
                    flex-direction: column;
                    justify-content: left;
                    align-items: center !important;
                }

                    .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper .submenu h3 {
                        font-size: 25px;
                        line-height: 56px;
                        text-transform: uppercase;
                        color: #e9e9e9;
                        font-family: Roboto-Bold;
                        text-align: center;
                        margin-bottom: 15px
                    }

                    .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper .submenu .more-info {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin-bottom: 30px
                    }

                        .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper .submenu .more-info .txt {
                            font-size: 16px;
                            line-height: 28px;
                            color: #e9e9e9;
                            font-family: Roboto-Regular;
                            margin-left: 2px;
                            white-space: nowrap
                        }

                        .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper .submenu .more-info .video, .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper .submenu .more-info .views {
                            display: flex;
                            align-items: center
                        }

                        .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper .submenu .more-info .video {
                            margin-right: 10px
                        }

                    .top-data.subject .top-data_wrapper .tdw-header.program .tdw-header_wrapper .submenu .des {
                        font-size: 16px;
                        line-height: 27px;
                        color: #c4c4c4;
                        font-family: Roboto-Regular;
                        padding: 0 16px
                    }

        .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu {
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative
        }

            .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .parent-zone {
                font-size: 24px;
                line-height: 32px;
                text-align: center;
                color: #fff;
                font-family: UTM-Colossalis;
                margin-top: 30px
            }

            .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .list-submenu {
                display: flex;
                /*margin: 16px 0 20px 0;*/
                flex-wrap: wrap;
            }

                .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .list-submenu .submenu-item {
                    width: auto;
                    margin-left: 16px;
                    margin-right: 24px;
                }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .list-submenu .submenu-item:nth-last-child(1) {
                        margin-right: 16px
                    }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .list-submenu .submenu-item a {
                        font-size: 15px;
                        line-height: 28px;
                        letter-spacing: .02em;
                        text-transform: uppercase;
                        color: #999;
                        font-family: Roboto-Regular
                    }

                        .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .list-submenu .submenu-item a.active, .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .list-submenu .submenu-item a:hover {
                            color: #e8e8e8
                        }

            .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub {
                display: flex;
                margin-top: 30px;
                margin-bottom: 15px;
                align-items: center;
                justify-content: center
            }

                .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub .icn img {
                    width: 40px;
                    height: 40px;
                    border-radius: 50%
                }

                .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub .sub-name {
                    font-size: 16px;
                    line-height: 22px;
                    text-align: center;
                    color: #c4c4c4;
                    font-family: Roboto-Regular;
                    margin-left: 12px
                }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub .sub-name.hot-news {
                        font-size: 28px;
                        line-height: 34px;
                        color: #fff;
                        font-family: Roboto-Medium;
                        margin-left: 10px
                    }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub .sub-name.media {
                        font-size: 16px;
                        line-height: 28px;
                        color: #e9e9e9;
                        font-family: Roboto-Regular
                    }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub .sub-name.playlist {
                        font-size: 16px;
                        line-height: 22px;
                        color: #c4c4c4;
                        font-family: Roboto-Regular;
                        margin-left: 10px
                    }

            .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .count {
                font-size: 15px;
                line-height: 22px;
                text-align: center;
                color: #999;
                font-family: Roboto-Regular
            }

            .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                margin: 0 16px
            }

                .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .choose-date_wrapper {
                    margin-right: 16px;
                    position: relative
                }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .choose-date_wrapper .txt {
                        display: none
                    }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .choose-date_wrapper .time-picker {
                        width: 150px;
                        box-sizing: border-box;
                        border-radius: 5px;
                        outline: none;
                        padding-right: 36px;
                        background: #f9f9f9;
                        border: 1px solid #e9e9e9;
                        font-family: Roboto-Regular;
                        font-size: 14px;
                        line-height: 16px;
                        color: #666;
                        padding: 8px 36px 8px 10px;
                        display: inline-block
                    }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .choose-date_wrapper svg {
                        position: absolute;
                        right: 10px;
                        top: 7px;
                        border: none;
                        outline: none
                    }

                .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .input-search {
                    position: relative;
                    display: flex;
                    align-items: center;
                    width: calc(100% - 160px);
                    height: 32px;
                    border: 1px solid #e9e9e9;
                    border-radius: 5px;
                    background: #f9f9f9
                }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .input-search .input-info {
                        transition: all .15s linear;
                        display: flex;
                        align-items: center;
                        margin: 0 15px;
                        border: none;
                        box-sizing: border-box;
                        height: 30px;
                        width: 100%;
                        outline: none;
                        font-family: Roboto-Regular;
                        font-size: 12px;
                        line-height: 14px;
                        background: #f9f9f9;
                        color: #bdbdbd
                    }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .input-search .icon-search {
                        display: flex;
                        margin-right: 10px
                    }

                .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .tdwb-header-left .txt {
                    font-size: 14px;
                    line-height: 21px;
                    color: #999;
                    font-family: Roboto-Regular;
                    margin-right: 10px
                }

                .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .tdwb-header-left {
                    display: none
                }

                    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .tdwb-header-left .funct .sort-btn {
                        width: 18px;
                        height: 18px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 200px
                    }

                        .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .review-gr .tdwb-header-left .funct .sort-btn.active {
                            background: #e9e9e9;
                            box-shadow: 0 0 4px rgba(0,0,0,.25)
                        }

    .top-data.subject .top-data_wrapper .tdw-content {
        margin: 0 16px;
        padding-bottom: 30px;
        margin-top: -100px;
    }

        .top-data.subject .top-data_wrapper .tdw-content .tdw-top {
            margin-bottom: 0;
            background-color: white;
        }

            .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content {
                box-sizing: border-box;
                border-radius: 5px;
                padding: 0;
                margin-bottom: 15px
            }

                .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb .banner-absl {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    display: flex;
                    align-items: center;
                    height: 32px;
                    padding-left: 10px;
                    padding-right: 10px
                }

                    .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb .banner-absl::before {
                        position: absolute;
                        content: '';
                        top: 0;
                        left: 0;
                        border-bottom: 32px solid #3a53a4;
                        border-left: 10px solid transparent
                    }

                    .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb .banner-absl .left-banner {
                        background: #3a53a4;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        padding: 0 20px;
                        position: relative
                    }

                        .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb .banner-absl .left-banner::before {
                            position: absolute;
                            content: '';
                            top: 0;
                            right: 0;
                            border-bottom: 32px solid #ededed;
                            border-left: 10px solid transparent
                        }

                    .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb .banner-absl .right-banner {
                        background: #ededed;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        font-size: 14px;
                        line-height: 21px;
                        letter-spacing: .05em;
                        text-transform: uppercase;
                        font-family: Roboto-Regular;
                        color: #888
                    }

                        .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb .banner-absl .right-banner::before {
                            position: absolute;
                            content: '';
                            top: 0;
                            right: 0;
                            border-bottom: 32px solid transparent;
                            border-left: 10px solid #ededed
                        }

                .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .title {
                    font-size: 24px;
                    line-height: 34px;
                    color: #2f3438;
                    font-family: Roboto-Medium;
                    padding: 10px;
                }

            .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content {
                background: #fff;
                box-sizing: border-box;
                padding: 0
            }

                .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item {
                    width: 100%;
                    box-sizing: border-box
                }

                    .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item .title .txt {
                        font-family: Roboto-Regular;
                        font-size: 18px;
                        line-height: 25px;
                        color: #333
                    }

            .top-data.subject .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .right-content {
                background: #e9e9e9
            }

    .top-data.subject.event .top-data_wrapper {
        margin-bottom: 30px
    }

        .top-data.subject.event .top-data_wrapper .tdw-header {
            position: relative;
            padding-top: 16px
        }

            .top-data.subject.event .top-data_wrapper .tdw-header:after {
                background: #0c2252;
                content: '';
                width: 100%;
                height: 215px;
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1
            }

        .top-data.subject.event .top-data_wrapper .tdw-content {
            padding: 0;
            margin: 0
        }

            .top-data.subject.event .top-data_wrapper .tdw-content .tdw-top {
                padding: 0
            }

                .top-data.subject.event .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content {
                    padding: 0 16px;
                    border-radius: 0
                }

                    .top-data.subject.event .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .list-lc .item .thumb img {
                        border-radius: 5px
                    }

                .top-data.subject.event .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content {
                    padding: 0 16px
                }

                    .top-data.subject.event .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .title {
                        width: 65%;
                        display: flex
                    }

                        .top-data.subject.event .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .title .txt {
                            font-size: 17px !important;
                            line-height: 25px !important;
                            color: #333;
                            font-family: SVN-Avo !important
                        }

                            .top-data.subject.event .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .title .txt .icn {
                                display: inline-block;
                                vertical-align: middle
                            }

            .top-data.subject.event .top-data_wrapper .tdw-content .tdw-bottom {
                padding-left: 16px
            }

    .bottom-data.subject.program {
        position: relative;
        z-index: 5
    }

        .bottom-data.subject.program .bottom-data_wrapper .bd-content .box-news.review .box-news_wrapper .news-relate {
            padding: 0
        }

        .bottom-data.subject.program .bottom-data_wrapper .bd-content .box-news.playlist.no-pd .box-news_wrapper {
            padding: 0
        }

    .bottom-data.subject .bottom-data_wrapper .bd-content .news-relate {
        display: flex;
        flex-direction: column;
        padding: 0 16px
    }

        .bottom-data.subject .bottom-data_wrapper .bd-content .news-relate .list-ul {
            display: grid;
            grid-template-columns: 100%;
            justify-content: space-between;
            grid-row-gap: 18px;
            margin-bottom: 25px
        }

            .bottom-data.subject .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item {
                display: flex;
                flex-direction: column;
                height: auto;
                background: #f9f9f9;
                border-radius: 5px;
                border: 1px solid #e9e9e9;
                overflow: hidden
            }

                .bottom-data.subject .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb {
                    position: relative
                }

                    .bottom-data.subject .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb img {
                        display: block;
                        width: 100% !important;
                        height: 200px !important
                    }

                .bottom-data.subject .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .title {
                    font-size: 16px;
                    line-height: 22px;
                    color: #2f3438;
                    font-family: Roboto-Medium;
                    padding: 8px 12px 16px 12px;
                    border-top: 1px solid #e9e9e9;
                    box-sizing: border-box;
                    border-radius: 0 0 5px 5px
                }

        .bottom-data.subject .bottom-data_wrapper .bd-content .news-relate .readmore a {
            padding: 9px 15px;
            background: #3a53a4;
            border-radius: 2px
        }

            .bottom-data.subject .bottom-data_wrapper .bd-content .news-relate .readmore a .txt {
                font-size: 15px;
                line-height: 18px;
                color: #fff
            }

    .bottom-data.subject .bottom-data_wrapper .bd-content .box-news.playlist {
        padding: 0
    }

        .bottom-data.subject .bottom-data_wrapper .bd-content .box-news.playlist .box-news_wrapper {
            padding: 0
        }

    .bottom-data.subject .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily {
        padding: 0;
        padding-left: 16px
    }

    .top-data.dt-video .top-data_wrapper .tdw-content {
        padding-bottom: 0
    }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .screen-live {
            width: 100% !important;
            position: relative;
            height: 218px;
        }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .screen-live > div > video {
                height: 218px !important
            }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info {
            display: block !important;
            width: 100%
        }


        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .screen-live img {
            display: block;
            width: 100%;
            height: 100%
        }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .screen-live::before {
            /*position: absolute;
            content: '';
            width: 100%;
            height: 100px;
            bottom: 0;
            left: 0;
            background: linear-gradient(180deg,transparent 0%,#000 100%)*/
            /*content: '';
            display: block;
            width: 100%;
            padding-bottom: 56.25%;*/
        }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info h3, .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .title-video {
            font-size: 20px;
            line-height: 28px;
            margin-bottom: 5px
        }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info p {
            word-break: break-word
        }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .function {
            margin: 25px 0;
            display: flex;
            align-items: center
        }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .function .txt {
                font-size: 13px;
                line-height: 27px;
                color: #fff;
                font-family: SFPD-Bold;
                margin-left: 7px
            }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .function .like {
                padding: 0 10px;
                background: #1878f3;
                border-radius: 3px;
                box-sizing: border-box;
                margin-right: 10px;
                display: flex;
                align-items: center
            }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .function .comment {
                padding: 0 10px;
                background: #999;
                border-radius: 3px;
                display: flex;
                align-items: center;
                margin-left: 10px
            }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .share {
            display: flex;
            align-items: center;
            padding-top: 12px;
            border-top: 1px solid rgba(196,196,196,.3)
        }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .share h4 {
                font-size: 14px;
                line-height: 27px;
                color: #fff;
                opacity: .6;
                font-family: Roboto-Regular;
                margin-right: 16px
            }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .share .list-ul {
                display: flex;
                align-items: center
            }

                .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .share .list-ul .list-li {
                    margin-right: 10px
                }

                    .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .share .list-ul .list-li:nth-last-child(1) {
                        margin-right: 0
                    }

                    .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .share .list-ul .list-li a {
                        width: 30px;
                        height: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border: 1px solid rgba(255,255,255,.6);
                        box-sizing: border-box;
                        border-radius: 100px
                    }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share {
            display: flex;
            align-items: center;
            padding: 12px 0;
            margin-bottom: 16px;
            border-top: 1px solid rgba(196,196,196,.3);
            opacity: .6;
            flex-direction: column
        }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share.author {
                border-bottom: 1px dashed #d3d3d3
            }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share .sourse {
                display: flex;
                flex-direction: column;
                margin-right: 12px
            }

                .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share .sourse .date {
                    font-size: 14px;
                    line-height: 22px;
                    color: #fff;
                    font-family: Roboto-Regular
                }

                .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share .sourse .sourse-txt {
                    font-size: 14px;
                    line-height: 22px;
                    color: #666;
                    font-family: Roboto-Medium
                }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share .list-ul {
                display: flex;
                align-items: center
            }

                .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share .list-ul .list-li {
                    margin-right: 10px
                }

                    .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share .list-ul .list-li:nth-last-child(1) {
                        margin-right: 0
                    }

                    .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .sourse-share .list-ul .list-li a {
                        width: 30px;
                        height: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        box-sizing: border-box;
                        border-radius: 100px
                    }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .comment-gr {
            display: none
        }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .live-info .comment-gr.active {
                display: block
            }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 22px;
            padding-right: 15px
        }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header h3 {
                font-size: 16px;
                line-height: 21px;
                color: #c9cacb;
                font-family: Roboto-Regular
            }

            .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header .tdwb-header-left {
                display: flex;
                align-items: center
            }

                .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header .tdwb-header-left .txt {
                    font-size: 14px;
                    line-height: 21px;
                    color: #999;
                    font-family: Roboto-Regular;
                    margin-right: 10px
                }

                .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header .tdwb-header-left .funct {
                    justify-content: center;
                    display: flex;
                    align-items: center;
                    border-radius: 22px;
                    width: 46px;
                    height: 22px;
                    background: #999
                }

                    .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header .tdwb-header-left .funct .sort-btn {
                        width: 18px;
                        height: 18px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 200px
                    }

                        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header .tdwb-header-left .funct .sort-btn:first-child {
                            background: #e9e9e9;
                            box-shadow: 0 0 4px rgba(0,0,0,.25)
                        }

                    .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header .tdwb-header-left .funct.active {
                        background: #3a53a4
                    }

                        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header .tdwb-header-left .funct.active .sort-btn:first-child {
                            background: transparent;
                            box-shadow: none
                        }

                        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-header .tdwb-header-left .funct.active .sort-btn:last-child {
                            background: #e9e9e9;
                            box-shadow: 0 0 4px rgba(0,0,0,.25)
                        }

        .top-data.dt-video .top-data_wrapper .tdw-content .tdw-bottom .tdw-bottom_wrapper .tdwb-content .list-ul {
            justify-content: space-between
        }

    .bottom-data.dt-video {
        background: #fff
    }

        .bottom-data.dt-video .bottom-data_wrapper .bd-content .title-block {
            font: normal 18px/22px Roboto-Regular;
            color: #666;
            padding: 30px 0 16px 0;
            display: block;
            text-align: center
        }

        .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate {
            display: flex;
            flex-direction: column;
            margin-bottom: 30px;
            padding: 0 16px
        }

            .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate.next-video {
                padding: 0 16px
            }

                .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate.next-video .news-relate-header {
                    font-size: 18px;
                    line-height: 25px;
                    text-transform: uppercase;
                    font-family: Roboto-Bold;
                    color: #333;
                    padding-left: 25px;
                }

                    .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate.next-video .news-relate-header b {
                        font-size: 16px;
                        line-height: 19px;
                        font-family: Roboto-Regular;
                        color: #666
                    }

                .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate.next-video .list-ul {
                    grid-template-columns: 100%;
                    margin-left: 30px;
                }

            .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate .list-ul {
                display: grid;
                grid-template-columns: 100%;
                justify-content: space-between;
                grid-row-gap: 18px;
                margin-bottom: 16px
            }

                .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item {
                    display: flex;
                    flex-direction: column;
                    height: auto;
                    background: #f9f9f9;
                    border: 1px solid #e9e9e9;
                    box-sizing: border-box;
                    border-radius: 5px;
                    overflow: hidden
                }

                    .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb {
                        position: relative
                    }

                        .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            aspect-ratio: 16 / 9;
                        }

                    .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .title {
                        font-size: 16px !important;
                        line-height: 22px !important;
                        color: #2f3438;
                        font-family: Roboto-Medium !important;
                        padding: 8px 12px 16px 12px
                    }

            .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate .news-relate-header {
                font-size: 22px;
                line-height: 29px;
                color: #3a53a4;
                font-family: UTM-Colossalis;
                margin-bottom: 20px;
                text-align: center
            }

                .bottom-data.dt-video .bottom-data_wrapper .bd-content .news-relate .news-relate-header.robo {
                    font-family: Roboto-Medium;
                    color: #333;
                    text-align: center;
                    margin-top: 20px
                }

        .bottom-data.dt-video .bottom-data_wrapper .bd-content .box-news .box-news_wrapper .bn-bottom {
            margin-bottom: 0
        }

        .bottom-data.dt-video .bottom-data_wrapper .bd-content .box-news.playlist {
            padding: 0;
            margin-bottom: 20px
        }

            .bottom-data.dt-video .bottom-data_wrapper .bd-content .box-news.playlist.no-pd .box-news_wrapper {
                padding: 0
            }

        .bottom-data.dt-video .bottom-data_wrapper .bd-content .box-news.live-tv .box-news_wrapper {
            padding: 0 16px
        }

        .bottom-data.dt-video .bottom-data_wrapper .bd-content .box-news.live-tv .readmore {
            margin-bottom: 24px
        }

        .bottom-data.dt-video .bottom-data_wrapper .bd-content .box-news.live-tv.no-pd .box-news_wrapper {
            padding: 0
        }

            .bottom-data.dt-video .bottom-data_wrapper .bd-content .box-news.live-tv.no-pd .box-news_wrapper .bn-bottom .bn-bottom_wrapper .info-news-daily {
                padding: 0;
                padding-left: 16px
            }

    .top-data.post {
        background: none
    }

        .top-data.post .top-data_wrapper .tdw-content {
            padding-bottom: 0
        }

            .top-data.post .top-data_wrapper .tdw-content .tdw-top {
                margin-bottom: 0;
                box-sizing: border-box
            }

                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper {
                    position: relative
                }

                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .zone-name {
                        font-size: 16px;
                        line-height: 21px;
                        text-align: center;
                        color: #999;
                        font-family: Roboto-Bold;
                        margin-bottom: 12px;
                        margin-top: 30px;
                        display: inline-block;
                        width: 100%
                    }

                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .post-title {
                        font-size: 24px;
                        line-height: 34px;
                        text-align: center;
                        color: #111;
                        font-family: Roboto-Bold;
                        margin-bottom: 30px;
                        padding: 0 16px
                    }

                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .thumb {
                        margin-bottom: 25px;
                        padding: 0 16px
                    }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .thumb img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            border-radius: 5px
                        }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .thumb .avatar-desc {
                            text-align: center;
                            font: 300 14px/20px "Arial";
                            color: #777;
                            padding: 7px 13px
                        }

                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content {
                        padding: 0 10px !important
                    }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .des {
                            font-size: 18px;
                            line-height: 25px;
                            color: #333;
                            font-family: Roboto-Medium;
                            margin-bottom: 20px
                        }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .detail-related {
                            border-bottom: 1px solid rgba(196,196,196,.3);
                            border-top: 1px solid rgba(196,196,196,.3)
                        }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .detail-related:empty {
                                display: none
                            }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .detail-related li {
                                padding-left: 18px;
                                position: relative;
                                border-bottom: 1px dashed #d3d3d3;
                                padding-bottom: 10px;
                                margin-top: 10px
                            }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .detail-related li:last-child {
                                    border-bottom: none
                                }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .detail-related li:before {
                                    content: '';
                                    position: absolute;
                                    top: 5.3px;
                                    left: 0;
                                    width: 5px;
                                    height: 5px;
                                    background-color: #4a659b;
                                    border-radius: 100%
                                }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .detail-related li a {
                                    color: #4a659b;
                                    font: normal 14px/23px Roboto-Medium
                                }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .entry-body {
                            font-size: 18px;
                            line-height: 30px;
                            color: #333;
                            font-family: Roboto-Regular
                        }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .entry-body p {
                                margin-bottom: 30px
                            }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .entry-body p img {
                                    max-width: 100%;
                                    height: auto !important
                                }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .entry-body img {
                                width: 100%
                            }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .entry-body .PhotoCMS_Caption p, .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .entry-body .VideoCMS_Caption p, .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .entry-body .AudioCMS_Caption p {
                                font-size: 14px;
                                line-height: 20px;
                                color: #777;
                                text-align: center;
                                padding: 5px;
                                font-style: italic;
                                background: #f2f2f2;
                                margin-top: 0
                            }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share {
                            display: flex;
                            align-items: center;
                            padding: 12px 0;
                            border-top: 1px solid #d3d3d3
                        }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share.author {
                                border-top: none
                            }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share .sourse {
                                display: flex;
                                flex-direction: column;
                                margin-right: 12px
                            }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share .sourse .date {
                                    font-size: 14px;
                                    line-height: 22px;
                                    color: #999;
                                    font-family: Roboto-Regular
                                }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share .sourse .sourse-txt {
                                    font-size: 14px;
                                    line-height: 22px;
                                    color: #666;
                                    font-family: Roboto-Medium
                                }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share .list-ul {
                                display: flex;
                                align-items: center
                            }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share .list-ul .list-li {
                                    margin-right: 10px
                                }

                                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share .list-ul .list-li:nth-last-child(1) {
                                        margin-right: 0
                                    }

                                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share .list-ul .list-li a {
                                        width: 30px;
                                        height: 30px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        box-sizing: border-box;
                                        border-radius: 100px
                                    }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .content-txt {
                            font-size: 18px;
                            line-height: 30px;
                            color: #333;
                            font-family: Roboto-Regular;
                            margin-bottom: 40px
                        }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .function {
                            padding-bottom: 20px;
                            display: flex;
                            align-items: center
                        }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .function .txt {
                                font-size: 13px;
                                line-height: 16px;
                                color: #fff;
                                font-family: SFPD-Bold;
                                margin-left: 7px
                            }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .function .like {
                                padding: 4px 10px;
                                background: #1878f3;
                                border-radius: 3px;
                                margin-right: 12px;
                                display: flex;
                                align-items: center
                            }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .function .comment {
                                padding: 4px 10px;
                                background: #999;
                                border-radius: 3px;
                                display: flex;
                                align-items: center;
                                margin-left: 10px
                            }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .keywords ul li {
                            float: left;
                            margin-bottom: 8px
                        }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .keywords ul li a:after {
                                content: ","
                            }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .keywords ul li:last-child a:after {
                                content: ''
                            }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .keywords .keyword-txt {
                            font-size: 14px;
                            line-height: 16px;
                            color: #333;
                            font-family: Roboto-Medium;
                            margin-right: 5px
                        }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .keywords a {
                            font-size: 14px;
                            line-height: 16px;
                            color: #999;
                            font-family: Roboto-Regular;
                            margin-right: 5px
                        }

                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr {
                        background: #f9f9f9;
                        display: none
                    }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr.active {
                            display: block
                        }

                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper {
                            display: flex;
                            flex-direction: column;
                            padding: 16px
                        }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .cgr-header {
                                display: flex;
                                justify-content: space-between;
                                margin-bottom: 15px
                            }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .cgr-header .cgr-header-title {
                                    font-size: 20px;
                                    line-height: 25px;
                                    text-transform: uppercase;
                                    color: #3a53a4;
                                    font-family: Roboto-Bold
                                }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr {
                                    display: flex;
                                    align-items: center
                                }

                                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr a {
                                        font-size: 14px;
                                        line-height: 27px;
                                        color: #999;
                                        font-family: Roboto-Regular
                                    }

                                        .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr a:first-child {
                                            padding-right: 15px;
                                            margin-right: 15px;
                                            border-right: 1px solid #e9e9e9
                                        }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .input-box {
                                box-sizing: border-box;
                                margin-bottom: 23px
                            }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .input-box .textarea-comment {
                                    width: 100%;
                                    padding: 12px 15px;
                                    background: #fff;
                                    border-radius: 3px;
                                    font-family: Roboto-Regular;
                                    height: 100px;
                                    box-sizing: border-box;
                                    font-size: 14px;
                                    line-height: 17px;
                                    color: #333;
                                    outline: none;
                                    border: 1px solid #e9e9e9
                                }

                            .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .show-comment {
                                display: flex;
                                justify-content: space-between;
                                align-items: center
                            }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .show-comment .comment-txt {
                                    width: 60%;
                                    font-size: 15px;
                                    line-height: 22px;
                                    color: #999;
                                    font-family: Roboto-Regular
                                }

                                .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .show-comment .btn-submit {
                                    width: 36%;
                                    background: #3a53a4;
                                    border-radius: 3px
                                }

                                    .top-data.post .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .comment-gr .comment-gr_wrapper .show-comment .btn-submit a {
                                        display: inline-block;
                                        font-size: 15px;
                                        line-height: 27px;
                                        color: #fff;
                                        padding: 0 15px
                                    }

    .bottom-data.post .bottom-data_wrapper .bd-content .news-relate {
        display: flex;
        flex-direction: column;
        padding: 0 16px;
        margin-bottom: 30px
    }

        .bottom-data.post .bottom-data_wrapper .bd-content .news-relate .list-ul {
            display: grid;
            grid-template-columns: 100% !important;
            justify-content: space-between;
            grid-row-gap: 18px;
            margin-bottom: 16px;
            margin-left: 30px;
        }

            .bottom-data.post .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item {
                display: flex;
                flex-direction: column;
                height: auto;
                background: #f9f9f9;
                border: 1px solid #e9e9e9;
                box-sizing: border-box;
                border-radius: 5px;
                overflow: hidden
            }

                .bottom-data.post .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb {
                    position: relative
                }

                    .bottom-data.post .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb img {
                        display: block;
                        width: 100%;
                        height: 100% !important;
                    }

                .bottom-data.post .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .title {
                    font-size: 18px;
                    line-height: 25px;
                    color: #2f3438;
                    font-family: Roboto-Medium;
                    padding: 8px 12px 16px 12px;
                    border-top: 1px solid #e9e9e9
                }

        .bottom-data.post .bottom-data_wrapper .bd-content .news-relate .news-relate-header {
            font-size: 24px;
            line-height: 34px;
            color: #333;
            font-family: Roboto-Medium;
            margin-bottom: 16px;
            text-align: center
        }

        .bottom-data.post .bottom-data_wrapper .bd-content .news-relate .readmore a {
            padding: 9px 15px;
            background: #3a53a4;
            border-radius: 2px
        }

            .bottom-data.post .bottom-data_wrapper .bd-content .news-relate .readmore a .txt {
                font-size: 15px;
                line-height: 18px;
                color: #fff
            }

    .bottom-data.post .bottom-data_wrapper .bd-content .highlights {
        display: none !important;
    }

        .bottom-data.post .bottom-data_wrapper .bd-content .highlights h3 {
            font-size: 24px;
            line-height: 34px;
            color: #333;
            font-family: Roboto-Medium;
            margin-bottom: 16px;
            margin-left: 30px
        }

        .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-left: 30px
        }

            .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content {
                width: 66.7%;
                background: #fff;
                border: 1px solid #e9e9e9;
                box-sizing: border-box;
                border-radius: 5px
            }

                .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content .list-lc .item {
                    display: flex;
                    flex-direction: column;
                    height: auto
                }

                    .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content .list-lc .item .thumb {
                        position: relative
                    }

                        .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content .list-lc .item .thumb img {
                            display: block;
                            width: 100%;
                            height: 100%
                        }

                    .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content .list-lc .item .title {
                        padding: 18px 30px 16px 30px;
                        font-size: 26px;
                        line-height: 36px;
                        color: #111;
                        font-family: Roboto-Medium
                    }

            .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content {
                width: 100% !important;
                background: #fff;
                border: 1px solid #e9e9e9;
                box-sizing: border-box;
                border-radius: 5px
            }

                .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc {
                    display: flex;
                    flex-direction: column
                }

                    .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item {
                        margin-bottom: 20px;
                    }

                        .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item .thumb img {
                            display: block;
                            width: 100%;
                            height: 100%
                        }

                        .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item:first-child .title .txt {
                            font-size: 22px;
                            line-height: 32px;
                            color: #2f3438;
                            font-family: Roboto-Medium
                        }

                        .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item:nth-child(n+2) .title {
                            padding: 0 0 20px 0
                        }

                        .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item:nth-last-child(1) .title {
                            border-bottom: none
                        }

                        .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item .title {
                            padding: 20px 0;
                            margin: 0 20px;
                            border-bottom: 1px solid rgba(196,196,196,.3);
                            display: flex
                        }

                            .bottom-data.post .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item .title .txt {
                                font-family: Roboto-Regular;
                                font-size: 18px;
                                line-height: 25px;
                                color: #666
                            }

    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu.playlist h3 {
        margin-top: 0;
        font-family: Roboto-Bold;
        margin-bottom: 12px
    }

    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu.review-pg h3 {
        font-size: 24px;
        line-height: 34px;
        font-family: Roboto-Medium;
        padding: 0 16px
    }

    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu.review-pg .review-gr .tdwb-header-left .funct {
        background: none;
        width: auto;
        height: auto
    }

        .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu.review-pg .review-gr .tdwb-header-left .funct .sort-btn {
            background: #bababa;
            box-sizing: border-box;
            border-radius: 5px;
            width: auto;
            height: auto;
            padding: 8px
        }

            .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu.review-pg .review-gr .tdwb-header-left .funct .sort-btn path {
                fill: #999
            }

    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu.review-pg .review-gr .tdwb-header-left.active .sort-btn {
        background: #3a53a4
    }

        .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu.review-pg .review-gr .tdwb-header-left.active .sort-btn path {
            fill: #e9e9e9
        }

    .bottom-data .bottom-data_wrapper .bd-content.review-pg {
        padding: 0 16px;
        box-sizing: border-box
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box {
        display: none;
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-readother {
        margin-left: 30px
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-review {
        /*padding: 0 !important;*/
        padding: 0 5px;
    }

        .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box_title {
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            letter-spacing: .2px;
            text-transform: uppercase;
            font-family: Roboto-Medium;
            color: #2f3438;
            margin-bottom: 10px
        }

        .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr {
            position: relative
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .left-box_content {
                position: relative;
                overflow: hidden;
                height: 420px
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .left-box_content .list-pgrv {
                    display: flex;
                    flex-direction: column
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .left-box_content .list-pgrv .pgrv-item {
                        border: 1px solid #e9e9e9;
                        box-sizing: border-box;
                        border-radius: 5px;
                        height: auto
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .left-box_content .list-pgrv .pgrv-item a {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            padding: 15px 10px
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .left-box_content .list-pgrv .pgrv-item a .time {
                                display: flex
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .left-box_content .list-pgrv .pgrv-item a .time .time-txt {
                                    font-size: 11px;
                                    line-height: 13px;
                                    letter-spacing: .2px;
                                    color: #3a53a4;
                                    font-family: Roboto-Regular;
                                    margin-left: 4px
                                }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .left-box_content .list-pgrv .pgrv-item a .pg-name {
                                font-size: 13px;
                                line-height: 18px;
                                text-align: center;
                                color: #333;
                                font-family: Roboto-Regular
                            }

            .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .swiper-button-next {
                position: absolute;
                top: 106%;
                left: 0;
                width: 100%;
                height: 35px;
                z-index: 10;
                cursor: pointer;
                background: #3a53a4;
                border-radius: 0 0 5px 5px
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .left-box-gr .swiper-button-next::after {
                    content: '';
                    transform: rotate(45deg);
                    border: solid #fff;
                    border-width: 0 2px 2px 0;
                    display: inline-block;
                    padding: 3px
                }

        .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .funct-left {
            position: absolute;
            right: 130%;
            top: 0
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .funct-left .list-funct {
                display: flex;
                flex-direction: column
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .funct-left .list-funct .funct-item {
                    margin-bottom: 12px
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .left-box .funct-left .list-funct .funct-item a {
                        width: 48px;
                        height: 48px;
                        background: #f9f9f9;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 100px;
                        box-sizing: border-box
                    }

        .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box {
            width: 100%
        }

            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper {
                display: flex;
                flex-direction: column;
                margin-bottom: 24px;
                background-color: white !important;
                border: 0;
                padding: 20px;
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-content img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    border-radius: 5px 5px 0 0
                }

                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-content .thumb {
                    display: block;
                    position: relative
                }

                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info {
                    display: flex;
                    flex-direction: column;
                    padding-top: 15px;
                    border: 1px solid #e9e9e9;
                    box-sizing: border-box;
                    border-radius: 0 0 5px 5px;
                    background: #f9f9f9
                }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .video-title {
                        font-size: 20px;
                        line-height: 28px;
                        letter-spacing: .01em;
                        color: #2f3438;
                        font-family: Roboto-Medium;
                        margin-bottom: 15px;
                        padding: 0 16px
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .sourse-share .function {
                        width: 100%;
                        padding: 10px
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .sourse-share .share {
                        border-top: 1px solid #e9e9e9;
                        width: 100%;
                        padding: 20px;
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .video-des {
                        font-size: 16px;
                        line-height: 27px;
                        color: #666;
                        font-family: Roboto-Regular;
                        margin-bottom: 30px;
                        padding: 0 16px;
                        word-break: break-word;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 4; /* number of lines to show */
                        -webkit-box-orient: vertical;
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .video-des.des2 {
                            display: none
                        }

                        .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .video-des a {
                            font-size: 13px;
                            line-height: 25px;
                            color: #3a53a4;
                            font-family: SFPD-Regular;
                            margin-left: 10px
                        }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action {
                        display: flex;
                        justify-content: space-between;
                        flex-direction: column;
                        padding: 0 16px
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .function {
                            display: flex;
                            align-items: center;
                            padding-bottom: 20px;
                            border-bottom: 1px solid rgba(196,196,196,.3)
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .function .txt {
                                font-size: 13px;
                                line-height: 16px;
                                color: #fff;
                                font-family: SFPD-Bold;
                                margin-left: 7px
                            }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .function .like {
                                padding: 4px 10px;
                                background: #1878f3;
                                border-radius: 3px;
                                margin-right: 12px;
                                display: flex;
                                align-items: center
                            }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .function .comment {
                                padding: 5px 10px;
                                background: #999;
                                border-radius: 3px;
                                display: flex;
                                align-items: center;
                                margin-left: 10px
                            }

                        .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .sourse-share {
                            display: flex;
                            align-items: center;
                            margin: 12px 0
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .sourse-share .sourse {
                                display: flex;
                                margin-right: 12px
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .sourse-share .sourse .date {
                                    font-size: 14px;
                                    line-height: 22px;
                                    color: #999;
                                    font-family: Roboto-Regular
                                }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .sourse-share .list-ul {
                                display: flex;
                                align-items: center
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .sourse-share .list-ul .list-li {
                                    margin-right: 10px
                                }

                                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .sourse-share .list-ul .list-li:nth-last-child(1) {
                                        margin-right: 0
                                    }

                                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .sourse-share .list-ul .list-li a {
                                        width: 30px;
                                        height: 30px;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        box-sizing: border-box;
                                        border-radius: 100px
                                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .comment-gr {
                            margin: 10px -16px 0 -16px;
                            display: none
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .link-action .comment-gr.active {
                                display: block
                            }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr {
                        background: #f1f1f1
                    }

                        .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper {
                            display: flex;
                            flex-direction: column;
                            padding: 16px
                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .cgr-header {
                                display: flex;
                                justify-content: space-between;
                                margin-bottom: 15px
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .cgr-header .cgr-header-title {
                                    font-size: 20px;
                                    line-height: 25px;
                                    text-transform: uppercase;
                                    color: #3a53a4;
                                    font-family: Roboto-Bold
                                }

                                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr {
                                    display: flex;
                                    align-items: center
                                }

                                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr a {
                                        font-size: 14px;
                                        line-height: 27px;
                                        color: #999;
                                        font-family: Roboto-Regular
                                    }

                                        .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr a:first-child {
                                            padding-right: 15px;
                                            margin-right: 15px;
                                            border-right: 1px solid #e9e9e9
                                        }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .input-box {
                                box-sizing: border-box;
                                margin-bottom: 23px
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .input-box .textarea-comment {
                                    width: 100%;
                                    padding: 12px 15px;
                                    background: #fff;
                                    border-radius: 3px;
                                    font-family: Roboto-Regular;
                                    height: 100px;
                                    box-sizing: border-box;
                                    font-size: 14px;
                                    line-height: 17px;
                                    color: #333;
                                    outline: none;
                                    border: 1px solid #e9e9e9
                                }

                            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .show-comment {
                                display: flex;
                                justify-content: space-between;
                                align-items: center
                            }

                                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .show-comment .comment-txt {
                                    width: 56%;
                                    font-size: 15px;
                                    line-height: 22px;
                                    color: #999;
                                    font-family: Roboto-Regular
                                }

                                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .show-comment .btn-submit {
                                    width: 40%
                                }

                                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info .comment-gr .comment-gr_wrapper .show-comment .btn-submit a {
                                        display: inline-block;
                                        font-size: 15px;
                                        line-height: 27px;
                                        color: #fff;
                                        padding: 0 15px;
                                        font-family: Roboto-Medium;
                                        background: #3a53a4;
                                        border-radius: 3px;
                                        text-align: center
                                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info.active .video-des.des1 {
                        display: none
                    }

                    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-info.active .video-des.des2 {
                        display: block
                    }

            .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .readmore a {
                padding: 9px 15px;
                background: #3a53a4;
                border-radius: 2px
            }

                .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .readmore a .txt {
                    font-size: 15px;
                    line-height: 18px;
                    color: #fff
                }

    .bottom-data.subject.hot-news {
        position: relative;
        z-index: 5;
        margin-bottom: 20px
    }

        .bottom-data.subject.hot-news .bd-content {
            position: relative
        }

            .bottom-data.subject.hot-news .bd-content .funct-left {
                position: absolute;
                right: 105%;
                top: 45%
            }

                .bottom-data.subject.hot-news .bd-content .funct-left .list-funct {
                    display: flex;
                    flex-direction: column
                }

                    .bottom-data.subject.hot-news .bd-content .funct-left .list-funct .funct-item {
                        margin-bottom: 12px
                    }

                        .bottom-data.subject.hot-news .bd-content .funct-left .list-funct .funct-item a {
                            width: 48px;
                            height: 48px;
                            background: #f9f9f9;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            border-radius: 100px;
                            box-sizing: border-box
                        }

    .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper {
        position: relative
    }

        .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub {
            margin-bottom: 0;
            margin-top: 24px
        }

            .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub .sub-name {
                margin-left: 0;
                font-size: 18px;
                line-height: 21px;
                color: #e5e5e5;
                font-family: Roboto-Regular
            }

        .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu h3 {
            font-size: 36px;
            line-height: 48px;
            text-align: center;
            color: #fff;
            font-family: UTM-Colossalis;
            margin-bottom: 0
        }

        .top-data.subject .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu h1 {
            line-height: 40px !important;
            font-size: 30px !important;
        }

    .top-data.subject .top-data_wrapper .tdw-header.longform {
        width: 100%;
        height: 58vw;
        position: relative
    }

    .top-data.subject .top-data_wrapper .tdw-header.audio {
        width: 100%;
        height: 58vw;
        position: relative;
        background-size: cover
    }

    .top-data.subject .top-data_wrapper .tdw-header.infographic {
        width: 100%;
        height: 58vw;
        position: relative
    }

    .top-data.subject .top-data_wrapper .tdw-header.photo {
        width: 100%;
        height: 58vw;
        position: relative
    }

    .bottom-data.subject.group-topic {
        position: relative;
        z-index: 5;
        margin-top: -125px
    }

        .bottom-data.subject.group-topic .bd-content {
            position: relative;
            margin: 0 auto
        }

            .bottom-data.subject.group-topic .bd-content .news-relate {
                padding: 0
            }

                .bottom-data.subject.group-topic .bd-content .news-relate .list-ul {
                    grid-template-columns: 100% !important;
                    padding: 0 16px;
                    box-sizing: border-box
                }

                .bottom-data.subject.group-topic .bd-content .news-relate .audio {
                    margin-top: -50px;
                }

                .bottom-data.subject.group-topic .bd-content .news-relate .list-ul .list-item .thumb::before {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    bottom: 0;
                    left: 0;
                    background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);
                    border-radius: 5px 5px 0 0;
                    content: ''
                }

                .bottom-data.subject.group-topic .bd-content .news-relate .list-ul .list-item .thumb i {
                    width: 100%;
                    height: auto;
                    top: 80%;
                    left: 20px;
                    transform: none
                }

                    .bottom-data.subject.group-topic .bd-content .news-relate .list-ul .list-item .thumb i .topic-name {
                        font-size: 24px;
                        line-height: 36px;
                        color: #fff;
                        font-family: UTM-Colossalis
                    }

                .bottom-data.subject.group-topic .bd-content .news-relate .list-ul .list-item .title {
                    font-size: 18px;
                    line-height: 25px;
                    color: #2f3438
                }

            .bottom-data.subject.group-topic .bd-content .funct-left {
                position: absolute;
                right: 105%;
                top: 10%
            }

                .bottom-data.subject.group-topic .bd-content .funct-left .list-funct {
                    display: flex;
                    flex-direction: column
                }

                    .bottom-data.subject.group-topic .bd-content .funct-left .list-funct .funct-item {
                        margin-bottom: 12px
                    }

                        .bottom-data.subject.group-topic .bd-content .funct-left .list-funct .funct-item a {
                            width: 48px;
                            height: 48px;
                            background: #f9f9f9;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            border-radius: 100px;
                            box-sizing: border-box
                        }

    .header-detail-topic {
        position: fixed;
        left: 0;
        top: 0;
        box-sizing: border-box;
        width: 100%;
        z-index: 999
    }

        .header-detail-topic .header-dt_wrapper {
            display: flex;
            justify-content: space-between;
            background: #0c2252;
            padding: 5px 10px
        }

            .header-detail-topic .header-dt_wrapper .left {
                display: flex;
                align-items: center
            }

                .header-detail-topic .header-dt_wrapper .left .back-txt {
                    display: none !important
                }

            .header-detail-topic .header-dt_wrapper .center .topic-name {
                font-size: 22px;
                line-height: 28px;
                text-align: center;
                color: #fff;
                font-family: UTM-Colossalis
            }

            .header-detail-topic .header-dt_wrapper .right {
                display: flex;
                align-items: center;
                padding-right: 0px !important;
            }

            .header-detail-topic .header-dt_wrapper .center {
                display: flex;
                align-items: center;
            }

            .header-detail-topic .header-dt_wrapper .right .like {
                padding: 0 15px;
                display: flex;
                align-items: center;
                box-sizing: border-box;
                background: #1878f3;
                border-radius: 3px;
                margin-right: 18px
            }

                .header-detail-topic .header-dt_wrapper .right .like .txt {
                    font-size: 12px;
                    line-height: 27px;
                    color: #fff;
                    font-family: SFPD-Bold;
                    margin-left: 9px
                }

            .header-detail-topic .header-dt_wrapper .right .fb-logo {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                border: 1px solid #c9cacb;
                box-sizing: border-box;
                border-radius: 100px
            }

    .content-detail-topic {
        background: #f9f4ee;
        display: flex;
        flex-direction: column
    }

        .content-detail-topic .topic-bg {
            display: flex;
            margin-bottom: 20px
        }

            .content-detail-topic .topic-bg img {
                display: flex;
                width: 100%;
                height: 100%
            }

        .content-detail-topic .content-dt_wrapper {
            display: flex;
            flex-direction: column
        }

            .content-detail-topic .content-dt_wrapper .content {
                width: 100%;
                padding: 0 16px;
                box-sizing: border-box
            }

                .content-detail-topic .content-dt_wrapper .content .content_wrapper {
                    display: flex;
                    flex-direction: column
                }

                    .content-detail-topic .content-dt_wrapper .content .content_wrapper .full-txt {
                        width: 100%;
                        font-size: 17px;
                        line-height: 27px;
                        color: #2f3438;
                        font-family: NotoSerif-Regular
                    }

                    .content-detail-topic .content-dt_wrapper .content .content_wrapper .content-title {
                        width: 100%;
                        margin-top: 22px;
                        margin-bottom: 30px
                    }

                        .content-detail-topic .content-dt_wrapper .content .content_wrapper .content-title img {
                            display: block;
                            width: 100%;
                            height: 100%
                        }

                    .content-detail-topic .content-dt_wrapper .content .content_wrapper .content-thumb {
                        width: 100%;
                        margin-top: 26px;
                        margin-bottom: 40px;
                        display: flex;
                        justify-content: space-between;
                        flex-direction: column
                    }

                        .content-detail-topic .content-dt_wrapper .content .content_wrapper .content-thumb .thumb {
                            width: 100%;
                            margin-top: 40px;
                            margin-bottom: 22px;
                            padding: 0
                        }

                            .content-detail-topic .content-dt_wrapper .content .content_wrapper .content-thumb .thumb img {
                                display: block;
                                width: 100%;
                                height: auto
                            }

                    .content-detail-topic .content-dt_wrapper .content .content_wrapper .sourse {
                        width: 100%;
                        display: flex;
                        justify-content: flex-end
                    }

                        .content-detail-topic .content-dt_wrapper .content .content_wrapper .sourse a {
                            display: inline-block;
                            padding: 10px 15px;
                            background: #e6e6e6;
                            border-radius: 50px;
                            margin-top: 60px;
                            margin-bottom: 80px
                        }

                            .content-detail-topic .content-dt_wrapper .content .content_wrapper .sourse a .sourse-txt {
                                font-size: 14px;
                                line-height: 16px;
                                color: #888;
                                font-family: Roboto-Bold;
                                margin-right: 6px
                            }

                                .content-detail-topic .content-dt_wrapper .content .content_wrapper .sourse a .sourse-txt b {
                                    color: #111
                                }

            .content-detail-topic .content-dt_wrapper .thumb {
                width: 100%;
                margin: 20px 0;
                padding: 0 16px;
                box-sizing: border-box
            }

                .content-detail-topic .content-dt_wrapper .thumb img {
                    display: block;
                    width: 100%;
                    height: 100%
                }

            .content-detail-topic .content-dt_wrapper .comment-gr {
                background: #f9f9f9
            }

                .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper {
                    display: flex;
                    flex-direction: column;
                    padding: 16px
                }

                    .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .cgr-header {
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: 15px
                    }

                        .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .cgr-header .cgr-header-title {
                            font-size: 20px;
                            line-height: 25px;
                            text-transform: uppercase;
                            color: #3a53a4;
                            font-family: Roboto-Bold
                        }

                        .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr {
                            display: flex;
                            align-items: center
                        }

                            .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr a {
                                font-size: 14px;
                                line-height: 27px;
                                color: #999;
                                font-family: Roboto-Regular
                            }

                                .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .cgr-header .sign-in-gr a:first-child {
                                    padding-right: 15px;
                                    margin-right: 15px;
                                    border-right: 1px solid #e9e9e9
                                }

                    .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .input-box {
                        box-sizing: border-box;
                        margin-bottom: 23px
                    }

                        .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .input-box .textarea-comment {
                            width: 100%;
                            padding: 12px 15px;
                            background: #fff;
                            border-radius: 3px;
                            font-family: Roboto-Regular;
                            height: 100px;
                            box-sizing: border-box;
                            font-size: 14px;
                            line-height: 17px;
                            color: #333;
                            outline: none;
                            border: 1px solid #e9e9e9
                        }

                    .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .show-comment {
                        display: flex;
                        justify-content: space-between
                    }

                        .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .show-comment .comment-txt {
                            width: 56%;
                            font-size: 15px;
                            line-height: 22px;
                            color: #999;
                            font-family: Roboto-Regular
                        }

                        .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .show-comment .btn-submit {
                            width: 30%;
                            background: #3a53a4;
                            border-radius: 3px;
                            display: flex;
                            justify-content: center;
                            align-items: center
                        }

                            .content-detail-topic .content-dt_wrapper .comment-gr .comment-gr_wrapper .show-comment .btn-submit a {
                                font-size: 13px;
                                line-height: 27px;
                                color: #fff;
                                font-family: Roboto-Medium
                            }

    .footer-detail-topic {
        display: none;
        background: #1b1f24
    }

        .footer-detail-topic .footer-dt_wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 300px
        }

            .footer-detail-topic .footer-dt_wrapper .comment-area {
                display: flex;
                align-items: center
            }

                .footer-detail-topic .footer-dt_wrapper .comment-area .txt {
                    font-size: 32px;
                    line-height: 37px;
                    color: #fff;
                    font-family: Roboto-Medium;
                    margin-left: 16px
                }

    .top-data.post.topic-detail .top-data_wrapper .tdw-content {
        margin-top: 60px
    }

        .top-data.post.topic-detail .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .thumb {
            padding: 0;
            margin-bottom: 40px
        }

        .top-data.post.topic-detail .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .title {
            font-size: 28px;
            line-height: 40px;
            color: #111;
            font-family: Roboto-Bold;
            margin-bottom: 25px
        }

        .top-data.post.topic-detail .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .function {
            border-bottom: 1px solid #d3d3d3
        }

        .top-data.post.topic-detail .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .post-content .content .sourse-share {
            margin-bottom: 0
        }

    .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate {
        display: flex;
        flex-direction: column;
        padding: 0 16px
    }

        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .list-ul {
            display: grid;
            grid-template-columns: 100%;
            justify-content: space-between;
            grid-row-gap: 18px;
            margin-bottom: 16px
        }

            .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item {
                display: flex;
                flex-direction: column;
                height: auto;
                background: #f9f9f9;
                border: 1px solid #e9e9e9;
                box-sizing: border-box;
                border-radius: 5px;
                overflow: hidden
            }

                .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb {
                    position: relative;
                    margin-bottom: 8px
                }

                    .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb::before {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        bottom: 0;
                        left: 0;
                        background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 100%);
                        border-radius: 5px 5px 0 0;
                        content: ''
                    }

                    .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb img {
                        display: block;
                        width: 100%;
                        height: 100%
                    }

                    .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb i {
                        position: absolute;
                        width: 100%;
                        height: auto;
                        top: 80%;
                        left: 20px;
                        transform: none
                    }

                        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .thumb i .topic-name {
                            font-size: 24px;
                            line-height: 36px;
                            color: #fff;
                            font-family: UTM-Colossalis
                        }

                .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .list-ul .list-item .title {
                    font-size: 20px;
                    line-height: 28px;
                    color: #2f3438;
                    font-family: Roboto-Medium;
                    padding: 0 12px;
                    border-top: 1px solid #e9e9e9
                }

        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .news-relate-header {
            font-size: 24px;
            line-height: 34px;
            color: #333;
            font-family: Roboto-Medium;
            margin-bottom: 16px;
            text-align: center
        }

        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .readmore a {
            padding: 9px 15px;
            background: #3a53a4;
            border-radius: 2px
        }

            .bottom-data.topic-detail .bottom-data_wrapper .bd-content .news-relate .readmore a .txt {
                font-size: 15px;
                line-height: 18px;
                color: #fff
            }

    .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px
    }

        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights h3 {
            font-size: 24px;
            line-height: 34px;
            color: #333;
            font-family: Roboto-Medium;
            margin-bottom: 16px
        }

        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper {
            display: flex;
            justify-content: space-between
        }

            .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content {
                width: 66.7%;
                background: #fff;
                border: 1px solid #e9e9e9;
                box-sizing: border-box;
                border-radius: 5px
            }

                .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content .list-lc .item {
                    display: flex;
                    flex-direction: column;
                    height: auto
                }

                    .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content .list-lc .item .thumb {
                        position: relative
                    }

                        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content .list-lc .item .thumb img {
                            display: block;
                            width: 100%;
                            height: 100%
                        }

                    .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .left-content .list-lc .item .title {
                        padding: 18px 30px 75px 30px;
                        font-size: 26px;
                        line-height: 36px;
                        color: #111;
                        font-family: Roboto-Medium
                    }

            .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content {
                width: 30.7%;
                background: #fff;
                border: 1px solid #e9e9e9;
                box-sizing: border-box;
                border-radius: 5px
            }

                .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc {
                    display: flex;
                    flex-direction: column
                }

                    .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item {
                        margin-bottom: 20px
                    }

                        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item .thumb img {
                            display: block;
                            width: 100%;
                            height: 100%
                        }

                        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item:first-child .title .txt {
                            font-size: 22px;
                            line-height: 32px;
                            color: #2f3438;
                            font-family: Roboto-Medium
                        }

                        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item:nth-child(n+2) .title {
                            padding: 0 0 20px 0
                        }

                        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item:nth-last-child(1) .title {
                            border-bottom: none
                        }

                        .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item .title {
                            padding: 20px 0;
                            margin: 0 20px;
                            border-bottom: 1px solid rgba(196,196,196,.3);
                            display: flex
                        }

                            .bottom-data.topic-detail .bottom-data_wrapper .bd-content .highlights .highlights_wrapper .mid-content .list-mc .item .title .txt {
                                font-family: Roboto-Regular;
                                font-size: 18px;
                                line-height: 25px;
                                color: #666
                            }

    .top-data.subject.schedule {
        margin-bottom: 20px
    }

        .top-data.subject.schedule .top-data_wrapper .tdw-header {
            height: auto
        }

            .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper {
                display: flex;
                flex-direction: column
            }

                .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .submenu .img-sub .sub-name {
                    font-size: 24px;
                    line-height: 28px;
                    text-align: center;
                    font-family: Roboto-Medium;
                    color: #fff;
                    margin-left: 0
                }

                .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule {
                    background: #3d4897
                }

                    .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper {
                        display: flex;
                        align-items: center;
                        height: 100%;
                        position: relative;
                        overflow: hidden
                    }

                        .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs {
                            height: 100%;
                            width: auto;
                            padding: 0 16px
                        }

                            .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs {
                                display: flex;
                                width: auto;
                                height: 100%;
                                transform: skewX(-15deg);
                                padding: 7px 0
                            }

                                .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs .item-content {
                                    padding: 9px 10px;
                                    width: 100%;
                                    box-sizing: border-box;
                                    border-right: 1px solid rgba(196,196,196,.3)
                                }

                                .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs .item-bs_action {
                                    display: flex;
                                    flex-direction: column;
                                    align-items: center;
                                    justify-content: center;
                                    transform: skewX(15deg);
                                    min-width: 55px
                                }

                                    .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs .item-bs_action .date {
                                        font-family: Roboto-Regular;
                                        color: #e9e9e9;
                                        display: block;
                                        text-align: center;
                                        font-size: 12px;
                                        line-height: 14px
                                    }

                                    .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs .item-bs_action .day {
                                        font-size: 14px;
                                        line-height: 19px;
                                        font-family: Roboto-Regular;
                                        color: #e9e9e9;
                                        display: block;
                                        text-align: center
                                    }

                                .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs.active {
                                    background: rgba(255,255,255,.6)
                                }

                                    .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs.active .date {
                                        color: #3a53a4
                                    }

                                    .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs.active .day {
                                        color: #0c2252;
                                        font-family: Roboto-Medium
                                    }

                                .top-data.subject.schedule .top-data_wrapper .tdw-header .tdw-header_wrapper .broadcast-schedule .broadcast-schedule_wrapper .list-bs .item-bs:last-child .item-content {
                                    border-right: none
                                }

            .top-data.subject.schedule .top-data_wrapper .tdw-header.lich-ps:after {
                display: none
            }

            .top-data.subject.schedule .top-data_wrapper .tdw-header.lich-ps .img-sub {
                margin-top: 0
            }

            .top-data.subject.schedule .top-data_wrapper .tdw-header.lich-ps .sub-name {
                padding: 20px 0;
                background: #0c2252;
                width: 100%
            }

    .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs {
        display: flex;
        flex-direction: column
    }

        .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs.active {
            background: rgba(58,83,164,.1)
        }

            .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs.active .bs-info {
                border-bottom: none
            }

                .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs.active .bs-info .icn {
                    display: block
                }

        .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs .bs-info {
            display: flex;
            margin: 0 16px;
            padding: 10px 0;
            border-bottom: 1px solid #e9e9e9
        }

            .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs .bs-info .time {
                font-size: 14px;
                line-height: 16px;
                font-family: Roboto-Regular;
                color: #75757a;
                margin-right: 20px
            }

            .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs .bs-info .info_wrapper {
                display: flex;
                align-items: center;
                width: 100%
            }

                .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs .bs-info .info_wrapper .info {
                    width: 90%;
                    margin-right: 20px
                }

                    .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs .bs-info .info_wrapper .info .title {
                        font-size: 14px;
                        line-height: 19px;
                        color: #3a53a4;
                        font-family: Roboto-Bold;
                        display: block
                    }

                    .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs .bs-info .info_wrapper .info .des {
                        font-size: 11px;
                        line-height: 18px;
                        color: #666;
                        font-family: Roboto-Regular
                    }

            .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs .bs-info .icn {
                display: none
            }

    .sticky-toolbar {
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        padding: 8px 16px 0;
        box-sizing: border-box
    }

        .sticky-toolbar .list-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .sticky-toolbar .list-toolbar .toolbar-item a {
                display: flex;
                flex-direction: column;
                align-items: center
            }

                .sticky-toolbar .list-toolbar .toolbar-item a .name {
                    font-size: 12px;
                    line-height: 18px;
                    text-align: center;
                    font-family: Roboto-Regular;
                    color: #666
                }

                .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle-mobile {
                    width: 22px;
                    height: 18px;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon {
                    display: block;
                    width: 18px;
                    height: 12px;
                    position: relative;
                    opacity: .8;
                    cursor: pointer;
                    -webkit-transition: opacity .3s;
                    -moz-transition: opacity .3s;
                    /*  -ms-transition: opacity .3s;*/
                    transition: opacity .3s
                }

                    .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon i {
                        display: block;
                        width: 100%;
                        height: 2px;
                        background-color: #75757a;
                        position: absolute;
                        left: 0;
                        transition: all .3s
                    }

                        .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon i.line-2 {
                            top: 5px
                        }

                        .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon i.line-3 {
                            top: 10px
                        }

            .sticky-toolbar .list-toolbar .toolbar-item.active .name {
                color: #3a53a4;
                font-family: Roboto-Medium
            }

            .sticky-toolbar .list-toolbar .toolbar-item.active svg path {
                fill: #3a53a4
            }

            .sticky-toolbar .list-toolbar .toolbar-item.active.live svg path {
                fill: #de192c
            }

            .sticky-toolbar .list-toolbar .toolbar-item.active.live .name {
                color: #333;
                font-family: Roboto-Medium
            }

    .footer-expand {
        margin-bottom: 85px
    }

    .footer {
        margin: 0 0 40px 0
    }

        .footer .footer_wrapper .partner {
            background: #f9f9f9;
            padding: 30px 10px;
            position: relative;
            overflow: hidden
        }

            .footer .footer_wrapper .partner .list-partner {
                display: flex !important
            }

                .footer .footer_wrapper .partner .list-partner .partner-item {
                    width: 43%;
                    background: #fff;
                    border: 1px solid #e9e9e9;
                    box-sizing: border-box;
                    border-radius: 5px;
                    height: 80px;
                    display: flex;
                    justify-content: center;
                    margin-right: 16px
                }

                    .footer .footer_wrapper .partner .list-partner .partner-item .partner-info {
                        display: flex;
                        justify-content: center;
                        align-items: center
                    }

        .footer .footer_wrapper .footer-info {
            background: #1b1f24
        }

            .footer .footer_wrapper .footer-info .info_wrapper {
                display: flex;
                flex-direction: column
            }

                .footer .footer_wrapper .footer-info .info_wrapper .footer-logo {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: 20px;
                    margin-top: 40px
                }

                    .footer .footer_wrapper .footer-info .info_wrapper .footer-logo .logo-info {
                        display: flex;
                        flex-direction: column;
                        align-items: center
                    }

                        .footer .footer_wrapper .footer-info .info_wrapper .footer-logo .logo-info .txt {
                            font-size: 18px;
                            line-height: 25px;
                            text-transform: uppercase;
                            font-family: SVN-Avo-Bold;
                            color: #fff;
                            margin-top: 10px
                        }

                        .footer .footer_wrapper .footer-info .info_wrapper .footer-logo .logo-info img {
                            height: 50px
                        }

                .footer .footer_wrapper .footer-info .info_wrapper .footer-txt {
                    font-size: 14px;
                    line-height: 24px;
                    text-align: center;
                    font-family: Roboto-Regular;
                    color: #bfbfbf;
                    margin-bottom: 22px
                }

                .footer .footer_wrapper .footer-info .info_wrapper .footer-network {
                    display: flex;
                    align-items: start;
                    justify-content: center;
                    margin-bottom: 36px;
                    margin-left:55px;
                }

                    .footer .footer_wrapper .footer-info .info_wrapper .footer-network a {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-right: 12px;
                        width: 36px;
                        height: 36px;
                        background: #75757a;
                        border-radius: 100%
                    }

                        .footer .footer_wrapper .footer-info .info_wrapper .footer-network a:nth-last-child(1) {
                            margin-right: 0
                        }

                .footer .footer_wrapper .footer-info .info_wrapper .copyright {
                    font-size: 13px;
                    line-height: 24px;
                    text-align: center;
                    font-family: Roboto-Regular;
                    color: #75757a;
                    padding: 16px;
                    border-top: 1px solid #2f2f2f
                }

    a {
        text-decoration: none
    }

    .w1300 {
        width: 1300px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
    }

    .w850 {
        width: 850px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .w750 {
        width: 750px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .hidden {
        display: none
    }

    .bg-f9 {
        background: #f9f9f9 !important
    }

    .bg-fff {
        background: #fff !important
    }

    .mgb-24 {
        margin-bottom: 24px !important
    }

    .pdlr-16 {
        padding: 0 16px !important
    }

    .pdtb-20 {
        padding: 20px 0
    }

    .pdb-30 {
        padding-bottom: 30px
    }

    .pd-0 {
        padding: 0 !important
    }

    .mgt-80 {
        margin-top: -80px
    }

    .no-scroll {
        overflow: hidden !important
    }

    .icon-live-label {
        background: #de192c;
        border-radius: 1px;
        color: #fff;
        font-size: 11px;
        margin-right: 5px;
        padding: 4px 5px 2px;
        display: inline-block;
        line-height: 15px;
        border-radius: 3px
    }

    #admwrapper {
        width: 100%
    }

        #admwrapper #wrapper_newest {
            overflow-y: scroll;
            z-index: 200;
            background: #fff;
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            -webkit-transition: height 300ms ease-in-out;
            -moz-transition: height 300ms ease-in-out;
            -o-transition: height 300ms ease-in-out;
            /*  -ms-transition: height 300ms ease-in-out;*/
            transition: height 300ms ease-in-out;
            height: 0;
            width: 100%
        }

            #admwrapper #wrapper_newest.show-pop {
                height: 100vh
            }

        #admwrapper .expand-menu {
            width: 100%;
            background: #fff;
            margin-top: 70px;
            transition: height 2s;
            position: fixed;
            top: 0;
            z-index: 200;
            height: 0;
            display: none
        }

            #admwrapper .expand-menu #search-form {
                padding: 24px 16px;
                background: #f9f9f9
            }

                #admwrapper .expand-menu #search-form .box-search {
                    background: #fff;
                    border: 1px solid #e9e9e9;
                    box-sizing: border-box;
                    border-radius: 5px;
                    width: 100%;
                    display: flex
                }

                    #admwrapper .expand-menu #search-form .box-search input {
                        width: calc(100% - 36px);
                        border: none;
                        font-family: Roboto-Regular;
                        font-style: normal;
                        font-weight: normal;
                        font-size: 12px;
                        line-height: 14px;
                        color: #000;
                        outline: none;
                        padding: 0 10px
                    }

                    #admwrapper .expand-menu #search-form .box-search .icon_search {
                        width: 14px;
                        height: 14px;
                        margin: 14px;
                    }

                        #admwrapper .expand-menu #search-form .box-search .icon_search svg {
                            width: 100%;
                            height: auto
                        }

            #admwrapper .expand-menu .all-category {
                padding: 16px;
                box-sizing: border-box;
                width: 100%
            }

                #admwrapper .expand-menu .all-category .title {
                    font-family: Roboto-Medium;
                    font-style: normal;
                    font-size: 18px;
                    line-height: 21px;
                    text-align: center;
                    color: #3a53a4;
                    display: block
                }

                #admwrapper .expand-menu .all-category .list-cate {
                    display: flex;
                    flex-wrap: wrap
                }

                    #admwrapper .expand-menu .all-category .list-cate li {
                        width: calc(50% - 10px);
                        background: #f9f9f9;
                        border: 1px solid #e9e9e9;
                        box-sizing: border-box;
                        border-radius: 3px;
                        text-align: center;
                        margin-top: 15px
                    }

                        #admwrapper .expand-menu .all-category .list-cate li a {
                            font-family: Roboto-Medium;
                            font-size: 13px;
                            line-height: 15px;
                            text-align: center;
                            color: #666;
                            padding: 10px 0;
                            display: inline-block
                        }

                        #admwrapper .expand-menu .all-category .list-cate li svg {
                            margin-bottom: -4px;
                            margin-right: 5px
                        }

                        #admwrapper .expand-menu .all-category .list-cate li:nth-child(2n) {
                            margin-left: 20px
                        }

                        #admwrapper .expand-menu .all-category .list-cate li.line {
                            width: 100%;
                            margin-left: 0;
                            border: none
                        }

                            #admwrapper .expand-menu .all-category .list-cate li.line span {
                                width: 100%;
                                border-top: 1px solid #e9e9e9;
                                display: block
                            }

                        #admwrapper .expand-menu .all-category .list-cate li.schedule {
                            background: #efefef;
                            width: 100%
                        }

                            #admwrapper .expand-menu .all-category .list-cate li.schedule a {
                                font-family: Roboto-Medium;
                                font-size: 15px;
                                line-height: 18px;
                                color: #3a53a4
                            }

                            #admwrapper .expand-menu .all-category .list-cate li.schedule svg {
                                margin-bottom: -3px
                            }

            #admwrapper .expand-menu .download-app {
                width: 100%;
                text-align: center;
                margin: 30px auto;
                padding: 0 16px;
                box-sizing: border-box
            }

                #admwrapper .expand-menu .download-app .title {
                    font-family: Roboto-Regular;
                    font-size: 16px;
                    line-height: 19px;
                    color: #666;
                    margin-bottom: 15px;
                    display: block
                }

                #admwrapper .expand-menu .download-app ul {
                    display: flex
                }

                    #admwrapper .expand-menu .download-app ul li {
                        width: calc(50% - 10px);
                        background: #f9f9f9;
                        border-radius: 6px;
                        box-sizing: border-box;
                        padding: 5px 0
                    }

                        #admwrapper .expand-menu .download-app ul li:first-child {
                            margin-right: 20px
                        }

                        #admwrapper .expand-menu .download-app ul li .right {
                            margin-left: 8px;
                            display: inline-block
                        }

                            #admwrapper .expand-menu .download-app ul li .right span {
                                font-family: Roboto-Medium;
                                font-size: 9px;
                                line-height: 11px;
                                color: #888;
                                display: block
                            }

                                #admwrapper .expand-menu .download-app ul li .right span:last-child {
                                    font-size: 13px;
                                    line-height: 15px
                                }

    body {
        transition: ease .25s
    }

    .hwg_menu_mobile--is-active {
        overflow: hidden;
        position: relative;
        height: 100%
    }

        .hwg_menu_mobile--is-active #admwrapper .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon {
            opacity: 1
        }

        .hwg_menu_mobile--is-active .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon i {
            background-color: #3a53a4
        }

            .hwg_menu_mobile--is-active .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon i.line-1 {
                transform: rotate(-45deg);
                top: 6px
            }

            .hwg_menu_mobile--is-active .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon i.line-2 {
                display: none
            }

            .hwg_menu_mobile--is-active .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon i.line-3 {
                transform: rotate(45deg);
                top: 6px;
                width: 100%
            }

        .hwg_menu_mobile--is-active #admwrapper .sticky-toolbar .list-toolbar .toolbar-item.show-cate .name {
            color: #3a53a4
        }

        .hwg_menu_mobile--is-active #admwrapper .icon-sch svg path {
            fill: #3a53a4
        }

        .hwg_menu_mobile--is-active #admwrapper .expand-menu {
            display: block;
            opacity: 1;
            overflow-x: hidden;
            overflow-y: auto;
            height: 100%
        }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        -moz-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .readmore-blue {
        text-align: center
    }

        .readmore-blue a {
            padding: 9px 15px;
            background: #3a53a4;
            border-radius: 2px;
            display: inline-block
        }

            .readmore-blue a .txt {
                font-size: 15px;
                line-height: 18px;
                color: #fff
            }

    .readmore {
        display: block;
        text-align: center
    }

        .readmore a {
            display: inline-block
        }

            .readmore a .txt {
                font-size: 14px;
                line-height: 17px;
                color: #bababa;
                font-family: SFPD-Regular;
                margin-right: 8px
            }

    .top-data.category .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .mid-content .list-mc .item:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .top-data.subject.category .top-data_wrapper .tdw-content {
        padding-bottom: 0
    }

    .tag-name {
        display: block;
        color: #3a53a4;
        font: normal 20px/36px Roboto-Bold;
        position: relative;
        text-transform: capitalize;
        border-bottom: 1px solid #3a53a4;
        padding: 10px 0
    }

    #divTag, #divListNewsByTag {
        margin-top: 40px;
        padding: 0 16px
    }

        #divTag .notify, #divListNewsByTag .notify {
            font-size: 20px;
            line-height: 25px;
            color: #3a53a4;
            font-family: Roboto-Medium;
            padding: 20px 16px
        }

    #divListNewsBySearch {
        margin-top: 40px;
        padding: 0
    }

        #divListNewsBySearch .tag-name {
            padding: 10px 16px;
            margin-bottom: 20px
        }

    .news-detail-container::after {
        background: #f9f9f9;
        height: 240px;
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        z-index: -1
    }

    .content {
        width: 100%;
        padding: 40px 20px 43px 20px;
        box-sizing: border-box
    }

        .content ul .item {
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(196,196,196,.3);
            box-sizing: border-box
        }

            .content ul .item:first-child {
                padding-top: 20px
            }

            .content ul .item:last-child {
                margin-bottom: 0;
                border-bottom: none
            }

            .content ul .item .thumb {
                width: 29%
            }

                .content ul .item .thumb img {
                    display: block;
                    width: 100%;
                    height: auto;
                    border-radius: 5px
                }

            .content ul .item .title {
                width: 65%;
                display: flex
            }

                .content ul .item .title .txt {
                    font-family: Roboto-Regular;
                    font-size: 18px;
                    line-height: 25px;
                    color: #333
                }

    .top-title-zvideo {
        font-family: Roboto-Bold;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        display: block;
        padding: 35px 16px 16px 16px
    }

    .bottom-data.expert {
        margin-top: 40px
    }

        .bottom-data.expert .people {
            margin: 30px 20px !important;
            background: #f9f9f9;
            border: 1px solid #e9e9e9;
            box-sizing: border-box;
            border-radius: 5px;
            padding: 20px 0 5px 0
        }

            .bottom-data.expert .people .count-news {
                font-family: Roboto-Medium;
                font-size: 14px;
                line-height: 16px;
                text-align: center;
                color: #666;
                margin-top: 15px
            }

                .bottom-data.expert .people .count-news span {
                    font-family: Roboto-Bold
                }

    .playlist-detail {
        margin: 0 16px 20px 16px
    }

    .detail-iframe iframe {
        width: 100%;
        height: 250px
    }

    .highlight-list a[data-video='0'] i, .highlight-list a[data-video='0'] .icn {
        display: none
    }

    .video-content iframe {
        width: 100%;
        height: 210px
    }

    .video-content .thumb {
        z-index: 2
    }

    .video-content .block-video {
        position: relative
    }

        .video-content .block-video .VCSortableInPreviewMode[type='VideoStream'] {
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1
        }

    .no-touch {
        pointer-events: none
    }

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

    .top-data .top-data_wrapper .tdw-content .tdw-top .tdw-top_wrapper .left-content .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        opacity: 1
    }

    .scrollToTop {
        width: 40px;
        height: 40px;
        background: rgba(58,83,164,.5);
        position: fixed;
        bottom: 150px;
        right: 10px;
        z-index: 999999
    }

        .scrollToTop:after {
            position: absolute;
            top: 16px;
            left: 13px;
            width: 0;
            height: 0;
            background: transparent;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #fff;
            content: ''
        }

    .icon-vid {
        position: absolute;
        bottom: 5px;
        right: 5px
    }

        .icon-vid svg {
            display: block
        }




    .bottom-data .bottom-data_wrapper .bd-content .people .important-people .list-ul .list-item {
        background: #fff;
        margin-right: 10px;
        border-radius: 5px;
        height: auto;
        width: calc(100%/2 - 11px);
        margin-bottom: 10px;
    }



    .bottom-data .bottom-data_wrapper .bd-content .people .readmore a {
        padding: 5px;
        background: #fff;
        border-radius: 4px;
    }

    .live-tv .top-data_wrapper .tdw-header {
        display: none !important;
    }



    #s-vietnam > div > div {
        display: flex;
        flex-direction: column;
        padding: 0 16px;
        box-sizing: border-box;
    }

    #ttxvn-global > div > div {
        display: flex;
        flex-direction: column;
        padding: 0 16px;
        box-sizing: border-box;
    }

    #newest-viewest-modal {
        display: none
    }

    .top-data .top-data_footer .tdf_wrapper .program .list-pg > li {
        display: none;
    }


    /*longform*/
    .sp-body-content.wrapper {
        width: 100%;
        padding: 10px
    }

    #admWrapsite .k14-sp-wrapper .sp-body-content .sp-detail .title-sapo .sp-title {
        line-height: 30px;
        font-size: 24px;
        font-family: Roboto;
        color: #333;
        font-weight: bold;
        padding: 0 16px;
    }

    #admWrapsite .k14-sp-wrapper .sp-body-content .sp-detail .title-sapo .sp-title {
        line-height: 30px;
        font-size: 18px;
        font-family: Roboto;
        color: #333;
        padding: 16px;
        font-weight: bold;
        display: block;
    }

    #admWrapsite .k14-sp-wrapper .sp-body-content .VCSortableInPreviewMode {
        margin-left: 0px !important;
        width: 100% !important;
    }

    /* inforgraphic*/
    .back-txt {
        display: none !important;
    }

    #infographic {
        margin-top: -60px;
        padding: 10px
    }

    .tiny-pageembed > iframe {
        width: 100%
    }

    /* detail*/
    .detailtop {
        padding: 10px !important;
    }

    #expert-data {
        margin-top: 60px
    }

    #calendar > div > div > div > div .playlist {
        height: 120px;
    }

    .bottom-data.schedule .bottom-data_wrapper .bd-content .bs-content .list-bs .item-bs {
        padding: 0 !important;
        background: white !important;
        border: 0 !important;
    }

    #calendar > div > div > div {
        height: auto !important;
    }

    #myModal {
        margin-top: 50px !important
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-content > div {
        height: 200px !important;
    }

    .bottom-data .bottom-data_wrapper .bd-content .box-review .center-box .center-box_wrapper .video-content {
        height: auto !important;
    }

    .hightlight-players .date {
        padding: 0 !important;
    }

    #audio > div > div > div > div {
        margin-top: 30px
    }

    #search-data-home > div > div > div > div {
        margin-top: 30px
    }

    .footer-bottom {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        align-items: center;
        justify-content: center;
    }

    .footer-network {
        display: flex;
        flex-direction: column
    }

    .list-image {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .qr-image {
        margin-top: 20px;
        margin-left: 86px;
    }

    .list-app-image {
        display: flex;
        flex-direction: column;
    }

    .logo-vnews {
        display: flex;
        justify-content: center;
    }

    .footer-text-header {
        border-top: 1px solid #2f2f2f;
    }

    .footer-text {
        text-transform: uppercase;
        display: flex;
        justify-content: end;
        color: #fff;
        margin-left: 16px;
        margin-right:20px;
    }


    .footer-text-copy {
        font-size: 13px;
        line-height: 24px;
        text-align: center;
        font-family: Roboto-Regular;
        color: #75757a;
        padding: 0 16px 16px 16px;
        /*border-top: 1px solid #2f2f2f;*/
    }

    .footer-text-header {
        display: contents
    }

    .container-info {
        width: 100%;
        flex-direction: column !important;
    }

    .col-4 {
        flex: 0 0 auto;
        width: 100%;
    }

        .col-4 .thumb img {
            height: 201.38px;
            width: 100%;
        }

    .col-8 {
        flex: 0 0 auto;
        width: 100%;
    }

    .container-info .col-8 {
        padding-left: 0px;
        padding-top: 5px;
    }
        .container-info .col-8 .title-info .my-0 a {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 20px;
        }

        .container-info .col-8 .content-info {
            display: none;
        }

    .icon_vid_review {
        top: 70px !important;
    }

    .readmore-res {
        text-align: start;
        padding-left: 32px;
    }

        .readmore-res a {
            text-align: start !important;
        }

    .bottom-data .bottom-data_wrapper .bd-content .main-news .main-news_wrapper .toolbar .list-toolbar {
        overflow-x: scroll;
    }
}