@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/NotoSerif-Regular.ttf');}
@font-face {font-family:'NotoSerif-Bold';src: url('../fonts/Noto/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')}
*, ::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: 1185px; padding: 0 15px; margin: 0 auto}
a {text-decoration: none;color: black}
a:hover{color: #3f4b95 !important}
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: #4e62aa;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: normal}
.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: 16px}
.f7{font-family: 'NotoSerif-Bold', 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:15px;}
.header-center > .container {display: flex; flex-direction: row;padding: 0 0 10px 0;}
.header-center-right  {width: 85%; display: block;overflow: hidden;padding-left:40px}
.header-banner {padding-top: 18px;display: block;overflow:hidden;}
/*header menu */
.header-menu {z-index: 999;position:sticky;top:0;background: #4e62aa;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 !important}
.menu-item > a:hover {color: #eef97c;}
.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: #fff !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 coveage */
.main-cover{width: 100%;}
.main-cover .container {background:#4e62aa;}
.box-cover{display: flex;flex-direction: column;gap:0; }
.box-cover .article:first-child{width: 100%;margin: 0;padding:19px 10px 15px 21px;}
.box-cover .article:first-of-type{display: flex;flex-direction: row;}
.box-cover .article:first-of-type .article-image{width: 850px;}
.box-cover .article:first-of-type .article-content {width: calc(100% - 593px);margin-left: 15px;margin-top:0;}
.box-cover .article:first-of-type .article-title {font-size: 25px;color:#fff!important;margin: 0}
.box-cover .article:first-of-type .article-desc {color: #fff!important}
.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-pagespeed {background:#edf0fc }
.box-pagespeed .container{margin-top: 10px;margin-bottom:10px;display: flex;flex-direction: row;justify-content: space-between;}
.box-pagespeed .box-side{ width: 1000px;display: flex;flex-direction: column;}
.box-sideads{width:300px;display: flex;flex-direction: column;gap:22px;float: right;margin-top: 92px}
.box-sideads .article {    display: flex;flex-direction: column;gap: 12px;}
.box-sideads .article .clearfix:nth-child(2){margin-top:23px }
.box-event {margin-top:10px;display:flex;flex-wrap: wrap;flex-direction: row;align-items: stretch;}
.box-event .article {width:calc((100% - 6px) / 3); padding-right:10px;padding-right: 10px;}
.box-title{display:flex;flex-direction:row;align-items: baseline;}
.box-heading{margin-left: 15px;line-height: 50px;font-size:18px;color:#2940d1;text-transform: uppercase;border-bottom: 1px solid #ce1a1b}
/*box category*/
.box-cate {display: flex;flex-direction: column ;gap:7px}
.box-cat-content {margin-top:10px;display:flex;flex-direction: row;}
.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-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;justify-content: space-between;gap:36px;}
.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;}
.cat-post .article {width: 100%;float:left}
.cat-post .article-image {width: 295px;float:left;margin-right:36px}
.cat-post .article-content {max-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-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: 17px;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: 300px;display: flex;flex-direction:column;gap:22px}
/*article */
.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: 66.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}
.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:4;-webkit-box-orient:vertical}
.article-detail-title {font-family: 'NotoSans-Bold';font-weight: 400;font-size:24px;color:#333;margin-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;}
.__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%;}
.bottomBanner {padding: 10px 0 7px 0;clear:both;overflow: hidden;}
/*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;
 }
}