@charset "utf-8";
/*
HTML/CSS by: Vũ Quốc Đạt
Blog: http://www.diendat.net/
Email: datvimaru50@gmail.com
CMS: MasterCMS Ultimate Edition version 2.9 2019
*/
@import "fancybox.css";

/* ===================== BASE STYLES ==================== */
/* ====================================================== */
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 1.3;
    min-width: 1140px;
}

* {
    margin: 0;
    padding: 0;
}

*,
*:after,
*:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
main{
    padding: 25px 0;
}
.wrapper {
    width: 1120px;
    margin: 0 auto;
}
.gotop {
    background: url(../images/gotop.png) center center no-repeat;
    width: 40px;
    height: 40px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    position: fixed;
    display: none;
    cursor: pointer;
    bottom: 40px;
    right: 40px;
}
a {
    text-decoration: none;
    border: none;
    color: inherit;
}

p {
    margin: 10px 0;
}

img {
    border: none;
    vertical-align: middle;
}

.left {
    display: block;
    float: left;
}

.right {
    display: block;
    float: right;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    width: 100%;
    clear: both;
}

/* Sticky elements in w300 col */
.section-content{
    display: grid;
    grid-template-columns: auto 300px;
    grid-gap: 15px;
}
.sticky{
    position: sticky;
    top: 50px;
}
.clear-paging{
    margin-top: 40px;
}
.category {margin-bottom: 25px;}

/* QUICK STYLE CLASS */
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}

.mt-5{margin-top: -5px}
.mt-10{margin-top: -10px}
.mt-15{margin-top: -15px}
.mt-20{margin-top: -20px}
.mt-25{margin-top: -25px}

.mb-5{margin-bottom: -5px;}
.mb-10{margin-bottom: -10px;}
.mb-15{margin-bottom: -15px;}
.mb-20{margin-bottom: -20px;}
.mb-25{margin-bottom: -25px;}

.ml-5{margin-left: -5px;}
.ml-10{margin-left: -10px;}
.ml-15{margin-left: -15px;}
.ml-20{margin-left: -20px;}
.ml-25{margin-left: -25px;}

.mr-5{margin-right: -5px;}
.mr-10{margin-right: -10px;}
.mr-15{margin-right: -15px;}
.mr-20{margin-right: -20px;}
.mr-25{margin-right: -25px;}


/* TITLE & CATEGORY NAME */
.cat-head {
    margin-bottom: 13px;
}

.cat-name {
    color: #cc0000;
    font-family: 'Noto Serif', serif;
    text-transform: uppercase;
    position: relative;
    font-size: 18px;
    font-weight: bold;
}
.cat-name:after {
    content: '/';
    margin-left: 3px;
}

.sub-name a {
    font-size: 14px;
    margin-right: 10px;
}
.sub-name a:hover{text-decoration: underline;}
span.sub-name {
    margin-left: 5px;
}
.title {
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    font-weight: bold;
    color: #004175;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.box-title{
    line-height: 1.4;
}
.older-news .title{
    font-size: 14px;
}
.older-news .box-title{
    line-height: 20px;
}
.title:hover {
    color: #00627e !important;
}
.sapo{
    font-size: 14px; 
    color: #666;
    text-align: justify;
}
.sapo a {
    color: #00a9eb;
}

/* PHÂN TRANG */
.clear-paging span:first-child{
    display: none!important;
}
.clear-paging a,
.clear-paging span:last-child,
.clear-paging span.current {
    display: inline-block;
    width: 30px;
    height: 28px;
    /* background-color: #c2c2c2; */
    line-height: 28px;
    color: #999;
    text-align: center;
    cursor: pointer;
    border: 1px solid #999;
}

.clear-paging span.current,
.clear-paging span:last-child,
.clear-paging a:hover {
    background-color: red;
    color: #fff;
}

/* ============== ĐỊNH DẠNG CÁC KIỂU LIỆT KÊ TIN ============= */
/* Phần quan trọng bậc nhất trong những trang web báo điện tử */
/* Liệt kê tất cả các kiểu sắp xếp tin, ảnh, tiêu đề, sapo */
/* ========================================================== */

/* Dùng class để bọc layout của khối tin */
.list-news {
    list-style: none;
}

/* Cơ bản là có 2 cách sắp xếp tin */

/* Tin xếp dọc (List Vertical): các tin xếp chồng lên nhau, 
có thể có border trên hoặc dưới, có ảnh hoặc không có ảnh, 
ảnh float trái hoặc phải
 */

.list-vt .item {
    margin-bottom: 10px;
}

.list-vt .item:last-child {
    margin-bottom: 0 !important;
}

.list-vt.no-image .box-img {
    display: none;
}

.bordered-top .item {
    border-top: 1px dashed #ebebeb;
    padding-top: 12px;
}

.bordered-bottom .item {
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 10px;
}

.bordered-bottom .item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.img-float .item::after{
    content: "";
    display: block;
    height: 0;
    width: 100%;
    clear: both;
}
.list-vt.img-left .box-img {
    float: left;
    margin-right: 10px;
    width: 40%; /*Mặc định trước là 40%*/
    padding-top: 22.5%;
}

.list-vt.img-right .box-img {
    float: right;
    margin-left: 10px;
    width: 40% !important;
    padding-top: 22.5%;
}

/* Tin xếp ngang hàng (List Horizonal): Các tin xếp cạnh nhau, thành dạng lưới, xếp hàng 2,3,4,5 */
.list-hr .item {
    float: left;
}

.list-hr2 .item {
    width: 48%;
    margin-bottom: 15px;
}

.list-hr2 .item:nth-child(2n) {
    float: right;
}

.list-hr2 .item:nth-child(2n+1) {
    clear: both;
}

.list-hr3 .item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 15px;
}

.list-hr3 .item:nth-child(3n) {
    float: right;
    margin-right: 0 !important;
}

.list-hr3 .item:nth-child(3n+1) {
    clear: both;
}

.list-hr4 .item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 23px;
}

.list-hr4 .item:nth-child(4n) {
    float: right;
    margin-right: 0 !important;
}

.list-hr4 .item:nth-child(4n+1) {
    clear: both;
}

.list-hr5 .item {
    width: 19%;
    margin-right: 1.2%;
    margin-bottom: 10px;
}

.list-hr5 .item:nth-child(5n) {
    float: right;
    margin-right: 0 !important;
}

.list-hr5 .item:nth-child(5n+1) {
    clear: both;
}

.list-hr.mb0 .item{
    margin-bottom: 0;
}

/* Ảnh chỉ hiện thị ở tin đầu tiên */
.img-first .item .box-img{
    display: none;
}

.img-first .item .title{
    font-size: 14px;
}

.img-first .item:first-child .box-img{
    display: block;
    margin-bottom: 10px;
}

.img-first .item:first-child .title{
    font-size: 16px;
}

/* Ẩn ngày xuất bản: */
.item .publish-time{display: none;}


/* ================== VIDEO ON HOME PAGE================= */
/* ====================================================== */
#multimedia .cat-body {
    padding: 15px;
    background: #e0e0e0;
}

#multimedia .main-news{
    margin: -15px -15px 10px -15px;
}

#multimedia .main-news .box-title,
#multimedia .main-news .sapo{
    padding: 0 15px;
}

#multimedia .main-news .sapo{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

#multimedia .older-news .title {
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    min-height: 60px;
    height: 60px;
}
#multimedia .main-news .title{
    font-size: 16px;
}

#multimedia .main-slide-wrapper,#doitac .main-slide-wrapper,.slide-doitac{
    position: relative;
}

#multimedia .bx-controls-direction a,#doitac .bx-controls-direction a {
    display: block;
    width: 20px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    background: rgba(255, 255, 255, 0.588);
    color: #151515;
    position: absolute;
    top: 18px;
}
#doitac .bx-controls-direction a{top: 25px;}
#multimedia .bx-controls-direction a.bx-next,#doitac .bx-controls-direction a.bx-next{right: 0;}
#multimedia .bx-controls-direction a.bx-prev,#doitac .bx-controls-direction a.bx-prev{left: 0;}

/* ================== VIDEO LAYOUT PAGE ================= */
/* ====================================================== */

#video-layout header {
    top: 0;
    left: 0;
    position: fixed;
    height: 50px;
    background: #fff;
    z-index: 99999;
    padding: 0 30px 0 30px;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0 3px 9px 0 rgba(0,0,0,0.15);
    width: 100%;
    text-align: center;
    line-height: 50px;
}
#video-layout header .menu-button{
    color: #9b9b9b;
}
#video-layout header .video-menu{
    display: block;
    background: #fff;
    width: 230px;
    min-height: calc(100% - 40px);
    position: fixed;
    top: 40px;
    left:-260px;
    bottom: 0;
    z-index: 9999;
    padding: 5px 10px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#video-layout header .video-menu .list-video-nav{
    overflow: auto;
}
#video-layout.show-menu header .video-menu{
    left: 0;
}
#video-layout header .video-menu a {
    display: block;
    line-height: 1;
    padding: 10px 18px;
    text-align: left;
    color: #000;
    font-weight: bold;
}
#video-layout header .video-menu .close-button{
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    right: -30px;
    top: 9px;
    color: red;
}
#video-layout header .video-menu .close-button i{
    line-height: 1;
}
#video-layout header .video-menu a:hover{
    color: #2350a3;
}
#video-layout header .menu-button i{
    line-height: 50px;
}
#video-layout header .breadcrumb{
    float: left;
    width: unset;
}
#video-layout header .breadcrumb:after{
    content: none;
}
#video-search input[type="text"]{
    height: 25px;
    border: 1px solid #ccc;
    padding: 0 15px;
    border-radius: 12px;
    color: #ccc;
    margin: 0;
}
#video-layout main{
    margin-top: 50px;
}
#video-layout #banner-top-content{
    width: 1120px;
    margin: 0 auto 25px auto;
}

#video-detail{
    width: 1350px;
    height: 506.25px;
    margin: 0 auto 25px auto;
}
#video-detail .video-frame{
    width: 900px;
}
#video-detail .video-info{
    width: 450px;
    height: 100%;
    background: #f7f7f7;
    padding: 20px;
    overflow-y: scroll;
}
/* width */
#video-detail ::-webkit-scrollbar {
    width: 6px;
}

/* Track */
#video-detail ::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
#video-detail ::-webkit-scrollbar-thumb {
    background: #d8d8d8;
}

/* Handle on hover */
#video-detail ::-webkit-scrollbar-thumb:hover {
    background: #888;
}
#video-detail .video-info .bx-author{
    text-align: right;
    display: block;
}
#video-detail .video-loc{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #2350a3;
    margin-right: 5px;
}
#video-detail .mxh-buttons{
    border-top: 1px solid #ccc;
    padding-top: 15px;
}
#video-detail .social-buttons{
    position: static;
    display: block;
    float: right;
}
#video-detail .social-buttons li{
    display: block;
    float: left;
    margin-left: 7px;
}

#video-tag {
    margin-top: 15px;
    font-size: 14px;
    color: #999;
}

#video-tag a {
    background-color: rgb(241, 241, 241);
    padding: 3px 5px;
}

#video-tag .tag-title {
    margin-right: 5px;
    color: #696969;
}
#video-tag a:not(.tag-title):hover{
    color: #2350a3;
}

.vicon-small{
    display: block;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    background: url(../images/icons-vne.svg) left 0 top -202px no-repeat;
}

.box-meta {
    list-style: none;
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

.box-meta li {
    display: block;
    float: left;
}

.box-meta li .bor {
    margin-left: 5px;
    margin-right: 5px;
}
.box-meta li.duration i{
    margin-right: 2px;
}
.box-meta li .bor{
    color: #ccc;
}
.box-meta li.views{display: none;}
.box-meta li.location .bor{display: none;}
.box-meta li:last-child .bor {
    display: none;
}
.category.layout-v1 .cat-body .list-hr2 .box-meta,.hna-video-sub .box-meta{display: none;}
.box-meta .comment{
    position: relative;
    top: 4px;
}
.box-list-cat .cat-head {
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}

.box-list-cat .cat-head .cat-name:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #2350a3;
    position: relative;
    top: 8px;
    left: -3px;
}
.box-list-cat .sapo{
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

/* TIN 24H */
.layout-24h .cat-item {
    width: 385px;
    float: left;
    border: 1px solid #e3e3e3;
    margin-right: 25px;
    margin-bottom: 20px;
}

.layout-24h .cat-item:nth-child(2n) {
    margin-right: 0;
}

.layout-24h .cat-title {
    background: #e3e3e3 url(../images/blue-clock-ico.png) left 9px center no-repeat;
    color: #006699;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Noto Serif', serif;
    padding: 13px 13px 13px 34px;
    font-weight: bold;
}
.layout-24h .item .box-img {
    display: none;
}

.layout-24h .item {
    position: relative;
    padding: 10px 15px 10px 100px;
    margin-bottom: 0;
}
/* .layout-24h .item .format_date{
    display: block;
    margin-top: 5px;
} */

.layout-24h .item:nth-child(even){
    background: #f6f6f6;
}
.layout-24h .publish-time {
    display: inline-block;
    position: absolute;
    top: 14px;
    left: 15px;
    font-size: 13px;
    color: #7d7d7d;
    width: 76px;
    overflow: hidden;
    white-space: nowrap;
}

.layout-24h .item .title {
    font-size: 14px;
}
.layout-24h .item:first-child{
    position: static;
    padding-left: 15px;
}
.layout-24h .item:first-child .publish-time{
    position: static;
}
.layout-24h .item:first-child .format_date{
    display: inline;
}
.layout-24h .item:first-child .box-img{
    display: block;
}
.layout-24h .item:first-child .title{
    font-family: 'Noto Serif', serif;
}


/* Tỷ lệ hình ảnh của tin bài */
.list-news .box-img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
    height: 0;
    padding-top: 56.25%;
    /*Tỷ lệ 4:3*/
}
.list-news.img-float .box-img {
    padding-top: 22.5%;
    margin-bottom: 0;
}

.box-img img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
}

/* BANNER QUẢNG CÁO */
.banner-item {
    margin-bottom: 15px;
    border: 1px solid #ebebeb;
}
.banner-item img {
    width: 100%;
}
.banner-item:last-child {
    margin-bottom: 0;
}
/* banner hiển thị ngẫu nhiên khi load trang */
.ads-random .banner-item {
    display: none;
    margin-bottom: 0;
}

/* TITLE SMALL ICONS */

.comment,.picture,.camera{
    font-size: 12px;
    color: #0077d6;
}
.comment{white-space: nowrap;}
.comment i{margin-left: 3px;}

/* =================== COLUMN SIZES ================= */
/* ===================================================== */

.w200{width: 200px;}
.w300{width: 300px;}
.w795{width: 795px;}
.w470{width: 470px;}
.w385{width: 385px;}
.w360{width: 360px;}
.w570{width: 570px;}
.w395{width: 395px;}
.w160{width: 160px;}
.w700{width: 700px;}

/* =================== ELEMENTS STYLES ================= */
/* ===================================================== */

/* TOP BAR */
#top-bar {
    height: 34px;
    background-color:#f4f4f4;
    font-size: 12px;
    color: #838383;
    border-bottom: 1px solid #ccc;
}

#top-bar span, #top-bar a{
    display: inline-block;
    border-right: 1px solid #e2e2e2;
    padding-right: 8px;
    margin-right: 5px;
    line-height: 33px;
}

#top-bar a:last-child, #top-bar .textRed {
    border: none;
    padding-right: 0;
}

#top-bar .textRed{color: #ed1f24;}
#top-bar .right i{font-size: 110%;}

#frmSearch{
    display: block;
    float: right;
    height: 25px;
    border: 1px solid #e2e2e2;
    width: 200px;
    background: #fff;
    position: relative;
    margin-top: 3.5px;
}

#frmSearch input[type="text"] {
    border: none;
    height: 100%;
    padding-left: 5px;
    width: 100%;
    padding-right: 20px;
}

#frmSearch button {
    border: none;
    background: none;
    margin-top: 2px;
    position: absolute;
    right: 0;
    top: 1px;
}

/* LOGO BAR */

#logo-bar {padding: 20px 0;}
#logo-bar .wrapper{
    display: flex;
    align-items: center;
}
#logo-bar .site-logo{
    margin-right: 52px;
}
.banner-top-logo{
    width: 728px;
    height: 90px;
}

/* NAV BAR */

.nav-bar {
    height: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    overflow-y: hidden;
}

.nav-bar.fixed-top{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
}

.nav-bar .wrapper {
    position: relative;
}

.nav-bar .menu {
    list-style: none;
    width: 1140px;
}

.nav-bar .menu li:hover .sub-menu{
    display: block;
}

.nav-bar .menu li {
    display: block;
    float: left;
    position: relative;
    padding: 0 7px;
}

.nav-bar .menu li:after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}

.nav-bar .menu li.active a,
.nav-bar .menu li:hover a{
    color: #2350a3;
}

.nav-bar .menu li:first-child {
    padding-left: 10px;
}

.nav-bar .menu li:first-child img {
    position: relative;
    top: -2px;
}

.nav-bar .menu li:first-child:after,
.nav-bar .menu li:last-child:after{
    content: none;
}

.nav-bar .menu li>a {
    line-height: 40px;
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #000;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/* TICKER BAR */
#ticker-bar{
    height: 35px;
    background: #e9e9e9;
}

.ticker {
    width: 700px;
    line-height: 35px;
    font-size: 12px;
    color: #004c78;
    display: block;
    float: left;
}

.ticker-title {
    display: block;
    float: left;
    color: #ed1f24;
    font-family: 'Roboto', sans-serif;
    margin-right: 10px;
    font-size: 12px;
    border-radius: 10px;
    height: 21px;
    line-height: 21px;
    padding: 0 10px 0 15px;
    background: #fff url(../images/right-ico.png) left 7px center no-repeat;
    margin-top: 7px;
}

.social{
    float: right;
}
.social a{
    width: 29px;
    height: 29px;
    display: inline-block;
    background: #bebebe;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    line-height: 30px;
    margin-top: 3px;
}
.social a:hover{
    background:#00627e;
}

/* BREADCRUMB */
.breadcrumb{
    position: relative;
    padding-left: 10px;
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    font-weight: bold;
    color: #868686;
    width: 45%;
    float: left;
}
.breadcrumb > span.br-item:last-child span[itemprop="name"]{
    color: #333;
}
.breadcrumb > span.br-item .bor{
    margin: 0 5px;
}

.breadcrumb > span.br-item:last-child .bor{
    display: none;
}

.breadcrumb:after{
    content: '';
    display: block;
    width: 2px;
    height: 16px;
    background: #ed1c24;
    position: absolute;
    top: 2px;
    left: 0;
}


/* TIN COVERAGE */
#coverage{
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 25px;
}

#coverage .main-news {
    width: 385px;
    float: left;
}

#coverage .main-news .sapo {
    margin-top: 10px;
}

#coverage .older-news{
    width: 385px;
    float: right;
}

#coverage .publish-time{
    font-size: 14px;
    color: #7d7d7d;
}
#coverage .main-news .publish-time{
    margin-bottom: 0;
}

/* list-news-hna */
.list-news-hna li:not(:first-child){
    width: 385px;
    float: right;
}
.list-news-hna li:first-child{
    width: 385px;
    float: left;
    margin-bottom: 0;
}
.list-news-hna li:not(:first-child) .box-img{
    float: left;
    margin-right: 10px;
    width: 40%;
    padding-top: 22.5%;
}
.list-news-hna li:not(:first-child) .title{
    font-size: 14px;
}
.list-news-hna li:nth-child(2){
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* MAIN STREAM TIN MỚI NHẤT */
.stream .box-img{
    width: 32%;
    padding-top: 21.3333333333%;
    margin-right: 2%;
}
.stream .sapo{
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 14px;
}
.stream .item{
    margin-bottom: 10px;
    padding-bottom: 15px;
}

/* BÁO GIẤY */
#baogiay .cat-body{
    height: 431px;
    overflow: hidden;
    /* border-bottom: 1px solid #ccc; */
}

/* ĐỐI TÁC */
#doitac .bx-pager-link,
#detail-related .bx-pager-link {
    text-indent: -99999px;
    background-color: #c7c7c7;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

#doitac .bx-pager-item,
#detail-related .bx-pager-item {
    display: inline-block;
    margin: 0 3px;
}

#doitac .bx-pager-link.active,
#detail-related .bx-pager-link.active {
    background-color: red;
}

#doitac .bx-pager.bx-default-pager,
#detail-related .bx-pager.bx-default-pager {
    text-align: center;
    margin-top: 10px;
}

/* THEO DÒNG SỰ KIỆN */
#topic .banner-item {
    border-radius: 5px;
    width: 100%;
    height: 80px;
    overflow: hidden;
    position: relative;
}

#topic .banner-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#topic span.text {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 15px;
    line-height: 60px;
    text-shadow: 6px 5px 5px black;
    padding: 10px;
    font-family: 'Noto Serif', serif;
    text-transform: uppercase;
}

#topic .banner-item img {
    position: absolute;
    z-index: -2;
    width: 100%;
}

#topic .opa-layer {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    opacity: 0.5;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#topic .banner-item:hover .opa-layer{
    opacity: 0.8;
}

/* TIN ĐỌC NHIỀU */

#most-read{
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#most-read .cat-head{
    border: none;
    padding-bottom: 0;
}
.steps li {
    counter-increment: step;
    position: relative;
    padding: 15px 15px 15px 50px;
    border-radius: 5px;
}
.steps li:nth-child(odd) {
    background: #f0f0f0;
}
.steps li:last-child{
    border: none;
}
.steps li:before {
    content: counter(step, decimal);
    font-size: 32px;
    color: #adadad;
    position: absolute;
    top: 50%;
    left: 15px;
    line-height: 1;
    font-family: 'Noto Serif', serif;
    font-weight: bold;
    margin-top: -20px;
}

/* GÓC NHÌN ON HOME PAGE */
#gocnhin .cat-body {
    padding: 20px 20px 40px;
    background: #d4d4d4;
    border-radius: 5px;
}

#gocnhin .main-news .sapo{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

#gocnhin .older-news {
    width: 30%;
    float: right;
}

#gocnhin .main-news {
    width: 68%;
    float: left;
}

#gocnhin .main-news .title {
    font-size: 16px;
}

#gocnhin .box-img {
    width: 100px !important;
    padding-top: 56px;
    overflow: visible;
}
#gocnhin .name{
    font-size: 12px;
    color: #666;
    display: block;
    margin-top: 2px;
}
#gocnhin .main-news .box-img .name{
    position: absolute;
    bottom: -25px;
    width: 120%;
    line-height: 18px;
    text-align: center;
    left: -10%;
}
#gocnhin .older-news .item{
    margin-bottom: 15px;
}

/* ENGLISH */
#english .main-news {
    width: 480px;
    float: left;
}
#english .older-news {
    width: 615px;
    float: right;
}
#english .older-news .title{
    font-size: 16px;
}
#english .sapo {
    margin-top: 5px;
}

/* FOOTER */
footer{
    font-size: 14px;
    background: #E0E0E0;
    border-top: 1px solid #bdbdbd;
    border-bottom: 30px solid #fff;
}
#footer-top{
    height: 31px;
    border-bottom: 1px solid #bdbdbd;
    box-shadow: 0 1px #eaeaea;
    line-height: 30px;
}
#footer-top .left a, 
#footer-info .nav-item a{
    font-family: 'Noto Serif', serif;
    font-weight: bold;
    color: #4a4a4a;
}
#footer-top .right a{
    font-size: 13px;
    color: #4a4a4a;
}
#footer-top .right .sc-item{
    display: inline-block;
    line-height: 30px;
    border-left: 1px solid #bdbdbd;
    padding: 0 10px; 
}
#footer-top .right .sc-item:last-child{
    margin-right: 0;
}
#footer-info{
    padding: 22px 0;
}
#footer-info .left{
    width: 480px;
    /* margin-right: 30px; */
}
#footer-info .center{
    width: 220px;
    float: left;
}
#footer-info .right{
    width: 370px;
    font-size: 14px;
}
#footer-info .col-nav{
    width: 25%;
    float: left;
}
#footer-info .nav-item{
    margin-bottom: 14px;
    width: 150px;
    float: left;
    font-size: 13px;
    margin-left: 15px;
}
#footer-info .nav-item:nth-child(3n+1){
    margin-left: 0;
    clear: both;
}
#footer-info .text .legal{
    line-height: 1.5;
    font-family: 'Noto serif', serif;
}
#footer-info .lien-he{
    line-height: 1.5;
    font-family: 'Noto serif', serif;
    font-size: 12px;
}
footer .lien-he:hover,
#footer-top .right a:hover{
    color: #004175;
}
footer .cms{
    font-size: 10px;
    color: #999;
}
footer .cms:hover{text-decoration: underline;}

.contact-info {
    background: #f4f4f4;
    padding: 10px 20px;
}

.contact-info p {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

/* TRANG GÓC NHÌN */
.gocnhin{padding-bottom: 40px;}

.gocnhin .grid-gn{
    display: grid;
    grid-template-columns: 200px auto 300px;
    grid-gap: 15px;
}

.gocnhin .grid-gn .sticky{
    top: 60px!important;
}
.gocnhin .title {
    font-size: 18px;
    font-family: 'Noto Serif', serif;
    color: #000;
}
.gocnhin .sapo{
    text-align: left;
    margin-bottom: 0;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.gocnhin .first-title{
    font-family: 'Noto Serif', serif;
    font-size: 20px;
    margin-top: 6px;
    display: block;
    font-weight: bold;
    color: #000;
}
.gocnhin .first-item .title {
    font-size: 24px;
   line-height: 28px;
}
.gocnhin .layout-gocnhin .box-img{
    width: 120px;
    /* padding-top: 120px; */
    padding-top: 67px;
    margin-right: 15px;
}
.gocnhin .layout-gocnhin .box-img img{
    min-height: unset;
}
.gocnhin .layout-gocnhin .box-text {
    width: calc(100% - 135px);
    float: right;
}
.gocnhin .layout-gocnhin .meta{
    color: #888;
    margin-bottom: 0;
    font-size: 14px;
}
.gocnhin .layout-gocnhin .authr{
    font-size: 14px;
    font-family: 'Noto Serif', serif;
    color: #006699;
}
.gocnhin .gn-title {
    text-align: center;
    padding-bottom: 20px;
    background: url(../images/goc-nhin-bg.png) left bottom repeat-x;
    margin-bottom: 25px;
    font-family: 'Noto Serif', serif;
    font-size: 49px;
    color: #000;
}
.gocnhin .card-item {
    font-size: 14px;
    color: #000;
    padding: 8px 10px;
    background: #ebebeb;
    margin-bottom: 1px;
    font-family: 'Noto Serif', serif;
    display: block;
    width: 100%;
}
.gocnhin .card-item:hover {
    background: #c7c7c7;
}
.gocnhin .card-item.card-title {
    background: #ed1f24;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 10px;
    font-family: 'Noto Serif', serif;
    margin-bottom: 1px;
}
.gocnhin .tacgia .card-item.card-title{
    background: #006699;
}
.gn-detail-sapo{
    font-size: 110%;
    font-family: 'Noto Serif', serif;
}
.gn-detail-title{
    color: #111;
    font-family: 'GuardianEgyp';
}
.author-name {
    display: block;
    font-family: 'Noto serif', serif;
    font-weight: bold;
    margin: 5px 0;
}
.author-signature {
    font-size: 13px;
    color: #717171;
}
.author-avatar img{
    width: 100%;
}
.w300 .author-avatar{
    width: 100px;
    display: block;
    float: left;
    margin-right: 10px;
}

/* LAYOUT SQUARE */
.layout-sq .box-img{
    width: 30%!important;
    padding-top: 30%!important;
    margin-right: 15px!important;
}
.layout-sq .box-img img{
    height: 100%;
    width: auto;
}

/* ===============LIỆT KÊ TIN================= */
/* ============================================ */
#list1{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
#list1 .main-news .item {
    background-color: #f0f0f0;
}
#list1 .main-news .item .box-img {
    width: 525px;
    float: left;
    padding-top: 295px;
    margin-bottom: 0;
}

#list1 .main-news .box-text {
    width: 270px;
    float: right;
    padding: 20px;
}

#list1 .main-news .title {
    font-size: 22px;
    line-height: 25px;
}

#list1 .main-news .sapo {
    margin-top: 7px;
}


/* =================================CHI TIẾT TIN================================= */
/* ============================================================================== */
.detail-subtitle{
    font-style: italic;
    margin-top: 0;
}
.detail-article .meta{
    margin-top: 10px;
}
.detail-article .meta{
    color: #777;
}
.detail-article .meta .datetime{
    font-size: 14px;
    font-family: 'Noto Serif', serif;
}
.detail-title{
    font-family: 'Noto Serif', serif;
    font-size: 30px;
    color: #000;
}
.detail-sapo{
    font-size: 18px;
    font-family: 'Noto Serif', serif;
    font-weight: bold;
    line-height: 1.4;
    margin: 15px 0;
}
.detail-sub{
    width: 55%;
    float: right;
    text-align: right;
}

.detail-sub .sub-item {
    margin-left: 10px;
    font-size: 14px;
    font-family: 'Noto Serif', serif;
}
.detail-sub .sub-item:first-child{
    margin-left: 0;
}
.detail-sub b,
.detail-sub .sub-item:hover{
    color: #2350a3;
}
.article-content a, .detail-sapo a{
    color: #004370;
}
.social-buttons{
    list-style: none;
    position: fixed;
    left: 50%;
    margin-left: -610px;
    top: 240px;
    z-index: 3;
}
.social-buttons li{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    /* background:red; */
    margin-bottom: 10px;
}
.social-buttons li:hover{
    cursor: pointer;
}
.social-buttons li a{
    color: #fff;
    line-height: 33px;
    width: 100%;
    height: 100%;
}
.social-buttons li.fb-icon{
    background: #2350a3;
}
.social-buttons li.print-icon{
    background: #aaaaaa;
}
.social-buttons li.print-icon:hover{
    background: #979797;
}
.social-buttons li.email-icon{
    background: #f5a623;
}
.social-buttons li.email-icon:hover{
    background: #e09822;
}
.social-buttons li.fb-icon:hover{
    background: #1849a3;
}
.zalo-icon .zalo-bg{
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/sprites.svg) left -300px top 0 no-repeat;
}
.zalo-icon:hover .zalo-bg{
    background: url(../images/sprites.svg) left -300px top -50px no-repeat;
}

/* fix lỗi tràn khung của ảnh khi xem chi tiết và khi print */
.article-content img,
.entry-content img{
    max-width: 100%;
}
.article-content p{
    line-height: 1.4;
    font-size: 18px;
    text-align: justify;
    margin: 15px 0;
}
.article-content ul,
.article-content ol{
    padding-left: 25px;
    margin-bottom: 10px;
}
.article-content ul li,
.article-content ol li{
    margin-bottom: 5px;
}
.article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-contenth6{
    margin: 15px 0;
}
.tin-moi-hon .item{
    width: 49%;
    float: right;
}
.tin-moi-hon .box-img {
    display: none;
}
.tin-moi-hon .item:first-child .box-img {
    display: block;
}
.tin-moi-hon .item .sapo{
    display: none;
}
.tin-moi-hon .item:first-child{
    float: left;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.tin-moi-hon .item:first-child .sapo{
    display: block;
}
#detail-related{
    padding: 20px 20px 5px;
    background-color: #f7f7f7;
}

#img-random .box-img{
    width: 20%;
    padding-top: 11.25%;
    margin-right: 15px;
}
#img-random .item.img-bigger .box-img{
    width: 50%;
    padding-top: 33.33333333%;
}
#img-random .item{
    margin-bottom: 15px;
    padding-bottom: 20px;
}
.xem-them {
    color: #cc5d57;
    font-size: 14px;
    text-transform: uppercase;
    font-family: roboto condensed;
    font-weight: bold;
    float: right;
    margin-top: 20px;
}
.cat-view-more{
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #999;
    position: relative;
    top: 3px;
}

.layout-v1 .list-news{
    width: 49%;
}
.layout-v1 .main-news .box-title{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 15px 25px 65px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    width: 100%;
}
.layout-v1 .main-news .title{
    color: #fff;
}
.layout-v1 .main-news .vicon-small{
    bottom: 50%;
    margin-bottom: -16px;
    left: 20px;
}

.banner-xk{
    background: #f7f7f7;
    padding: 10px 0;
}
.banner-xk .banner-item{
    width: 1000px;
    margin: 0 auto;
}

/**** Xử lý kích thước video khi nhúng vào bài viết chi tiết ****/

/* Set kích thước về 640x360 */

/* Video từ nút Nhúng nội dung đa phương tiện: */
.MASTERCMS_MEDIA_BOX{
	text-align: center!important;
}
.MASTERCMS_MEDIA_BOX > iframe,
.___widget_video_article .jwplayer{ /* Video upload chính chủ, vào bài viết */
	width: 640px!important;
	height: 360px!important;
	margin: 0 auto!important;
}

.___widget_video_article .video-container {
	position: relative;
	padding-top: 360px; /* 16:9 */
	height: 0;
	width: 640px;
	margin: 0 auto!important;
}
.___widget_video_article .video-container > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* =================================CHI TIẾT VIDEO===================================== */
/* ==================================================================================== */
.box-detail-video .w395{height: 394px;}
h1.video-title{
    font-size: 24px;
    font-family: 'Noto serif',serif;
}
.video-cover .older-news{
    margin-top: 15px;
}
.play-ico{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 5px;
    bottom: 5px;
    background: url(../images/play-big.png) left center no-repeat;
}
.bx-date{
    font-size: 12px;
    color: #909090;
}
.video-frame iframe[rel="nofollow"]{
    display: none;
}
.embed-ifame, .video-container{
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}
.embed-ifame > iframe,
.video-container #my-video,
.video-container #myVideo,
.video-container > video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js .vjs-big-play-button{
    width: 60px;
    height: 60px;
    border: none;
    background: url(../images/play-vne.png) left center no-repeat;
    top: 50%!important;
    margin-top:-30px;
    left: 0;
    border-radius: unset;
    /* display: block; */
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
    display: none;
}


/* TAGS */
.tags span {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    display: inline-block;
    height: 22px;
    padding-left: 25px;
    background: url(../images/tag-ico.png) left center no-repeat;
}
.tags a {
    display: inline-block;
    padding: 3px 5px;
    background: #e3e3e3;
    margin: 0 0 10px 5px;
    border-radius: 3px;
    font-size: 14px;
}
.tags a:hover {
    background: #a3a3a3;
    color: #fff;
}

/* USER COMMENT */
#user-comment .title h6 {
    display: none;
}
#user-comment .note{
    font-size: 12px;
    color: red;
}
#user-comment .comment-form-email {
    display: block;
    float: right;
    width: 50%;
    padding-left: 10px;
}
#user-comment .comment-form-author {
    display: block;
    float: left;
    width: 50%;
    padding-right: 10px;
}
#user-comment .comment-form-email input,
#user-comment .comment-form-author input {
    width: 100%;
    height: 34px;
    padding-left: 10px;
    font-size: 14px;
}
#user-comment .box-comment p.content{
    clear: both;
}
#user-comment button{
    padding: 5px 10px;
    background: #2350a3;
    border: none;
    border-radius: 3px;
    color: #fff;
    float: right;
}
#user-comment button:hover{
    background: #1b3c7a;
    cursor: pointer;
}
#user-comment .box-comment textarea {
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    padding: 10px;
    font-family: roboto;
    margin: 10px 0;
    font-size: 14px;
}

#user-comment .box-comment a.__MB_ACTION_POST_COMMENT {
    width: 106px;
    height: 29px;
    background-color: #cd5e57;
    color: #fff;
    font-size: 14px;
    font-family: 'Noto Serif', serif;
    line-height: 29px;
    float: right;
    text-transform: uppercase;
    visibility: hidden;
    cursor: pointer;
}

#user-comment .box-comment a.__MB_ACTION_POST_COMMENT:before {
    content: "gửi bình luận";
    text-indent: none;
    visibility: visible;
    background: #cc5d57;
    float: right;
    padding: 0 25px;
    color: #fff;
    font-family: 'Noto Serif', serif;
}

select {
    float: right;
}

#user-comment .comment-content p{
    white-space: initial;
}

#user-comment .box-comment p.content {
    margin: 0;
}

#user-comment .title span {
    display: inline-block;
    text-indent: -9999px;
}

#user-comment .title:before {
    content: "ý kiến bạn đọc";
    font-family: 'Noto Serif', serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
}
#commnet-top:after,
.comment-actions:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

#commnet-top {
    margin-top: 20px;
    font-size: 13px;
}
#commnet-top a:hover{
    color: #3e73d4;
}
#commnet-top a.current{
    color: #fff;
    background: #3e73d4;
    padding: 3px 7px;
}
#commnet-top label{
    font-size: 14px;
    font-weight: 500;
}

ul.comments {
    box-sizing: border-box;
    margin-top: 10px;
    list-style: none;
    font-size: 14px;
}

ul.comments>li {
    margin-bottom: 10px;
}

ul.comments .meta {
    height: 38px;
    line-height: 38px;
    margin: 0 0 5px 0 !important;
}

.comment-content {
    background: #f4f4f4;
    padding: 10px 15px;
}

.sub-comments .comment-content,
.sub-comments .comment-actions {
    background: none;
    padding: 0;
}

ul.sub-comments {
    box-sizing: border-box;
    padding-left: 30px;
    margin-top: 10px;
}

.comment-actions {
    background: #f4f4f4;
    padding: 0 15px 15px 15px;
}
.comment-actions .btnReply,
.comment-actions .btnLike{
    font-weight: bold;
}
.comment-actions .btnReply{
    margin-right: 5px;
}

.comment-actions a.btnDislike {
    display: none;
}

.comment-actions .reply {
    padding-left: 50px;
    margin-top: 10px;
}

.comment-actions .reply textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    font-family: roboto;
}

div.__MB_CM_PAGING {
    margin-top: 10px;
}

div.__MB_CM_PAGING a,
div.__MB_CM_PAGING span.current {
    display: inline-block;
    width: 30px;
    height: 28px;
    background-color: #c2c2c2;
    line-height: 28px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

div.__MB_CM_PAGING span.current,
div.__MB_CM_PAGING a:hover {
    background-color: #f56c0a;
}

ul.comments .author {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 5px;
}
ul.comments .time {
    font-size: 12px;
}

/* gotop */
.gotop {
    background: url(../images/gotop.png) center center no-repeat;
    width: 40px;
    height: 40px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    position: fixed;
    display: none;
    cursor: pointer;
    bottom: 40px;
    right: 40px;
}
#list-paper + .__MB_ARTICLE_PAGING{text-align: center;}
#list-paper + .__MB_ARTICLE_PAGING span,#list-paper + .__MB_ARTICLE_PAGING a{
    display: inline-block;
    background: #e0e0e0;
    height: 28px;
    line-height: 28px;
    /* width: 28px; */
    text-align: center;
    border-radius: 3px;
}
#list-paper + .__MB_ARTICLE_PAGING span:first-child{
    display: none;
}
#list-paper + .__MB_ARTICLE_PAGING span.current,#list-paper + .__MB_ARTICLE_PAGING a:hover{
    background: #2350a3;
    color: #fff;
}
/* .scroller-status,.scroller-status-hna {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
    background-color: #f1f1f1;
} */
/* hna-static */
.hna-static{
    background: none !important;
    padding: 0 !important;
    font-size: 14px;
}
.hna-static h2{
    margin: 15px 0;
    color: #f00;
    text-align: center;
}
.hna-static table{
    border-collapse: collapse;
}
.hna-static table td{
    padding: 10px;
}
.list-signature i{
    margin-right: 3px;
}
.contact-info p{margin-bottom: 0;}
.contact-info p:empty{margin-bottom: 20px;}
.jw-state-idle .jw-controls,.jw-controls-backdrop{background: none !important;}
.jwplayer .jw-preview{background-size: cover !important;}