@charset "utf-8";
/* CSS Document */

@font-face {font-family:'UTMAvo';src: url('../fonts/Utm-Avo/UTMAvo.ttf');}
@font-face {font-family:'UTMAvo-Bold';src: url('../fonts/Utm-Avo/UTMAvo-Bold.ttf');}
@font-face {font-family:'NotoSerif-Regular';src: url('../fonts/Noto-Sans/NotoSerif-Regular.ttf');}
@font-face {font-family:'NotoSerif-Bold';src: url('../fonts/Noto-Sans/NotoSerif-Bold.ttf');}
@font-face {font-family: 'NotoSans-Regular';src: url('../fonts/Noto-Sans/NotoSans-Regular.ttf')}
@font-face {font-family: 'NotoSans-Bold';src: url('../fonts/Noto-Sans/NotoSans-Bold.ttf')}
@font-face {font-family: 'OpenSans-Bold';src:url('../fonts/Open-Sans/OpenSans-ExtraBold.ttf')}
@font-face {font-family: 'OpenSans-Bold';src:url('../fonts/Open-Sans/OpenSans-SemiBold.ttf')}

*, ::after, ::before {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;}
.clearfix:after {content:'';display: block;height: 0;width: 100%;clear: both}
body {font-family: 'NotoSerif-Regular', sans-serif;font-size:14px;font-weight: 400;line-height: 1.6;color: black; min-width: 1200px;background:#fbfafa;	 margin: 0; }
.wrapper {margin-top: 20px;padding-bottom: 24px;}
.container {width: 1290px; padding: 0 15px; margin: 0 auto}

img,svg {vertical-align: middle}
img {border:none}
img:hover {cursor:pointer;opacity: 0.9}
.ico-camera,.ico-photo,.ico-infographic,.ico-emag,.ico-podcast {display: block;position: absolute;z-index: 1;right: 5px;bottom: 5px;background-image: url(../images/p/ico-type.png);background-repeat: no-repeat;}
.ico-camera {width: 23px;height: 23px;background-position: -26px 0;}
.ico-photo {width: 21px;height: 19px;background-position: 0 0;}
.ico-infographic {width: 20px;height: 20px;background-position: -53px -2px;}
.ico-emag {width: 51px;height: 24px;background-position: -98px 2px;}
.ico-podcast {width: 20px;height: 20px;background-position: -53px -5px}
.othersite {background: #098b43;color: #FFF;font-weight: bold;padding: 0 8px 0 8px;border-radius: 3px;-moz-border-radius: 3px;
    -webkit-border-radius: 3px;display: inline-block;font-size: 11px;line-height: 20px;font-family: 'NotoSans-Bold';text-transform: uppercase;}
.fw{width: 100%}
.f0{font-family: 'NotoSerif-Bold',Arial,sans-serif;font-weight: bold}
.f1{font-family: 'NotoSans-Regular', Arial, sans-serif;font-weight: normal;}
.f2{font-family: 'NotoSans-Light', Arial, sans-serif;font-weight: normal;}
.f3{font-family: 'NotoSerif-Regular', Arial, sans-serif;font-weight: normal;}
.f4{font-family: 'UTMAvo-Bold', Arial, sans-serif;font-weight: normal;}
.f5{font-family: 'UTMAvo-Regular', Arial, sans-serif;font-weight: normal;}
.f6{font-family: 'NotoSans-Medium', Arial, sans-serif;font-weight: bold;font-size: 17px}
.f7{font-family: 'NotoSans-Bold', Arial, sans-serif;font-weight: bold;font-size: 17px}
.f8{font-family: 'OpensSans-SemiBold',  Arial, sans-serif;font-weight: normal;}
#barMnu.f-nav {position: fixed;top: 0;left: 0; right: 0;z-index: 999999999;}
.lt{display: block;float: left}
/*header top*/
#header {margin: 0; padding: 0; position: relative;}
.header-top{height: 46px}
.header-top > .container{display: flex;flex-direction: row;padding: 5px 0}
.header-top-left,.header-top-right{display: flex;gap:10px;line-height: 35px; align-items: center}
.header-center{padding:10px 0;}
.logo {margin: 0; line-height: 0}
.header-center-center{float: left;padding-top:10px;}
.header-center > .container {display: flex; flex-direction: row;}
.header-center-right  {width: 100%; display: block;overflow: hidden;padding-left:93px;margin-top: -23px}
.header-banner {padding-top: 18px;display: block;overflow:hidden;}
/*header menu */
.header-menu {z-index: 999;position:sticky;top:0;background: #098b43;min-height: 46px;}
.header-menu > .container {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.menu-item {font-size: 13px;line-height: 46px;;position: relative;z-index: 1;}
.menu-item > a {font-family: 'UTMAvo', sans-serif;font-weight: 700;text-transform: uppercase;color:#fff}
.menu-link.active {color: #ebee1d !important}
 .menu-item > a:hover {color: #ebee1d;}
.menu-item .home .first {font-family: 'UTMAvo', sans-serif;font-weight: 700; text-transform: uppercase;color:#fff}
.menu-item .home .first {font-family: 'UTMAvo', sans-serif;font-weight: 700; text-transform: uppercase;color:#fff}
.menu-sub{display: none;position: absolute;min-width: 180px;background: #f9c278;z-index: 9999;}
.menu-item:hover .menu-sub{display: block;}
.menu-sub a {display: block;white-space: nowrap;padding: 0 15px;line-height: 40px;color: #000;font-size: 15px;}
.menu-sub a:hover{color: hsl(0, 0%, 100%) !important;}
.clearfix:after {content:'';display: block;height: 0;width: 100%;clear: both}
.breakingnews .container {display: flex; flex-direction: row;justify-content: space-between;gap: 35px;height: 42px;align-items: center;}
.hashtag {max-width: 850px;display: flex;gap:20px}
.hashtag-title {    color: #4e62aa;font-weight: 700;display: flex; gap: 10px;}
/*box coverage */
.main-cover{width: 100%;}
.main-cover .container {display: flex;}
.box-half-left {width: 74%;position: relative}
.box-half-left .bx-prev {left: 0;border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.box-half-left .bx-next {right: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.box-half-left .bx-prev, .box-half-left .bx-next {display: block;width: 33px;height: 70px;text-align: center;line-height: 70px;background: #ffffff80;position: absolute;top: 270px;color: #000;font-size: 24px; opacity: .9;z-index: 99999} 
.box-half-right {width: 33%;padding-left: 20px;margin-left: 20px;}
.box-cover{display: flex;flex-direction: column;gap:0; }
.box-cover .article{width: 100%;margin: 0;padding:0px 0px 15px 0px;}
.box-cover .article{display: flex;flex-direction: column;}
.box-cover .article .article-image{width: 830px;}
.box-cover .article .article-content {display: flex; flex-direction: column; width: 99%;padding-top: 15px;margin-top:0;}
.box-cover .article .article-content .article-title {font-size: 30px;margin: 0}
.box-cover .article:first-of-type .article-desc {color: #fff!important}
.box-sideads{width:400px;display: flex;flex-direction: column;gap:22px;float: right;}
.box-sideads .article {display: flex;flex-direction: column;gap: 12px;}
.box-sideads .article .clearfix:nth-child(2){margin-top:4px }
.box-sidecenter{margin:10px 0 10px 0}
.box-sidecenter .container{display: flex;}
.box-sidecenter .container .article {display: flex;flex-direction: row;}
.box-sidecenter .container .article .element:first-child {margin-left: 0}
.box-sidecenter .container .article .element:not(:first-child){margin-left: 10px}
.box-sidecenter .container .article .element {width: auto}
/*.box-sub-cover .article:first-of-type{padding-left:10px}
.box-sub-cover{display:flex;margin-bottom:15px;padding-bottom:10px;margin-top: 15px;}
.box-sub-cover .article {width:calc(34.9% - 60px);margin-right:30px;margin-left:12px;color: #fff}
.border-top {border-top:2px solid #ebebeb;padding-top: 5px;margin-top:5px}*/	
/*event*/
.box-spotlight {background:#edf0fc }
.box-spotlight .container{margin-top: 10px;margin-bottom:10px;display: flex;flex-direction: row;justify-content: space-between;}
.box-spotlight .box-side{display: flex;flex-direction: column;}
.box-event {margin-top:10px;display:flex;flex-direction: row;align-items: stretch;}
.box-event .article {width:calc((100% - 10px) / 4); margin-right: 7px;}
.box-title{display:flex;flex-direction:row;align-items: baseline;}
.box-heading{line-height: 40px;font-size:19px;color:#2b3889;text-transform: uppercase;border-bottom: 2px solid #2b3889}
.box-heading a{color:#2b3889 !important}
/*media*/
.box-multimedia{background:#edf0fc }
.box-multimedia .container {margin-top: 10px;display: flex;gap:20px;flex-direction: column}
.box-multimedia .box-cat-content {display: flex}		
.box-multimedia .box-left {width: 55%}
.box-multimedia .box-right {margin-left: 25px; width: 50%;display: flex;flex-wrap: wrap}
.box-multimedia .box-right .article:nth-child(odd){margin-right:35px}
.box-multimedia .box-right .article {width: calc((100% - 35px)/2);box-sizing: border-box;}
/*person influent*/
.section-person {margin-bottom:15px}
.box-person .container {display: flex;flex-direction: column}
.box-person .box-cat-content {margin-left: -56px;margin-right: -56px;padding:36px 36px 20px 36px;
background: rgb(9,139,67);background: -moz-linear-gradient(0deg, rgba(9,139,67,1) 55%, rgba(116,242,172,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(9,139,67,1) 55%, rgba(116,242,172,1) 100%);
    background: linear-gradient(0deg, rgba(9,139,67,1) 55%, rgba(116,242,172,1) 100%);}

.box-person .article {padding-right:10px}
.box-person .article .article-image {border-radius: 10px}
.box-person .box-cat-content .article .article-image::before{padding-top: 110%;}
.box-person .article-title {font-weight: 700;color:#fff;font-size: 20px}
.box-main-text {margin-top: 45px}
.box-main-text .article-square {border-radius: 11%;background:#098b43 }
.article-square .article-title {color:#fff;font-size: 23px;padding: 53px}
/*main quote */
.box-main-quote {margin-bottom: -81px;border-right: 2px solid #0986fb;border-left:2px solid #0986fb;border-radius: 11%;border-bottom: 2px solid #0986fb;border-left: 2px solid #0986fb;background: azure;padding:5px 5px 6px 2px;margin-top: 3px}
.box-main-quote .box-title {padding-left: 3px!important}
.box-main-quote .article-media {width: 390px;display: flex;flex-direction: row}
.box-main-quote .article-media .article-content {display: flex;flex-direction: column;width: 70%;text-align: justify}
.box-main-quote .article-media .article-content .article-title {font-size: 16px}
.box-main-quote .article-media .article-image {width: 130px;height: 130px;border-radius: 50%;margin: 43px 9px 0 0 }
.article-desc-quote {font-size: 14px;font-family: UTM-Avo;color: #666;font-weight: 700;display: -webkit-box;margin-top: 9px;text-transform: uppercase}
.quote-author-border {border-top: 1px solid #5f6bbb;padding-top: 6px}
.article-desc-quote-pos {font-size: 13px;font-family: UTM-Avo;color: #666;font-weight: 700;display: -webkit-box}
/*box */
.box-section {margin-bottom: 30px}
.box-section .container {display: flex;flex-direction: column;gap:15px}
.box-layout {display: flex;flex-direction: row;justify-content: space-between;gap:35px}
.box-colx1 {width: 900px;display: flex;flex-direction: column;margin-top: 11px}
.box-catx14 .box-catx14-left {width: 52%;}
.box-catx14 .box-catx14-right {width: 46%;margin-left:12px;}
.box-catx14 .box-catx14-right .article:first-child {display: flex;flex-direction: row;width: 100%;}
.box-catx14 .box-catx14-right .article-image {width: 45%;margin-right: 15px;}
.box-catx14 .box-catx14-right .article:first-child .article-content {width: calc(100% - 45%);margin-top: 0;}
.box-catx14 .box-catx14-right .article:not(:first-child) .article-image {display: none;}
.box-catx14 .box-catx14-right .article:nth-child(n+2) {padding-top: 11px;padding-bottom: 11px; padding-left: 10px; border-top: 1px solid #b4b3b3;}
.box-sidebar {display: flex; flex-direction: column; width: 400px;gap:24px;margin-top:5px}
.box-colx2 {width: 50%;}
.box-colx3 {width: 50%;margin-left: 10px;}
.box-catx122 {display: flex;flex-wrap: wrap}
.box-catx122 .article:first-child {display: flex;flex-direction: row;}
.box-catx122 .article:first-of-type .article-image {width: 90%;margin-right: 10px}
.box-catx122 .article:first-child .article-content {display: flex;flex-direction: column;width: 99%}
.box-catx122 .article:first-child .article-content .article-title {font-size: 19px;font-weight: 700;}
.box-catx122 .article:not(:first-child){margin-top: 10px}
.box-catx122 .article:not(:first-child){flex: 0 0 calc(50% - 30px);margin-right:30px;display: flex;flex-direction: row}
.box-catx122 .article .article-image {width: 100%;margin-right:10px}
.box-catx122 .article:not(:first-child) .article-content .article-desc {display: none}

.box-mostread { display: flex;flex-direction:column;gap:12px;position: sticky;top:12px;padding-top: 10px}
.box-title-left{display: flex;flex-direction: row;align-items: baseline;}
.box-mostread .box-heading {padding-left: 0}
.box-mostread .box-cat-content { display: flex;flex-direction: column;gap:20px }
.box-mostread .article:first-child {display: flex;flex-direction: row;gap:12px;}
.box-mostread .article:not(:first-child) {display:flex; flex-direction: row;justify-content: space-between;gap: 20px;}
.box-mostread .article {width: 100%;display: flex;}
.box-mostread .article .article-content {width: 95%}
.box-catother {display: flex;flex-direction: column;gap:20px}
.box-title-left {display: flex;flex-direction: row;align-items: baseline}
.box-catother .box-heading {padding-left: 0}
.box-catother .box-cat-content {display: flex;flex-direction: column;gap:5px}
.box-catother .article:first-child {display: flex;flex-direction: column;gap:7px}
.box-catother .article:not(:first-child) {display: flex;flex-direction: row;justify-content: space-between;gap:20px}
.box-catother .article {width: 100%;display: flex}
.box-catother .article .article-content {width: 95%}
/*box category*/
.box-cate {display: flex;flex-direction: column ;gap:7px}
.box-cat-content {margin-top:10px;display:flex;}
.box-catx6 .article{margin-top: 0}
.box-catx6 .article{width: calc((100% - 80px) / 3); margin-right:25px}
.box-catx7 .article{margin-top: 0;}
.box-catx7 .article{width: calc((100% - 47px) / 4);margin-right:24px;}
.box-catx8 .article{margin-top:0;}
.box-catx8 .article{width: calc((100% - 47px) / 4);margin-right: 24px;}
.box-catx9 .article{margin-top: 0}
.box-catx9 .article{width: calc((100% - 80px) / 3); margin-right:25px}
.box-catx7 .article:first-child , .box-catx7 .article:first-child, .box-catx8 .article:first-child, .box-catx9 .article:first-child{ margin-left: 0px}
/**/
.box-topic-slider {height: auto !important}
.box-cate .bx-controls{margin: 20px 0 0 0;text-align: center;}
.box-cate .bx-pager-item {display: inline-block;margin: 0 2px;}
.box-cate .bx-pager-link.active{background:#F30307}
.box-cate .bx-pager-link {display: block;height: 8px;width: 8px;background: #e1e1e1;text-indent: -9999px;border-radius: 4px;
}	
/*category*/
.cat-detail-content {width: 844px; display: flex;flex-direction: column;gap:22px;}
.cat-detail-grid {display: grid;grid-template-columns: 62px 780px}
.cat-detail-grid-left {width: 64px}
.cat-detail-grid-right {width: 780px;display: flex;flex-direction: column;gap: 15px;}
.cat-detail-desc {font-family: 'NotoSerif-Bold';font-size: 16px;font-weight: 700;color:#333}
.cat-detail-info {display: flex;flex-direction: row;justify-content:space-between;border: 1px solid #ebebeb;}
.cat-author {display: flex;flex-direction: row;gap:15px;justify-content: space-between}
.cat-sidebar {width: 400px;display: flex;flex-direction:column;gap:22px}

.cat-post .article:first-child {display: flex;flex-direction: column}
.cat-post .article .article-image:nth-child(1) {width:790px;display: flex;flex-direction: column}
.cat-post .article:first-child .article-content{width:790px!important}
.cat-post .article:not(:first-child) {width: 790px;float:left;display: flex;flex-direction: row}
.cat-post .article:not(:first-child) .article-image {width: 250px;float:left;display: flex;flex-direction: row;margin-right: 12px}
.cat-post .article-content:first-child{width:790px!important}
.cat-post .article-content {width: 520px;display: flex;flex-direction: column;gap:12px}
.cat-post .article-title {font-size: 26px;line-height: 1.2}
.cat-post .article-desc {text-align: justify}
.cat-postex .article:first-child {display: flex;flex-direction: row;}
.cat-postex .cat-content {display: flex;flex-direction: column;gap:30px}
.cat-postex .article {display: flex;flex-direction: row}
.cat-postex .article-content {max-width: 520px;display: flex;flex-direction: column;gap:12px}
.cat-postex .article-title {font-size: 26px;line-height: 1.2}
.cat-postex .article .article-image {width: 290px; float: left;display: flex;flex-direction: row;margin-right: 12px}
.cat-category {display: flex;flex-direction: column;gap: 25px;}
.cat-catx6 .article:nth-child(1), .cat-catx6 .article:nth-child(2), .cat-catx6 .article:nth-child(3){margin-top:0}
.cat-catx6 .article {width: calc((100% - 72px)/3);float: left;margin-left: 18px;margin-top: 18px;}
.cat-catx6 .article:nth-child(3n+1) {clear: both;margin-left: 0}
.cat-layout {display: flex;flex-direction: row;gap:22px;}
.cat-catx6 .article-content {padding-top: 15px;display: flex;flex-direction: column;gap: 12px;}
.cat-colx1 {width: 844px;display: flex;flex-direction: column;gap:36px;}
.cat-post {display: flex;flex-direction: column;}
.cat-post .cat-content {display: flex;flex-direction: column;gap:30px}
.cat-title-left {display: flex;flex-direction: row; align-items: baseline;}
.cat-heading {padding-left: 30px;font-family: Noto-Serif;font-size: 28px;margin: 0;display: inline-block;color: #009f4c;background: url('../images/icon/icon-border-cat-orange.png') left 8px no-repeat;text-transform: uppercase;}
a {text-decoration: none;color: black}
a:hover{color: #3f4b95}
/*article */
.btn-size {height: 110px !important;position:relative}

.article-detail-button {display: flex;flex-direction: column;gap: 8px;position: sticky;top:60px}
.article-detail-button > div, .article-detail-button > a {display: flex;width: 32px;align-items: center;justify-content: center;border: 1px solid #ebebeb;border-radius: 32px;cursor: pointer;color: #555}
.btn-size-plus, .btn-size-minus {display: flex;width: 26px;height: 26px;align-items: center;justify-content: center;border: 1px solid #ebebeb;border-radius: 26px;font-size:12px}
.btn-size-plus {position: absolute;top: 2px}
.btn-size-minus {position: absolute;bottom: 2px}
.tooltip {position :relative}
.tooltip .tooltiptext {visibility: hidden;width: 140px;background-color:#555;color: #fff;text-align:center;border-radius: 6px;padding: 5px;position:absolute;z-index: 1;bottom:150%;left:50%;margin-left:-75px;transition: opacity 0.3s;}
.tooltip:hover .tooltiptext {visibility: visible;opacity:1}
.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left: -5px;border-width:5px;border-style:solid;border-color:#555}
.btn-size-text > span {font-size: 20px;}
.article-detail-button img {filter: opacity(0.5)}
.article {display: flex;flex-direction: column}
.article-content {display: flex;flex-direction: column;margin-top:8px;}
.article-image{position: relative;display: block;overflow: hidden;width: 100%;margin-bottom: 10px}
.article-image::before{content: '';display: block;padding-top: 56.66%;}
.article-image > img{position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;object-fit: cover}
.article-image .ico {position: absolute;top:20px;right:20px;z-index:9}
.article-title{margin: 0;font-size:14px;line-height: 1.4;color: #555}
.article-link{color: inherit}
.article-desc {font-size: 14px;font-family: Arial; color:#666;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-camp:8;-webkit-box-orient:vertical;text-align: justify}
.article-item {margin-top: 10px;margin-bottom:10px}
.article-detail-title {font-family: 'OpenSans-ExtraBold';font-weight: 700;font-size:30px;color:#333;;}
.article-detail-subtitle {font-family: 'OpenSans';font-weight: 200;font-size:18px;color:#666;padding-bottom:10px;}
.article-tag span {display: inline-block;height: 32px;font-size: 16px;line-height: 32px;background: url(../images/p/ico-tags.png) left top 9px no-repeat;color: #666;
    margin-right: 15px;padding: 0 0 0 30px;text-transform: uppercase;}
.article-keyword {display: inline}
.article-keyword a{height: 32px;line-height: 32px;display: inline-block;margin-right: 5px;margin-bottom: 10px;background: #f4f4f4;border: 1px solid #e9e9e9;border-radius: 4px;padding: 0 10px;}
/*form search*/
#frmSearch {display: flex;height: 35px;border: 1px solid #e6e6e6;background: #fff;border-radius: 35px;}
#frmSearch button {cursor: pointer;outline: none;border: 0;background: none;}
#frmSearch input { outline: none;border: 0;padding: 0 10px;background: transparent;}
.__MASTERCMS_CONTENT .notebox {text-align: center;margin:12px 20px}

.__MB_ARTICLE_PAGING {text-align: center}
.__MB_ARTICLE_PAGING span:first-child {display: none}
.__MB_ARTICLE_PAGING span {background: #098b43;color:#fff}
.__MB_ARTICLE_PAGING span, .__MB_ARTICLE_PAGING a {display: inline-block;height: 40px;text-align: center;line-height: 40px;background: #ebebeb;padding: 0 20px;border-radius: 5px}
.blogChuyende {clear: both;position: relative;padding-top: 29px;}
.blogChuyende .tabCde {clear: both;padding-bottom: 10px;position: relative;}
.blogChuyende .tabCde h2.cde {position: relative;display: inline-block;font-size: 18px;text-transform: uppercase;border-bottom: 1px solid #ce1a1b;float: left;}
.boxslideBtn {float: right;position: relative;}
.boxCterCde {border: 1px solid #e9e9e9;padding: 15px;width: 1200px;overflow: hidden;}
.boxCterCde ul {margin: 0;padding: 0;}
.boxCterCde ul li {list-style: none;float: left;overflow: hidden;width:100%;}
.boxCterCde .article-image{width:100%;height:180px;margin-bottom:10px;}
.boxCterCde .article-image img {width: 100%;clear: both;min-height:100%;}
/*footer*/
.footer {background: #efeff2}
.footer > .container {    display: flex;gap: 40px;flex-direction: row;justify-content: space-between;padding: 35px 0;}
.footer-center-left {display: flex;min-width: 408px;flex-direction: column}
.footer-center-left p {margin: 0}
.footer-center-center {display: flex;flex-direction: column;gap: 10px;min-width:340px;padding-top: 30px}
.footer-center-center p {margin: 0}
.footer-center-right{display: flex;flex-direction: column;gap:10px;}
.footer-center-right p {margin: 0}
@media only screen and (max-width: 1341px){
body {
    min-width: auto;
 }
}