:root {
    --white-color: #fff;
    --black-color: #000;
    --main-color: #025421;
    --red-color: #ed1f24;
    --bg: #ffffff;
    --text: #222;
    --card: #f3f3f3;
}
[data-theme="dark"] {
    --bg: #121212;
    --text: #ffffff;
    --card: #1f1f1f;
    --main-color: #5AC87A;
}
[data-theme="dark"] .bx-social a {background-color: var(--text);}
[data-theme="dark"] .bx-social svg path{fill: #000;}
[data-theme="dark"] .bx-cat-link{background-color: var(--bg);}

@font-face {font-family: 'KozGoPr6N-Regular';src: url('fonts/KozGoPr6N/KozGoPr6N-Regular.otf');font-weight: 400;}
@font-face {font-family: 'DaunPenh';src: url('fonts/daunpenh/daunpenh.ttf');font-weight: 400;}
@font-face {font-family: 'SaysetthaOT';src: url('fonts/saysettha-ot/saysettha_ot.ttf');font-weight: 400;}
@font-face {font-family: 'Anton';src: url('fonts/Anton/Anton-Regular.ttf');font-weight: 400;}
@font-face {font-family: 'Charis_SIL';src: url('fonts/Charis_SIL/CharisSIL-Bold.ttf');font-weight: 700;}
@font-face {font-family: 'Charis_SIL';src: url('fonts/Charis_SIL/CharisSIL-Regular.ttf');font-weight: 400;}
@font-face {font-family: 'Inter';src: url('fonts/Inter/Inter-Bold.ttf');font-weight: 700;}
@font-face {font-family: 'Inter';src: url('fonts/Inter/Inter-Regular.ttf');font-weight: 400;}
@font-face {font-family: 'Playfair_Display';src: url('fonts/Playfair_Display/PlayfairDisplay-Bold.ttf');font-weight: 700;}
* {margin: 0;padding: 0;}
*, *::before, *::after {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body {font-size: 14px;font-family: 'Inter', sans-serif;font-weight: 400;line-height: 1.4;background: var(--bg);
    color: var(--text);
    transition: background .3s ease, color .3s ease;}
.siteCenter {padding: 0 10px;}
.fw {width: 100%;}
a {text-decoration: none;border: none;color: inherit;transition: 0.3s ease all;}
img {border: none;vertical-align: middle;max-width: 100%;height: auto;}
input, button {border: 0;outline: 0;}
ul,ol {list-style: none;}
li {display: list-item;text-align: -webkit-match-parent;}
b,strong {font-weight: 700;}
.flex-0 {display: flex;justify-content: space-between;align-items: center;}
.flex-1 {display: flex;justify-content: flex-start;align-items: center;}
.flex-2 {display: flex;justify-content: flex-start;align-items: flex-start;}
.flex-3 {display: flex;flex-direction: column;row-gap: 22px;}

.gotop {width: 39px;height: 39px;background: #e0edf3 url(../images/pc/go-top.png) center center no-repeat;border-radius: 50%;display: none;position: fixed;bottom: 40px;right: 12px;cursor: pointer;z-index: 999;text-align: center;transition: .3s ease all;opacity: 1;}
.linking-page {column-gap: 20px;margin-bottom: 10px;}
.ico-flag {padding-left: 36px;line-height: 34px;font-size: 12px;}
.flag-england {background: url(../images/pc/lang-en.png) 0 center no-repeat;}
.flag-china {background: url(../images/pc/lang-ch.png) 0 center no-repeat;font-family: 'KozGoPr6N-Regular', sans-serif;}
.flag-russia {background: url(../images/pc/lang-ru.png) 0 center no-repeat;}
.flag-combodia {background: url(../images/pc/lang-com.png) 0 center no-repeat;font-family: 'DaunPenh',sans-serif;font-size: 24px;}
.flag-laos {background: url(../images/pc/lang-laos.png) 0 center no-repeat;font-family: 'SaysetthaOT', sans-serif;}
.header-top {position: relative;}
.header-action {column-gap: 10px;}
.ico-mode{background: url(../images/pc/mode-moon.png) center center no-repeat;width: 22px;height: 22px;display: block;background-size: cover;cursor: pointer;}
.ico-mode.icon-light {background-image: url(../images/pc/mode-light.png);}
.ico-search {width: 28px;height: 28px;display: block;cursor: pointer;}
.ico-search {width: 28px;height: 28px;display: block;cursor: pointer;}
.header-search-mb {
  display: flex;
  justify-content: end;
  padding: 20px 0;
}
.icon-search {cursor: pointer;}
.header-search {
    position: absolute;
    top: 100%;
    right: 0px;
    width: 100%;
    height: 70px;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    padding: 20px 10px;
    background: #025421;
    z-index: 9999;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-search.active {
    opacity: 1;
    visibility: visible;
}

.icon-search.active,
.dropdown .menu-item.active {
  background-color: white;
}

#frmSearch {
  position: relative;
  overflow: hidden;
  font-size: 13px;
  width: 100%;
  height: 40px;
  background: #f4f4f4;
  border: 0 none;
  border-radius: 20px;
}

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

#frmSearch button[type="submit"] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: 'Inter', sans-serif;
  border: none;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  padding: 13px;
  background: var(--red-color);
  border-radius: 20px;
}

.split {width: 1px;height: 18px;background-color: #000;}
.ico-bars::before {
    content: '';
    width: 18px;
    height: 1px;
    background-color: var(--main-color);
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    transition: .3s transform ease;
    z-index: 9;
}
.ico-bars {
    width: 18px;
    height: 9px;
    border-top: 1px solid var(--main-color);
    display: block;
    position: relative;
    cursor: pointer;
    z-index: 99;
    transition: .3s ease all;
    cursor: pointer;
}

.ico-bars::after {
    content: '';
    width: 18px;
    height: 1px;
    background-color: var(--main-color);
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    z-index: 9;
}

.show-overlay {
    height: 100%;
    overflow: hidden;
}

.menu-list {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2247483647;
    will-change: transform;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
}

.menu-list .logo {
    padding: 10px 0;
}

.menu-list .logo img {
    height: 45px;
}

.menu-list ul,
.menu-list ol {
    list-style: none;
    margin: 0;
}

.show_main_menu.menu-list {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.menu-header {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
}

.head-logo {
    display: inline-block;
    font-size: inherit;
    padding: 0 10px;
}

.menu-header .button {
    padding: 0 15px;
    line-height: 1;
    cursor: pointer;
}

.menu-header .close-button {
    padding: 0;
    width: 28px;
    height: 28px;
    position: relative;
}

.menu-header .close-button::before,
.menu-header .close-button::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 28px;
    background-color: #ca3c3c;
    transform: rotate(45deg);
}

.menu-header .close-button::after {
    transform: rotate(-45deg);
}

.menu-list .menu-body {
    scroll-behavior: smooth;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: scroll;
    z-index: 9999;
    height: calc(100% - 55px);
    width: 100%;
    text-align: left;
    background-color: #f7f7f7;
}

.list-main-nav {
    color: #333;
    padding: 0 10px;
}
.sub-menu-item {
    display: flex;
    align-items: center;
    border-top: 1px solid #e7e7e7;
}
.list-main-nav .menu-item {
    border-top: 1px solid #e7e7e7;
}

.list-main-nav .menu-link {
    font-weight: 700;
}

.list-main-nav .sub-menu-link {
    padding: 10px 0;
    font-size: 16px;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    color: #333;
    text-decoration: none;
}

.sub-menu-link::before {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 1px solid #e60012;
    border-right: 1px solid #e60012;
    transform: rotate(45deg);
    flex-shrink: 0;
}
/* .list-main-nav .sub-menu-link::after {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #e91d26;
} */

.list-main-nav .menu-item:nth-child(-n + 1) {
    border-top: none;
}
.menu-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sub-menu-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    width: 50px;
    height: 50px;
    cursor: pointer;
    color: var(--red-color);
}

/* Tạo dấu + */
.sub-menu-button::before,
.sub-menu-button::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: transform 0.3s ease;
}

.sub-menu-button::after {
    transform: rotate(90deg);
}

/* Mở → dấu - */
.sub-menu-button.menu-minus::after {
    transform: rotate(0deg);
}
.list-sub-nav {
    width: 100%;
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.25s ease, opacity 0.25s ease;
}

.list-sub-nav.active {
    width: 100%;
    max-height: 1000px;
    opacity: 1;
}
.nav-menu {
    position: relative;
    height: 38px;
}
.ico-desktop {width: 200px;height: 50px;line-height: 50px;border-radius: 5px;text-align: center;cursor: pointer;display: block;margin: 20px auto;text-transform: uppercase;font-weight: 700;background-color: #ec2024;color: #fff;}
#navMenu {background-color: var(--bg);padding-block: 10px;}
#navMenu.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    box-shadow: 0px 1px 10px #ebebeb;
}
.menu-system {
    flex-wrap: wrap;
    overflow: hidden;
    padding-right: 55px;
    position: relative;
    display: flex;
    align-items: center;
}
.item-menu {
    position: relative;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
}

.link-menu {
    display: block;
    padding: 8px;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.menu-link {font-size: 16px;color: inherit;display: block;float: left;width: calc(100% - 50px);padding: 15px 0;font-family: 'Inter', sans-serif;font-weight: 700;color: #333;}

.item-menu:not(.menu-homepage).active {
    background-color: var(--main-color);
    color: var(--white-color);
    border-radius: 5px;
}
.ico-home {
    display: block;
    padding: 0;
    padding-right: 8px;
}
.expand-menu {
    display: flex;
    column-gap: 12px;
    overflow-x: scroll;
    flex-wrap: nowrap;
    white-space: nowrap;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #eee;
    top: 100%;
    z-index: 2;
    padding: 0 10px;
    box-shadow: 0 0 5px 0 #eee;
    opacity: 0;
    height: 0;

    transition: height 0.3s ease, opacity 0.3s ease;
}
.expand-menu.active {
    opacity: 1;
    height: 35px;
}
.ico-dots {
    cursor: pointer;
}
#main {
    margin-bottom: 20px;
}
.article-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url(../images/no-image.jpg) 0 0 no-repeat;
    background-size: cover;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 5px;
}

.article-image::before {
    padding-top: 56.25%;
    content: "";
    display: block;
}

.article-image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.article-image .ico-player {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;font-size: 28px;color: #fff;transition: 0.3s ease;background: url(../images/pc/ico-player.png) 0 0 no-repeat;width: 42px;height: 42px;background-size: cover;}
.article-image .ico-podcast {display: block;position: absolute;left: 10px;bottom: 10px;z-index: 1;font-size: 28px;color: #fff;transition: 0.3s ease;background: url(../images/pc/ico-multi-podcast.png) 0 0 no-repeat;width: 20px;height: 20px;background-size: contain;}
.article-subtile {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
}
.article .article-subtile:empty {
    display: none;
}
.article-title {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Charis_SIL', sans-serif;
    font-weight: 700;
    transition: .3s ease;
}

/* .article-link {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
} */

.article-desc {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.bx-cat-title {
    /* display: flex;
    flex-direction: column;
    align-items: center; */
    color: var(--main-color);
    margin-bottom: 25px;
    text-align: center;
}
.article-date {color: #c2c2c2;text-transform: uppercase;font-size: 12px;}
.article-cate {color: var(--main-color);text-transform: uppercase;font-size: 12px;}
.article-date + .article-cate::before {content: '|';color: #999;padding-right: 5px;font-size: 12px;}

.bx-cat-name {position: relative;}
.bx-cat-name::before{
    content: '';position: absolute;left: 0;right: 0;height: 5px;background:url(../images/pc/line-cat.png) 0 0 repeat-x;top: 50%;z-index: -1;
}
.bx-cat-link {
    padding-inline: 15px;
    background-color: var(--white-color);
    font-size: 24px;
    font-family: 'Playfair_Display', sans-serif;
    text-transform: uppercase;
    display: inline-block;
}

.bx-subcat-name {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 7px 4px;
    margin-top: 10px;
}
.bx-subcat-name a {
    font-family: 'Charis_SIL', sans-serif;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    padding-left: 10px;
}
.bx-subcat-name a:first-child {
    padding-left: 0;
}
.bx-subcat-name a:not(:first-child):before {
    content: '|';
    position: absolute;
    left: 0;
    top: 0;
}
.title-left {text-align: left;}
.title-left .bx-cat-link {padding-left: 0;}
.title-left .bx-subcat-name {flex-wrap: wrap;}
.header-topic {
    display: flex;
    align-items: center;
    padding-block: 10px;
    margin-bottom: 20px;
    border-top: 1px solid #e1e1e1;
}
.banner {text-align: center;}
.bx-link-topic {background: url(../images/pc/ico-flash.png) 0 center no-repeat;padding-inline: 18px;font-family: 'Inter', sans-serif;color: #ff0000;text-transform: uppercase;font-size: 13px;font-weight: 700;flex-shrink: 0;flex-grow: 0;}
.header-topic .article-title {font-weight: 400;display: inline-block;margin-inline: 15px;color: var(--main-color);}

/* main */
.bx-coverange .article {border-top: 1px solid #ebebeb;margin-top: 15px;padding-top: 15px;display: flex;flex-direction: column;align-items: flex-start;row-gap: 10px;}
.bx-coverange .article-title {position: relative;padding-left: 25px;font-size: 18px;}
.bx-coverange .article-title::before {content: '';position: absolute;left: 0;top: 10px;border-radius: 50%;background-color: var(--main-color);width: 8px;height: 8px;}
.bx-coverange .article-cate {font-size: 11px;color: var(--white-color);background-color: var(--main-color);font-weight: 700;padding: 7px 20px 5px;border-radius: 5px;}
.bx-coverange .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.bx-coverange .article:not(:first-child) .article-subtile {padding-left: 25px;}
.bx-coverange .article:first-child .article-title {font-size: 26px;position: unset;padding-left: 0;}
.bx-coverange .article:first-child .article-title::before {content: unset;}
.bx-cat-cover .article:not(:first-child) .article-desc,
.bx-cat-one .article:not(:first-child) .article-desc,
.bx-coverange .article:not(:first-child) .article-image,
.bx-coverange .article:not(:first-child) .article-cate,
.bx-coverange .article:not(:first-child) .article-desc {
    display: none;
}
.bx-coverange .article:first-child .article-subtile, .bx-cat-one .article:first-child .article-subtile{font-size: 16px;margin-bottom: -5px;}
.bx-article-2 {display: flex;gap: 20px 28px;flex-wrap: wrap;}
.bx-article-2 .article {width: calc((100% - 28px) / 2);display: flex;flex-direction: column;row-gap: 10px;}
.bx-article-2 .article-title {font-size: 16px;font-weight: 700;}
.bx-cat-cover .article-content, .bx-cat-one .article-content {display: flex;flex-direction: column;}
.bx-cat-cover .article:first-child, .bx-cat-one .article:first-child {width: 100%;display: flex;background-color: #d5e3da;border-radius: 5px;row-gap: 0;}
.bx-cat-cover .article:first-child .article-content , .bx-cat-one .article:first-child .article-content {row-gap: 10px;padding: 10px 15px;color: var(--black-color);}
.bx-cat-cover .article:first-child .article-title, .bx-cat-one .article:first-child .article-title {font-size: 24px;font-weight: 700;}

/* multimedia */
.mul-name {
    text-transform: uppercase;
    font-family: 'Playfair_Display', sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: var(--main-color);
    text-align: center;
    margin-bottom: 20px;
}

.mul-container {background-color: #075724;padding: 22px 0 10px;}
.mul-cat-content {padding-bottom: 30px;}
.mul-cat-name{color: var(--white-color);font-size: 26px;font-family: 'Inter', sans-serif;font-weight: 700;text-transform: uppercase;line-height: 1;text-align: center;}
.mulSwiper.swiper {padding:0 10px;}
.mul-cat-name {position: relative;margin-bottom: 15px;}
.mul-cat-name::before{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #Fff;z-index: -1;}
.mul-cat-link {background-color: #075724;padding: 0 10px;}
.mul-cat-content {display: flex;flex-direction: row;flex-wrap: wrap;gap: 28px;}
.mul-cat .article{width: calc((100% - 28px) / 2);display: flex;flex-direction: column;row-gap: 10px;}
.mul-cat .article-title{color: var(--white-color);font-size: 17px;}
.mul-cat .article-desc{color: var(--white-color);font-size: 16px;}
.mul-cat .article:first-child {width: 100%;}
.mul-cat .article:first-child .article-title {font-size: 20px;}
.mul-cat .article:not(:first-child) .article-desc {display: none;}
.mulSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
.mulSwiper .swiper-pagination-bullet {
    width: 42px;
    height: 4px;
    border-radius: 4px;
    margin-inline: 4px;
    cursor: pointer;
}
.bx-cat-three .article {display: flex;column-gap: 20px;align-items: flex-start;margin-top: 20px;padding-top: 20px;border-top: 1px solid #ebebeb;}
.bx-cat-three .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.bx-cat-three .article-image {width: 215px;}
.bx-cat-three .article-content {display: flex;flex-direction: column;row-gap: 7px;margin-top: -7px;}
.bx-cat-three .article-desc {font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: none;}
.bx-article-5 {display: flex;flex-wrap: wrap;gap: 20px 28px;}
.bx-article-5 .article {display: flex;flex-direction: column;row-gap: 7px;width: 100%;}
.bx-article-5 .article:first-child .article-title {font-size: 20px;}
.bx-article-5 .article:nth-child(2),.bx-article-5 .article:nth-child(3) {width: calc((100% - 28px) / 2);}
.bx-article-5 .article:nth-child(2) {order: 4;}
.bx-article-5 .article:nth-child(3) {order: 5;}
.bx-article-5 .article:nth-child(n+4) .article-subtile {padding-left: 25px;}
.bx-article-5 .article:nth-child(n+4) .article-title {position: relative;font-family: 'Inter', sans-serif;font-weight: 400;padding-left: 25px;}
.bx-article-5 .article:nth-child(n+4) .article-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
    background-color: var(--main-color);
    width: 8px;
    height: 8px;
}
.bx-article-5 .article:nth-child(n+4) .article-image{display: none;}
.bx-cat-five .article-title {font-weight: 700;font-size: 16px;}
.bx-cat-five .article-desc {display: none;}
.bx-cat-seven .article {display: flex;flex-direction: column;row-gap: 6px;}
.swiper.sevenSwiper {padding-bottom: 40px;}
.sevenSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #075724;
}
.sevenSwiper .swiper-pagination-bullet {
    margin-inline: 3px;
    background: #c2c2c2;
    opacity: 1;
    cursor: pointer;
}
.bx-print .article {display: flex;flex-direction: column;row-gap: 15px;}
.bx-print .article-image::before {
    padding-top: 150%;
}
/* category */
.bre-title {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    color: var(--main-color);
    /* margin-bottom: 30px; */
    text-align: center;
    position: relative;
    background-color: var(--bg);
    padding-inline: 15px;
    flex-wrap: wrap;
}

.bre-link {
    padding-right: 15px;
    background-color: var(--white-color);
    font-size: 24px;
    font-family: 'Playfair_Display', sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
}

.bre-sublink {
    font-family: 'Charis_SIL', sans-serif;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
}

.bre-sublink::before {
    content: '|';
    position: absolute;
    left: 0;
    top: 0;
}

.bx-sub-breadcrumb {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.bx-sub-breadcrumb::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 5px;
    background: url(../images/pc/line-cat.png) 0 0 repeat-x;
    top: 50%;
    z-index: -1;
}
.bt-list {border-top: 1px solid #ebebeb;padding-top: 25px;}
.bx-cat-list .article {display: flex;column-gap: 20px;align-items: flex-start;margin-top: 20px;padding-top: 20px;border-top: 1px solid #ebebeb;}
.bx-cat-list .article:first-child {margin-top: 0;padding-top: 0;border-top: 0;}
.bx-cat-list .article-image {width: 215px;}
.bx-cat-list .article-content {display: flex;flex-direction: column;row-gap: 7px;margin-top: -7px;}
.bx-cat-list .article-desc {font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: none;}
.__MB_ARTICLE_PAGING {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
    width: 100%;
    column-gap: 10px;
    white-space: nowrap;
}

.__MB_ARTICLE_PAGING>a,
.__MB_ARTICLE_PAGING>div,
.__MB_ARTICLE_PAGING span {
    padding: 14px 40px;
    background-color: #e1e0e0;
    border-radius: 42px;
    display: inline-flex;
    font-size: 12px;
    color: var(--main-color);
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    cursor: pointer;
}

.__MB_ARTICLE_PAGING>div:hover,
.__MB_ARTICLE_PAGING span.current {
    color: var(--white-color);
    background-color: var(--main-color);
}

.__MB_ARTICLE_PAGING span:first-child {
    display: none;
}

/* loading more */

.loader-ellips:not(.__mbloading) {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 48px auto 0;
}

.loader-ellips__dot {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--red-color);
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }

    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}
/* detail */
.article-detail-subtitle {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}
.article-detail-subtitle:empty {
    display: none;
}
.article-detail-title {
    font-size: 32px;
    line-height: 1.2;
    font-family: 'Playfair_Display', sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}
.article-detail-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
}
.article-cat {
    font-size: 14px;
    color: var(--main-color);
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}

.article-publish {
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #a6a6a6;
}

.article-cat +.article-publish::before {
    content: '|';
    padding-inline: 4px;
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 400;
}

.author-image {width: 35px;height: 35px;border-radius: 35px;overflow: hidden;border: 1px solid #ebebeb;margin-right: 15px;flex-shrink: 0;flex-grow: 0;}
.author-image {background: url(../images/pc/mastercms_noavatar.png) 0 0 no-repeat;background-size: cover;}
.author-image img[src=""] {display: none;}
.author-info .author-title{font-size: 14px;color: var(--main-color);line-height: 1.4;}
.author-info .author-email{font-size: 12px;line-height: 1;margin-top: 3px;display: block;line-height: 1.4;}
.author-link-more{font-size: 14px;line-height: 1.4;color: var(--main-color);}
.article-detail-intro {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: flex-start;
}
.ico-google-news {
    background-color: #ebebeb;
    color: var(--black-color);
    padding: 8px;
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 10px;
}
.article-detail-desc {
    text-align: justify;
    font-size: inherit;
    line-height: 1.6;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 25px;
    font-weight: 700;
}
.article-detail-content {font-size:16px;text-align: justify;line-height: 1.75;margin-bottom: 20px;}
.__MASTERCMS_CONTENT p{margin-block: 20px;}
.__MASTERCMS_CONTENT > :first-child {
    margin-top: 0;
}

.article-detail-author{text-align: right;font-size: 16px;font-weight: 700;}
.article-detail-source{text-align: right;font-size: 16px;font-style: italic;margin-top: 10px;}
.article-detail-subtitle:empty,.article-detail-source:empty,.article-detail-author:empty{display: none;}
.cat-name {
    padding-bottom: 10px;
}
.cat-link {
    font-size: 18px;
    font-family: 'Playfair_Display', sans-serif;
    text-transform: uppercase;
    color: var(--main-color);
}

.topic-link {
    font-family: 'Charis_SIL', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--red-color);
}
.bx-detail-news .bx-cat-content {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding-block: 15px;
}

.bx-detail-news .article-title {
    color: var(--main-color);
    position: relative;
    padding-left: 20px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Charis_SIL', sans-serif;
}
.bx-detail-news .article-title::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ccc;
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
}
.article-keyword {
    padding-top: 20px;
}

.article-keyword span {
    display: block;
    font-size: 16px;
    padding-left: 32px;
    height: 36px;
    line-height: 36px;
    background: url(../images/pc/ico-tags.png) 0 center no-repeat;
    font-weight: 700;
    text-transform: uppercase;
}

.article-keyword {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 3px;

}

.article-keyword a {
    background-color: #f7f7f7;
    border: 1px solid #f0f0f0;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'Charis_SIL', sans-serif;
    color: var(--main-color);
}
/* comment */
.fancybox-desktop.fancybox-opened {width: 600px !important;}
.fancybox-inner {width: 100% !important;}
#comment-system-cms{
    margin-bottom:0;
    background-color: #f6f6f6;
    padding: 20px;
    border-radius: 5px;
}
.box-reply,.article-comment,.box-comment,#commnet-top,.comments,.comment-actions,.comment-actions .reply{
    width:100%;
    float:left;
}

.article-comment .b-title {
    background: none;
    margin-bottom: 10px;
}
.article-comment .b-title h3 {
    font: 700 22px/30px 'Inter', sans-serif;
    text-transform: uppercase;
    color: var(--black-color);
    margin-bottom: 15px;
}
#comment-system-cms .content {
    background: url(../images/pc/ico-users-cmt.png) 25px center no-repeat;
    padding: 0 0 0 95px;
}
.box-comment textarea,.comment-actions .reply textarea{
    width:100%;
    max-width:100%;
    min-width:100%;
    height:56px;
    border:none;
    padding:10px;
    font-family: 'Roboto-Regular', Arial, sans-serif;
    font-weight: 400;
}
.__MB_ACTION_POST_COMMENT, .__MB_ACTION_POST_COMMENT-SUB, .__MB_USER_ACTION_POST_COMMENT, .__MB_USER_ACTION_CLOSED_COMMENT {
    width: 100px;
    height: 35px;
    display: block;
    float: right;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background-color: #2b4974;
    border: 0;
    font: 700 14px/35px 'Inter', sans-serif !important;
    margin-top: 10px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 3px;
    font-weight: 700;
    padding: 0 !important;
}
.__MB_USER_ACTION_POST_COMMENT{margin-right: 10px;}
#commnet-top {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    position: relative;
}
#commnet-top:before{
	content: '';
    width: 50px;
    height: 2px;
    background: #d60a0b;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.__MB_USER_ACTION_CLOSED_COMMENT{float: none;}
#commnet-top label {
    float: left;
    font: 15px/30px Roboto-Bold, sans-serif;
    text-transform: uppercase;
    display: block;
    height: 30px;
}
#commnet-top label img{
    padding-right:8px;
}
.__MB_FILTER_COMMENT {
    float: right;
    display: block;
    height: 20px;
    line-height: 19px;
    text-align: center;
    padding: 0 5px;
    font-size: 11px;
    color: #0c0c0c;
    margin-top: 5px;
}
.__MB_FILTER_COMMENT.current{
    background-color:#f6f7fa;
    border: 1px solid #ced0d5;
}
.comments{
    padding:0 0;
    list-style:none;
}
.comments li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #efefef;
    margin-bottom: 12px;
}
.comments > li{
    padding-bottom: 12px;
}
.comments li .meta {
    height: 34px;
    line-height: 34px;
    margin-bottom: 8px;
    margin-top: 10px;
}
.comments > li > .meta{
    margin-top: 0;
}
.comments li .meta .author {
    font: 12px Roboto-Bold, sans-serif;
}
.comments li .meta img.avatar {
    width: 34px;
    height: 34px;
    float: left;
    margin-right: 10px;
}
.comments li .meta .time {
    color: #999;
    font-size: 12px;
}
.comment-actions {
    margin-top: 0;
    background: #f4f4f4;
    padding: 0 12px 10px 12px;
}
.comment-content {
    background-color: #f4f4f4;
    width: 100%;
    float: left;
    padding: 15px 12px 5px 12px;
    text-align: justify;
    color: #555;
}
.comment-content p{
    margin-top: 0;
    margin-bottom:5px;
}
.comment-actions a {
    display: inline-block;
    margin-right: 15px;
    line-height: 20px;
    height: 20px;
    color: #525252;
    text-decoration: none;
    float: left;
    font-size: 14px;
    width: 20px;
}
.comment-actions .btnReply{
    width:20px;
}
.comment-actions a:hover{
    text-decoration: none;
}
.comment-actions a.btnLike {
    background: url(../images/comment/ico-like.png) no-repeat left -1px;
    width: 27px;
    padding-left: 20px;
}
.comment-actions a.btnDislike {
    /*background: url(../images/ico-dislike.png) no-repeat right 4px;*/
    display: none;
}
a.btnReply {
    background: url(../images/comment/ico-send.png) no-repeat left 2px;
    margin-right: 0;
    background-size: 16px;
    opacity: .7;
}
.comment-actions .reply{
    margin-top: 10px;
    display:none;
}
.comment-actions .reply textarea{
    height:50px;
}
.comments.sub-comments {
    padding: 0 0 0 40px;
    background-color: #fff;
}
.comments.sub-comments li{
    border-bottom: 0;
    margin-bottom: 0;
}
.comments.sub-comments li .comment-content {
    background: #fff;
    padding: 5px 0;
}
.comments.sub-comments li .comment-actions{
    background: #fff;
    padding: 0;
}
.comments.sub-comments .btnDislike{
    margin-right:0;
}
.paging-comment{
    width:100%;
    float:left;
    text-align:center;
    border-top: 1px solid #ccc;
    padding-top:10px;
}
.grNextPage.paging-comment a,.grNextPage.paging-comment a:hover, .grNextPage.paging-comment a.actedPage, .grNextPage.paging-comment span.current {
    background: #e7e7e7;
    color: #333;
    display: inline-block;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 700;
}
/* detail live */
.MASTERCMS_MEDIA_BOX,
.__MASTERCMS_CONTENT .video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.MASTERCMS_MEDIA_BOX iframe,
.__MASTERCMS_CONTENT .video-container iframe,.__MASTERCMS_CONTENT  .video-container object,.__MASTERCMS_CONTENT  .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
._MB_INFO *{
    padding: initial;
    margin: initial;
}
.blogCtentLiveStreams {
    background: url(../images/live/line-content.png) top left repeat-y;
    padding-left: 40px;
    clear: both;
    position: relative;
}
.blogItemStreams {
    clear: both;
    position: relative;
    padding-top: 25px;
}
span.noteTimeline, span.noteTimelineed {
    background: #fff;
    padding: 10px 0 10px 0;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: -54px;
    font-size: 14px;
}
span.noteTimelineed {
    color: #B32229;
}
.boxTimeline {
    background: url(../images/live/dote-timeline.png) center top repeat-y;
    position: absolute;
    text-align: center;
    width: 60px;
    left: -10px;
    z-index: 1000;
    top: 180px !important;
    display: none;
}
span.noted {
    background: url(../images/live/ico-noted.png) #fff center top no-repeat;
    width: 100%;
    height: 21px;
    position: relative;
    display: inline-block;
    top: 0;
    left: 1px;
    margin-bottom: 30px;
    clear: both;
}
span.note, span.note:hover {
    background: url(../images/live/ico-living.png) top no-repeat;
    padding-top: 20px;
    color: #7b7b7b;
    display: inline-block;
    margin-bottom: 10px;
    clear: both;
    position: relative;
    left: 1px;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}
span.note:hover {
    background: url(../images/live/timeover.png) top no-repeat;
    color: #21265d;
}
#__MB_LIVE_UPDATE_TOOL {
    display: none;
    width: 100%;
    height: 32px;
    color: #fff;
    padding: 5px;
    cursor: pointer;
    background: rgb(179, 34, 41);
    position: fixed;
    bottom: 0;
    z-index: 10;
}
/* search */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.__MB_KEYWORS h1 {font-size: inherit;display: inline-block;}
.highlight{
	background-color: yellow;
}
.__MB_KEYWORS h1 {font-size: inherit;display: inline-block;}
.bx-epaper-list .article-image::before {padding-top: 150%;}
.bx-epaper-list .article-title {text-align: center;font-weight: 700;}
/* error */
.bx-error-page {padding: 20px 0 30px 0;text-align: center;}
.bx-error-page h1 {margin: 15px auto;color: #000;font-weight: 400;font-size: 24px;max-width: 540px;width: 100%;}
.backToHomepage {background:var(--main-color); display: inline-block;color: #fff;height: 40px;line-height: 40px;padding: 0 20px;border-radius: 20px;font-weight: 400;font-size: 14px;}
.backToHomepage:hover {background:var(--red-color);}
/* cover-list-multimedia */
.article-cate-red {background: #ff0808;height: 26px;line-height: 26px;border-radius: 3px;color: #fff;text-transform: uppercase;padding: 0 12px;display: inline-block;font-size: 12px;}
.ico-view{background: url(../images/pc/ico-eye.png) 0 center no-repeat;margin-left: 10px;padding-left: 22px;font-size: 12px;color: #c4c4c4;display: none;}
.cover-list-multimedia {width: 100%;}
.cover-list-multimedia .article-image {margin-bottom: 0;}
.cover-list-multimedia .article,
.cover-list-multimedia .article-info {display: flex;flex-direction: column;align-items: flex-start;row-gap: 10px;}
.bx-podcast-detail .article-title,
.cover-list-multimedia .article-title {font-size: 24px;line-height: 1.3;}
.bx-podcast-detail :where(.article-date,.ico-cmt, .article-desc),
.cover-list-multimedia :where(.article-date,.ico-view,.ico-cmt, .article-desc) {}
.cover-list-multimedia .ico-view {display: inline-block;}
.bx-podcast-detail .article-cate,
.cover-list-multimedia .article-cate {display: none;}
.bx-podcast-detail .article-date::after,
.cover-list-multimedia .article-date::after {content: '|';padding-left: 5px;}
/* bx-video-detail */
.article-detail-social>div,
.article-detail-social>a {
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.bx-video-detail {display: flex;flex-direction: column;row-gap: 10px;margin: 0 -10px;}
.bx-videoContainer {background: #f5f5f5;display: flex;flex-direction: column;align-items: stretch;}
/* .bx-videoPlayer {width: 750px;} */
.bx-videoBody {padding: 0 15px;margin: 20px 0;display: flex;flex-direction: column;align-items: flex-start;row-gap: 10px;}
.video-title {font-size: 22px;color: #000;font-family: 'Charis_SIL', sans-serif;}
.desc-video-large,
.video-desc {font-size: 16px;text-align: justify;line-height: 1.75;}
.desc-video-large a {color: var(--red-color);}
.desc-video-large:hover a{color: #0077b5;}
.bx-podcast-detail .article-detail-social, .bx-video-detail .article-detail-social {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.bx-podcast-detail .article-detail-social a,
.bx-video-detail .article-detail-social a {margin-right: 5px;margin-bottom: 15px;}
.title-social {margin-bottom: 15px;margin-right: 10px;display: block;}
.bx-videos-list .ico-player, .bx-cat-item .ico-player {width: 60px;height: 60px;background-size: cover;}
.bx-videoBody .ico-view, .bx-videos-list .ico-view {display: inline-block;}
.bx-cat-item .article-desc {display: none;}
/* podcast-detail */
.podcast-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f2f2;
    flex-direction: column;
  }
  
  .podcast-detail .podcast-thumb {
    width: 100%;
    position: relative;
  }
  
  .podcast-detail .podcast-thumb::before {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
  
  .podcast-detail .podcast-thumb .podcast-image {
    display: block;
    position: absolute;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    top: 0;
    left: 0;
  }
  
  .podcast-detail .podcast-content {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 296px;
    padding: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;
  }
  .podcast-content .video-desc {height: 120px;overflow-y: scroll;scrollbar-width: thin;}
.podcast-content .video-desc::-webkit-scrollbar {width:4px;}
.podcast-content .video-desc::-webkit-scrollbar-thumb {background: var(--main-color);}
.podcast-content .video-desc::-webkit-scrollbar-track {background: #ebebeb;}
  .podcast-detail .podcast-player {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  
  .podcast-detail .svg-player-background {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
  
.bx-podcasts-player{position: absolute;left: 0;bottom: 0;}
.pcast-play {width: 60px;height: 60px;display: block;position: absolute;left: 20px;bottom: 40px;border-radius: 100%;border: 0;font-size: 24px;color: #fff;outline: none;text-align: center;line-height: 60px;cursor: pointer;background: #bfbfbf url(../images/podcast/pod-play.png) center center no-repeat;background-size: 20px;}
.pcast-pause{width: 60px;height: 60px;display: block;position: absolute;left: 20px;bottom: 40px;border-radius: 100%;border: 0;font-size: 24px;color: #fff;outline: none;text-align: center;line-height: 60px;cursor: pointer;background: #bfbfbf url(../images/podcast/pod-pause.png) center center no-repeat;background-size: 20px;}
._MB_PODCASTS_STATISTICS{display: none;}
.pcast-rewind{display: none;}
.pcast-progress {position: absolute;left: 0;bottom: 0;width: 100%;box-shadow: none;outline: none;vertical-align: unset;height: 6px;z-index: 9;line-height: 0;border-radius: 0;}
.pcast-progress::-webkit-progress-bar{background: #ebebeb;}
.pcast-progress::-webkit-progress-value{background: #c3c3c3;}
.pcast-currenttime {color: #c3c3c3;position: absolute;left: 20px;bottom: 10px;}
.pcast-duration{color: #c3c3c3;position: absolute;right: 20px;bottom: 10px;}
.pcast-mute {display: block;position: absolute;right: 20px;bottom: 36px;border: 0;outline: none;cursor: pointer;font-size: 16px;color: #c3c3c3;background: none;width: 24px;height: 24px;}
.pcast-mute-on {background: url(../images/podcast/pod-mute-on.png) center center no-repeat;background-size: 20px;}
.pcast-mute-off {background: url(../images/podcast/pod-mute-off.png) center center no-repeat;background-size: 20px;}
.pcast-speed {display: block;position: absolute;right: 50px;bottom: 40px;border: 0;outline: none;cursor: pointer;color: #c3c3c3;background: none;}
.svg-player-background{position: absolute;bottom: 0;left: 0;width: 100%;}
/* footer */
.footer-content {
    background-color: #075724;
    color: var(--white-color);
    padding-block: 20px 25px;
}
.ft-border {
    border-top: 1px solid #428a5c;
    margin-top: 15px;
    padding-top: 15px;
}
.footer-menu {
    flex-wrap: wrap;
    gap: 20px;
}
.ft-menu-item {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    width: calc((100% - 20px) / 2);
}
.ft-menu-link {
    text-transform: uppercase;
}
.ft-item-submenu {
    font-family: 'Charis_SIL', sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
}

.footer-text p {
    margin-block: 10px;
}
.footer-text p:first-child {
    margin-top: 0;
}
.bx-social {column-gap: 3px;display: flex;align-items: center;justify-content: flex-start;}
.bx-social a {width: 30px;height: 30px;border-radius: 50%;background-color: #191816;display: flex;justify-content: center;align-items: center;}
.bx-social svg path{fill: #fff;}
.h-facebook svg {margin-top: 7px;}
.footer-cms a {
    display: block;
    padding: 20px 0;
}
@media screen and (max-width: 480px){
    .linking-page {
        justify-content: space-between;
        column-gap: unset;
        flex-wrap:wrap;
    }
    .bx-cat-list .article-image,
    .bx-cat-three .article-image {width: 145px;}
}