body { min-width: 1000px; font-family: Arial; font-size: 13px; color: #101010; max-width: 1366px; margin: auto;}
.wrp { width: 1000px; margin: auto; margin-top: 0; } 


.thongke { background: #f3f3f3; border-top: 1px solid #ebebeb; padding: 3px; margin-bottom: 10px }
.thongke-ngay { width: auto; height: 100%; background: url(Icon/icon-thongke-ngay.png) no-repeat left; float: left; margin-left: 5px; padding-left: 5px }
.thongke-luotxem { width: auto; height: 100%; background: url(Icon/icon-thongke-luotxem.png) no-repeat left; float: left; padding-left: 10px; margin-left: 15px; }
.thongke span { font-size: 12px; color: #aaa; line-height: 25px; margin-left: 15px; float: left; margin-right: 6px }
.cochu { float: right; width: auto; height: 100% }
.cochu span { margin-left: 0px }
.thongke .cochu a { margin: 0px; float: none; display: inline }
.thongke .apd a { color: #aaaaaa; padding-left: 20px; margin-top: 3px; display: inline-block }
.thongke a.email { background: url(icon/email.gif) no-repeat left center; padding-right: 15px }
.thongke a.email span { display: none }
.thongke a.print { background: url(icon/print.gif) no-repeat left center }

.noidung { width: 100%; text-align: justify; line-height: 22px; font-size: 14px; margin: 10px 0 }
.noidung img,
.noidung input[type=image],
.noidung1 img,
.noidung1 input[type=image] { max-width: 100%; height: auto !important; margin: auto; display: block !important }
.noidung iframe,
.noidung video,
.noidung1 iframe,
.noidung1 video { max-width: 100%; margin: auto; display: block !important }
.noidung table { margin: auto; max-width: 100% }
.noidung figcaption { text-align: center; }
.noidung .wImage iframe { width: 100%; height: 100% }

.noidung h1,
.noidung h2,
.noidung h3,
.noidung h4,
.noidung h5,
.noidung h6 { display: block }
.noidung h1 { margin: 0.67em 0; font-size: 2em; }
.noidung h2 { margin: 0.83em 0; font-size: 1.5em; }
.noidung h3 { margin: 1em 0; font-size: 1.17em; }
.noidung h4 { margin: 1.33em 0 }
.noidung h5 { margin: 1.67em 0; font-size: 0.83em; }
.noidung h6 { margin: 2.33em 0; font-size: 0.67em; }

.noidung.sapo { font-weight: bold; margin-bottom: 0; min-height: 0 }

.fancybox-overlay.fancybox-overlay-fixed { background: rgba(0, 0, 0, 0.8) }
.fancybox-inner img { width: auto !important; max-width: 100% }
.lh35 { line-height: 35px }

.tab-content .tab { display: none }
.tab-content .tab.active { display: block }

a:hover { color: inherit; text-decoration: none }

.wImage { position: relative; overflow: hidden }
.wImage:before { content: ""; display: block; padding-bottom: 66.66% }
.wImage .image { height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.wImage .image.cover img { height: 100%; object-fit: cover; width: 100%; }
.wImage .image img { display: block; margin: auto; max-height: 100%; max-width: 100%; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out }
.group.style1 .wImage .image img{height: 85px;top: 0;transform: none;}
/*.wImage:hover .image img { transform: scale(1.1);-moz-transform: scale(1.1)}*/
.btn:hover { -webkit-filter: brightness(110%); -moz-filter: brightness(110%) }

.vYoutube:before { padding-bottom: 56.25% }
.vYoutube iframe { width: 100%; height: 100% }
#bttop { position: fixed; bottom: 130px; right: 10px; cursor: pointer; z-index: 100 }

#header { position: relative; background: #fff; background-size: cover; background-size: auto 100%; min-height: 50px; }
#header:after { content: ""; height: 8px; width: 100%; position: absolute; bottom: 0; left: 0; background: url(icon/borderHead.png) left repeat-x; z-index: 30; display: block }
#header .slideHeader img { width: auto; margin: auto; display: block; max-width: 100%; min-height: 50px; }
#header .over { position: absolute; top: 50%; left: 0; width: 100%; display: flex; transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 10; height: 100%; }
#header .logo { display: block; flex: 1; }
#header .logo img { max-height: 160px; }
#header .right { align-items: flex-end; float: right; flex-flow: wrap row }
#header .right ul { padding: 0; margin: 0; list-style: none; color: #fff; margin-bottom: 15px }
#header .right ul li { display: inline-block; margin-left: 6px; font-size: 13px }
#header .right ul li:after { content: "|"; display: inline-block; margin-left: 6px }
#header .right ul li:last-child:after { display: none }
#header .right ul li a{ color: #333;}
#header .right ul li.active a,
#header .right ul li:hover a { color: #DA1E18 }

.menu { background: #0375bc; border-top: 1px solid #fff; position: relative; z-index: 90 }
.menu .wrp { display: flex; }
.menu ul { padding: 0; margin: 0; list-style: none; flex: 1; display: flex; position: relative; width: auto; /*overflow:visible*/ }
.menu ul li { float: left; border-left: 1px solid #09f; flex: auto; text-align: center; position: relative }
.menu ul li:last-child { border-right: 1px solid #09f }
.menu ul li.lastc2 ul { right: 0; left: auto }
.menu ul li.lastc2 ul li.lastc3 ul { right: 100%; left: auto; top: -1px; }
.menu ul li ul { position: absolute; top: 100%; left: 0; background: #f1f1f1; border-top: 1px solid #fff; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; display: none; width: auto; border-top: none; /*overflow:visible*/box-shadow: 0 0 10px #888; min-width: 100% }
.menu ul li ul li:after { content: ""; width: 3px; height: 100%; position: absolute; right: -3px; background: transparent; display: block; top: 0 }
.menu ul li ul li:last-child { border: none }

/*.menu ul li ul li { flex: auto; border: none}*/
/*.menu ul li.hasChild >a:before { content: "\f0d7"; font-family: 'FontAwesome';font-weight: 900; position: absolute; color: #333; bottom: -8px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 10; display: none}*/
.menu ul li ul li { float: none; display: block; text-align: left; background: #fff; border-left: 1px solid #cdcdcd; border-bottom: 1px solid #ededed; position: relative; color: #333; font-size: 13px; align-items: center }
/*.menu ul li.hasChild >a:before{content:""}*/
/*.menu ul li:hover >a:before,.menu ul li.hasChild.active >a:before {display: block}*/
.menu ul li ul li a { white-space: nowrap; display: block; color: #333; padding: 10px 20px; text-transform: none; font-weight: normal}
.menu ul li a { display: block; padding: 10px 20px 10px 10px; font-family: Arial; color: #fff; font-size: 12px; position: relative; text-transform: uppercase; font-weight: bold} 
.menu ul li ul li a i { position: absolute; right: 8px; top: 13px; color: #808080 }
.menu ul li.active > a,
.menu ul li:hover > a { background: #09f; color: #fff }
.menu ul li ul li.active > a,
.menu ul li ul li:hover > a { background: #09f; color: #fff }
.menu ul li ul li.active > a i,
.menu ul li ul li:hover > a i { color: #fff }
.menu ul li ul li ul { position: absolute; left: calc(100% + 3px); top: 0; z-index: 5; border-left: none }
.menu ul li:hover > ul/*,.menu ul li.active >ul*/ { display: block; top: 100% }
.menu ul li ul li:hover > ul { top: 0; }

/*Ninh*/

/*.menu ul li ul li ul{position:absolute;left:100%;top:-1px !important;z-index:5;border-left:none}*/


.Search,
#Search1 { float: right; width: 100%; background: #fff; margin-top: 4px; height: 30px }
.Search a,
#Search1 a { width: 30px; height: 30px; line-height: 28px; text-align: center; float: right }
.Search input,
#Search1 input { width: calc(100% - 30px); height: 28px; box-sizing: border-box; border: none; outline: none; padding: 0 10px }
#Search1 { width: 100%; margin-top: 10px; height: 30px; border-radius: 4px; overflow: hidden; flex: 1; margin-top: 3px; box-sizing: border-box; border: 1px solid #888; margin-left: 20px; border-radius: 0 }
#Search1 .input { height: 30px }

#dongsk { background: #f1f1f1; overflow: hidden }
#dongsk .wrp { overflow: hidden; display: flex; align-items: center ; height: 33px}
#dongsk .wrp .datetime { padding: 7px 0; padding-right: 5px; white-space: nowrap; font-size: 13px; float: left; width: 230px; text-align: left; font-weight: 300; height: 33px }
#dongsk .wrp .datetime i { margin-right: 5px; }
#dongsk .wrp ul { margin: 0; padding: 7px 0; list-style: none; width: calc(100% - 490px); float: left; opacity: 0; overflow: hidden }
#dongsk .wrp ul li { display: inline-block; margin-right: 20px; color: #0375bc; font-weight: 300 }
#dongsk .wrp ul li:hover a,
#dongsk .wrp ul li:hover i { color: #E31F16; }
#dongsk .wrp ul li i { font-size: 9px; color: #0375bc; position: relative; top: -2px; margin-right: 3px }

.colleft { width: 76.07%; box-sizing: border-box; padding-right: 15px; float: left }
.colright { width: 23.93%; float: right }

#newsHot { display: flex; flex-flow: wrap row; margin-bottom: 10px}
#newsHot .left { width: 60%; float: left; overflow: hidden}
#newsHot .left .wImage { display: block; width: 100% }
#newsHot .left .name { display: block; font-weight: bold; line-height: 22px; font-size: 16px; margin: 10px 0; color: #0375bc }
#newsHot .left .cont { line-height: 20px; max-height: 63px; overflow: hidden }
#newsHot .left .owl-dot { width: 9px; height: 9px; display: inline-block; margin-right: 10px; border-radius: 50%; background: #dcdcdc }
#newsHot .left .owl-dot.active { background: #e60201; }
#newsHot .left .owl-dots { display: table; margin: auto; margin-top: 5px }
#newsHot .date { color: #888; font-style: italic }

.name:hover { color: #09f }
#media-large .media-body {font-weight: bold;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;}
.datechuyenmuc {
    color: #777;
    font-size: 11px;
    margin-bottom: 5px;
}
#newsHot .right { flex: 1; padding-left: 15px }
#newsHot .right .title { text-transform: uppercase; font-weight: bold; color: #0375bc; font-size: 14px; padding: 0 3px; padding-bottom: 5px; border-bottom: 2px solid #0375bc; margin-bottom: 13px; font-size: 13px}
#newsHot .right .group { height: 400px }
#newsHot .right .item { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #dededf; display: flex; }
#newsHot .right .item:last-child { margin: 0; padding: 0; border: none }
#newsHot .right .item .name { display: block; line-height: 20px; /*margin-bottom: 7px;*/position: relative; padding-left: 10px; text-align: justify; }
#newsHot .right .item .name i { position: absolute; font-size: 9px; left: 0; top: 6px }
#newsHot .right .item .name .icon { display: inline-block; line-height: 20px; position: relative; vertical-align: top }
#newsHot .right .item .name .icon img { position: absolute }
#newsHot .right .item .time { color: #0563e2 }
#newsHot .right .item .img { width: 30% }
#newsHot .right .item .info { flex: 1; /*padding-left: 15px; margin-top: -2px*/ }
.mCSB_scrollTools { right: -4px }

.commonBanner { display: block; }
.commonBanner img { max-width: 100%; height: auto; display: block; margin: auto }

.parentNews { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 10px}
.parentNews .group { width: 100%; margin-bottom: 15px; }
.parentNews .title { overflow: hidden; margin-bottom: 7px; border-bottom: 1px solid #dcdcdc }
.parentNews .group .contents { display: flex }
.parentNews .title .cateName { display: inline-block; color: #0375bc; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; font-size: 15px; border-bottom: 2px solid #0375bc }
.parentNews .group .content { display: flex; flex: 1; flex-wrap: wrap; position: relative }

.parentNews .group.style1 { width: calc((100% - 10px) / 2);display: flex; flex-direction: column }
.parentNews .group.style1 .content .list { position: relative; width: 100%; margin-top: 10px; padding: 0; height: 100px; flex: 1 }
.parentNews .group.style1 .content .main { width: 100% }
.parentNews .group.style1 .content { flex: 1; box-sizing: border-box; border: 1px solid #dcdcdc; padding: 10px 5px; padding-top: 15px; border-top: 0 }
.parentNews .group.style1:nth-child(2n) { margin-right: 0 }
.parentNews .group.style1 .commonTitleNews { margin-bottom: 0 }
@media
screen and (-webkit-min-device-pixel-ratio: 0)
  and (min-resolution: .001dpcm) { .parentNews .group.style1 .content { flex-direction: column } }

.parentNews .group .content .main { width: 60%; min-height: 100px }
.parentNews .group .content .main .wImage { width: 30%; float: left; margin-right: 10px }
.parentNews .group .content .main .cont { width: 100%; line-height: 20px; max-height: 84px; overflow: hidden; text-align: justify }
.parentNews .group .content .main .info .name { line-height: 20px; font-weight: bold; display: block; margin-bottom: 3px }
.parentNews .group .content .main .info .time {margin: 5px 0}
.parentNews .group .content .list { margin: 0; padding: 0; flex: 1 }
.parentNews .group .content .list li { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px dotted #dddddd; }
.parentNews .group .content .list li:last-child { margin: 0; padding: 0; border: none }
.parentNews .group .content .list li a { line-height: 20px; display: block; padding-left: 12px; position: relative }
.parentNews .group .content .list li a i { font-size: 9px; color: #205aa7; position: absolute; top: 6px; left: 0 }
.parentNews .group .content .list li a:hover { color: #205aa7 }

.parentNews .group.style2 .content .main { width: 100%; margin-bottom: 10px }
.parentNews .group.style2 .content .list li { border-bottom: none; padding-bottom: 0 }
.parentNews .group.style2 .content .main .info .cont { margin-top: 7px }
.parentNews .group.style2 .content .main .wImage { width: 200px }

.colright .parentNews { margin-right: 0; margin-top: 0 }
.colright .parentNews .group { margin-bottom: 5px; margin-right: 0 }
.colright .parentNews .group .list { list-style: none }

.flex { display: flex; }
.flex_1 { flex: 1 }

.module { padding: 0; margin: 10px 0; list-style: none; display: table; width: 100%; }
.module li { float: left; width: calc((100% - 9px) / 4); margin-right: 3px; margin-bottom: 3px }
.module li:nth-child(4n) { margin-right: 0 }
.module li:nth-child(4n + 1) { clear: both }
.module li a { display: table; background: #f5f5f5; width: 100%; padding: 5px 8px; box-sizing: border-box }
.module li a .icon { float: left; width: 40px; }
.module li a .icon img { display: block; margin: auto }
.module li a .text { text-transform: uppercase; float: right; width: calc(100% - 40px); font-size: 11px; line-height: 17px }
.module li a:hover span,
.xemthem:hover { color: #205aa7 }

.style2 { margin-bottom: 15px }
.style2 .title { margin-bottom: 10px }
.style2 .title .cateName,
.commonCateName { padding-bottom: 8px; font-weight: bold; color: #205aa7; text-transform: uppercase; font-size: 17px; display: inline-block; border-bottom: 2px solid #0054a6; float: left }
.xemthem { color: #666666; float: right; font-size: 12px }
.style2 .xemthem { margin-top: 10px }
.style2 .group1 { box-sizing: border-box; padding: 13px; border: 1px solid #ececec }
.style2 .left { float: left; width: 62.5% }
.style2 .left .wImage { width: 40.57%; margin-right: 8px; margin-bottom: 5px; float: left }
.style2 .left .wImage:before { padding-bottom: 50.47% }
.style2 .left .name { font-weight: bold; line-height: 20px; margin-bottom: 10px; display: table }
.style2 .left .cont { line-height: 20px; text-align: justify }
.style2 .right { float: right; width: 36% }
.style2 .right .item { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #ececec }
.style2 .right .item .wImage { width: 30%; float: left }
.style2 .right .item .name { width: 68%; float: right; margin-top: -3px; line-height: 21px }
.style2 .right .item:last-child { padding: 0; margin: 0; border: none }

.bannerRight { display: block; margin-bottom: 5px }
.bannerRight img { width: 100%; height: auto }

.bando .title { text-transform: uppercase; font-weight: bold; color: #0054a6; text-align: center; line-height: 30px; background: #205aa7; color: #fff }
.bando .title i { margin-right: 3px }
.bando { box-sizing: border-box; border: 1px solid #205aa7 }
.bando .bannerRight { border: 1px solid #e5e5e5; box-sizing: border-box; border-top: none; margin-bottom: 0; }

.colright .parentNews .group { width: 100% }
.colright .parentNews .group ul.list { height: auto; position: static; padding-left: 0 } 
.colright .parentNews .group .content .list li a { padding-left: 15px }
.colright .parentNews .group .content .list li a i { left: 5px }

.newsRight { margin-bottom: 13px; /*box-sizing: border-box; padding: 10px; box-shadow: 0 0 10px #d2d2d2; border: 1px solid #d2d2d2*/ }
.newsRight:last-child { margin-bottom: 0 }
.newsRight .title { display: block; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; overflow: hidden; margin-bottom: 7px; font-size: 14px; color: #0054a6; padding-bottom: 10px; border-bottom: 1px solid #0054a6 }
.newsRight ul { padding: 0; margin: 0; list-style: none; box-sizing: border-box }
.newsRight ul li { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px dotted #dddddd; }
.newsRight ul li:last-child { padding: 0; margin: 0; list-style: none }
.newsRight ul li a { position: relative; padding-left: 15px; display: block; line-height: 21px }
.newsRight ul li a i { font-size: 6px; color: #0375bc; position: absolute; top: 8px; left: 5px }
.newsRight ul li:last-child { margin-bottom: 0; padding: 0; border: none }
.newsRight ul li a:hover { color: #0375bc }
.newsRight .content { box-sizing: border-box; padding: 10px; border: 1px solid #d2d2d2 }

#bannerLogo { padding: 25px 0 }
#bannerLogo .wImage:before { padding-bottom: 40.48% }

#lienketwebsite { margin-top: 10px }
#lienketwebsite .tab-links,
.galleryRight .tab-links { border: 1px solid #dadada; border-bottom: 2px solid #0375bc; border-radius: 10px 10px 0 0; background: #f8f8f7; overflow: hidden }
#lienketwebsite .tab-links,
.galleryRight .tab-links { padding: 0; margin: 0; list-style: none; position: relative; z-index: 2 }
#lienketwebsite .tab-links li,
.galleryRight .tab-links li { display: inline-block; margin-right: 2px; margin-left: -1px; margin-bottom: -1px; position: relative }
#lienketwebsite .tab-links li:after,
.galleryRight .tab-links li:after { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: -1px; left: 0; background: transparent }
#lienketwebsite .tab-links li.active:after,
.galleryRight .tab-links li.active:after { background: #0375bc }
#lienketwebsite .tab-links li.active,
.galleryRight .tab-links li.active { border: 1px solid #dadada; background: #0375bc; color: #fff }
#lienketwebsite .tab-links li a,
.galleryRight .tab-links li a { padding: 10px 25px; text-transform: uppercase; font-weight: bold; font-size: 13px; display: block }
#lienketwebsite .tab-content,
.galleryRight .tab-content { border: 1px solid #dadada; padding: 15px; box-sizing: border-box; position: relative; top: -1px }
#lienketwebsite .tab-content .tab,
.galleryRight .tab-content .tab { display: none }
#lienketwebsite .tab-content .tab.active,
.galleryRight .tab-content .tab.active { display: block }
#lienketwebsite .tab-content ul { list-style: none; margin: 0; padding: 0; display: table; width: 100% }
#lienketwebsite .tab-content ul li { line-height: 20px; margin-bottom: 3px; width: calc(100% / 3); box-sizing: border-box; padding: 0 15px; float: left }
#lienketwebsite .tab-content ul li:nth-child(3n + 1) { clear: both }
#lienketwebsite .tab-content ul li a i { font-size: 11px; margin-right: 3px; vertical-align: middle; display: inline-block; position: relative; top: -1px }
#lienketwebsite .tab-content ul li a:hover { color: #0375bc; }

.galleryRight .tab-links { display: table; width: 100% }
.galleryRight .tab-links li { width: 50%; float: left; margin-right: 0; box-sizing: border-box }
.galleryRight .tab-links li a { text-align: center }
.galleryRight .tab-content ul { padding: 0; margin: 0; list-style: none; box-sizing: border-box }
.galleryRight .tab-content ul li { margin-bottom: 7px }
.galleryRight .tab-content ul li a { position: relative; padding-left: 10px; display: block; line-height: 21px }
.galleryRight .tab-content ul li a i { font-size: 6px; color: #e60201; position: absolute; top: 8px; left: 0 }
.galleryRight .tab-content ul li:last-child { margin-bottom: 0 }
.galleryRight .tab-content ul li a:hover { color: #0054a6 }

/*.galleryRight .tab-content .main { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #dadada}*/

.galleryRight { margin-bottom: 15px; width: 100%; }
.galleryRight .name { display: block; font-weight: bold; line-height: 20px; margin-top: 7px; text-align: justify }
.galleryRight .tab-content .main .wImage .icon { position: absolute; z-index: 10; bottom: 10px; left: 10px }

.commonXemThem { display: table; line-height: 25px; border: 1px solid #0054a6; color: #0054a6; padding: 0 20px; margin: auto; margin-top: 20px; text-transform: uppercase; border-radius: 4px; font-size: 12px }
.commonXemThem:hover { background: #0054a6; color: #fff }

#footer { padding: 15px 0; background: url(icon/bgFoot.png) center no-repeat, #0054a6; background-size: auto 100%; }
#footer .flex { display: flex; }
#footer .left { flex: 1; display: block; align-items: center }
#footer .left img { max-width: 100%; height: auto }
#footer .right { width: 670px; float: right; color: #fff; padding-left: 00px }
#footer .menuFoot { padding: 0; margin: 0; list-style: none; margin-bottom: 15px; float: right; color: #fff }
#footer .menuFoot li { display: inline-block; margin-right: 14px }
#footer .menuFoot li:after { content: "|"; margin-left: 14px; }
#footer .menuFoot li:last-child:after { display: none }
#footer .menuFoot li:last-child { margin-right: 0 }
#footer .content { text-align: right; line-height: 20px; font-size: 13px }

.colL { width: 22.93% }

.colR { width: calc(100% - 200px); padding-left: 15px; box-sizing: border-box }
.commonMenu .content { box-sizing: border-box; padding: 0; border: 1px solid #dcdcdc; border-top: none }
.commonMenu .content ul.list { padding: 0; margin: 0; list-style: none }
.commonMenu .content ul.list li { line-height: 20px; padding: 0 10px; display: flex; border-bottom: 1px dashed #dcdcdc; position: relative; overflow: hidden }
.commonMenu .content ul.list li:last-child { border: none }
.commonMenu .content ul.list li:before { content: "\f0a3"; font-family: 'FontAwesome'; font-weight: 900; font-size: 7px; margin-right: 5px; display: inline-block; position: relative; top: 8px; color: #0054a6; z-index: 2 }
.commonMenu .content ul.list li a { flex: 1; position: relative; z-index: 2; padding: 7px 0; display: block }
/*.commonMenu .content ul.list li:after { content: ""; width: calc(100% + 20px); height: 100%; background: #0054a6; transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out; bottom: -100%; position: absolute; left: -10px}*/
.commonMenu .content ul.list li:hover > a,
.commonMenu .content ul.list li:hover:before { color: #0054a6}
.commonMenu .active a { color: #e60201 }

#news.list .main .wImage { float: left; width: 45.53%; margin-right: 15px }
#news.list .main .wImage:before { padding-bottom: 66.36% }
#news.list .main .info { width: 51.47%; float: right; box-sizing: border-box; }
#news.list .main .info .name { display: block; font-weight: bold; font-size: 16px; line-height: 24px; }
#news.list .main .info .date { color: #808080; margin: 5px 0 10px 0; font-size: 12px }
#news.list .main .info .cont { line-height: 20px; max-height: 84px; overflow: hidden }
#news.list .group .item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #dadada; display: flex; }
#news.list .group .item .wImage { width: 28%; margin-right: 15px; }
#news.list .group .item .info { box-sizing: border-box; flex: 1 }
#news.list .group .item .info .name { display: block; font-weight: bold; font-size: 14px; line-height: 20px; }
#news.list .group .item .info .date { color: #808080; margin: 5px 0; font-size: 12px }
#news.list .group .item .info .cont { line-height: 20px; max-height: 63px; overflow: hidden }
#news.list .group1 { margin: 0 0 15px 0; /*padding-bottom: 15px; border-bottom: 1px dashed #dadada;*/display: flex }
#news.list .group1 .info { flex: 1 }
#news.list .group1 .item { width: calc((100% - 30px) / 3); float: left; margin-right: 15px }
#news.list .group1 .item:nth-child(3n) { margin-right: 0 }
#news.list .group1 .item .name { font-weight: bold; display: block; margin: 5px 0; font-size: 15px; line-height: 21px }
#news.list .group1 .item .date { color: #808080; margin: 3px 0 7px 0; font-size: 12px }
#news.list .group1 .item .cont { line-height: 20px; max-height: 84px; overflow: hidden; }
#news.list .group1 .item .xemthem { margin: auto; margin-top: 15px }
#news.list .item:hover img { transform: scale(1.05) translateY(-50%); -moz-transform: scale(1.05) translateY(-50%) }

.xct { float: right; font-size: 12px }
.xct i { font-size: 11px; margin-left: 2px }
.xct:hover { color: #0054a6 }
.vtam { vertical-align: middle }
.commonTool #pageSize { height: 29px; box-sizing: border-box; border-color: #dddddd }
#paginationholder ul { margin: 0; margin-left: 10px; padding: 0; list-style: none }
#paginationholder ul li { display: inline-block }
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }
.pagination > .active > a,
.pagination > li > a:hover { background: #0375bc; border-color: #0375bc; color: #fff }

.colL .title { background: url(icon/bgTitle.png) right bottom no-repeat, #0375bc; border-radius: 10px 10px 0 0; overflow: hidden; padding: 0 5px; border-bottom: 2px solid #e60201 }
.colL .title .cateName { display: block; color: #fff; font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 7px 0; padding-left: 35px; background: url(icon/ico_cateName.png) left center no-repeat; }
.title_centeri { background: url(icon/bgTitle.png) right bottom no-repeat, #0375bc; border-radius: 10px 10px 0 0; overflow: hidden; padding: 0 5px; border-bottom: 2px solid #e60201; margin-bottom: 10px; }
.title_centeri .cateName { display: block; color: #fff; font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 7px 0; padding-left: 35px; background: url(icon/ico_cateName.png) left center no-repeat; }

.commoncateName { font-weight: bold; font-size: 20px; border-bottom: 1px solid #ddd; margin-bottom: 15px; display: block; display: table; margin: auto; margin-bottom: 20px }
.commoncateName span { position: relative; display: inline-block; padding-bottom: 10px }
.commoncateName span:after { content: ""; width: 100%; height: 3px; position: absolute; bottom: -1px; background: #0054a6; left: 0 }

#pageRoad { padding: 0; margin: 0; list-style: none; margin-bottom: 15px; border-bottom: 1px solid #dadada; padding-bottom: 7px }
#pageRoad li { display: inline-block; vertical-align: middle; margin-right: 10px }
#pageRoad li:after { content: "\f101"; font-family: 'FontAwesome'; font-weight: 900; display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 9px }
#pageRoad li:last-child:after { display: none; }
#pageRoad li:hover a { color: #ff8500 }

.ykiengopy { position: sticky; top: 10px; }
.ykiengopy .content { box-sizing: border-box; padding: 15px; border: 1px solid #dcdcdc; border-top: none }
.ykiengopy .content .ques { margin-bottom: 10px; line-height: 20px; font-weight: bold }
.ykiengopy .content ul { padding: 0; margin: 0; list-style: none }
.ykiengopy .content ul li { padding: 0; margin: 0; list-style: none; line-height: 20px; margin-bottom: 5px; }
.ykiengopy .content ul li input[type=radio] { position: relative }
.ykiengopy .content ul li input[type=radio]:after { content: "\f111"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; display: block; z-index: 2; font-family: 'FontAwesome' }
.ykiengopy .content ul li input[type=radio]:checked:after { content: "\f192"; color: #0054a6 }
.ykiengopy .btnSend { display: table; line-height: 25px; border-radius: 5px; border: 1px solid #0054a6; margin: auto; margin-top: 15px; padding: 0 20px; text-transform: uppercase; font-size: 12px; font-weight: bold }
.ykiengopy .btnSend:hover { background: #0054a6; color: #fff }

.plugDetail { padding: 20px 0; margin: 0; list-style: none; margin-top: 30px; margin-bottom: 25px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1 }
.plugDetail li { display: inline-block; margin-right: 30px }
.plugDetail li i { font-size: 18px }
.plugDetail li a:hover,
.colright .other .group1 .item1 .name:hover { color: #09f }

.commonTitleDetail { font-size: 20px; margin-bottom: 5px; display: block; color: #0375bc; font-weight: bold; line-height: 27px }
.commonTitleDetail:hover { color: #09f }
.titleOther { font-size: 17px; padding-bottom: 5px; border-bottom: 2px solid #666; margin-bottom: 10px; text-transform: uppercase; font-weight: bold; color: #0375bc }
.titleOther i { margin-right: 3px }

#news .other .group .item { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #dcdcdc }
#news .other .group .item:last-child { padding: 0; margin: 0; border: none }
#news .other .group .item .wImage { margin-bottom: 10px }
#news .other .group .item .wImage:before { padding-bottom: 66.66% }
#news .other .group .item .info .name { display: block; line-height: 22px; font-size: 15px; margin-bottom: 10px; font-weight: bold }
#news .other .group .item .info .name:hover { color: #09f }
#news .other .group .item .info .cont { line-height: 20px; max-height: 63px; overflow: hidden; margin-bottom: 15px; text-align: justify }
#news .other .group .item .info .date { margin-bottom: 15px; font-size: 12px; color: #808080 }
#news .other .group .item .info .xemthem { margin: auto; float: none }

#news .other { margin-bottom: 20px }
#news .other:last-child { margin-bottom: 0 }
#news .other ul { padding: 0; list-style: none; margin: 0 }
#news .other ul li { line-height: 20px; margin-bottom: 7px }
#news .other ul li a { display: block; padding-left: 13px; position: relative }
#news .other ul li a i { font-size: 9px; position: absolute; top: 5.5px; left: 0 }
#news .other ul li a:hover { color: #09f }
#news .other ul li a .date { color: #888 }

#news.chinhquyen { margin-bottom: 20px }
#news.chinhquyen ul.lstCQ { padding: 0; margin: 0; list-style: none; }
#news.chinhquyen ul.lstCQ li { line-height: 22px; margin-bottom: 5px }
#news.chinhquyen ul.lstCQ li span.date { font-size: 12px; color: #888; display: inline-block; margin-left: 3px }
#news.chinhquyen ul.lstCQ li a:hover { color: #09f; }
#news.chinhquyen ul.lstCQ li i { font-size: 9px; margin-right: 3px; position: relative; top: -1px }

.other .owl-next,
.other .owl-prev,
#news.detail .other .owl-next { border: none; width: 25px; height: 25px; border: 1px solid #333333; font-family: FontAwesome; font-weight: 900; outline: none; cursor: pointer; display: inline-block; margin-left: 8px; text-align: center }
.other .owl-next:before { content: "\f054"; text-align: center; line-height: 25px; color: #333333 }
.other .owl-prev:before { content: "\f053"; text-align: center; line-height: 25px; color: #333333 }
.other .owl-next:hover,
.other .owl-prev:hover { background: #0054a6; border-color: #0054a6 }
.other .owl-next:hover:before,
.other .owl-prev:hover:before { color: #fff }
.other .owl-nav { position: absolute; top: -55px; right: 0 }

#CommonCuoiChiTietTin { background: #f3f3f3; border-top: solid 1px #ebebeb; font-size: 12px !important; color: #aaaaaa; padding: 5px; margin: 5px 0; position: relative; z-index: 3; margin-bottom: 15px }
#CommonCuoiChiTietTin a { display: inline-block; font-size: 12px !important }
#CommonCuoiChiTietTin .apd a { color: #aaaaaa; padding-left: 20px; margin-top: 3px; display: inline-block }
#CommonCuoiChiTietTin a.email { background: url(icon/email.gif) no-repeat left center; padding-right: 15px }
#CommonCuoiChiTietTin a.email span { display: none }
#CommonCuoiChiTietTin a.print { background: url(icon/print.gif) no-repeat left center }
#CommonCuoiChiTietTin a:hover { color: #0054a6 }
#CommonCuoiChiTietTin a.prevDBT { background: url(icon/prev.gif) no-repeat left center }
#CommonCuoiChiTietTin a.top { background: url(icon/top.gif) no-repeat left center; padding-right: 20px }
#CommonCuoiChiTietTin .shareItem { width: 25px; height: 20px; display: inline-block; position: relative; z-index: 1; top: 2px }
#CommonHoTroCuoiBaiViet { padding: 20px 0 }
#CommonHoTroCuoiBaiViet a { display: inline-block; padding: 10px 22px; color: #fff; text-transform: uppercase; background: #0054a6; margin-right: 10px }
#CommonCuoiChiTietTin .fl { float: left; }
#CommonCuoiChiTietTin .fr { float: right; }
#CommonCuoiChiTietTin .cb { clear: both }
#CommonCuoiChiTietTin .pr20 { padding-right: 20px }
#CommonCuoiChiTietTin .fb_iframe_widget { top: -1px }
@page {
    size: A4;
    margin: 0;
}
@media
print {
    #content,
    #page { width: 100%; margin: 0; float: none; }
    @page { margin: 2cm }
    body { font: 14pt Arial; line-height: 20pt; background: #fff !important; color: #000; }
    .noidung { font: 14pt Arial; line-height: 20pt; }
    h1 { font-size: 24pt; }
    h2,
    h3,
    h4 { font-size: 14pt; margin-top: 25px; }
    p,
    address,
    li,
    dt,
    dd,
    blockquote { font-size: 100% }
    ul,
    ol { list-style: square; margin-left: 18pt; margin-bottom: 20pt; }
    li { line-height: 1.6em; }
    .thongke { display: none }
}

b { font-weight: normal; font-weight: bold }
#contact .info { line-height: 27px; margin-bottom: 20px; font-size: 15px; position: relative; box-sizing: border-box; text-indent: 10px }
#contact .contact-left { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #dcdcdc }
#contact .contact-left .lstinfo { padding: 0; margin: 0; list-style: none; width: 100%; display: table }
#contact .contact-left .lstinfo li { line-height: 23px; margin-bottom: 20px; font-size: 15px; color: #707070; padding-left: 35px; position: relative; width: calc(100% / 3); float: left; box-sizing: border-box; padding-right: 15px }
#contact .contact-left .lstinfo li:nth-child(3n + 1) { clear: both }
#contact .contact-left .lstinfo li .icon { position: absolute; top: 10px; left: 0; font-size: 25px }
#contact .contact-left .lstinfo li a { color: #0e64b8 }
#contact .contact-left .lstinfo li:last-child { margin-bottom: 0 }
#contact .contact-right .ipt .item { width: 100%; height: 40px; box-sizing: border-box; border-radius: 3px; border: 1px solid #e0e0e0; font-family: Arial; margin-bottom: 18px; padding: 0 17px; outline: none }
#contact .contact-right .ipt .item.item1 { width: calc((100% - 30px) / 2); float: left; margin-right: 30px }
#contact .contact-right .ipt select.item.item1 { padding: 0 10px }
#contact .contact-right .ipt .item.item1:nth-child(2n) { margin-right: 0 }
#contact .contact-right .ipt textarea.item { max-width: 100%; height: 98px; padding: 17px }
/*#contact .contact-right .ipt .btn { display: block; width: 120px; line-height: 48px; border-radius: 3px; background: #0e64b8; text-align: center; color: #fff; font-size: 15px }*/
#contact .contact-right .ipt .btn:hover { background: #0e64b8 }
.commonxemthem { font-weight: bold; line-height: 30px; border: 1px solid #0e64b8; display: table; border-radius: 4px; margin: auto; float: none; padding: 0 50px; color: #0e64b8; background: #fff; cursor: pointer }
.commonxemthem i { margin-left: 3px; position: relative; top: 1px }
.commonxemthem:hover { background: #0e64b8; border-color: #0e64b8; color: #fff !important }
.commonxemthem.fr { float: right }
.fs25 { font-size: 25px }
.c0e64b8 { color: #0e64b8 }

.itemSearchDuAn .commonxemthem { margin-top: 0 !important; margin-left: 20px; }

#sodoweb .title { font-weight: bold; font-size: 15px; text-transform: uppercase; color: #fff; background: #0e64b8; line-height: 50px; padding: 0 70px; display: inline-block }
#sodoweb .sitemap { padding: 0; margin: 0; list-style: none; padding-left: 50px; border-left: 1px solid #0e64b8; margin-left: 50px; padding-top: 30px }
#sodoweb .sitemap li a { font-weight: bold; margin-bottom: 15px; text-transform: uppercase; color: #0e64b8; display: block; position: relative }
#sodoweb .sitemap li ul { border-left: 1px dotted #343434; margin-left: 0px; }
#sodoweb .sitemap li ul li { list-style: none }
#sodoweb .sitemap li ul li a { text-transform: none; color: #101010; font-family: Arial; }
#sodoweb .sitemap li a:before { content: ""; position: absolute; left: -35px; width: 30px; height: 2px; top: 0; margin: auto; bottom: 0; border-bottom: 1px dotted #343434; }
#sodoweb .sitemap li a:hover { color: #0e64b8 }

#tthc .formSearch { border: 1px solid #888; box-sizing: border-box; padding: 20px; border-radius: 5px }
#tthc .formSearch .item { margin-bottom: 10px; display: flex; }
#tthc .formSearch .item span.text { display: inline-block; width: 100px; line-height: 34px; text-align: right; padding-right: 10px; white-space: nowrap }
#tthc .formSearch .item input[type=text],
#tthc .formSearch select { width: 100%; height: 34px; box-sizing: border-box; border: 1px solid #888; border-radius: 4px; padding: 0 15px; flex: 1; font-size: 14px; font-family: Arial; box-shadow: none }
#tthc .formSearch .commonxemthem { padding: 0 30px; margin-top: 20px; white-space: nowrap }
.formSearchDuAn { padding: 10px 0 0 0 !important; border: 0 !important; }

#tthc .table { margin-top: 20px }
#tthc .table table { border-collapse: collapse; border: 1px solid #dcdcdc; table-layout: fixed; width: 100%; background: #fff; line-height: 21px }
#tthc .table table:first-child { position: sticky; top: 0; left: 0; background: #f4f4f4; margin-bottom: -1px }
#tthc .table table th,
#tthc .table table td { padding: 5px; border: 1px solid #c3c3c3; box-sizing: border-box; vertical-align: middle; }

#tthc .table table th { font-weight: normal; font-weight: bold; padding: 10px 0; text-align: center; line-height: 18px; font-size: 13px }
#tthc .table table th:first-child,
#tthc .table table td:first-child { width: 50px; text-align: center }
#tthc .table table tr:nth-child(even) { background: #f8f8f8 }
#tthc .table table tr { transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; cursor: pointer }
#tthc .table table tr a { transition: none; -moz-transition: none }
#tthc .table table:last-child tr:hover { background: #dcdcdc }
#tthc .widthTenTTHC { width: 296px; }
#tthc .widthMucDo { width: 60px; text-align: center; }
.widthTenDuAn { width: 270px }

.modal-title { font-size: 18px; font-weight: normal; font-weight: bold }
.modal-dialog { max-width: none }
.w80 { width: 80% }
.w50 { width: 50% }
#detailTable .content { box-sizing: border-box; line-height: 21px }
#detailTable .content .row { display: flex; width: 100%; border: 1px solid #dee2e6; border-bottom: none; background: #f3efef; margin: 0; line-height: 18px }
#detailTable .content .group { border-bottom: 1px solid #dcdcdc }
#detailTable .content .col1 { width: 150px; font-weight: bold; box-sizing: border-box; padding: 5px 10px; display: flex; align-items: center }
#detailTable .content .col2 { background: #fff; box-sizing: border-box; padding: 5px 10px; flex: 1 }
#detailTable .content .col2 table { border-collapse: collapse; width: 100% }
#detailTable .content .col2 table tr td,
#detailTable .content .col2 table tr th { border: 1px solid #dee2e6; padding: 0.3rem }
#detailTable .content .col2 table tr th { white-space: nowrap }
#detailTable .content a { color: #0054a6 }
#detailTable .content a:hover { color: #0056b3; text-decoration: underline; }
#detailTable .tool a { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #6c757d; border-color: #6c757d; margin-right: 5px; position: relative; top: 2px }
#detailTable .tool a .fas { margin-right: 3px }
#btn-close { margin-left: 10px; cursor: pointer }
#detailTable .content .btnClose { display: block; width: 100%; line-height: 36px; text-align: center; border: 1px solid #6c757d; font-size: 16px; border-radius: 4px; margin-top: 15px; color: #6c757d; }
#detailTable .content .btnClose:hover { text-decoration: none; background: #6c757d; color: #fff }

#gallery .parent .group { margin-top: 20px }
#gallery .parent .group .item { width: calc((100% - 60px) / 3); margin-right: 29px; margin-bottom: 30px; box-shadow: 0 5px 7.5px #cdcdcd; float: left }
#gallery .parent .group .item:nth-child(3n) { margin-right: 0 }
#gallery .parent .group .item:nth-child(3n + 1) { clear: both }
#gallery .parent .group .item .wImage:before { padding-bottom: 66.66% }
#gallery .parent .group .wImage:after,
#gallery .lstImg .wImage:after { position: absolute; height: 100%; width: 100%; display: block; top: 0; left: 0; content: ""; z-index: 9; opacity: 0; background: linear-gradient(to bottom, transparent 40%, #007bff); transition: opacity 0.4s; -moz-transition: opacity 0.4s; border-radius: 3px 3px 0 0; pointer-events: none }
#gallery .parent .group .wImage .image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; border: 5px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; pointer-events: none }
#gallery .parent .group .item:hover .wImage:after,
#gallery .lstImg .wImage:hover:after { opacity: 0.5 }
#gallery .parent .group .item .info { box-sizing: border-box; padding: 15px 10px 15px 50px; background: url(icon/ico-photo.png) center left 10px no-repeat }
#gallery .parent .group .item .info .name { font-weight: bold; display: block; line-height: 21px }
#gallery .parent .group .item .info .name:hover { color: #007bff }
#gallery .parent .group .item .info .add { font-size: 15px; color: #909090 }
#gallery .parent.video .group .item .info { background: url(icon/ico-video.png) center left 10px no-repeat }
#gallery ul.pagging { margin-top: 10px }

#gallery.detail .lstImg .wImage { width: calc((100% - 60px) / 3); float: left; margin-right: 30px; margin-bottom: 30px }
#gallery.detail .lstImg .wImage .image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; border: 5px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; pointer-events: none }
#gallery.detail .lstImg .wImage:before { padding-bottom: 66.66% }
#gallery.detail .lstImg .wImage:nth-child(3n) { margin-right: 0 }
#gallery.detail .lstImg .wImage:after { background: rgba(0, 123, 255, 0.7) }
#gallery.detail .title { font-size: 28px; margin-bottom: 50px; line-height: 42px }
#gallery.detail .lstImg .wImage .over { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); -moz-transform: translateY(-50%); pointer-events: none; z-index: 10; text-align: center; color: #fff; opacity: 0 }
#gallery.detail .lstImg .wImage .over .fas { margin-right: 3px }
#gallery.detail .lstImg .wImage:hover .over { opacity: 1 }

#gallery .plugDetail { margin-top: 10px }
#gallery .other .group .item { width: 100% !important }

#chuyenmuc .commonTitleNews { margin-bottom: 0 }
#chuyenmuc .title { background: #205aa7 }
#chuyenmuc .title .commonCateName { color: #fff; text-align: center; display: table; float: none; /*margin: auto;*/padding: 7px 10px; font-size: 14px; box-sizing: border-box }
#chuyenmuc .group { box-sizing: border-box; padding: 10px 15px 0 15px; border: 1px solid #dcdcdc; padding-top: 15px; border-top: none }
#chuyenmuc ul { padding: 0; margin: 0; list-style: none; width: 100%; flex-wrap: wrap; justify-content: space-between }
#chuyenmuc ul li { line-height: 20px; margin-bottom: 10px; width: calc(100% / 3); box-sizing: border-box; padding: 0 5px; position: relative; padding-left: 15px }
#chuyenmuc ul li:nth-child(3n + 1) { clear: both }
#chuyenmuc ul li a i { display: inline-block; font-size: 10px; vertical-align: top; line-height: 20px; position: absolute; left: 0; top: 0px }
#chuyenmuc ul li a:hover { color: #205aa7 }

/*#bannerLienKet {margin-bottom: -10px}
#bannerLienKet ul { padding: 0; margin: 0; list-style: none; display: flex; width: 100%; flex-flow: wrap row; justify-content: space-between}
#bannerLienKet ul li { width: calc((100% - 40px) / 3); margin-bottom: 10px;}
#bannerLienKet ul li:nth-child(3n + 1) {clear: both}
#bannerLienKet ul li a { display: block; border-radius: 5px; overflow: hidden; border: 1px solid #007bff}
#bannerLienKet ul li a img { width: 100%; height: auto; display: block}*/
#bannerLienKet { margin-bottom: -10px }
#bannerLienKet ul { padding: 0; margin: 0; list-style: none; display: flex; width: 100%; flex-flow: wrap row; justify-content: space-between }
#bannerLienKet ul li { width: calc((100% - 30px) / 2); margin-bottom: 10px; border-bottom: 1px dashed #666; display: flex; align-items: center }
#bannerLienKet ul li:nth-child(3n + 1) { clear: both; }
#bannerLienKet ul li a { display: flex; border-radius: 5px; overflow: hidden; align-items: center; transition: none; -moz-transition: none; -webkit-transition: none; padding-bottom: 10px; line-height: 20px; width: 100% }
#bannerLienKet ul li a span.icon { display: inline-block }
#bannerLienKet ul li a img { height: 30px; display: block }
#bannerLienKet ul li a span.text { font-weight: 600; text-transform: uppercase; flex: 1; padding-left: 10px; color: #0375bc; position: relative; left: 0; font-size: 12px}
#bannerLienKet ul li:hover a span.text { font-weight: bold; left: 3px; top: 0px; color: red }
/*#bannerLienKet ul li:last-child {border-bottom: none}*/
#bannerLienKet .commonTitleNews,
#ImageHome .commonTitleNews { border-bottom: 2px solid #DA1E18; background: none; padding: 0 }
#bannerLienKet .commonTitleNews .cateName,
#ImageHome .commonTitleNews .cateName { background: #DA1E18; display: inline-block; border-bottom: 2px solid #DA1E18; padding-right: 30px; margin-bottom: -4px; padding-bottom: 3px }
#bannerLienKet .commonTitleNews .cateName i,
#ImageHome .commonTitleNews .cateName i { margin-right: 3px; font-size: 16px }

.ml10 { margin: 10px 20px }
.ml20 { margin-left: 20px }
.mr20 { margin-right: 20px }
.ptb29 { padding: 29px 0 }
#vanban { font-family: Arial; padding-top: 10px }
#vanban .colleft { width: 77.07%; padding-right: 0;}
#vanban .colleft.fr {float: right}
#vanban .colright { box-sizing: border-box; padding-right: 20px }
#vanban .colright.fl {float: left}
#vanban .cmHead { background: #c40002; color: #fff; padding: 10px 0; margin-bottom: 2px }
#vanban .group .item ul { padding: 0; margin: 0; list-style: none; width: 100% }
#vanban .group .item ul li { display: block; vertical-align: middle; }
#vanban .group .item ul li a { width: 100%; display: block; padding: 5px 0 5px 10px; cursor: pointer; box-sizing: border-box }
#vanban .group .item ul li:hover a { background: #007bff; color: #fff }
#vanban .group .item .active { color: #d60002 }
#vanban .phapluat { padding-bottom: 20px; }
#vanban .sideTitle { padding: 10px 0 10px 15px; background: #f1f1f1 }
#vanban #formSearch { box-shadow: 0 0 5px #888; box-sizing: border-box; padding: 10px 20px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #dcdcdc }
#vanban #formSearch .group .item .row { padding-bottom: 10px; box-sizing: border-box; margin: 0; display: flex; }
#vanban #formSearch .group .item .col { display: inline-block; float: left; }
#vanban #formSearch .group .item .col.col1,
#vanban #formSearch .group .item .col.col3 { box-sizing: border-box; width: 130px; display: flex; align-items: center; flex: none; padding: 0; text-align: right }
#vanban #formSearch .group .item .col.col3 { margin-left: 10px; }
#vanban #formSearch .group .item .col.col2,
#vanban #formSearch .group .item .col.col4 { flex: 1 }
#vanban #formSearch input,
#vanban #formSearch select { font-size: 14px }
#vanban #formSearch input[type=radio]:last-child { margin-left: 0 }
#vanban .table tr { cursor: pointer }
#vanban .table td,
#vanban .table th { padding: 10px 5px; vertical-align: middle; min-width: 120px; border: 1px solid #dee2e6 }
#vanban .table td:hover {color: #0375bc}
.commonText { width: 100%; height: 28px; box-sizing: border-box; border: 1px solid #f1f1f1; padding: 0 10px; outline: none; }
.commonSelect { width: 100%; height: 28px; }
.commonRadio { text-align: left !important; padding-top: 4px; }
.commonRadio label { margin-bottom: 0 }
.btnSearch { line-height: 30px; background: #efefef; color: #333; padding: 3px 10px; border-radius: 5px; outline: none; border: none; font-size: 15px }
.btnSearch:hover { color: #fff; background: #c40002; }
input[type=radio]:last-child { margin-left: 25px }
#vanban .table table tbody tr:nth-child(odd) { background: #f1f1f1; }
#vanban .table table tbody tr:nth-child(even) { background: #fff; }
#vanban .table table tbody tr:first-child { font-weight: bold }
.colright.fl { float: left }
.form-control,
.btn { font-size: 14px }
#vanban .xemthem { display: inline-block; border: 1px solid #0375bc; background: none; line-height: 30px; padding: 0 20px; font-size: 14px; font-weight: bold; border-radius: 4px; color: #205aa7; cursor: pointer; float: none; margin: 0 10px }
#vanban .xemthem:hover { color: #fff; background: #205aa7 }

#hoidap .form { margin-top: 10px; }
#hoidap .form .group { box-sizing: border-box; padding: 15px 10px; border: 1px solid #dcdcdc; border-top: none }
#hoidap .form .item { display: flex; margin-bottom: 5px }
#hoidap .form .item p { display: flex; width: 150px; align-items: center; font-weight: bold; white-space: nowrap }
#hoidap .form .item textarea { min-height: 75px }
#hoidap .form .item .form-control,
#hoidap .form .item .select2 { flex: 1 }
#hoidap .form .btn { font-size: 13px; padding: 5px 20px; display: table; margin: auto; margin-top: 20px }
#hoidap .form .uploadFile .row { margin: 0 -15px }
#hoidap .form .uploadFile .btn { margin: 0 }

#hoidap .form.formSearch { border: none; display: block }
#hoidap .form.formSearch #searchForm .btn { margin-top: 0 }
#hoidap .form.formSearch .item p { width: auto; padding-right: 10px }

#hoidap .form.formSearch .btnAnswer { display: inline-block; padding: .375rem .75rem }
#hoidap .form .btnForm { background: #428bca; color: #fff; font-weight: bold; padding: 7px 15px; border: none; margin-left: 10px; margin-top: 5px; cursor: pointer }
#hoidap .form .btnForm:hover { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); background: #e60201 }
#hoidap .form .btnForm.nhaplai { margin-left: 0; background: #888 }
#hoidap #searchForm{ display: none;}

.commontitle { background: url(icon/bgTitle.png) right bottom no-repeat, #0375bc; border-radius: 10px 10px 0 0; overflow: hidden; padding: 0 5px; border-bottom: 2px solid #e60201 }
.commontitle .cateName { display: block; color: #fff; font-weight: bold; font-size: 15px; text-transform: uppercase; padding: 7px 0; padding-left: 35px; background: url(icon/ico_cateName.png) left center no-repeat; }

#ListQuestion { margin-top: 10px }
#ListQuestion .form { display: flex; box-shadow: 0 0 10px #dcdcdc }
#ListQuestion .form .item { display: flex; flex: 1; margin-right: 20px }

.bannerDuoiTin { margin-bottom: -20px }
.bannerDuoiTin a { width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom: 10px; display: block; float: left }
.bannerDuoiTin a:nth-child(2n) { margin-right: 0 }
.bannerDuoiTin a img { display: block; max-width: 100%; height: auto }


#searchForm { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #dadada }
#searchForm .item { width: calc((100% - 10px) / 2); float: left; margin-right: 10px; margin-bottom: 10px }
#searchForm .item:nth-child(2n) { margin-right: 0 }
#searchForm .item input.iptSearch { width: 100%; height: 40px; box-sizing: border-box; padding: 0 10px; border-radius: 3px; border: 1px solid #ccc }
#searchForm .xemthem { display: block; width: 130px; line-height: 30px; background: #0375bc; margin-top: 15px; border-radius: 4px; text-align: center; font-weight: bold; color: #fff; border: 1px solid #0375bc; margin: auto; float: right; margin-top: 1px; line-height: 35px }
#searchForm .xemthem:hover { filter: brightness(120%) }
#searchForm .item1 { width: calc((100% - 150px) / 2); }
#searchForm .item2 { width: calc(100% - 390px); margin-left: 10px }
#searchForm .select2-container .select2-choice { height: 40px; box-sizing: border-box; padding: 3px 8px }

.commonTool .fl { font-weight: bold; font-size: 15px }
.reultText { font-size: 18px; margin-bottom: 15px }
.reultText .fRobotoB { color: #c40002; font-size: 20px }
#searchForm.bn { border: none; padding: 0; margin: 0 }
.danhba .dbc1,
.danhba .dbc2,
.danhba .dbc3,
.danhba .dbc4 { text-align: left !important; font-weight: bold; width: auto !important; background: #d6f2fc; text-transform: uppercase; color: #0a4ca7; }
.danhba .dbc3 { padding: 5px 25px !important; }
.danhba .dbc4 { padding: 5px 55px !important; }
.danhba .header-email { text-align: center }
.danhba .header-email .title { font-weight: bold }
.danhba .header-email .name-organ { color: #1c60e0 !important; font-weight: bold; font-size: 18px; text-transform: uppercase; width: 100%; float: left; text-align: center; margin-top: 10px; }
.danhba .header-email .address,
.danhba .header-email .phone { text-align: center; color: #333; display: inline-block; }
#tthc.danhba .formSearch .commonxemthem { margin-top: 0; margin-left: 15px }
#tthc.danhba .formSearch .item span.text { width: 70px }
.widthauto { width: auto !important; }
.row,
.col { margin: 0; padding: 0; float: none }

#duthaovanban .row { display: flex; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #dcdcdc }
#duthaovanban .row .collum:first-child { flex: 1; line-height: 20px; padding: 0 20px; position: relative }
#duthaovanban .row .collum:first-child i.far { position: absolute; left: 0; top: 3px }
#duthaovanban .row .collum:first-child .name { font-weight: bold; color: #205aa7 }
#duthaovanban .row .collum:first-child .date { margin-top: 5px; font-style: italic; color: #666 }
#duthaovanban .row .collum:last-child { width: 170px; display: flex; align-items: center; flex-flow: row wrap; padding: 0 10px; border-left: 1px dashed #dcdcdc }
#duthaovanban .row .collum:last-child .btnDT { display: block; width: 100%; line-height: 25px; text-align: center; border: 1px solid #205aa7; border-radius: 4px; box-sizing: border-box; }
#duthaovanban .row .collum:last-child .btnDT:hover { color: #fff; background: #205aa7; }
#duthaovanban .row .collum:last-child .btnDT i { margin-right: 5px }

#duthaovanban .group { margin-bottom: 20px }
#duthaovanban .group .listData { box-sizing: border-box; padding: 15px; box-shadow: 0 0 10px #dcdcdc }

#formGopY .row { display: flex; flex-flow: row wrap; margin-bottom: 15px }
#formGopY .row .title { display: flex; width: 100px; align-items: center; font-weight: bold }
#formGopY .row input,
textarea { flex: 1 }
#formGopY .row textarea { min-height: 100px }

#lichcongtac .other ul li { line-height: 20px; margin-bottom: 5px }
#lichcongtac .other ul li span { font-size: 12px; color: #888; transition: none; -moz-transition: none; margin-left: 5px }
#lichcongtac .other ul li a:hover { color: #205aa7; font-weight: bold }

.lstykien { max-height: 400px; overflow-y: auto }
.lstykien ul { list-style: none; padding: 0; margin: 0; }
.lstykien ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #dcdcdc }
.lstykien ul li:last-child { padding: 0; margin: 0; border: none }

.duthaoName { font-family: Arial; font-size: 15px; line-height: 22px; text-align: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc }
.duthaochitiet{font-size: 20px;
    margin-bottom: 5px;
    display: block;
    color: #0375bc;
    font-weight: bold;
    line-height: 27px;}
.duthaotime{font-size: 14px;
    color: #aaa;
    line-height: 25px;
    float: left;}
.duthaofile{float:right; color: #205aa7}
.duthaonoidung{width: 100%;
    text-align: justify;
    line-height: 22px;
    font-size: 14px;
    margin: 10px 0;}
/*Video*/
.tac { text-align: center }
.m-b-10 { margin-bottom: 10px }
.ml20 { margin-left: 20px }
.ptb29 { padding: 29px 0 }
.pt20 { padding-top: 20px }
.xemtc { color: #ff8500; font-size: 14px; font-family: "Arial"; text-transform: none; margin-top: 10px }
.xemtc:hover { color: #d60002 }
#mvideo .dateview { color: #76787a; margin-bottom: 10px }
#mvideo .bg-video { background: #f0f0f0 }
#mvideo .dateview span:first-child { margin-right: 40px }
#mvideo .bound { float: left; width: calc(70% - 15px) }
#mvideo .infovideo { width: 30%; margin: 15px 0 0 15px }
#mvideo .infovideo .fixCateName { border-bottom: none; line-height: 24px; max-height: 120px; overflow: hidden; font-weight: bold }
#mvideo .infovideo .mota { line-height: 22px; font-size: 14px; max-height: 220px; overflow: hidden; }
#mvideo .parent .group { margin-top: 40px }
#mvideo .parent .group .item { width: calc((100% - 60px) / 3); margin-right: 20px; margin-bottom: 20px; box-shadow: 0 5px 7.5px rgba(205, 205, 205, 0.75); float: left; }
#mvideo .parent .group .item:nth-child(3n) { margin-right: 0 }
#mvideo .parent .group .item:nth-child(3n + 1) { clear: both }
#mvideo .parent .group .item .wImage:before { padding-bottom: 56.21% }
#mvideo .parent .group .wImage:after,
#mvideo .lstImg .wImage:after { position: absolute; height: 100%; width: 100%; display: block; top: 0; left: 0; content: ""; z-index: 9; opacity: 0; transition: opacity 0.4s; -moz-transition: opacity 0.4s; border-radius: 3px 3px 0 0; pointer-events: none }
#mvideo .parent .group .wImage .image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; box-sizing: border-box; pointer-events: none }
#mvideo .parent .group .item:hover .wImage:after,
#mvideo .lstImg .wImage:hover:after { opacity: 0.5 }
#mvideo .parent .group .item .info { box-sizing: border-box; padding: 20px 10px 20px 50px; background: url(icon/video-play-button.png) center left 10px no-repeat; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out }
#mvideo .parent .group .item .info .name { font-size: 14px; display: block; margin-bottom: 8px; margin-top: -3px }
#mvideo .parent .group .item .info .name:hover,
#mvideo .parent .group .item.active .info .name { color: #205aa7 }
#mvideo .parent .group .item .info .add { font-size: 12px; color: #909090 }
#mvideo .parent .group .item:hover .info,
#mvideo .parent .group .item.acitve .info { background: url(icon/play-button.png) center left 10px no-repeat }

#mvideo .parent.video .group .item .info { background: url(icon/video-play-button.png) center left 10px no-repeat; display: table; }
#mvideo .parent.video .group .item:hover .info,
#mvideo .parent.video .group .item.acitve .info { background: url(icon/play-button.png) center left 10px no-repeat }
#mvideo .parent.video .group .item .name { line-height: 27px; height: 54px; overflow: hidden; display: block; margin-bottom: 0; display: table-cell; vertical-align: middle; }
#mvideo .parent.video .group { margin-top: 20px }
#mvideo .commonCate { margin-bottom: 40px }

#loadMore .xemthem { margin: auto }

.w50px { width: 50px }
.ml15 { margin-left: 15px }
.openSub,
.openList { display: none }
.ulQues { padding: 0 }
.ulQues li { list-style: none; }

.commonTitleNews { background: url(icon/bgTitle.png) right top no-repeat, #0375bc; padding: 3px 5px; margin-bottom: 10px }
.commonTitleNews .cateName { text-transform: uppercase; color: #fff; font-weight: bold; display: block; position: relative; font-size: 13px; padding: 5px 10px; border-radius: 0 10px 0 0; overflow: hidden; /*background: url(icon/ico_cateName.png) left center no-repeat;*/background-size: auto 100%; }
.commonTitleNews .cateName.fs15 { font-size: 15px }

.fs6 { font-size: 6px !important }

.bannerDuoiNB { margin-bottom: 5px; flex-flow: wrap row; width: 100% }
.bannerDuoiNB a { float: left; display: flex; width: calc((100% - 10px) / 2); margin-bottom: 10px; align-items: center; box-sizing: border-box; padding: 10px; border: 1px solid #dcdcdc; background: #f8f8f7; background-size: cover; border-radius: 4px; color: #205aa7; margin-right: 10px }
.bannerDuoiNB a:nth-child(2n) { margin-right: 0 }
.bannerDuoiNB a img { display: block; width: 35px; height: 35px; border-radius: 50% }
.bannerDuoiNB a span.icon { width: 35px }
.bannerDuoiNB a span.text { flex: 1; padding-left: 15px; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 22px; text-shadow: 0 0 10px #f2f2f2 }
.bannerDuoiNB a:hover { background: #f2f2f2 }

#vbHome { margin-bottom: 15px }
#vbHome .commonTitleNews { margin-bottom: 0 }
#vbHome table { border-collapse: collapse; width: 100% }
#vbHome table th,
#vbHome table td { padding: 5px; border: 1px solid #dedede; line-height: 18px}
#vbHome table th:first-child,
#vbHome table td:first-child,
#vbHome table th:nth-child(2),
#vbHome table td:nth-child(2) { width: 120px; text-align: center }
#vbHome table th:last-child,
#vbHome table td:last-child { width: 100px; text-align: center }
#vbHome table th { font-weight: normal; font-weight: bold; white-space: nowrap; padding:10px 5px}
#vbHome table .btn { width: 35px; height: 35px; padding: 0; line-height: 35px; }
#vbHome table .nameVB:hover { color: #205aa7; }
#vbHome table .btnPlug { color: #0375bc; width: 30px; display: inline-block }

.colright .commonTitleNews { margin-bottom: 0 }

.thongbaoRight { box-sizing: border-box; /*padding: 10px; box-shadow: 0 0 10px #d2d2d2;border: 1px solid #d2d2d2;*/ }
.parentNews.thongbaoRight .group .title { border: none }
.parentNews.thongbaoRight .group .title .cateName { padding: 0; padding-bottom: 10px; border-bottom: 1px solid #0375bc; font-size: 14px; margin-bottom: 10px; display: block; text-align: center; }
.thongbaoRight .content { max-height: 150px; overflow: hidden; padding: 0 10px; border: 1px solid #d2d2d2; position: relative }
.thongbaoRight .content:after,
.thongbaoRight .content:before { content: ""; height: 10px; width: 100%; display: block; position: absolute; top: 0; left: 0; background: #fff; z-index: 10 }
.thongbaoRight .content:after { top: inherit; bottom: 0 }
.thongbaoRight .list { height: auto; max-height: none; }
.thongbaoRight ul.list li a { text-align: justify }

.colright .vanbanRight .content { max-height: 300px;overflow: hidden; padding: 0 10px; border: 1px solid #d2d2d2; position: relative}
.colright .vanbanRight .content .list li,.colright .vanbanRight .content .list li:last-child { position: relative; margin-bottom: 10px; line-height: 18px}  
.colright .vanbanRight .group .content .list li a i {position: static}
.colright .vanbanRight .group .content .list li a { position: static; padding: 0}
.colright .vanbanRight .group .content .list li a.sohieu {font-weight: bold} 
.colright .vanbanRight .group .content .list li .btnVB {margin-top: 5px}
.colright .vanbanRight .group .content .list li .btnVB .chitiet { display: inline-block; margin-right: 10px}
.colright .vanbanRight .group .content .list li .date { font-size: 13px; font-style: italic; color: #888; margin-bottom: 3px}

.fs40 { font-size: 40px }
.fs15 { font-size: 15px }

#ImageHome .item .name { display: block; font-weight: bold; text-align: center; margin: 10px 0; font-size: 14px }
#ImageHome .owl-next,
#ImageHome .owl-prev { border: none; width: 25px; height: 25px; border: 1px solid #888; font-family: FontAwesome; font-weight: 900; outline: none; cursor: pointer; display: inline-block; margin-left: 5px; text-align: center }
#ImageHome .owl-next:before { content: "\f054"; text-align: center; line-height: 25px; color: #888 }
#ImageHome .owl-prev:before { content: "\f053"; text-align: center; line-height: 25px; color: #888 }
#ImageHome .owl-next:hover,
#ImageHome .owl-prev:hover { background: red; border-color: red }
#ImageHome .owl-next:hover:before,
#ImageHome .owl-prev:hover:before { color: #fff }
#ImageHome .owl-nav { position: absolute; top: -40px; right: 0 }

#DSCongTV .group { margin-bottom: 10px }
#DSCongTV .group:last-child { margin-bottom: 0 }

.addonRight { width: 100% }
.addonRight .group { display: flex; flex-flow: wrap row }
.addonRight .group .item { flex: auto; border: 1px solid #dcdcdc; margin-right: 3px; padding: 5px 0; width: calc((100% - 6px) / 3); box-sizing: border-box; margin-bottom: 3px }
.addonRight .group .item:nth-child(3n) { margin-right: 0 }
.addonRight .group span { display: block; transition: none; -moz-transition: none }
.addonRight .group span.icon img { max-height: 40px; display: block; margin: auto; }
.addonRight .group span.text { margin-top: 5px; text-align: center; font-size: 12px }
.addonRight .group .item:hover { border-color: #888; font-weight: bold }

#hophoinghi { line-height: 22px }
#hophoinghi .item { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #888; display: flex }
#hophoinghi .item .left { flex: 1 }
#hophoinghi .item .right { width: 300px; padding-left: 20px; }
#hophoinghi .item:last-child { border: none; padding: 0; margin: 0 }
#hophoinghi .item .name { font-weight: bold; font-size: 15px; margin-bottom: 5px; line-height: 21px }
#hophoinghi .file ul { padding-left: 20px; margin: 0}
/*#hophoinghi .file ul li { display: block; line-height: 20px; height: 20px; overflow: hidden; white-space: nowrap; position: relative} 
#hophoinghi .file ul li a { display: block; position: absolute; top: 0; left: 0; width: 200%; height: 100%; }*/
#hophoinghi .file ul li a:hover { color: red }
#hophoinghi .file ul li a i { font-size: 9px; margin-right: 2px; position: relative; top: -1px}
#hophoinghi #searchForm { margin-bottom: 10px; width: 100%; box-sizing: border-box; padding: 5px 10px; border: 1px solid #d2d2d2; border-top: 0 }
#hophoinghi #searchForm .item { border: none; flex-flow: wrap row; width: calc((100% - 20px) / 2); margin-right: 20px; padding-bottom: 0}
#hophoinghi #searchForm .item:nth-child(2) { margin-right: 0 }
#hophoinghi #searchForm .item:nth-child(3) { width: 100%; margin-right: 0 }
#hophoinghi #searchForm .item span.text { display: block; margin-bottom: 3px; font-weight: bold; width: 100%; font-size: 13px; margin-bottom: 0}
#hophoinghi #searchForm .datetimepicker { width: calc(100% - 170px); }
#hophoinghi #searchForm .commonxemthem { margin-left: 20px; height: 25px; line-height: 25px;box-sizing: border-box}
#hophoinghi #searchForm .item input.form-control,#hophoinghi #searchForm .select2-container .select2-choice { height: 27px; line-height: 27px; padding-top: 0; padding-bottom: 0}
#hophoinghi #searchForm .item .flex {align-items: center}
#hophoinghi #searchForm .item .flex span.text { width: auto; display: inline-block; margin-right: 10px}

 
/*#hophoinghi .file ul li:hover >a { animation: marquee 5s linear infinite; } 
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}*/

.w60px { width: 60px }

.slideBanner,
.slideBanner img { display: block; max-width: 100%; height: auto }
#menuQA { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: 5 }
#menuQA ul { padding: 0; margin: 0; list-style: none; text-align: center; white-space: nowrap }
#menuQA ul li { display: inline-block; position: relative }
#menuQA ul li a { display: block; line-height: 35px; color: #fff; font-weight: bold; padding: 0 20px; background: #328de6; border-radius: 10px 10px 0 0; font-size: 15px }
#menuQA ul li a:hover,
#menuQA ul li.active a { background: red !important }
#menuQA ul li ul { position: absolute; top: 100%; min-width: 100%; display: none }
#menuQA ul li ul li a { border-radius: 0; font-family: Arial; font-size: 13px; border-top: 1px solid #fff }
#menuQA ul li:hover ul { display: block }

#hoidap { background: -webkit-linear-gradient(#0054a6, #dcdcdc, #dcdcdc, #0054a6); min-height: 100vh; background: -moz-linear-gradient(#0054a6, #dcdcdc, #dcdcdc, #0054a6); min-height: 100vh; background: linear-gradient(#0054a6, #dcdcdc, #dcdcdc, #0054a6); min-height: 100vh; }
#hoidap > .wrp { background: #fff; box-sizing: border-box; padding: 10px; border-radius: 0 0 5px 5px }
#hoidap .title { text-transform: uppercase; font-weight: bold; font-size: 17px; text-align: center; border-bottom: 2px solid #1659AA; background: url(icon/bg-ykdtvb.png) center repeat-x; padding: 5px 0; color: #1659AA }
#hoidap #searchForm .flex { flex-flow: wrap row }
#hoidap .colright { margin: 10px 0; background-color: #eaf8d2; padding: 0 10px; border: #cccccc 1px solid; box-sizing: border-box }
#hoidap .colright .cont { padding: 13px 0 }
#hoidap .slideBanner.pb10 { padding-bottom: 0 }

#lstQA .group { margin-top: 20px }
#lstQA .group .item { display: flex; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #888; }
#lstQA .group .item:last-child { border: none }
#lstQA .group .item .wImage { width: 50px; border-radius: 50%; overflow: hidden; height: 50px }
#lstQA .group .item .info { flex: 1; margin-left: 15px }
#lstQA .group .item .info .name { color: #666; font-size: 13px; font-style: italic; line-height: 20px}
#lstQA .group .item .info .titleQA { font-weight: bold; font-size: 16px; line-height: 23px; margin: 3px 0 5px 0 }
#lstQA .group .item .info .ques { margin-bottom: 10px }
#lstQA .group .item .info .ans,
#lstQA .group .item .info .ques { line-height: 19px; text-align: justify }
#lstQA .icon,
#lstQA .icon img { display: inline-block; max-height: 20px; vertical-align: top; margin-left: 1px }
#lstQA .group .item .info .ans { box-sizing: border-box; background: #dff0d8; padding: 10px }

#doanhnghiep { background: -webkit-linear-gradient(#0054a6, #dcdcdc, #0054a6); background: -moz-linear-gradient(#0054a6, #dcdcdc, #0054a6); background: linear-gradient(#0054a6, #dcdcdc, #0054a6); min-height: 100vh; }
#doanhnghiep .wrp .right {position: absolute;top: 10px;right: 0;}
#doanhnghiep .wrp .right ul{padding:0;margin:0;list-style:none;}
#doanhnghiep .wrp .right ul li{float:left;display:inline-block;margin-right:10px}
#doanhnghiep .slideBanner {position:relative;}
#doanhnghiep #container { padding: 0 }
#doanhnghiep > .wrp { background: #fff; box-sizing: border-box; padding: 10px; border-radius: 0 0 5px 5px; }
#doanhnghiep #container > .wrp { width: 100%; }
#newsdn .parent { margin-bottom: 15px; }
#doanhnghiep .titleDN { border-bottom: 2px solid #0375bc; display: flex; align-items: baseline; margin-bottom: -2px }
#doanhnghiep .titleDN .cateName { text-transform: uppercase; font-family: RobotoC; font-size: 15px; display: table; line-height: 35px; padding: 0 15px; color: #fff; background: #0375bc; margin-bottom: -2px }
#doanhnghiep .titleDN .xtiep { flex: 1; text-align: right; color: #0375bc }
#newsdn .parent .group { box-sizing: border-box; padding: 10px 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16); padding-bottom: 0 }
#newsdn .parent .group .item { width: calc((100% - 20px) / 2); float: left; margin-right: 20px; display: flex; margin-bottom: 20px; align-items: center }
#newsdn .parent .group .item:nth-child(2n) { margin-right: 0 }
#newsdn .parent .group .item .wImage { width: 120px; }
#newsdn .parent .group .item .name { flex: 1; padding-left: 7px; line-height: 18px }
#doanhnghiep #menuQA { margin-top: -10px; position: static; transform: none; -moz-transform: none }
#doanhnghiep #menuQA ul li a { background: #0054a6 }

#vanphongtinh { background: -webkit-linear-gradient(#0054a6, #dcdcdc, #0054a6); background: -moz-linear-gradient(#0054a6, #dcdcdc, #0054a6); background: linear-gradient(#0054a6, #dcdcdc, #0054a6); min-height: 100vh; }
#vanphongtinh #container { padding: 20px 0 }
#vanphongtinh > .wrp { background: #fff; box-sizing: border-box; padding: 10px; border-radius: 0 0 5px 5px; }
#vanphongtinh #container > .wrp { width: 100%; }
#newsvpt .parent { margin-bottom: 15px; }
#vanphongtinh .titleVPT { border-bottom: 2px solid #0054a6; display: flex; align-items: baseline; margin-bottom: -2px }
#vanphongtinh .titleVPT .cateName { text-transform: uppercase; font-family: RobotoC; font-size: 15px; display: table; line-height: 35px; padding: 0 15px; color: #fff; background: #0054a6; margin-bottom: -2px }
#vanphongtinh .titleVPT .xtiep { flex: 1; text-align: right; color: #0054a6 }
#newsvpt .parent .group { box-sizing: border-box; padding: 10px 20px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16); padding-bottom: 0 }
#newsvpt .parent .group .item { width: calc((100% - 20px) / 2); float: left; margin-right: 20px; display: flex; margin-bottom: 20px; align-items: center }
#newsvpt .parent .group .item:nth-child(2n) { margin-right: 0 }
#newsvpt .parent .group .item .wImage { width: 120px; }
#newsvpt .parent .group .item .name { flex: 1; padding-left: 7px; line-height: 18px }
#vanphongtinh #menuQA { margin-top: -10px; position: static; transform: none; -moz-transform: none }
#vanphongtinh #menuQA ul li a { background: #0054a6 }

.textSmall { line-height: 15px; padding: 5px 5px 5px 5px }
.select2-container .select2-choice { padding: 0 0 0 5px }
#hoidap .colleft .form .group { background: url('../../../Assets/custom/pic/bg-hoidap.png') right top no-repeat #ececec; padding: 10px 40PX; }
.table-uploadvx { margin: 0 !important }
.table { margin-bottom: 0 !important }
#vbHome .titleDN { margin-bottom: 15px }
#vbHome .titleVPT { margin-bottom: 15px }
.wrp .wrp { width: 100% }
.vanban .content { background: #fff; }
.vanban li a { display: flex !important; border-radius: 5px; overflow: hidden; align-items: center; transition: none; -moz-transition: none; -webkit-transition: none; padding: 0 !important; line-height: 20px !important; width: 100%; }
.vanban a span.icon { display: inline-block; }
.vanban a img { height: 30px; display: block; }
.vanban a span.text { font-weight: 300; text-transform: uppercase; flex: 1; padding-left: 10px; color: #0375bc; position: relative; left: 0; font-size: 11px; }
.vanban li:hover a span.text { top: -1px; color: red; }

#lienketlink .item { width: calc((100% - 40px) / 3); float: left; margin-right: 20px }
#lienketlink .item:nth-child(3n) { margin-right: 0 }
#lienketlink .item select option { text-transform: uppercase }
.getnew .bound,
.getnew .infovideo { width: 100% !important; margin: 0 !important; }
.getnew .infovideo { padding: 10px; }
.getnew .infovideo .fixCateName { color: #00609a; font-size: 1.6em; font-weight: normal; line-height: 1.4em; }
.getnew .title { overflow: hidden; margin-bottom: 7px; border-bottom: 1px solid #dcdcdc; width: 100%; }
.getnew .title .cateName { display: inline-block; color: #0563e2; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; font-size: 15px; border-bottom: 2px solid #0563e2; }
#header .wrp { position: relative; }
#header .over { display: inline-block; }
#header .wrp .right { margin-top: 5px;margin-right:10px }
#header .right ul li:after { content: ""; margin: 0; }
#header .right ul li img { width: 26px; }
#header .right ul li:first-child img { width: 28px; }

.menuRight ul { padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
.menuRight > ul > li { border: 1px solid #dcdcdc; border-radius: 0 10px 0 0; margin-bottom: 15px }
.menuRight ul li a { display: block }
.menuRight ul li ul li { border-bottom: 1px solid #dcdcdc; display: flex; flex-flow: wrap row; align-items: center; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out }
.menuRight ul li ul li a { display: block; padding: 5px 10px; line-height: 20px; transition: none }
.menuRight ul li ul li a.name { flex: 1 }
.menuRight ul li ul li ul { display: none; width: 100% }
.menuRight ul li ul li ul li { border: none; padding-left: 5px }
.menuRight a.name i { font-size: 5px; display: inline-block; vertical-align: middle; margin-right: 2px }
.menuRight ul li ul li .open.ac i:before { content: "\f077" }
.menuRight ul li.active > a { color: #09f }
.titleDN { border-bottom: 2px solid #0375bc; display: flex; align-items: baseline; margin-bottom: -2px}
.titleDN .cateName { text-transform: uppercase; font-family: RobotoC ; font-size: 15px; display: table; line-height: 35px; padding: 0 15px; color: #fff; background: #0375bc; margin-bottom: -2px}
.titleDN .xtiep { flex: 1; text-align: right; color: #0375bc}

.slideBanner { position: relative; }
.congTT { position: absolute; right: 5px; bottom: 15px; color: #fff; font-weight: bold; display: inline-block; }
.congTT:hover { /*color:#fe0900*/color: #fff; filter: brightness(120%) }
 
.scrollLR {flex: 1}
.scrollLR .slideBanner { position: sticky; top: 0}
#categroup .commonTitleNews{display:flex;align-items:center}
#categroup .commonTitleNews .cateName{display:inline-block;width:88%;}
.xtc{width:12%;font-size: 13px;color: #fff;display:inline-block;font-weight:bold;padding: 5px 10px;box-sizing: border-box;}
.xtc:hover{filter:brightness(120%);color:#fff}


/*Hotline*/
.parentNews .addonRight .content{display:flex;align-items:center}
.parentNews .addonRight .content .hl{width:25%;}
.parentNews .addonRight .content .hl img{width:50px;}
.parentNews .addonRight .content .hr{width:calc(75% - 5px);padding-left:5px;}
.parentNews .addonRight .content .text{color:#979320;font-size:18px;font-family:RobotoB}
.parentNews .addonRight .content .phone{color:#FE0102;font-size:20px;font-weight:bold}

.chaythunghiem{ width: 100%; float: left; padding: 10px; text-indent: 99px;}
#newsHot .wImage .image.cover img{object-fit: unset;}

.wHoTen{ width: 150px !important;}
.wChucVu{ width: 160px !important;}
.wDienThoai{ width: 100px !important; text-align: center;}
.wEmail{ width: 250px !important;}

.danhbatable{ table-layout: auto !important;}
.danhbatable td:nth-child(1){ width: 200px !important;}
.danhbatable td:nth-child(2){ width: 200px !important;}
.danhbatable td:nth-child(3){ width: 120px !important; text-align: center;}
.danhbatable td:nth-child(4){ width: 300px !important;}
.videohome { padding: 0; margin: 0; list-style: none; box-sizing: border-box }
.videohome li { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px dotted #dddddd; }
.videohome li:first-child { padding-top: 7px; margin-top: 7px; border-top: 1px dotted #dddddd; }
.videohome li:last-child { padding: 0; margin: 0; list-style: none }
.videohome li a { position: relative; padding-left: 18px; display: block; line-height: 21px }
.videohome li a i { font-size: 10px; color: #0375bc; position: absolute; top: 5px; left: 0px }
.videohome li:last-child { margin-bottom: 0; padding: 0; border: none }
.videohome li a:hover { color: #0375bc }
.newsCatHome .parentNews .group.style1{ margin-bottom: 10px;}
.newsCatHome .slideBanner img{ margin-bottom: 10px;}
#qc_trenthuvienanh img{ margin-bottom: 10px; width: 100%;}
#qc_chantrang img{margin-top: 10px; width: 100%;}
.thamdocls .title-thamdo { line-height: 20px; margin-top: 0px; text-align: justify; font-weight: bold; }
.thamdocls .checkbox, .thamdocls .radio { position: relative; display: block; margin-top: 10px; width: 100%; }
.thamdocls .checkbox input, .thamdocls .radio input { vertical-align: middle }
.thamdocls .checkbox label, .thamdocls .radio label { margin:0; padding:0; text-align:justify; }
.thamdocls .button{width: 100%; margin: 10px auto 15px; display: flex; align-items: center; justify-content: center;}
.thamdocls .button input:first-child{margin-right: 10px; }
.thamdocls .button input:hover{background:#0375bc; color: #fff; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .parentNews {display: block}
    .parentNews .group.style1 { float: left; margin-right: 10px; display: block}

}