﻿@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap");

@font-face {
    font-family: 'Font Awesome 6 Free';
    src: url('/vendors/font-awesome/webfonts/fa-regular-400.woff2') format('woff2'), url('/vendors/font-awesome/webfonts/fa-regular-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    src: url('/vendors/font-awesome/webfonts/fa-solid-900.woff2') format('woff2'), url('/vendors/font-awesome/webfonts/fa-solid-900.ttf') format('truetype');
}


@font-face {
    font-family: 'Font Awesome 6 Brands';
    src: url('/vendors/font-awesome/webfonts/fa-brands-400.woff2') format('woff2'), url('/vendors/font-awesome/webfonts/fa-brands-400.ttf') format('truetype');
}

body {
    /*min-height: 100vh;
    min-height: -webkit-fill-available;*/
    background: #fcfaf6 !important;
}

html {
    /*height: -webkit-fill-available;*/
}

* {
    padding: 0;
    margin: 0;
    letter-spacing: 1.5px;
    /*background-color: #fff;*/
}
::selection {background: #9f224e; color: #fff; text-shadow: none;}

img:not(.is-container) {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

a:not(.is-container) {
    color: #404040;
	font-family: Arial, sans-serif !important;
    transition: color .2s ease;
    text-decoration: unset;
}

body {
    font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', 'Helvetica, Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'Open Sans', sans-serif !important;
    color: #000000;
    font-size: 16px;
    width: 100%;
    position: relative;
    font-weight: 400;
    line-height: 1.2;
    box-sizing: border-box;
}

.container:not(.is-container) {
    width: 1200px !important;
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.row:not(.is-container) {
    margin-left: -10px;
    margin-right: -10px;
}

.col:not(.is-container), [class*='col-']:not(.is-container) {
    padding-left: 10px;
    padding-right: 10px;
}

/*
* Header
*/
header {
    background-color: #fff;
}

.taskbar {
    /*border-top: solid 1px #d0d0cf;*/
    border-bottom: solid 1px #d0d0cf;
    margin-top: 0px;
    padding: 5px 0;
}

    .taskbar ul li {
        display: inline-block;
        font-size: 14px;
    }

    .taskbar .taskbar__language li:not(:last-child) {
        margin-right: 20px;
    }

    .taskbar .taskbar__social li:not(:first-child) {
        margin-left: 10px;
    }

.banner {
    background-color: #ff0000;
    text-align: center;
    padding: 0px 0;
    margin: 5px 0;
	
		/********QuocTang********/
	/*filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);*/
	/****************/
}

    .banner img {
        margin: 0 auto;
        object-fit: scale-down !important;
        /*height: 104px;*/
        height: 68px;
    }

.main-menu {
    background-color: #dbdcdd;
    color: #060808;
    margin-bottom: 17px;
    position: relative;
}

    .main-menu .logo-mobile {
        display: none;
        max-width: 135px;
    }

    .main-menu .menu-mobile {
        width: 100%;
        /*background: #fcfaf6 !important;*/
    }

    .main-menu .toogle-menu-mobile {
        display: none;
    }

    .main-menu .main-menu__link .link__homepage {
        background: none;
        color: #404040;
        margin-right: 10px;
        padding: 10px 12px 9px;
    }

        .main-menu .main-menu__link .link__homepage.active {
            background: rgba(108,110,112,.1);
            color: #404040;
        }

        .main-menu .main-menu__link .link__homepage img {
            width: 24px;
            height: 24px;
            /*filter: none;*/
            /*filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(131deg) brightness(104%) contrast(101%);*/
        }

        .main-menu .main-menu__link .link__homepage.active img {
            /*filter: none;*/
        }

    .main-menu .main-menu__link ul li {
        display: inline-block;
        position: relative;
    }

        .main-menu .main-menu__link ul li a {
            padding: 12px 20px;
            color: #060808;
            text-decoration: none;
            display: inline-block;
        }

            .main-menu .main-menu__link ul li a:hover, .main-menu .main-menu__link ul li a.active {
                background-color: rgba(108,110,112,.1);
                /*color: #ffff;*/
                /*color: #b30000;*/
                /*font-weight: 800;*/
            }

        .main-menu .main-menu__link ul li .icon-submenu {
            display: none;
        }

            .main-menu .main-menu__link ul li .icon-submenu img {
                display: inline-block;
                width: 12px;
            }

        .main-menu .main-menu__link ul li .sub {
            width: 190px;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            z-index: 2;
            left: 0;
            top: calc(100% + 20px);
            box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
            transition-duration: 200ms;
            transition-property: opacity, top, visible;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

            .main-menu .main-menu__link ul li .sub li {
                display: inline-block;
                position: relative;
                width: 100%;
                min-width: 190px;
            }

                .main-menu .main-menu__link ul li .sub li a {
                    width: 100% !important;
                }

                    .main-menu .main-menu__link ul li .sub li a:hover {
                        /*background-color: unset;*/
                        background-color: rgba(108,110,112,.1);
                        /* color: #b30000;*/
                        /*text-decoration: underline;*/
                    }

                    .main-menu .main-menu__link ul li .sub li a.active {
                        background-color: rgba(108,110,112,.1);
                        /*color: #ffff;*/
                    }

        .main-menu .main-menu__link ul li:hover .sub {
            opacity: 1;
            visibility: visible;
            top: 100%;
            border-top: 1px solid #b30000;
        }

    .main-menu .main-menu__search input, .main-menu .main-menu__search button,
    .main-menu .main-menu__search input:focus,
    .main-menu .main-menu__search input:focus-visible {
        border: solid 1px #cdd6d7;
        border-radius: 0;
        outline: unset;
    }

    .main-menu .main-menu__search input {
        min-height: 25px;
        min-width: 200px;
        padding: 0 5px;
    }

    .main-menu .main-menu__search button {
        padding: 2px 5px;
        margin-left: 5px;
        transition: opacity .2s linear;
    }

        .main-menu .main-menu__search button:hover {
            cursor: pointer;
            opacity: .6;
        }

    .main-menu .btn-close-menu {
        position: absolute;
        top: 0;
        display: none;
        align-items: center;
        font-weight: 500;
        height: 45px;
        line-height: 48px;
        color: #fff;
        cursor: pointer;
        background: #ed2024;
        width: 100%;
        z-index: 105;
        font-size: 20px;
        padding-left: 15px;
    }

        .main-menu .btn-close-menu svg {
            width: 20px;
            height: 20px;
        }

        .main-menu .btn-close-menu:hover svg path {
            fill: #da0000;
        }

/*
* Footer
*/
footer {
    /*margin-top: 20px;*/
    background-color: #404040;
    color: #ffff;
    padding: 55px 0 !important;
}

    footer .footer__logo {
        height: 100%;
    }

    footer .footer__desc {
        width: 70%;
        margin-right: 10px;
        font-size: 16px;
    }

        footer .footer__desc p {
            margin-bottom: 2px;
            margin-top: 0px;
            font-size: 16px;
            line-height: 1.6;
            font-weight: 300;
        }

    footer .footer__app {
        width: calc(100% - 70%);
    }

        footer .footer__app .qrcode {
            width: 35%;
            margin-right: 10px;
            text-align: center;
			margin-top: 18px;
        }

            footer .footer__app .qrcode .qrcode__des {
                font-size: 14px;
                /* margin-bottom: 2px;*/
                margin-bottom: 6px;
            }

        footer .footer__app .app__list {
            width: calc(100% - 35% - 10px);
            margin-top: 16px;
        }

            footer .footer__app .app__list img:not(:last-child) {
                margin-bottom: 10px;
            }

/*
* News
*/
.news-highlight {
    margin-bottom: 50px;
}

    .news-highlight a {
        text-decoration: unset;
    }

    .news-highlight .news__first .news-first__title {
        font-size: 25px;
        font-weight: 300;
        margin: 20px 0 0;
    }

        .news-highlight .news__first .news-first__title a {
            color: #222222;
        }

            .news-highlight .news__first .news-first__title a:hover {
                color: #da0000;
            }

    .news-highlight .news__first .news-first__desc {
        font-size: 21px;
        margin-top: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /* -webkit-line-clamp: 2;
    line-clamp: 5;*/
        -webkit-box-orient: vertical;
    }

    .news-highlight .news__list {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .news-highlight .news__list .news__list-title {
            color: #da0000;
            padding: 12px 0;
            background: #dbdcdd;
            text-align: center;
            margin-bottom: 15px;
        }

        .news-highlight .news__list .news__list-item {
            align-items: stretch;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

            .news-highlight .news__list .news__list-item .news-item {
                display: flex;
                padding-bottom: 7px;
                margin-bottom: 7px;
                flex: 1;
            }

                .news-highlight .news__list .news__list-item .news-item:last-child {
                    padding-bottom: 0px !important;
                    margin-bottom: 7px !important;
                }

                .news-highlight .news__list .news__list-item .news-item:not(:last-child) {
                    border-bottom: dashed 1px #d0d0cf;
                }

                .news-highlight .news__list .news__list-item .news-item .news-item__img {
                    width: 50%;
                }

                .news-highlight .news__list .news__list-item .news-item .news-item__des {
                    width: calc(100% - 35% - 15px);
                    font-size: 18px;
                    margin-left: 10px;
                    margin-right: 5px
                }

                    .news-highlight .news__list .news__list-item .news-item .news-item__des a:hover {
                        color: #da0000;
                    }

                .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des {
                    order: 2;
                    width: calc(100% - 36.5% - 15px);
                }

                    .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des .item-desc__option {
                        margin-top: 5px;
                        opacity: .75;
                        font-size: 12px;
                    }

                        .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des .item-desc__option img {
                            margin-right: 5px;
                            margin-bottom: 2px;
                            width: 18px;
                            display: inline-block;
                        }

                .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__img {
                    margin-left: 0;
                    margin-right: 15px;
                    order: 1;
                    width: 36.5%;
                }

                .news-highlight .news__list .news__list-item .news-item.new-item--option:not(:last-child) {
                    border-bottom: solid 1px #d0d0cf;
                    padding-bottom: 25px;
                    margin-bottom: 25px;
                }

                .news-highlight .news__list .news__list-item .news-item.new-item--option:last-child {
                    padding-bottom: 0;
                    margin-bottom: 0;
                }

    .news-highlight.search .news__list {
        margin-bottom: 30px;
    }

        .news-highlight.search .news__list .news__list-item .news-item .news-item__des a {
            color: #222222;
        }

            .news-highlight.search .news__list .news__list-item .news-item .news-item__des a:hover {
                color: #da0000;
            }

        .news-highlight.search .news__list .news__list-item .news-item .news-item__des > p {
            font-size: 14px;
            margin-top: 10px;
        }

        .news-highlight.search .news__list .news__list-item .news-item.new-item--option {
            padding-bottom: 25px;
            margin-bottom: 25px;
            border-bottom: dashed 1px #d0d0cf;
        }

/*
* Block
*/
.block-news {
    border-top: solid 1px #cccbcb;
    padding: 15px 0 30px 0;
}

    .block-news .block-news__title {
        border-bottom: solid 3px #da0000;
        display: inline-block;
        padding-bottom: 2px;
        margin-bottom: 20px;
        font-size: 22px;
        color: #ed2024;
    }

        .block-news .block-news__title a {
            color: #da0000;
        }

    .block-news .block__first .block-first__title {
        font-size: 22px;
        margin: 10px 0;
    }

        .block-news .block__first .block-first__title a {
            color: #222222;
        }

            .block-news .block__first .block-first__title a:hover {
                color: #da0000;
            }

    .block-news .block-new__text .block-first__desc {
        font-size: 19px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /*-webkit-line-clamp: 3;
    line-clamp: 5;*/
        -webkit-box-orient: vertical;
    }

    .block-news .block__middle {
        background-color: #cdccca;
        padding: 15px 10px;
        height: 100%;
    }

        .block-news .block__middle .block-first__title {
            font-size: 22px;
            margin-bottom: 25px;
        }

            .block-news .block__middle .block-first__title a {
                color: #222222;
            }

                .block-news .block__middle .block-first__title a:hover {
                    color: #da0000;
                }

        .block-news .block__middle .block-first__desc {
            font-size: 19px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            /*-webkit-line-clamp: 10;
      line-clamp: 5;*/
            -webkit-box-orient: vertical;
        }

    .block-news .block__second .news {
        margin-bottom: 10px;
        flex: 1;
    }

        .block-news .block__second .news .news-desc {
            margin-top: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            /*-webkit-line-clamp: 2;
      line-clamp: 2;*/
            -webkit-box-orient: vertical;
        }

            .block-news .block__second .news .news-desc a:hover {
                color: #da0000;
            }

        .block-news .block__second .news.new--horizontal:not(:last-child) {
            /*margin-top: 10px;*/
            /*margin-bottom: 45px;*/
            border-bottom: dashed 1px #d0d0cf;
            padding-bottom: 7px;
        }

            .block-news .block__second .news.new--horizontal:not(:last-child).new--boder-bottom {
                border-bottom: solid 1px #cccbcb;
                padding-bottom: 12px;
                margin-bottom: 12px;
            }

        .block-news .block__second .news.new--horizontal .news-thumbnail {
            width: 50%;
            margin-left: 15px;
        }

        .block-news .block__second .news.new--horizontal .news-desc {
            width: calc(100% - 50% - 15px);
            margin-top: 0;
        }

        .block-news .block__second .news.new--horizontal a {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            /*-webkit-line-clamp: 4;
      line-clamp: 5;*/
            -webkit-box-orient: vertical;
        }

    .block-news .block__second.block__second--order {
        display: flex;
        flex-direction: column;
    }

        .block-news .block__second.block__second--order .news .news-thumbnail {
            margin-right: 15px;
            margin-left: 0;
            order: 1;
        }

        .block-news .block__second.block__second--order .news .news-desc {
            order: 2;
        }

    .block-news.media {
        background-color: #e9ecee;
        border-top: solid 10px #acb5bc;
        margin-left: -35px;
        margin-right: -35px;
        padding-bottom: 0;
        overflow: hidden;
    }

        .block-news.media .media__wrapper {
            padding: 0 40px;
        }

            .block-news.media .media__wrapper .media__head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 20px;
            }

                .block-news.media .media__wrapper .media__head .block-news__title {
                    margin-bottom: 0;
                }

                .block-news.media .media__wrapper .media__head .media__category .media-category__label {
                    display: none;
                }

                    .block-news.media .media__wrapper .media__head .media__category .media-category__label img {
                        width: 30px;
                    }

                .block-news.media .media__wrapper .media__head .media__category ul li {
                    display: inline-block;
                }

                    .block-news.media .media__wrapper .media__head .media__category ul li:not(:last-child)::after {
                        content: '|';
                        color: #222222;
                        vertical-align: text-bottom;
                    }

                    .block-news.media .media__wrapper .media__head .media__category ul li a {
                        padding: 0 20px;
                        color: #222222;
                        text-decoration: none;
                        font-size: 18px;
                    }

                        .block-news.media .media__wrapper .media__head .media__category ul li a:hover {
                            opacity: .6;
                        }

            .block-news.media .media__wrapper .media__list {
                position: relative;
            }

                .block-news.media .media__wrapper .media__list .media-item .media-item__img img {
                    /*height: 150px;*/
                    object-fit: cover;
                    aspect-ratio: 10 / 6 !important;
                }

                .block-news.media .media__wrapper .media__list .media-item .media-item__title {
                    margin-top: 10px;
                }

                    .block-news.media .media__wrapper .media__list .media-item .media-item__title a:hover {
                        color: #da0000;
                    }

                .block-news.media .media__wrapper .media__list .owl-nav .owl-prev, .block-news.media .media__wrapper .media__list .owl-nav .owl-next {
                    position: absolute;
                    top: calc(50% - 20px);
                    transform: translateY(-50%);
                    z-index: 9;
                }

                    .block-news.media .media__wrapper .media__list .owl-nav .owl-prev:hover, .block-news.media .media__wrapper .media__list .owl-nav .owl-next:hover {
                        background: unset;
                    }

                .block-news.media .media__wrapper .media__list .owl-nav .owl-prev {
                    left: -38px;
                }

                .block-news.media .media__wrapper .media__list .owl-nav .owl-next {
                    right: -38px;
                }

.news-cate {
    padding-bottom: 50px;
    background-color: #fff;
}

    .news-cate .news-item {
        margin-bottom: 40px;
    }

        .news-cate .news-item .news-item__des {
            margin-top: 10px;
        }

            .news-cate .news-item .news-item__des a:hover {
                color: #da0000;
            }

.news-paginate {
    margin: 0 auto;
    text-align: center;
}

    .news-paginate a {
        background-color: #cccccc;
        color: #222222;
        padding: 15px 40px;
        display: inline-block;
        transition: all .2s ease;
    }

        .news-paginate a:hover {
            color: #fff;
            background-color: #da0000;
        }

.news-detail {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: solid 3px #0b164f;
}

@media (max-width: 768px) {
    .news-detail {
    padding-left: 10px;
    padding-right: 10px;
	}
}

    .news-detail .news-detail__category {
        border-bottom: solid 2px #ed2024;

    }

    .news-detail .row.news-detail__category {
        padding-left: 0px !important;
        margin-left: 0px;
    }

        .news-detail .row.news-detail__category > div {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    .news-detail .news-detail__category h2 {
        font-size: 20px;
        font-weight: 300;
        color: #ed2024;
    }

    .news-detail .news-detail__category span {
        float: right;
        opacity: .75;
        font-size: smaller;
    }

    .news-detail .news-detail__title {
        color: #0645ad;
        margin-bottom: 20px;
        line-height: 45px;
        font-size: 25px;
        font-weight: 700;
    }

    .news-detail .news-detail__head {
        font-size: 12px;
        opacity: .75;
        margin-bottom: 15px;
    }

        .news-detail .news-detail__head span {
            line-height: 32px;
            text-align: center;
        }

        .news-detail .news-detail__head .detail-head__action {
            /*font-weight: bold;*/
            font-size: 14px;
        }

            .news-detail .news-detail__head .detail-head__action img {
                display: inline-block;
                width: 18px;
            }

            .news-detail .news-detail__head .detail-head__action .resize-text {
                font-size: 16px;
            }

                .news-detail .news-detail__head .detail-head__action .resize-text span {
                    padding: 0 5px;
                }

                    .news-detail .news-detail__head .detail-head__action .resize-text span:hover {
                        cursor: pointer;
                    }

                    .news-detail .news-detail__head .detail-head__action .resize-text span:first-child {
                        margin-right: 5px;
                    }

            .news-detail .news-detail__head .detail-head__action .print {
                color: #337AB7;
                cursor: pointer;
            }

                .news-detail .news-detail__head .detail-head__action .print img {
                    margin-right: 3px;
                }

    .news-detail .news-detail__thumbnail {
        padding-bottom: 15px;
        line-height: 30px;
    }

        .news-detail .news-detail__thumbnail p {
            font-weight: bold;
            font-size: 16px;
            line-height: 30px;
        }

        .news-detail .news-detail__thumbnail .image-desc {
            font-size: 10px;
            text-align: center;
            color: #337ab7;
            display: block;
            padding: 5px 15px;
        }

    .news-detail .news-details__content {
        /*margin-bottom: 30px;*/
    }

        .news-detail .news-details__content p {
            margin-bottom: 20px;
            line-height: 30px;
        }

    .news-detail .news-detail__social {
        display: flex;
        flex-wrap: wrap;
        /*justify-content: flex-end;*/
        /*background: #FFFFFF;*/
        padding: 10px 0;
        margin-bottom: 20px;
    }

        .news-detail .news-detail__social .news-detail-left__social {
            display: flex;
        }

            .news-detail .news-detail__social .news-detail-left__social .click-back, .news-detail .news-detail__social .news-detail-left__social .text-favourite {
                padding: 15px 15px;
                background: #FFFFFF;
                border: 2px solid #E9E9E8;
            }

                .news-detail .news-detail__social .news-detail-left__social .click-back i, .news-detail .news-detail__social .news-detail-left__social .text-favourite i {
                    font-size: 20px;
                    color: #757575;
                }

            .news-detail .news-detail__social .news-detail-left__social .text-favourite {
                display: flex;
                margin-left: 15px;
            }

                .news-detail .news-detail__social .news-detail-left__social .text-favourite p {
                    font-size: 15px;
                    letter-spacing: 1px;
                    color: #696767;
                    margin: 3px 0px 0px 10px;
                }

        .news-detail .news-detail__social .news-detail-right__social {
            margin-top: 10px;
        }

    .news-detail .news-detail__tag {
        font-size: 14px;
        margin-bottom: 45px;
    }

        .news-detail .news-detail__tag .detail-tag__title {
            background: url("../images/icon-tag.png") no-repeat scroll 0 50% transparent;
            color: #222222;
            display: inline-block;
            height: 24px;
            line-height: 24px;
            padding-left: 20px;
            padding-right: 5px;
            vertical-align: middle;
        }

        .news-detail .news-detail__tag li {
            display: inline-block;
        }

        .news-detail .news-detail__tag ul span {
            display: inline-block;
        }

            .news-detail .news-detail__tag ul span:not(.detail-tag__title) {
                border: solid 1px #d0d0cf;
                padding: 3px 10px;
                border-radius: 15px;
                margin: 3px;
            }

    .news-detail .news-detail__comment .detail-comment__title {
        color: #222222;
        margin-bottom: 5px;
        font-weight: bold;
    }

        .news-detail .news-detail__comment .detail-comment__title span {
            color: #404040;
            opacity: .75;
            font-weight: 400;
        }

    .news-detail .news-detail__comment .btn-toggle-comment {
        cursor: pointer;
        margin-bottom: 15px;
    }

        .news-detail .news-detail__comment .btn-toggle-comment:hover {
            color: #222222;
        }

    .news-detail .news-detail__comment .form-comment {
        height: 0;
        visibility: hidden;
        transition: height .3s linear;
    }

        .news-detail .news-detail__comment .form-comment.active {
            height: auto;
            visibility: visible;
        }

    .news-detail .news-detail__comment input, .news-detail .news-detail__comment textarea {
        width: 100%;
        padding: 10px 5px;
        outline: none;
        margin-bottom: 10px;
        border-radius: 0;
        border: solid 1px #cccbcb;
    }

    .news-detail .news-detail__comment button {
        padding: 7px 15px;
        border-radius: 0;
        background-color: #0068FF;
        border: none;
        color: #ffff;
        transition: opacity .1s ease;
        cursor: pointer;
    }

        .news-detail .news-detail__comment button:hover, .news-detail .news-detail__comment button:focus {
            opacity: .75;
        }

    .news-detail .news-detail__comment .tab-show-list-comment {
        display: flex;
        border-bottom: 1px solid black;
    }

        .news-detail .news-detail__comment .tab-show-list-comment .most-interested, .news-detail .news-detail__comment .tab-show-list-comment .comment-hot {
            font: 400 16px/17px arial;
            position: relative;
            color: #9F9F9F;
            margin-bottom: 10px;
        }

            .news-detail .news-detail__comment .tab-show-list-comment .most-interested:active, .news-detail .news-detail__comment .tab-show-list-comment .comment-hot:active {
                color: red;
            }

        .news-detail .news-detail__comment .tab-show-list-comment .comment-hot {
            margin-left: 20px;
        }

    .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment {
        margin-top: 20px;
    }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .link-avatar-img {
            margin: 0 12px 0 0;
            float: left;
            width: 36px;
            height: 36px;
            background: #E5E5E5;
            line-height: 36px;
            text-align: center;
            color: #949494 !important;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 18px !important;
            font-family: arial;
            border-radius: 50%;
            position: relative;
        }

            .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .link-avatar-img img {
                width: 36px;
                height: 36px;
                border-radius: 50%;
            }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .block_like_web:hover .report-comment {
            display: inline-block;
        }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment p {
            padding-bottom: 0;
            font: 400 16px arial;
            line-height: 150%;
            color: #4f4f4f;
        }

            .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment p .nickname {
                color: #222;
                margin-left: 0px !important;
                position: relative;
                font-weight: bold;
            }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment a, .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .time-com {
            margin-left: 20px;
            font-size: 14px;
            color: #9F9F9F;
        }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .report-comment {
            float: right;
            display: none;
        }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .comment-reply {
            display: none;
        }

    .news-detail .news-detail__comment .list-comment .content-comment-hot {
        display: none;
    }

    .news-detail .news-detail__comment .list-comment .sub_comment {
        display: none;
    }

    .news-detail .news-detail__comment .list-comment .view_more_coment {
        margin-top: 20px;
        height: 48px;
        line-height: 48px;
        padding: 0 35px;
        font: 400 14px/48px "Merriweather", serif;
        color: #757575;
        text-align: center;
        position: relative;
        border: 1px solid #BDBDBD;
        border-radius: 4px;
        width: 30%;
        background: #fff;
        display: block;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }

        .news-detail .news-detail__comment .list-comment .view_more_coment:hover {
            background: #F7F7F7;
        }

        .news-detail .news-detail__comment .list-comment .view_more_coment a:hover {
            color: #9F9F9F;
        }

    .news-detail .fanpage {
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
    }

        .news-detail .fanpage iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }

    .news-detail .news-related {
        border: solid 1px #e6e6e6;
        border-radius: 3px;
    }

        .news-detail .news-related .news-related__title {
            background-color: #f5f5f5;
            padding: 10px;
            border-bottom: solid 1px #e6e6e6;
            color: #222222;
        }

.news-detail .news-related .news-related__list {
    padding: 15px;
    /*border-left: 1px solid #ccc;*/
    /*margin-left: 15px;*/
    background-color: floralwhite !important;
    list-style: none;
}

            .news-detail .news-related .news-related__list li:not(:last-child) {
                margin-bottom: 5px;
            }

            .news-detail .news-related .news-related__list li a {
                color: #337ab7;
                font-size: 14px;
            }

                .news-detail .news-related .news-related__list li a:hover {
                    color: #da0000;
                }

                .news-detail .news-related .news-related__list li a span {
                    color: #404040;
                    font-size: 12px;
                    opacity: .75;
                }

                .news-detail .news-related .news-related__list li a::before {
                    content: '';
                    width: 12px;
                    height: 12px;
                    background-color: #337ab7;
                    display: inline-block;
                    margin-right: 5px;
                }

.search-head {
    margin-bottom: 25px;
}

    .search-head h2 {
        font-weight: 700;
        color: #222222;
        font-size: 20px;
        padding-bottom: 7px;
    }

        .search-head h2 span {
            color: #da0000;
        }

/*
* REPONSIVE
*/
@media (max-width: 1199.98px) {
    .taskbar {
        border-top: unset;
        margin-top: 0;
    }

    .banner {
        display: none;
    }

    .block-news.media .media__wrapper {
        padding: 0 50px;
    }

    .main-menu {
        padding: 5px 0;
        background-color: #fe0000;
				/********QuocTang********/
	/*filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);*/
	/****************/
    }

        .main-menu .logo-mobile {
            height: 40px;
            width: auto;
            max-width: 250px;
            object-fit: scale-down;
        }

        .main-menu .logo-mobile,
        .main-menu .toogle-menu-mobile {
            display: block;
        }

            .main-menu .toogle-menu-mobile > svg {
                vertical-align: middle;
                font-size: 0px;
                width: 32px;
                height: 32px;
                fill: white;
            }

        .main-menu .menu-mobile {
            position: fixed;
            /*width: 300px;*/
            width: 100%;
            background: #fff;
            z-index: 100;
            top: 0;
            bottom: 0;
            left: -100%;
            border-right: 1px solid rgba(0, 0, 0, 0.05);
            transition: .3s ease;
            justify-content: flex-end !important;
            padding: 15px;
            flex-direction: column-reverse;
        }

            .main-menu .menu-mobile .main-menu__link {
                width: 100%;
                display: block !important;
                text-align: center;
            }

                .main-menu .menu-mobile .main-menu__link .link__homepage {
                    display: none;
                }

                .main-menu .menu-mobile .main-menu__link > ul {
                    overflow-y: scroll;
                    height: calc(100vh - 129px);
                    padding-bottom: 30px;
                }

                .main-menu .menu-mobile .main-menu__link ul li {
                    display: block;
                    transition: none;
                }

                    .main-menu .menu-mobile .main-menu__link ul li:not(:last-child) {
                        padding: 15px 0;
                    }

                    .main-menu .menu-mobile .main-menu__link ul li:last-child {
                        padding-top: 15px;
                    }

                    .main-menu .menu-mobile .main-menu__link ul li a {
                        font-size: 22px;
                        padding: unset;
                        width: 100%;
                        text-align: left;
                    }

                        .main-menu .menu-mobile .main-menu__link ul li a:hover, .main-menu .menu-mobile .main-menu__link ul li a:active, .main-menu .menu-mobile .main-menu__link ul li a:focus, .main-menu .menu-mobile .main-menu__link ul li a.active {
                            background: unset;
                            color: #222222;
                        }

                        .main-menu .menu-mobile .main-menu__link ul li a.sub-menu {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                        }

                    .main-menu .menu-mobile .main-menu__link ul li span {
                        display: inline-block;
                    }

                        .main-menu .menu-mobile .main-menu__link ul li span:first-child {
                            width: calc(100% - 35px);
                        }

                        .main-menu .menu-mobile .main-menu__link ul li span.icon-submenu {
                            width: 35px;
                        }

                    .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub-menu {
                        padding-bottom: 10px;
                        border-bottom: solid 1px #404040;
                    }

                        .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub-menu .icon-submenu img {
                            transform: rotate(90deg);
                        }

                    .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub {
                        padding-top: 15px;
                    }

                        .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub li {
                            padding: 0;
                        }

                            .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub li:not(:last-child) {
                                margin-bottom: 20px;
                            }

                    .main-menu .menu-mobile .main-menu__link ul li .sub {
                        position: unset;
                        box-shadow: none;
                        width: 100%;
                        opacity: 1;
                        visibility: visible;
                        display: none;
                        padding-left: 15px;
                    }

                        .main-menu .menu-mobile .main-menu__link ul li .sub li {
                            display: block;
                        }

                            .main-menu .menu-mobile .main-menu__link ul li .sub li a {
                                font-size: 22px;
                                color: #404040;
                            }

                    .main-menu .menu-mobile .main-menu__link ul li:hover .sub {
                        border-top: unset;
                    }

            .main-menu .menu-mobile .main-menu__search {
                width: 100%;
                border-bottom: solid 1px #cccbcb;
                padding-bottom: 15px;
                margin-bottom: 20px;
            }

            .main-menu .menu-mobile .btn-close-menu {
                display: flex;
            }

            .main-menu .menu-mobile.active {
                left: 0;
                padding-top: 60px;
            }

        .main-menu .menu-mobile-overlay {
            height: 100%;
            width: 100%;
            top: 0;
            z-index: 5;
            bottom: 0;
            right: 0;
            left: 0;
            position: fixed;
            overflow: auto;
            opacity: 0;
            visibility: hidden;
            background-color: rgba(0, 0, 0, 0.6);
            transition: 0.5s;
        }

            .main-menu .menu-mobile-overlay.active {
                opacity: 1;
                visibility: visible;
            }

        .main-menu .main-menu__search input {
            min-height: 35px;
            min-width: 200px;
        }

        .main-menu .main-menu__search button {
            padding: 7px;
        }
    .sticky-top {
        /*margin-top: 2rem;*/
    }

    .news-details__content .news-related .news-related__list .row:not(:first-child) {
        margin-top: 5px !important;
    }

    .news-details__content .news-related .news-related__list .row:not(:last-child) {
        padding-bottom: 5px !important;
    }
}

.clerfix-end {
    min-height: calc(100vh - 482px);
}

@media (max-width: 991.98px) {

    .ads {
        display: none;
    }

    .news-highlight {
        margin-bottom: 35px;
    }

        .news-highlight .col-md-5, .news-highlight .col-md-7 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        .news-highlight .news__first {
            margin-bottom: 35px;
        }

            .news-highlight .news__first .news-text {
                background-color: #cdccca;
                padding: 15px 10px;
                height: 100%;
            }

        .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des {
            font-size: 16px;
        }

    .block-news {
        padding: 35px 0 20px 0;
    }

        .block-news .col-md-6 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        .block-news.block-news--middle .col-md-3 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        .block-news .block__first .block-new__text {
            background-color: #cdccca;
            padding: 15px 10px;
            height: 100%;
        }

        .block-news .block__second {
            margin-top: 30px;
        }

            .block-news .block__second .col-md-6 {
                max-width: 50%;
                flex: 0 0 50%;
            }

            .block-news .block__second .news:not(:last-child) {
                border-bottom: dashed 1px #cccbcb;
                padding-bottom: 15px;
                margin-bottom: 15px;
            }

            .block-news .block__second .news:last-child {
                margin-bottom: 20px;
            }

            .block-news .block__second .news .news-desc {
                margin-top: 5px;
            }

            .block-news .block__second .news.new--horizontal:not(:last-child) {
                margin-bottom: 15px;
            }

                .block-news .block__second .news.new--horizontal:not(:last-child).new--boder-bottom {
                    border-style: dashed;
                }

    .news-detail .col-md-3,
    .news-detail .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .news-detail .fanpage {
        display: none;
    }

    .news-detail .news-detail__comment {
        margin-bottom: 30px;
    }

    footer {
        padding: 30px 0;
    }

        footer .col-md-3, footer .col-md-9 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        footer .footer__logo {
            max-width: 265px;
            margin: 0 auto;
            padding-bottom: 30px;
        }

        footer .footer__desc {
            width: 70%;
            font-size: 15px;
        }

        footer .footer__app {
            width: calc(100% - 65% - 10px);
        }

            footer .footer__app .qrcode {
                width: 36%;
            }

                footer .footer__app .qrcode .qrcode__des {
                    font-size: 13px;
                }

            footer .footer__app .app__list {
                width: calc(100% - 36% - 10px);
            }

    .view_more_coment {
        width: 50% !important;
    }

    .zalo-share-button {
        /*display: none;*/
    }
}

@media (max-width: 767.98px) {
    .taskbar .taskbar__language li:not(:last-child) {
        margin-right: 10px;
    }

    .taskbar ul li {
        font-size: 12px;
    }

    .block-news .block__first .block-first__title {
        margin: 2px 0 7px;
    }

    .block-news.media {
        margin-left: -10px;
        margin-right: -10px;
    }

        .block-news.media .media__wrapper {
            padding: 0 10px;
        }

    .block-news .block__second .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .news-detail .news-detail__title {
        font-size: 22px;
    }

    .news-detail .news-detail__head .detail-head__action .print {
        display: none !important;
    }

    .news-detail .news-details__content p {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .news-detail .news-detail__social ul {
        justify-content: flex-end;
    }

        .news-detail .news-detail__social ul li {
            width: unset;
            border-radius: 7px;
            overflow: hidden;
        }

            .news-detail .news-detail__social ul li:not(:last-child) {
                margin-right: 10px;
            }

    .news-detail .news-detail__social .social-item {
        padding: 5px 12px;
    }

        .news-detail .news-detail__social .social-item.social-facebook-share img {
            margin-right: 0;
        }

    .news-detail .news-detail__social .social-label__pc {
        display: none;
    }

    .news-detail .news-detail__social .social-label__mb {
        display: inline-block;
    }

    footer .footer__right {
        flex-direction: column;
    }

        footer .footer__right .footer__desc {
            width: 100%;
            padding-left: 12px;
            padding-right: 6px;
            margin-bottom: 20px;
        }

        footer .footer__right .footer__app {
            width: auto;
            max-width: 280px;
            margin: 0 auto;
        }
}

@media (max-width: 600px) {
    .news-detail .news-detail__social {
        display: block;
    }

        .news-detail .news-detail__social .icon-social {
            display: flex;
            flex-wrap: wrap;
        }

            .news-detail .news-detail__social .icon-social a {
                /*margin: 5px 5px 0px 0px;*/
            }

                .news-detail .news-detail__social .icon-social a .icon-zalo {
                    top: -4px;
                }

            .news-detail .news-detail__social .icon-social i {
                font-size: 20px;
                padding: 0px 3px;
            }

            .news-detail .news-detail__social .icon-social .fa-brands {
                padding: 0px 5px;
            }

            .news-detail .news-detail__social .icon-social .fa-facebook-f {
                padding: 0px 5px !important;
            }

    .news-detail .news-detail__social {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    /* body > iframe {
        z-index: -1 !important;
    }
*/
    .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    .news-highlight .news__first .news-first__title {
        margin: 5px 0 0;
        font-size: 25px;
    }

    .news-highlight .news__first .news-first__desc {
        margin-top: 15px;
        font-size: 18px;
    }

    .news-highlight.search .news__list .news__list-item .news-item.new-item--option {
        flex-direction: column;
    }

        .news-highlight.search .news__list .news__list-item .news-item.new-item--option .news-item__des {
            margin-top: 10px;
            margin-right: 0;
        }

        .news-highlight.search .news__list .news__list-item .news-item.new-item--option .news-item__des, .news-highlight.search .news__list .news__list-item .news-item.new-item--option .news-item__img {
            width: 100%;
        }

    .block-news.media .media__wrapper .media__head .media__category {
        position: relative;
    }

        .block-news.media .media__wrapper .media__head .media__category .media-category__label {
            display: block;
        }

        .block-news.media .media__wrapper .media__head .media__category ul {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            transition: all 0.5s linear;
            margin-top: 1rem;
            right: 0;
            display: none;
            background-color: #ffff;
            z-index: 10;
            padding: 15px 5px 10px;
            min-width: 150px;
        }

            .block-news.media .media__wrapper .media__head .media__category ul.active {
                visibility: visible;
                opacity: 1;
                display: block;
            }

            .block-news.media .media__wrapper .media__head .media__category ul li {
                display: block;
            }

                .block-news.media .media__wrapper .media__head .media__category ul li::after {
                    display: none;
                }

                .block-news.media .media__wrapper .media__head .media__category ul li:not(:last-child) {
                    padding-bottom: 5px;
                    margin-bottom: 10px;
                    border-bottom: dashed 1px #cccbcb;
                }

                .block-news.media .media__wrapper .media__head .media__category ul li a {
                    display: block;
                }

    .news-cate .news-item {
        margin-bottom: 30px;
    }

    .view_more_coment {
        width: 100% !important;
    }

    .clerfix-end {
        min-height: calc(100vh - 542px);
    }
}

@media (max-width: 350px) {
    .icon-social {
        line-height: 32px;
        letter-spacing: 1px;
        font-size: 12px;
    }

        .icon-social a {
            margin: 0 1.5px !important;
        }
}

/*# sourceMappingURL=style.css.map */
/*
iframe {
    width: 100%;
    height: calc(var(--main-width) * var(--aspect-ratio));
}*/

.news-detail__head .setFont {
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}

    .news-detail__head .setFont span {
        width: 32px;
        height: 32px;
        margin: 0 5px;
        cursor: pointer;
        text-align: center;
    }

        .news-detail__head .setFont span.active {
            background: #2c64c3;
            color: #fff;
            border-radius: 100%;
        }

.shares {
    height: 32px;
    line-height: 32px;
	padding-left: 0rem !important;
}

.icon-social .fb-share-button {
    /*padding: 2px 5px 5px 5px;
    border: 2px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;*/
}

.icon-social > a {
    /*padding: 5px;*/
    border: 1px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;
}

.news-detail__head .icon-social .zalo-share-button {
    /*margin-top: 10px;*/
}

.icon-social .icon-zalo {
    padding: 2px 5px 5px 5px;
    border: 1px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;
}

.news-detail-right__social .icon-social .icon-zalo {
    padding: 4px 5px 5px 5px;
}

.icon-social .icon-zalo img {
    scale: 2.3;
}

.icon-social .icon-zalo:hover {
    border: 1px solid #2c64c3 !important;
    color: #ffffff !important;
    background: #2c64c3
}

.icon-social a .fa-facebook-f {
    font-size: 20px;
    padding: 0px 3px;
}

.icon-social a .fa-link {
    margin: 0px -2px;
}

.icon-social a .icon-copy {
    font-weight: 500;
}

.icon-social a i {
    font-size: 16px;
    /*color: #757575;*/
}

.icon-social a:hover {
    border: 1px solid #2c64c3 !important;
    color: #ffffff !important;
    background: #2c64c3
}

.icon-social .copied {
    border: 2px solid #2c64c3 !important;
}

    .icon-social .copied i {
        color: #2c64c3 !important;
    }

.icon-social svg {
    font-size: 16pt;
    height: 20px;
    max-width: 20px;
    margin-top: 4px;
}

.news-detail .news-related .news-related__list .row:not(:first-child) {
    padding-top: 3px;
}

.news-detail .news-related .news-related__list .row:not(:last-child) {
    padding-bottom: 3px;
    border-bottom: dashed 1px #d0d0cf;
}

.news-related__list .news-related__list_title > a {
    font-weight: 800;
}

.news-related__list .news-related__list_title > p {
    margin-top: 5px;
}

.news-detail .news-related .news-related__list a {
    font-size: 14px;
}

.news-details__content .news-related:not(:last-child) {
    border: none !important;
}

.news-details__content .news-related .news-related__list li a::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #757575;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50px;
}

.news-details__content img {
    max-width: 100% !important;
    height: auto !important;
}

.news-details__content .news-related .news-related__list .row:first-child {
    padding-bottom: 10px;
}

.news-details__content .news-related .news-related__list .row:not(:first-child) {
    margin-top: 10px;
    padding-bottom: 10px;
}

.news-details__content .news-related .news-related__list .row:last-child {
    padding-bottom: 0 !important;
}

.news-details__content table.image {
    width: 100% !important;
    margin: -10px 0 20px;
}

/*-webkit-line-clamp: 3;
line-clamp: 5;
-webkit-box-orient: vertical;*/

.news-details__content .news-related .news-related__list .news-related__summary,
.news-details__content .news-related .news-related__list .news-related__summary p,
.news-details__content .news-related .news-related__list .news-related__summary span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 10pt !important;
    line-height: 30px !important;
    font-weight: inherit !important;
    font-stretch: inherit !important;
}



/* MAGAZINE */
.container-fluid > dl, ol, ul {
    margin-bottom: 0 !important;
}

.search .news-item {
    font-size: 18px;
    letter-spacing: 1.5px;
    line-height: 1em;
    line-height: 30px;
}

.news-detail__category_detail {
    color: #b30000;
    line-height: 100px;
    font-size: 50px;
    text-align: center;
    background-color: #dbdcdd;
}

.parallax-window {
    min-height: auto; /*calc(100vh - 150px);*/
    background: transparent;
}

    .parallax-window > p {
        font-size: 50px;
        line-height: 175%;
        font-weight: lighter;
        letter-spacing: 1.5px;
        background: #000;
        background: rgba(0,0,0,0.60);
        font-size: 3vw;
        color: #ccc;
        margin: 0 100px 0 100px;
        text-align: center;
        transform: translateY(calc((100vh - 150px - 40px)/2));
    }

.ads-sticky {
    position: fixed !important;
    z-index: -1 !important;
    top: 28px !important;
}

/* LONG FORM */
.long-form.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 100vh;
    z-index: 1;
}

.long-form .section {
    display: flex;
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

    .long-form .section > * {
        width: 50%;
    }

.long-form .section__img {
    position: relative;
    display: flex;
}

.long-form .section__img__inner {
    height: 110vh;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    mix-blend-mode: multiply;
    background-size: cover;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.long-form .section__body {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 100;
    margin-left: -50%;
    width: 100%;
}

.long-form .section__text {
    padding: 0vw;
    margin: 0 auto;
    width: 75%;
    text-align: center;
}

.long-form .section__img__inner {
    filter: blur(30px);
    opacity: 0;
    background-position: 50% 40%;
    transition: filter 0.3s ease, opacity 0.3s ease, background-position 0.4s ease;
}

.long-form .section:first-child > .section__img .section__img__inner {
    /*margin-top: 150px;*/
    margin-top: 40px;
}

.long-form .section:not(:first-child) > .section__img .section__img__inner {
    /*margin-top: 0px;*/
    margin-top: 40px;
}

.long-form .section.active .section__img__inner {
    opacity: 1;
    background-position: 50% 50%;
    filter: blur(0);
}

.long-form h2 {
    font-size: 3vw;
}

.long-form h2, .long-form h3, .long-form h4 {
    margin-bottom: 0.5em;
    margin-top: 0;
    letter-spacing: 1.5px;
    background: rgba(0,0,0,0.60);
    color: #ccc;
    line-height: 1.5;
    font-weight: 400;
}

.long-form .section__img__inner {
    background-image: var(--bg);
}

@media (max-width: 480px) {
    .long-form .section__img__inner {
        background-image: var(--bg-mobile);
    }

    .long-form .section__text {
        width: 90%;
    }

    .long-form h2 {
        font-size: unset;
    }
}

.is-wrapper {
    opacity: 1 !important;
    transform-origin: top;
}

.extra-menu {
    display: none;
}


@media (max-width: 480px) {
    .extra-menu {
        display: flex;
        align-items: center;
        background-color: #dbdcdd;
        color: #060808;
        margin-bottom: 17px;
    }

    .extra-menu-slide {
        /*padding: 0 10px;*/
        height: 46px;
        width: 100%;
        background: transparent;
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .extra-menu-slide::-webkit-scrollbar {
            display: none; /* Safari and Chrome */
        }

        .extra-menu-slide > ul {
            flex-grow: 1;
            display: flex;
        }

    /*.extra-menu-slide li:not(:last-child) {
        padding-right: 20px;
    }*/
    .extra-menu ul li a:hover, .extra-menu ul li a.active {
        background-color: rgba(108,110,112,.1);
        /*color: #ffff;*/
        /*color: #b30000;*/
        /*font-weight: 800;*/
    }

    .extra-menu ul li a {
        padding: 12px 20px;
        color: #060808;
        text-decoration: none;
        display: inline-block;
    }

    .container-fluid .taskbar__category {
        display: none;
    }
}

.container-fluid .taskbar__social > ul {
    margin-top: 5px;
}

.taskbar__category {
    display: none;
}

.container-fluid .taskbar__category {
    display: block;
}

    .container-fluid .taskbar__category > h2 {
        font-size: 20px;
        font-weight: 300;
        color: rgb(237, 32, 36);
        margin: 0;
    }

.taskbar__language a {
    transition: color .2s ease;
    text-decoration: unset !important;
}

.article__author {
    margin-top: 1rem;
}

    .article__author .wrap-author {
        margin-bottom: 0 !important;
    }

.news-detail .news-detail__social {
    margin-top: -20px !important;
}

.news-detail iframe {
    width: 100%;
}

body > iframe {
    /*z-index: 999999;
    bottom: 0px !important;
    top: unset !important;*/
}

strong {
    font-weight: bold;
}

.sticky-btn {
    position: fixed;
    z-index: 99;
    left: 10px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(243, 112, 50, .5);
    height: 35px;
    width: 40px;
    padding: 0%;
}

.btn-sound:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-sound {
    display: inline-block;
    /*font-weight: 400;*/
    /*color: #212529;*/
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-color: transparent;*/
    border: 1px solid transparent;
    /*padding: 0.375rem 0.75rem;*/
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn-sound.active {
        color: #da0000;
    }

    .btn-sound:hover {
        color: #222222;
    }

#sound {
    bottom: 60px;
}

#speech {
    bottom: 20px;
}

.image_desc table {
    width: 100% !important;
}
/*    anh Manh them            */
.containervideo {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


.news-detail .news-details__content .news-related__list p {
    margin-bottom: unset;
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
}

.abcRioButton  {
    height: 22px !important;
}

    .abcRioButton .abcRioButtonIcon {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    .abcRioButton .abcRioButtonContents {
        line-height: 20px !important; 
    }

table.image.center.box-image-note {
    width: 30% !important;
}

@media (max-width: 600px) {
    table.image.center.box-image-note {
        width: 100% !important;
    }
}

.news-related__list {
    display: inline-table;
    width: 100% !important;
}

#custom-google-btn {
    display: flex;
}

#custom-google-btn > img {
    width: 17px;
    margin-right: 5px;
}

.is-container .container {
    width: 100% !important;
}

.taskbar .taskbar__social {
    display: block;
}

.taskbar__language .taskbar__language_home {
    display: none;
}

@media (max-width: 480px) {
    .taskbar .taskbar__social {
        display: none;
    }
    .taskbar__language .taskbar__language_home {
        display: none;
    }
}

.taskbar__language_home img {
    width: 17px !important;
}

.news-details__content table.image img {
	width: 100% !important;
}

.news-detail {
    font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', 'Helvetica, Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'Open Sans', sans-serif !important;
}
.news-detail .news-details__content p {
    margin-bottom: 20px;
    line-height: 30px;
}

.news-detail .news-details__content {
    font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', 'Helvetica, Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'Open Sans', sans-serif !important;
}

.news-detail table.image.center p {
    font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', 'Helvetica, Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'Open Sans', sans-serif !important;
	font-size: 14px !important;
}

.news-related__list {
    font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', 'Helvetica, Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'Open Sans', sans-serif !important;
    background-color: #fff !important;
    padding: unset !important;
}



.news-related__list ._item_title,
.news-related__list ._item_sapo {
    display: block !important
}

.news-related__list ._item_title {
    padding-bottom: 8px;
}

.news-related__list ._item_title a {
    font-size: 17px !important;
    color: #444 !important;
    text-decoration: none;
    font-weight: 700 !important;
}

.news-detail .news-related .news-related__list li a {
    font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', 'Helvetica, Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    color: #337ab7 !important;
    font-size: 14px !important;
}

.bg-red-custom {
    background: #990700;
}

.bg-red-custom a {
    color: #f5f6fa !important;
    padding-left: 8px;
    font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', 'Helvetica, Arial', 'Microsoft YaHei', '微软雅黑', 'STHeitiSC-Light', 'simsun', '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', 'Open Sans', sans-serif !important;
    font-weight: bold;
    font-size: 1.17em;
}