/*--------------------------------------------------------------------------------------------
# css add web online is running, add in footer style.min.css or style.css when custom.css compile with custom.scss
--------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------
# fix in 3/9/2019
--------------------------------------------------------------------------------------------*/
.c-head-hot.is-list {
    display: block;
    padding-top: 15px;
    margin-bottom: 0;
}
.c-head-hot .c-cat-list {
    border-bottom: none;
}
@media (min-width: 992px) {
    .c-head-hot.is-list {
        padding-top: 10px;
        margin-bottom: 10px !important;
        min-height: 46px;
    }

    .c-head-hot .c-cat-list {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 8px;
        margin-right: 310px;
    }

        .c-head-hot .c-cat-list ul {
            white-space: normal;
        }

            .c-head-hot .c-cat-list ul li {
                margin-bottom: 5px;
            }
}
/*--------------------------------------------------------------------------------------------
# fix in 19/9/2019
--------------------------------------------------------------------------------------------*/
.js-header-small {
    display: block;
}
.c-head-big .owl-carousel .owl-nav .owl-next, .c-head-big .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    border: none;
    z-index: 2;
    background: #205527;
    color: #fff;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    top: 15%;
    opacity: 0.3;
    -webkit-transition: all 0.2 ease;
    -moz-transition: all 0.2 ease;
    transition: all 0.2 ease;
}
    .c-head-big .owl-carousel .owl-nav .owl-next:focus, .c-head-big .owl-carousel .owl-nav .owl-prev:focus {
        outline: none;
    }
    .c-head-big .owl-carousel .owl-nav .owl-next:before, .c-head-big .owl-carousel .owl-nav .owl-prev:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }
    .c-head-big .owl-carousel .owl-nav .owl-next:hover, .c-head-big .owl-carousel .owl-nav .owl-prev:hover {
        opacity: 1;
    }
.c-head-big .owl-carousel .owl-nav .owl-next {
    left: auto;
    right: 8px;
}
    .c-head-big .owl-carousel .owl-nav .owl-next:before {
        content: "\f105";
    }
.c-head-big .owl-carousel .owl-nav .owl-prev {
    left: 8px;
}
    .c-head-big .owl-carousel .owl-nav .owl-prev:before {
        content: "\f104";
    }
.c-head-big:hover .owl-carousel .owl-nav .owl-next, .c-head-big:hover .owl-carousel .owl-nav .owl-prev {
    opacity: 1;
}
@media (min-width: 360px) {
    .c-head-big .owl-carousel .owl-nav .owl-next, .c-head-big .owl-carousel .owl-nav .owl-prev {
        top: 17%;
    }
}
@media (min-width: 375px) {
    .c-head-big .owl-carousel .owl-nav .owl-next, .c-head-big .owl-carousel .owl-nav .owl-prev {
        top: 18%;
    }
}
@media (min-width: 414px) {
    .c-head-big .owl-carousel .owl-nav .owl-next, .c-head-big .owl-carousel .owl-nav .owl-prev {
        top: 22%;
    }
}
@media (min-width: 576px) {
    .c-head-big .owl-carousel .owl-nav .owl-next, .c-head-big .owl-carousel .owl-nav .owl-prev {
        top: 27%;
    }
}
@media (min-width: 768px) {
    .c-head-big .owl-carousel .owl-nav .owl-next, .c-head-big .owl-carousel .owl-nav .owl-prev {
        top: 35%;
    }
    .c-share > .right {
        display:inline-block;
    }
}
@media (min-width: 992px) {
    .c-head-big .owl-carousel .owl-nav .owl-next, .c-head-big .owl-carousel .owl-nav .owl-prev {
        top: 20%;
    }

    .c-head-main .c-head-big {
        min-height: 20px;
    }
    
}
@media (min-width: 1200px) {
    .c-head-big .owl-carousel .owl-nav .owl-next, .c-head-big .owl-carousel .owl-nav .owl-prev {
        top: 26%;
    }
}
/*--------------------------------------------------------------------------------------------
# fix in 30/10/2019
--------------------------------------------------------------------------------------------*/
.c-head-hot {
    display: block !important;
    margin-bottom: 0;
    padding-top: 0;
}
@media (min-width: 992px) {
    .c-head-hot {
        margin-bottom: 10px;
        padding-top: 10px;
    }
}
/*# sourceMappingURL=custom.css.map */
table p {
    text-align: center !important;
    margin: 15px auto !important;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    display: block;
    font: 400 14px arial !important;
    font-style: italic !important;
    color: #666;
}
/*main*/
.PCaption,.imageBox,.PhotoCMS_Caption p,.image figcaption,td.desc,.image_desc{color:#666;font:400 14px arial;text-align:center!important;margin:0 auto;white-space:normal;word-wrap:break-word;word-break:break-word;display:block;font-style:italic}
.quote1{text-transform:none;background-color:#eff6ff;margin:0px;outline-style:none;outline-color:invert;padding:10px;text-indent:0px;outline-width:0px;letter-spacing:normal;display:block;white-space:normal;color:#000080;word-spacing:0px;font-size-adjust:none;font-stretch:normal;margin-bottom: -28px !important;}

/*loadmore*/
.timeline-item{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;border-radius:3px;padding:12px;margin:10px auto;min-height:138px}@keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.animated-background{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#eeeeee 8%,#dddddd 18%,#eeeeee 33%);background-size:800px 104px;height:130px;position:relative}.background-masker{background:#fff;position:absolute}.background-masker.header-top{top:0;left:33.3333%;right:0;height:10px}.background-masker.header-left{top:10px;left:33.3333%;width:15px;height:20px}.background-masker.header-right{top:10px;left:90%;right:0;height:20px}.background-masker.header-bottom{top:30px;left:33.3333%;right:0;height:10px}.background-masker.header-2-left{top:40px;left:33.3333%;width:15px;height:20px}.background-masker.header-2-right{top:40px;left:65%;right:0;height:20px}.background-masker.header-2-bottom{top:60px;left:33.3333%;right:0;height:15px}.background-masker.meta-left{top:75px;left:33.3333%;width:15px;height:8px}.background-masker.meta-right{top:75px;left:55%;right:0;height:8px}.background-masker.meta-bottom{top:83px;left:33.3333%;right:0;height:15px}.background-masker.description-left{top:98px;left:33.3333%;width:15px;height:12px}.background-masker.description-right{top:98px;left:95%;right:0;height:12px}.background-masker.description-bottom{top:110px;left:33.3333%;right:0;height:8px}.background-masker.description-2-left{top:118px;left:33.3333%;width:15px;height:12px}.background-masker.description-2-right{top:118px;left:87%;right:0;height:12px}.background-masker.description-2-bottom{top:130px;left:33.3333%;right:0;height:8px}.background-masker.description-3-left{top:138px;left:33.3333%;width:15px;height:4px}.background-masker.description-3-right{top:138px;left:100%;right:0;height:12px}.background-masker.description-3-bottom{top:150px;left:33.3333%;right:0;bottom:0}
/*endloadmore*/
/*box binh luan*/
.popUp.binhLuan{border:1px solid red}.popUp.active{pointer-events:auto;opacity:1}.popUp{pointer-events:none;opacity:0;z-index:301;position:fixed;transition:.5s ease-in-out}.popUp .bg{position:fixed;z-index:333;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.6)}.popUp.binhLuan .popupContent{width:600px;top:65px;padding:25px 30px 30px;border:1px solid red;background-color:#fff}.popUp .popupContent{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);position:absolute;z-index:5;z-index:999;position:fixed}.popUp.binhLuan .popupContent .title{font:20px/28px RobotoBold;color:red;font-family:"Asap Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:700}.popUp.binhLuan .popupContent .form{margin:25px -30px 0;padding:15px 30px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.popUp.binhLuan .popupContent .btnClick{margin-top:15px;font-size:0;text-align:right}.popUp.binhLuan .popupContent .btnClick a{display:inline-block;width:85px;height:40px;text-align:center;font:15px/40px RobotoMedium;border:1px #e5e5e5 solid;margin-left:10px;border-radius:5px;font-weight:700;font-family:"Asap Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif}.popUp.binhLuan .popupContent .btnClick a:last-child{background-color:red;border-color:red;color:#fff;font-weight:700}.popUp.binhLuan .popupContent .form .box input{height:40px;font:15px/40px;border:1px solid #e5e5e5;border-radius:5px;width:100%;padding:0 10px;font-family:"Asap Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif}.has-error em{color:red}.btn-close-comment{display:inline-block;height:26px;font:13px/28px RobotoBold;color:#fff;padding:0 20px;background-color:#ed1b2f;margin-top:-10px;text-transform:uppercase;font-family:"Asap Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif}.btn-send-comment{display:inline-block;height:26px;font:13px/28px RobotoBold;color:#fff;padding:0 20px;background-color:#ed1b2f;margin-top:-10px;text-transform:uppercase;font-family:"Asap Condensed",Arial,"Helvetica Neue",Helvetica,sans-serif}
/*END COMMENT*/
@media only screen and (min-width:1200px) {
    .c-menu > ul > li > a {
        padding: 0 9px;
    }
    .corona_virus_data .corona_nhiembenh, .corona_virus_data .corona_tuvong {
        font-size: 26px;
        line-height: 37px;
    }
}
@media only screen and (max-width:767px) {
    .c-share > .right {
        display: none;
    }
    .corona_virus_data .corona_nhiembenh, .corona_virus_data .corona_tuvong {
        font-size: 19px;
        line-height: 37px;
    }
}
@media only screen and (min-width:768px) and (max-width:1199px) {
    .lizaloEdit a {
        margin: 8px 0 0 8px;
        text-decoration: none;
    }
    .corona_virus_data .corona_nhiembenh, .corona_virus_data .corona_tuvong {
        font-size: 19px;
        line-height: 37px;
    }
}
@media only screen and (min-width:1024px) {
    .lizaloEdit a {
        margin: 8px 0 0 8px;
        text-decoration: none;
    }

}
@media only screen and (min-width: 992px) {
    .c-head-hot.is-list {
        padding-top: 10px;
        margin-bottom: 10px;
        min-height: 46px;
    }
    .c-menu > ul > li > a {
        padding: 0 6px;
    }
    .infographicz figure.image, .infographicz table.imageBox {
        width: 860px !important;
        margin-left: -125px !important;
    }

    figure.image img {
        width: 100%;
    }

    .fix111 {
        display: block !important;
        height: 485px !important;
        overflow: hidden !important;
    }

    .fix112 {
        height: 485px !important;
        overflow: hidden !important;
    }
    .c-event-big.c-template-grid .b-grid .b-grid__title {
        font-size: 25px;
    }
}
@media (max-width: 991px) {
    .fix111 {
        display: block !important;
        height: 435px !important;
        overflow: hidden !important;
    }

    .fix112 {
        height: auto !important;
        overflow: hidden !important;
    }
}
/*add css new*/
.b-maincontent a {
    color: #080809;
    border-bottom: 1px dashed #bbb;
    text-decoration: none;
    cursor: pointer;
}
.b-maincontent b {
    text-align: justify;
    line-height: 30px;
    font: 700 19px/30px 'IBM Plex Serif', serif;
    margin: 0 0 1.05263rem;
}
.c-menu li.active a {
    color: #e11432 !important;
}
.c-comments{
    display:block !important;
}
.b-maincontent img{
    margin:0 auto;
}
.lizaloEdit {
    width: 131px;
    background-color: #018fe5;
    float: inline-end;
    border-radius: 4px;
    height: 36px;
}
.lizaloEdit a {
   color: #fff;
}
.c-template-grid .b-grid .b-grid__img iframe {
    /*position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    min-height: 100%;*/
}
.c-menu {
    text-align: inherit !important;
}
.channeldetail {
    text-decoration: none !important;
    color: #008200;
    text-transform:uppercase;
}
.customh1 {
    font-size: 22px;
    text-transform: full-size-kana !important;
}
.c-head-hot .c-cat-list {
    border-bottom: none;
}
.c-cat-list ul li.active a {
    color: #e11432 !important;
}
.channelnews {
    color:black;
    text-decoration:none;
    cursor:grab;
}
.channelnews:hover {
    color: black;
    text-decoration: none;
    cursor: grab;
}
.c-news-detail .b-maincontent p {
    font: 400 19px/1.618 'IBM Plex Serif', serif;
    text-align: justify;
}
/*zing*/
.interview {
    float: left !important;
    width: 100% !important;
    margin: 10px 0;
}
.interview .stream {
    width: 100%;
    margin: 10px 0 0;
    float: left;
    padding: 0;
}
.interview .stream li {
    position: relative;
    width: 100%;
    float: left;
    padding: 0;
    background: 
    #fff;
    margin-bottom: 20px;
}
.interview .question {
    padding: 15px;
    background:#dde8ef;
    position: relative;
    border-radius: 5px;
}
ul {
    list-style: none;
}
.interview .stream li time {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.4);
    float: right;
}
.interview .author {
    font-family: sans-serif !important;
    font-size: 12px !important;
    color: #0089b5;
    text-align: left !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px;
}
.interview .question .author span {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.interview .question .content {
    position: relative;
    background: #CAF2FF;
    background: rgba(255, 255, 255, 0.4);
    padding: 10px;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: italic;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;
    clear: both;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.interview .question .content p {
    margin: 0 0;
}
.interview .answer {
    padding: 20px 25px;
    position: relative;
    background: #c1e8ff;
    margin-bottom: 10px;
    margin-top: -5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    width: 100%;
}
.interview .answer::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #c1e8ff;
    position: absolute;
    top: -10px;
    left: 60px;
}
.interview .answer .author {
    font-family: sans-serif !important;
    font-size: 14px !important;
    font-weight: bold;
    color:#b80000;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 5px;
}
.interview .answer .content {
    float: left;
    font-family: sans-serif !important;
    font-size: 16px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.interview .answer table.picture {
    border: 0;
    width: 100% !important;
    margin-left: 0 !important;
}
.interview .answer .content :last-child {
    margin-bottom: 0;
}
.interview .answer .content p {
    margin: 0 0 14px;
}
/*end zing*/

/*end css new*/
#google_esf{display:none !important}
.b-maincontent h2 {
    font-size: 1.2em;
}

.b-maincontent video, .b-maincontent iframe {
    width: 100% !important
}

.c-author-page {
    margin-bottom: 15px;
    background: #efefef;
    position: relative;
    z-index: 1;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.c-author-page__copy {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    font-style: italic;
    color: #999;
    padding: 6px 15px
}

    .c-author-page__copy .far {
        margin-right: 4px
    }

.c-author-page__mobile-pop {
    position: absolute;
    z-index: -1;
    bottom: 90%;
    left: auto;
    right: 0;
    padding: 15px;
    background: rgba(0,0,0,.8);
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden
}

    .c-author-page__mobile-pop label {
        text-align: center;
        font-weight: 700;
        padding: 7px 0;
        display: block
    }

    .c-author-page__mobile-pop a {
        color: #fff;
        text-decoration: none;
        display: block
    }

    .c-author-page__mobile-pop.active {
        opacity: 1;
        visibility: visible;
        z-index: 5
    }

.c-author-page__pc-pop {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 100%;
    padding: 15px;
    background: rgba(0,0,0,.8);
    color: #fff;
    display: none;
    width: 290px;
    text-align: left;
    line-height: 1.3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

    .c-author-page__pc-pop:before {
        content: "";
        position: absolute;
        z-index: 2;
        right: 25px;
        bottom: -7px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid rgba(0,0,0,.8)
    }

    .c-author-page__pc-pop label {
        display: block;
        margin: 0 0 7px;
        font-size: 12px
    }

        .c-author-page__pc-pop label span {
            float: right;
            cursor: pointer
        }

            .c-author-page__pc-pop label span .far {
                margin-right: 4px
            }

    .c-author-page__pc-pop a {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        display: block
    }

@media (min-width:768px) {
    .c-share {
        margin-bottom: 20px
    }

    .c-share__right {
        display: block
    }

    .c-news-detail .b-maincontent {
        margin-bottom: 25px
    }

    .c-author-page {
        margin-bottom: 20px
    }
}

@media (min-width:992px) {
    .c-author-page {
        margin-bottom: 25px;
        background: transparent;
        text-align: right
    }

    .c-author-page__pc-pop {
        width: 325px
    }

    .c-author-page__mobile-pop {
        display: none !important
    }

    .c-author-page__right {
        display: inline-block;
        vertical-align: middle
    }

        .c-author-page__right:hover .c-author-page__pc-pop {
            display: block
        }

    .c-author-page__copy {
        display: none
    }
}

.btn-light {
    font-size: 14px;
    color: #8f8f8f;
    background-color: #efefef;
    border-color: #efefef
}

    .btn-light span {
        color: #000
    }

.fa-external-link-alt:before {
    content: "\f35d"
}

.btn .icon-right {
    margin-left: 4px
}

.btn.is-circle {
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    padding: 6px
}

.c-news-detail h2 {
    font-size: 22px;
    font-weight: 700
}

table {
    display: contents
}

video {
    width: 100%;
    height: auto
}
/*--------------------------------------------------------------------------------------------
# fix in 21/2/2022
--------------------------------------------------------------------------------------------*/
.l-nav {
    background-color: #008200;
}

.c-menu-expand span {
    background-color: #fff;
}

    .c-menu-expand span:before, .c-menu-expand span:after {
        background-color: #fff;
    }

.c-search-expand {
    color: #fff;
}

.c-nav-top__time {
    color: #fff;
}

.c-nav-top__right {
    color: #fff;
}

@media (min-width: 992px) {
    .c-search-expand {
        color: #008200;
        top: 112px;
        cursor: pointer;
    }

    .c-search {
        top: 93px;
    }

    .c-menu {
        border-top: none;
    }
}

/*# sourceMappingURL=custom.css.map */