/*------------------------------------------------------------------
Css Reset
-------------------------------------------------------------------*/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body, html {font-size: 100%; font-family: Roboto, sans-serif; line-height: normal; padding: 0; margin: 0; outline: none}
img {max-width: 100%; height: auto; display: block; border: none}
a:focus{outline: none!important;}
/*------------------------------------------------------------------
Bắt đầu phần website
-------------------------------------------------------------------*/
:root {
  --main-color: #2F2547;
  
}
body{
	background:#F5F5F5;
	line-height:1.4em;
}
#wrapper {max-width: 1366px; margin: 0 auto;background:#FFF;}

.box-top{
	max-width:1366px;margin:0 auto;
	color:#FFF;
	font-size:12px;
	background:#20a5de!important;
	height:45px;
}
.fix-clear {clear: both}
.home{display: block;float: left;margin-right: 10px;}
.top-header {overflow: hidden;background:#43b3e0;height:auto;}
.left-top-header {float: left; padding: 8px 10px;vertical-align: text-bottom;}
.logo {margin: 0 auto; position:absolute;top:10px;z-index: 1;}
.time-date {font-size: 14px;float:left;padding-top: 15px;}
.right-top-header {float: right; height: 40px;padding-right:10px;}
.right-top-header ul {display: inline-block; width: 100%; margin: 0; padding: 0}
.right-top-header li {float: left; list-style: none;padding:15px 10px;}
.right-top-header li:last-child {border-right: none; padding-right: 0}
.right-top-header li a {color: #FFF; text-decoration: none;font-size: 14px;}
.icon-home {float: left; width: 19px; height: 16px; position: relative; top: 2px}
.banner {max-width:1366px;margin:0 auto;height:auto;overflow:hidden;}
/*.box-banner{background:url('../images/bg.png') repeat;}*/
.box-home-bt{padding-top: 10px;}

.row-container {margin-bottom: 25px; display: inline-block; width: 100%}
/*.main {width: 74.5%; float: left; margin-right: 3%}*/
.main {width: 74.5%; float: left; margin-right: 3%}
.col {float: left}
.col-1 {margin-right: 4%; width: 42.282%; }
.list-news{background:url('../images/bgnews.png') repeat;overflow:hidden;padding-top:25px;}

.title {margin: 0; padding: 8px 12px 5px; background: #153C89; color: #FFF; font-size: 18px; font-weight: 700; float: left; text-transform: uppercase}
.news-title {margin: 0; padding: 8px 12px 5px; color: #005689;border-left:5px solid #153C89; font-size: 18px; font-weight: 700; float: left; text-transform: uppercase}
.list-text ul {padding: 10px; display: inline-block; margin: 0}
.list-text ul li {display: inline-block; width: 100%; padding-top:10px;padding-bottom:10px;margin-bottom: 10px;border-bottom: 1px solid #e2e2e2;}
.list-text ul li:last-child {margin-bottom: 0;border-bottom:none;}
/*.list-text ul li a {display: block; background: url(../images/icon-li.png) no-repeat left 7px; padding-left: 18px; font-size: 14px; text-decoration: none; color: #000}*/
.list-text ul li a {display: block; padding-left: 18px; font-size: 14px; text-decoration: none; color: #000}

.time-post-list {display: inline-block; font-size: 12px; color: #ea0504; padding-left: 5px; font-weight: 400}
.paging {padding: 10px 10px 20px; text-align: center}
/*.paging ul {margin: 0; padding: 0; display: inline-block; width: 100%}
.paging ul li {display: inline; list-style: none; color: #ea0504}
.paging ul li a {display: inline-block; padding: 3px 8px 5px; border: solid 1px #e0e0e0; color: #ea0504; font-size: 12px; text-decoration: none; background: #fff}
.paging ul li a:active, .paging ul li a:focus, .paging ul li a:hover {background: #ea0504; color: #fff}*/
.col-2 {width: 53.693%}
.box-slide-img {position: relative; padding-bottom: 10px; margin-bottom: 25px; border-bottom: solid 1px #1b78bd}
.list-photo{padding-top:25px;}
.fix-title {position: absolute; top: 0; left: 0}
.box-slide-img ul {margin: 0; padding: 0}
.box-slide-img ul li {list-style: none}
.box-slide-img ul li a {color: #000; text-decoration: none}
.img-slide {display: inline-block; width: 100%; max-height: 333px; overflow: hidden}
.img-slide img{margin:0 auto;}
.title-box-slide {font-size: 24px; font-weight: 700; margin-top: 5px; display: block;color:#005C9C;padding:10px 0;line-height: 1.2em;}
.list-news-img {display: inline-block; width: 100%}
.list-item-img {float: left; margin: 0 4% 15px 0; width: 48%; color: #000; font-size: 14px; text-decoration: none}
.list-item-img:nth-child(2n) {margin-right: 0}
.img-item {float: left; width: 100%; height: 140px; overflow: hidden;text-align:center;}
.img-item img {
    width: auto;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}
.list-item-img p {display: inline-block; width: 100%; padding: 8px 0; margin: 0; font-weight: 700;height:100px;overflow:hidden;}
.sidebar {float: left; width: 22.5%}
.list-right{padding-top:25px;}
.row-sidebar {margin-bottom: 15px}
.row-sidebar:last-child {margin-bottom: 0}
.title-sidebar {margin-bottom: 5px; padding-top: 15px}
.title-sidebar h4 {margin: 0; color: #005689; text-transform: uppercase;font-size:16px;font-weight:bold;}
.title-sidebar img {float: left; margin-right: 8px}
.content-sidebar a {margin-bottom: 15px; display: block; font-size: 14px; color: #000; text-decoration: none; font-weight: 700}
.content-sidebar a:last-child {margin-bottom: 0}
.content-sidebar a p {margin: 10px 0 0}

.title-category {border-top: solid 1px #4bc6df}
/*.title-category h2 {margin: 0; padding: 8px 12px 5px; background: #4bc6df; color: #fff; font-size: 18px; font-weight: 700; float: left; text-transform: uppercase}*/
.title-category h2 {margin: 0; padding: 8px 12px 0px 20px; color: #005689; font-size: 18px; font-weight: 700; float: left; text-transform: uppercase}

/*Tin lien ket*/
.news-link{margin-top:0px;}
.news-link ul{padding-left:0px;}
.news-link ul li{width:100%;list-style:none;display:block;clear:both;padding:15px 0;}
.news-link-img{width:40%;float:left;}
.news-link-img img{width:100%;text-align:center;}
.news-link-title{width:60%;display:inline-block;padding:0 10px;font-size:14px;text-decoration:none;color:#000;line-height:1.4em;}
.news-link-title:hover{text-decoration:none;}
/*.news-link-title p{margin-top:0;font-size:14px;}*/
.news-link-name{color:#ef3f4a;display:block; float:right;font-size:12px; padding-right:15px;text-decoration:none;}

/*Media Area*/
.multiple-media {padding: 10px}
.cf, .cf:after, .cf:before {content: ""; display: table; width: 100%}
.list-box-rows ul {margin: 0; padding: 0}
.list-box-rows ul li {display: block; list-style: none; padding: 5px 0px}
.list-box-rows ul li:hover .thumb-img:before, .col-big-news:hover .thumb-img:before, .big-news-cate-main:hover  .thumb-img:before {width: 96%; height: 94%; left: 2%; top: 3%; border: dashed 1px rgba(255, 255, 255, 0.5); visibility: visible; opacity: 1}
.multiple-media {padding: 10px}
.list-box-rows-6 ul li {float: left; width: 25%; padding: 10px}
.list-box-rows-6 ul li:nth-child(1) {width: 50%}
.list-box-rows-6 ul li .thumb-media {width: 100%; height: 180px; position: relative}
.list-box-rows-6 ul li:nth-child(1) .thumb-media {height: 380px}
.list-box-rows-6 ul li .thumb-media .title-media {padding: 10px 15px}
.list-box-rows-6 ul li:nth-child(1) .title-media {padding: 20px; font-size: 20px}
.list-box-rows-6 ul li .thumb-media .title-media em {text-transform: capitalize; font-size: 15px; font-family: 'RobotoCondensed-Bold', sans-serif; margin-right: 5px; font-style: normal}
.list-box-rows-6 ul li:nth-child(1) .title-media em {text-transform: uppercase; font-size: 17px; font-family: 'RobotoCondensed-Bold', sans-serif}
.thumb-img {float: left; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; position: relative}
.thumb-img:before {content: ""; position: absolute; width: 0; height: 0; left: 50%; top: 50%; border: dashed 1px rgba(255, 255, 255, 0); z-index: 20; visibility: hidden; opacity: 0}
.list-box-rows ul li:hover .thumb-img:before, .col-big-news:hover .thumb-img:before, .big-news-cate-main:hover  .thumb-img:before {width: 96%; height: 94%; left: 2%; top: 3%; border: dashed 1px rgba(255, 255, 255, 0.5); visibility: visible; opacity: 1}
.thumb-img:after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0}
.title-bg-grd {position: absolute; left: 0; bottom: 0; width: 100%; color: #fff;
padding:5px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/*Mega Story*/
.mega-story {padding: 20px 20px 20px 172px; position: relative}
.title-mega-story {position: absolute; left: 50px; top: 50%; bottom: 50%; margin-top: -25px; font-size: 32px; text-transform: uppercase; color: #999; line-height: 34px}
.list-box-rows-7 ul li {height: 330px; padding: 0}
.thumb-mega {width: 100%; height: 330px}

/*Video Popup*/
.datavideo-popup {display:none;}


/*Search*/
.dn-search{
	/*position: absolute;	*/
	margin-top:8px;
	margin-right:20px;
	width: 200px;

}

.dn-search-main{
	width:50%;
	margin:0 auto;
	margin-bottom:20px;
}
.dn-cate-name{
	margin: 0;
	padding: 8px 12px 5px;
	color: #005689;
	border-left: 5px solid #153C89;
	font-size: 18px;
	font-weight: 700;
	float: left;
	text-transform: uppercase;
	margin-top:20px;
}
.dn-date-time{font-size:14px;margin-left: 15px;}
.dn-cate-item{border-bottom:1px solid #E2E2E2;padding-bottom: 25px;padding-top: 15px;}

.dn-title-news{margin-left: 15px;}
.dn-title-news a{font-weight: bold;}
.dn-title-news a:hover{
    text-decoration: none;
}
/*End Search*/

/*Data Search*/
.datasearch{padding-top: 20px;}
/*End Data Search*/

/*Infographics Slide*/
.news-title-graphics {margin-bottom: 10px; padding: 8px 12px 5px; color: #005689;border-left:5px solid #153C89; font-size: 18px; font-weight: 700; float: left; text-transform: uppercase}
.news-title-graphics a{color: #005689}
.news-title-graphics a:hover{text-decoration: none;}
.slide{height: 300px;overflow: hidden;}
.bx-wrapper{margin: 0 auto;box-shadow:none;border: none;}
.slidergraphics1{padding: 10px;}
.bx-wrapper,
.bx-viewport {
  height: 300px !important;
}


/*End Infographics Slide*/

/*Navbar Custom*/
.box-bt-fluid{overflow: hidden;background:#F4F4F4 /*#43b3e0*/;height: auto;border-radius:0px;border:none;margin-bottom: 0px;}
.box-bt-fluid a{color: #FFF!important}
.box-bt-1{padding-left: 0!important;padding-right: 0!important;}
.box-bt{max-width:1366px;margin:0 auto;padding:0 10px;color:#FFF;font-size:14px;background: linear-gradient(to right, rgba(9,27,68) 25%, rgba(19,38,147) 100%);}
/*.box-bt{max-width:1366px;margin:0 auto;padding:0 10px;color:#FFF;font-size:14px;background:var(--main-color);}*/
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: #FFF!important;}
.navbar-default .navbar-toggle{border-color: #FFF;background: #FFF}
/*End Navbar Custom*/

/*Begin Footer*/
#footer {margin-top: 20px}
.logo-ft {padding: 10px 0; text-align:center;}
.list-box-rows-9 ul li {display: inline-block; padding: 0 15px}
.list-box-rows-9 ul li a img {max-height: 45px; width: auto; vertical-align: middle}
.mid-ft {padding: 15px 0}
.grp-col {-webkit-columns: 100px 4;
  -moz-columns: 100px 4;
  columns: 100px 4;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;}
.colx4 {display: inline-block; vertical-align: top; width: 24.7%; padding: 15px 10px}
.list-links-ft h4 {margin-bottom: 15px; text-transform: uppercase}
.list-links-ft h4 a {font-size: 15px; color: #333;text-decoration: none}
.list-links-ft ul {margin: 0; padding: 0}
.list-links-ft ul li {display: block; margin: 5px 0}
.list-links-ft ul li a {text-decoration: none; text-transform: capitalize; color: #333;}
.list-links-ft ul li a:hover {color: #0288d1; padding-left: 5px}
.bot-ft {background: #1a6795; padding: 30px 0}
.info-ft .logo-info {float: left; margin: 5px 15px 0 0}
.info-ft .logo-info img {display: inline-block}
.info-ft p {margin: 0; display: inline-block; color: #fff; font-size: 15px;}
.info-ft p em {font-style: normal}
.menu-ft {margin-top: 15px}
.menu-ft ul {margin: 0; padding: 0}
.menu-ft ul li {display: inline; list-style: none; margin: 0 2px; color: #fff; font-size: 15px}
.menu-ft ul li a {color: #fff; text-decoration: none; text-transform: capitalize;}
.menu-ft ul li a:hover {color: #a3cce2}
.footer-end{max-width:1366px;margin:0 auto;}
.fl-right {
    float: right;
}
.fl-left {
    float: left;
}
/* Trang details news */
.content-post {padding: 35px 25px 25px; position: relative; border-bottom: 1px solid #4bc6df; margin-bottom: 15px;margin-top:25px;}
.breakcrumb {position: absolute; left: 0; top: 0; padding: 8px 12px 5px; float: left;border-left:5px solid #153C89}
.breakcrumb ul {margin: 0; padding: 0}
.breakcrumb ul li {display: inline-block; margin-right: 5px; color: #005689; font-weight: 700; font-size: 18px}
.breakcrumb ul li a {display: inline-block; color: #005689; text-decoration: none; font-weight: 700; font-size: 18px; text-transform: uppercase}

.text-post h2.title-text-post {font-size: 24px; font-weight: 700}
.text-post p {font-size: 16px;line-height:2em;}
.save-file {background: #e14848; color: #fff; text-decoration: none; display: inline-block; font-size: 14px; padding: 8px 12px}

.news-lq h3, .news-lq h2 {text-transform: uppercase; color: #005689; font-size: 18px; margin: 10px 20px;font-weight:600;}


/* Trang details tin ảnh*/
.fix-breakcrumb {position: inherit}
.details-news-img {margin-top: 10px; display: inline-block; width: 100%; padding-bottom: 10px; border-bottom: solid 1px #ea0504}
.col-3 {float: left; width: 48%; margin-right: 4%}
.col-3:nth-child(2n) {margin-right: 0}
.details-text-post {display: inline-block; width: 100%; padding: 15px; background: #f7f7f7}
.fix-save-file {float: right}
.icon {position: relative}
.icon-save-file {width: 23px; height: 18px; margin-right: 8px; background: url(../images/icon-save-file.png) no-repeat; display: inline-block; top: 4px}
.fix-text-post {height: 480px; overflow-y: scroll}


/* Nav show mobile */
.nav-show-mobile {padding: 8px 15px 5px; position: relative; background: #f7f7f7; border-top: solid 1px #ea0504; border-bottom: none; display: none}
.nav-show-mobile select:focus {outline: none}
.nav-show-mobile select {font-size: 16px; width: 100%; text-transform: uppercase; line-height: 22px; font-weight: 700;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px 2px 2px 32px;
    border: none;
    background: transparent url(../images/icon-dropmenu.png) no-repeat left 6px}
/*Popup*/
.popup{
  display: none;
}
.popup img{
  margin: 0 auto;
}
.download{
  background: url('download.png') no-repeat;
  text-align: center;
  display: block;
  margin: 0px auto 10px auto;
  padding: 10px 0;  
  color: #000;
  width: 130px;
}
.downloadsearch{font-size: 14px; background: url('download.png') no-repeat;display: block;  padding: 10px 30px;}

/* Chinh sua trang detail ngay 27.4.2023*/
.news-container{width:80%;	margin:auto;}
.post-time {	font-size: 14px;	color: #6c757d;	margin-right: 0;	padding-right: 0;	fill: currentColor;	text-align: center;}
.text-post {	width: 80%;	margin: auto;	padding-top: 25px;}
.text-post h1.title-text-post{text-align:center;}
.content-post {	text-align: justify;}
.news-content {	padding-top: 2rem;}
/*them ngay 2.11.2021*/
.news-content p{text-indent:1.3rem;}
/*them ngay 2.5.2023*/
@media only screen  and (max-width:768px){
.news-container{width:100%;}
.text-post{width:100%;}
}