/* Phần css reset */
@font-face {
	font-family: 'Roboto-Black';
	src: url('../fonts/Roboto-Black.ttf');
}
@font-face {
	font-family: 'Roboto-BlackItalic';
	src: url('../fonts/Roboto-BlackItalic.ttf');
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
	font-family: 'Roboto-BoldItalic';
	src: url('../fonts/Roboto-BoldItalic.ttf');
}
@font-face {
	font-family: 'RobotoCondensed-BoldItalic';
	src: url('../fonts/RobotoCondensed-BoldItalic.ttf');
}
@font-face {
	font-family: 'Roboto-Italic';
	src: url('../fonts/Roboto-Italic.ttf');
}
@font-face {
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
	font-family: 'Roboto-LightItalic';
	src: url('../fonts/Roboto-LightItalic.ttf');
}
@font-face {
	font-family: 'Roboto-Medium';
	src: url('../fonts/Roboto-Medium.ttf');
}
@font-face {
	font-family: 'Roboto-MediumItalic';
	src: url('../fonts/Roboto-MediumItalic.ttf');
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
	font-family: 'Roboto-Thin';
	src: url('../fonts/Roboto-Thin.ttf');
}
@font-face {
	font-family: 'Roboto-ThinItalic';
	src: url('../fonts/Roboto-ThinItalic.ttf');
}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before, *:after {
    -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%;
}

html, body {margin: 0; padding: 0; background: #fff; font-family: 'Roboto-Regular', sans-serif; font-size: 14px; color: #000; line-height: 18px}
header, section, footer, aside, nav, main, article, figure, figcaption, mark, summary, time, details {display: block; margin: 0}
h1, h2, h3, h4, h5, h6 {
    margin: 0; font-weight: normal;
    margin-bottom: 0.5rem;}
b {font-family: 'Roboto-Bold', sans-serif}
input, button, textarea, select {font-size: 14px; color: #000; background: transparent; border: none; padding: 0}
button {background: transparent; border: none}
img {max-width: 100%; display: inherit}
a {display: inherit}
p a{display: inline!important}
p {
   
    margin-top: 0;
    margin-bottom: 1rem;
}
.cf, .cf:after, .cf:before {content: ""; display: table; width: 100%}
.fl-left {float: left}
.fl-right {float: right}
.fix-clear {clear: both}
.container {max-width: 1000px; margin: 0 auto}
.bg-colors {background: #0288d1}
.grp-col {display: inline-block; width: 100%}
.colx2 {float: left; width: 50%}
.colx3 {float: left; width: 33.333%}
.colx4 {float: left; width: 25%}
.thumb-img {
    float: left;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
}


/* Icon font inline */
.sub-nav-hd:before, h2.tt-cate:before, .corner-image h2.tt-cate:before, .slide-ct-cate .bx-prev:before, .slide-ct-cate .bx-next:before,
.local-page h5:before, .slide-local-page .bx-prev:before, .slide-local-page .bx-next:before
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


/* Transition */
a, .fa, .trans
{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}


.trans-2
{
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
transition: all 0.6s linear;
}


{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}


/* Bắt đầu phần thân Website */
#header {}
.top-hd {background: #f2f6f8; padding: 5px 0}
.lang-hd {}
.lang-hd ul {margin: 0; padding: 0}
.lang-hd ul li {display: inline-block; margin-left: 8px; color: #e0e0e0}
.lang-hd ul li a {color: #55aa66; text-decoration: none}
.mid-hd {margin-bottom: 25px}
.logo-hd {margin-top: -22px}
.logo-hd a img {max-width: 290px}
.r-mid-hd {margin-top: 20px}
.time-mid-hd {font-size: 12px; color: #a5b2b9; float: right; margin: 5px 0 0 10px}
.form-search-hd {float: right; border: solid 1px #a5b2b9; position: relative; padding-right: 32px}
.submit-search {line-height: 28px; padding: 0 10px}
.btn-search {position: absolute; right: 0; top: 0; color: #2f8171; font-size: 18px; right: 8px; top: 4px}
.bot-hd {}
.menu-hd {position: relative; padding: 0 45px 0 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#227766+0,54a966+50,227766+100 */
background: #227766; /* Old browsers */
background: -moz-linear-gradient(left, #227766 0%, #54a966 50%, #227766 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #227766 0%,#54a966 50%,#227766 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #227766 0%,#54a966 50%,#227766 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227766', endColorstr='#227766',GradientType=1 ); /* IE6-9 */
}
.nav-hd {}
.nav-hd ul {margin: 0; padding: 0}
.nav-hd ul li {display: inline-block; /*margin: 0 6px*/padding:0 10px; border-left: 1px dotted #CCC;line-height: 1px;}
.nav-hd ul li:first-child{border-left:none;}
.nav-hd ul li a {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px; padding: 8px 0 10px}
.nav-hd ul li a .fa-home {font-size: 20px; position: relative; top: 2px}
.sub-nav-hd {position: absolute; right: 0; top: 0; width: 45px; height: 40px}
.sub-nav-hd:before {content: "\f0c9"; color: #fff; font-size: 25px; position: relative; right: -10px; top: 8px}
.sub-nav-hd:hover ul {visibility: visible; opacity: 1; top: 40px}
.sub-nav-hd ul {margin: 0; padding: 0; position: absolute; right: 0; top: 50px; background: rgba(255, 255, 255, 0.95); width: 200px; padding: 0 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; z-index: 20}
.sub-nav-hd ul li {display: inline-block; width: 100%; padding: 8px 0 5px; border-bottom: dashed 1px #e0e0e0}
.sub-nav-hd ul li:last-child {border-bottom: none}
.sub-nav-hd ul li a {display: block; text-decoration: none; font-size: 14px; color: #000}


#wrapper {padding-top: 30px}
.row-wrp {margin-bottom: 30px;}
.feature-news {background: #f2f2f2; width: 66%}
.feature-news-cat-left {   
    width: 42%;
    padding: 15px 20px
}
.feature-news-cat-right {
    width: 58%;
    padding: 15px 20px
}
.img-ft {width: 100%; height: 370px}
.img-ft-cat {
    width: 100%;
    height: 266px
}
.text-ft {display: inline-block; width: 100%; padding: 0 20px 15px}
.text2-ft {
    display: inline-block;
    width: 100%;
    margin-top:5px;
}
.tt-text-ft {color: #227766; font-size: 24px; font-family: 'Roboto-Bold', sans-serif; text-decoration: none; line-height: normal; padding-top:20px;}
.tt-text-ft-14 {
    color: #227766;
    font-size: 14px;
    font-family: 'Roboto-Bold', sans-serif;
    text-decoration: none;
    line-height: normal
}
.text-ft p {margin: 15px 0 0; line-height: 20px}
.news-nb {width: 34%; padding-left: 30px}
h2.tt-cate {border-bottom: solid 1px #227766; color: #227766; font-size: 16px; text-transform: uppercase; display: block; padding-bottom: 5px; font-family: 'Roboto-Bold', sans-serif; position: relative}
h2.tt-cate:before {content: "\f105"; color: #227766; font-size: 24px; position: absolute; right: 0; top: -5px}
h2.fix-tt-cate:before {content: "";}
.list-news-nb {margin-top: 10px}
.list-news-nb ul {margin: 0; padding: 0}
.list-news-nb ul li {display: inline-block; width: 100%; padding: 8px 0 5px 20px; border-bottom: dashed 1px #e0e0e0; position: relative}
.list-news-nb ul li:before {content: ""; width: 8px; height: 8px; background: #227766; border-radius: 100%; position: absolute; left: 0; top: 12px}
.list-news-nb ul li:last-child {border-bottom: none}
.list-news-nb ul li a {color: #000; text-decoration: none}
.list-news-rc {width: 40%}
.list-news-rc ul {margin: 0; padding: 0}
.list-news-rc ul li {display: inline-block; width: 100%; padding: 15px 0; border-bottom: solid 1px #a5b2b9}
.list-news-rc ul li:first-child {padding-top: 0}
.list-news-rc ul li:last-child {border-bottom: none; padding-bottom: 0}
.list-news-rc ul li .tt-news-rc {text-decoration: none; font-family: 'Roboto-Bold', sans-serif; display: block; margin-bottom: 10px; color: #000}
.ct-news-rc {}
.thumb-news-rc {width: 145px; height: 95px; margin-right: 20px}
.ct-news-rc p {margin: 0}
.grp-box {width: 60%; padding-left: 30px}
.corner-image {margin-bottom: 30px}
.corner-image h2.tt-cate:before {content: "\f030"; color: #ff7777; font-size: 22px}
.grp-box-corner-image {position: relative; display: inline-block; width: 100%; margin-top: 20px}
.list-corner-image {float: left; width: 73%; position: relative; background: #f2f2f2}
.list-corner-image ul {margin: 0; padding: 0}
.list-corner-image ul li {list-style: none}
.list-corner-image ul li p {margin: 0; padding: 0 15px 15px}
.list-corner-image .thumb-corner-image {margin-bottom: 15px}
.thumb-corner-image {width: 100%; height: 270px}
.pager-list-corner-image {height: 340px;overflow-y: scroll;float: right; width: 27%; padding-left: 10px}
.pager-list-corner-image ul {margin: 0; padding: 0}
.pager-list-corner-image ul li {float: left; width: 100%; list-style: none; margin-bottom: 10px}
.pager-list-corner-image ul li:last-child {margin-bottom: 0}
.pager-list-corner-image .thumb-corner-image {height: 106px}
.list-news-view {width: 60.5%; padding-right: 30px}
.list-news-view h3 {background: #ff7777; color: #fff; text-transform: uppercase; font-family: 'Roboto-Regular', sans-serif; text-align: center; line-height: 25px; padding-top: 3px; font-size: 14px}
.list-links-news {background: #f2f2f2; padding: 10px; margin: 0}
.list-links-news li {display: inline-block; width: 100%; padding: 8px 0 8px 20px; position: relative}
.list-links-news li:last-child {padding-bottom: 0}
.list-links-news li:before {content: ""; background: #444; width: 6px; height: 6px; position: absolute; left: 0; top: 12px}
.list-links-news li a {text-decoration: none; color: #000}
.data-lookup {width: 39.5%}
.tt-cate-sdb {background: #55aa66; color: #fff; text-transform: uppercase; font-family: 'Roboto-Regular', sans-serif; line-height: 25px; padding: 3px 10px 0 10px; margin: 0 0 10px; text-align: center}
.ct-data-lookup {padding-top: 30px; text-align: center}
.data-sl {position: relative; padding-right: 80px; margin-bottom: 30px}
.data-sl select {border-radius: 6px; border: solid 1px #e0e0e0; width: 100%; padding: 3px 5px; font-size: 12px}
.data-smb {border-radius: 6px; padding: 3px 10px; color: #fff; background: #227766; position: absolute; right: 0; top: 0}
.ct-data-lookup img {display: inline-block}
.main-section {width: 77.5%; padding-right: 30px}
.r-main-section {margin-bottom: 30px}
.grp-cate {border-top: solid 2px #227766; padding-top: 20px; position: relative}
.links-cate {width: 150px;}
.links-cate > ul {margin: 0; padding: 0}
.links-cate > ul > li {display: inline-block; width: 100%; padding: 12px 0 10px; border-bottom: solid 1px #a5b2b9}
.links-cate > ul > li:first-child {padding-top: 0}
.links-cate > ul > li:last-child {padding-bottom: 0; border-bottom: none}
.links-cate > ul > li > a {text-decoration: none; color: #000; font-family: 'Roboto-Bold', sans-serif;}
.links-cate > ul > li:hover > a, .links-cate > ul > li.act-cate > a {color: #ea1b23 !important}
.links-cate > ul > li:hover .ct-links-cate, .links-cate > ul > li.act-cate .ct-links-cate  {display: block;}
.ct-links-cate {position: absolute; right: 0; top: 20px; margin-left: 170px; display: none; background: #fff}
.ct-links-cate ul {margin: 0; padding: 0}
.ct-links-cate ul li {float: left; width: 31.333%; margin-right: 3%; list-style: none}
.ct-links-cate ul li:first-child {width: 100%; margin: 0 0 15px; background: #f2f2f2}
.ct-links-cate ul li:first-child .thumb-links-cate {width: 55.1%; height: 210px; margin: 0 30px 0 0}
.ct-links-cate ul li:first-child .sample-cate {padding: 20px 20px 20px 0}
.ct-links-cate ul li:first-child .sample-cate a {font-family: 'Roboto-Bold', sans-serif; font-size: 16px; margin-bottom: 10px}
.ct-links-cate ul li:nth-child(4) {margin-right: 0}
.thumb-links-cate {width: 100%; height: 120px; margin-bottom: 10px}
.sample-cate {}
.sample-cate a {text-decoration: none; color: #000}
.col-cate {float: left; width: 50%; padding: 20px 15px 0 0}
.col-cate:nth-child(2n) {padding: 20px 0 0 15px}
.col-cate h2.tt-cate {border-bottom: solid 2px #f2f2f2}
.col-cate h2.tt-cate a {display: inline-block; text-decoration: none; font-family: 'Roboto-Bold', sans-serif; color: #227766; font-size: 14px; position: relative}
.col-cate h2.tt-cate a:before {content: ""; display: block; background: #227766; width: 100%; height: 2px; position: absolute; left: 0; bottom: -7px}
.ct-col-cate {display: inline-block; width: 100%; padding-top: 20px}
.big-col-cate {}
.img-col-cate {width: 145px; height: 95px; margin-right: 30px}
.tt-col-cate {text-decoration: none; font-family: 'Roboto-Bold', sans-serif; color: #000}
.big-col-cate p {display: inline-block; margin: 20px 10px; color: #555}
.fix-links-news-1 {background: transparent; padding: 0}
.slide-ct-cate {}
.slide-ct-cate ul {margin: 0; padding: 0}
.slide-ct-cate ul li {}
.item-slide {display: inline-block; width: 100%; text-decoration: none; margin: 15px 0 0; font-size: 16px; color: #000}
.thumb-item-slide {width: 145px; height: 95px; margin-right: 20px}
.slide-ct-cate .bx-controls {top: -33px; right: 12px}
.slide-ct-cate .bx-prev, .slide-ct-cate .bx-next {width: 10px; height: 15px; overflow: hidden; position: absolute}
.slide-ct-cate .bx-prev {left: -12px; top: 6px}
.slide-ct-cate .bx-next {right: -40px; top: 6px}
.slide-ct-cate .bx-prev:before {content: "\f104"; color: #f2f2f2; font-size: 18px}
.slide-ct-cate .bx-next:before {content: "\f105"; color: #f2f2f2; font-size: 18px}
.ane-col-cate {}
.tt-ane-cate {text-decoration: none; font-family: 'Roboto-Bold', sans-serif; color: #227766}
.img-ane-cate {width: 100%; height: 238px; margin: 10px 0 20px}
.ane-col-cate p {display: inline-block; margin: 0; padding-bottom: 10px; border-bottom: solid 1px #e0e0e0; color: #555}
.fix-list-news-nb ul li {border-bottom: none}
.local-page {background: #f2f2f2; padding: 20px 0}
.local-page h5 {position: relative; padding-left: 45px; color: #227766; text-transform: uppercase; font-family: 'Roboto-Regular', sans-serif; margin: 0 0 30px; font-size: 14px}
.local-page h5:before {content: "\f041"; color: #ff7777; font-size: 25px; position: absolute; left: 20px; top: -5px}
.slide-local-page {}
.slide-local-page ul {margin: 0}
.slide-local-page ul li .colx3 {padding: 0 20px}
.slide-local-page .bx-controls {top: 45%; width: 100%}
.slide-local-page .bx-controls-direction {width: 100%}
.slide-local-page .bx-prev, .slide-local-page .bx-next {position: absolute}
.slide-local-page .bx-prev {left: -10px; width: 20px; height: 30px; overflow: hidden}
.slide-local-page .bx-prev:before {content: "\f104"; color: #fff; background: #55aa66; width: 20px; height: 30px; text-align: center; font-size: 24px; line-height: 28px}
.slide-local-page .bx-next {right: -10px; width: 20px; height: 30px; overflow: hidden}
.slide-local-page .bx-next:before {content: "\f105"; color: #fff; background: #55aa66; width: 20px; height: 30px; text-align: center; font-size: 24px; line-height: 28px}
.tt-local-page {font-family: 'Roboto-Bold', sans-serif; color: #000; text-transform: uppercase; margin-bottom: 10px}
.list-local-page {}
.list-local-page span {display: inline-block; width: 100%; padding: 10px 0; border-bottom: solid 1px #e0e0e0}
.list-local-page span:last-child {border-bottom: none; padding-bottom: 0}
.list-local-page span a {color: #000; text-decoration: none}
.select-local-page {margin: 20px 0 0 20px; border: solid 1px #a5b2b9; padding: 3px 10px; border-radius: 6px; display: inline-block}
.main-sidebar {width: 22.5%}
.r-main-sidebar {margin-bottom: 30px}
.r-main-sidebar:last-child {margin-bottom: 0}
.video-sdb {border-bottom: solid 1px #e0e0e0}
.video-sdb img {margin-bottom: 10px}
.video-sdb p {margin: 0 0 10px; text-align: center; font-family: 'Roboto-Bold', sans-serif;}
.newspaper {text-align: center; text-decoration: none}
.newspaper span {display: block; text-transform: uppercase; color: #ff7777; margin-bottom: 10px; font-size: 16px}
.newspaper img {display: inline-block}
.fix-cđ span {color: #000; font-size: 13px}


#footer {background: #226677; padding: 30px 0}
.main-ft {}
.left-main-ft {width: 65.5%; padding-right: 50px}
.links-cate-ft {display: inline-block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #fff}
.links-cate-ft ul {margin: 0; padding: 0}
.links-cate-ft ul li {display: inline-block; margin-right: 5px; color: #fff}
.links-cate-ft ul li a {text-decoration: none; color: #fff; font-family: 'Roboto-Bold', sans-serif}
.location-ft {color: #fff; line-height: 24px}
.right-main-ft {width: 34.5%}
.top-r-main-ft {margin-bottom: 30px}
.top-r-main-ft .colx2:nth-child(1) {border-right: solid 1px #fff; width: 40%}
.top-r-main-ft .colx2:nth-child(2) {width: 60%; padding-left: 50px}
.links-ft {}
.links-ft ul {margin: 0; padding: 0}
.links-ft ul li {display: inline-block; width: 100%; margin-bottom: 8px}
.links-ft ul li a {color: #fff;}
.copyright {border-top: solid 1px #fff; padding-top: 10px; color: #fff; text-align: right}



/* Bắt đầu trang list news */
.fix-list-news-rc {width: 100%} 
.thumb-list-news {width: 200px; height: 130px; margin-right: 20px}
.bot-list-news {display: inline-block; width: 100%; padding-top: 20px; border-top: solid 1px #a5b2b9; margin-top: 20px}
.paging-list-news {float: left}
.paging-list-news ul {margin: 0; padding: 0}
.paging-list-news ul li {display: inline-block; margin: 0 3px}
.paging-list-news ul li a {float: left; height: 32px; border: solid 1px #e0e0e0; border-radius: 3px; padding: 0 10px; line-height: 33px; text-decoration: none; color: #333} /* edit */
.arrow-paging {width: 13px; position: relative; top: 4px}
.paging-list-news ul li a:hover, .paging-act {background: #227766; border: solid 1px #227766 !important; color: #fff !important} /* edit */
.search-times {float: right; height: 30px; border: solid 1px #e0e0e0; border-radius: 3px; text-align: right; line-height: 31px; font-size: 14px; padding-right: 8px; text-decoration: none; color: #333} /* edit */
.icon-search-times {float: left; background: #227766; width: 30px; height: 28px; margin-right: 10px; text-align: center}
.icon-search-times .fa-calendar {color: #fff}


/* Bắt đầu trang tìm kiếm */
.search-nc {display: inline-block; background: #f9f9f9; border: solid 1px #e9e9e9; padding: 15px; margin-bottom: 30px}
.search-nc h3 {font-size: 20px; margin: 0 0 15px; padding: 0; color: #227766; font-family: 'Roboto-Bold', sans-serif;} /* edit */
.row-search-nc {margin-bottom: 15px; float: left; width: 100%}
.row-search-nc:last-child {margin-bottom: 0}
.search-key {position: relative; padding-right: 82px}
.search-key input {width: 100%; height: 32px; background: #fff; padding: 0 10px; line-height: 34px; border: solid 1px #e9e9e9}
.search-key button {background: #227766; color: #fff; font-size: 16px; height: 32px; padding: 0 10px; border-radius: 3px; position: absolute; right: 0; top: 0}
.colx2-search-nc {float: left; width: 49%; margin-right: 2%; position: relative}
.colx2-search-nc:nth-child(2n) {margin-right: 0}
.colx2-search-nc input {width: 100%; height: 32px; padding: 0 42px 0 10px; line-height: 34px; border: solid 1px #e9e9e9; background: #fff}
.icon-date-search {position: absolute; right: 0; top: 0; background: #227766; height: 32px; width: 32px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center;}
.colx2-search-nc select {width: 100%; height: 32px; padding:  0 10px; border: solid 1px #227766;}
.colx3-search-nc {float: left; width: 32%; margin-right: 2%; position: relative}
.colx3-search-nc:nth-child(3n) {margin-right: 0}
.colx3-search-nc select {width: 100%; height: 32px; padding:  0 10px; border: solid 1px #e9e9e9; background: #fff; color: #666}
.fix-in-search {width: 25.737%; margin-right: 2%}
.list-news ul li:first-child .fix-in-search {width: 45.59%; margin: 0 2% 0 0}


/* Bắt đầu trang tra cứu 1 */
.main-loc {width: 40%}
.tt-main-loc {text-decoration: underline; text-transform: capitalize; margin-bottom: 20px}
.list-loc {padding-left: 70px}
.list-loc ul {margin: 0; padding: 0}
.list-loc ul li {display: inline-block; width: 100%; margin: 5px 0}
.list-loc ul li:last-child {margin-bottom: 0}
.text-loc {position: relative; padding-left: 20px; display: inline-block; width: 100%}
.text-loc .fa {font-size: 18px; margin-left: 10px; position: relative; top: 1px}
.text-loc:before {content: ""; background: #227766; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 0; top: 6px}
.list-loc ul ul {padding: 10px 0 10px}
.list-loc ul ul li {padding: 0 20px 0 30px; margin: 0}
.list-loc ul ul li:hover, .list-loc ul ul li.act-loc {background: #55aa66}
.list-loc ul ul li:hover a, .list-loc ul ul li.act-loc a {color: #fff}
.list-loc ul ul li a {text-decoration: none; color: #000; padding: 8px 0 4px}
.main-ct-loc {width: 60%; padding-left: 30px}


/* Bắt đầu trang tra cứu 2 */
.main-breakcrumb {}
.main-breakcrumb ul {margin: 0; padding: 0}
.main-breakcrumb ul li {display: inline-block; margin-right: 8px; color: #227766}
.main-breakcrumb ul li a {text-decoration: none; text-transform: uppercase; color: #227766; line-height: 24px}
.main-grey {background: #f2f2f2; padding: 20px}
.main-grey h1 {text-transform: uppercase; font-family: 'Roboto-Bold', sans-serif; margin: 0 0 30px 0; font-size: 14px}
.main-grey p {margin: 0; line-height: 22px}
.main-grey p img {float: left; margin: 0 20px 20px 0}
.box-ct-sbd {}
.box-ct-sbd h2 {color: #227766; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #227766; font-size: 14px; font-family: 'Roboto-Bold', sans-serif}
.news-item-sdb {margin-bottom: 10px; font-family: 'Roboto-Bold', sans-serif; color: #000; text-decoration: none}
.news-img-sdb {width: 100%; height: 152px; margin-bottom: 10px}
.box-ct-sbd .list-links-news li {padding: 5px 0 5px 20px}
.box-ct-sbd .list-links-news li:before {top: 10px}


/*Bắt đầu trang tra cứu 3 */
.table-dl {width: 56%}
.table-dl table {width: 100%; border: solid 1px #227766; border-bottom: none; border-right: none}
.table-dl table tr {}
.table-dl table tr td {padding: 10px 5px; border-bottom: solid 1px #227766; border-right: solid 1px #227766; text-align: center; text-transform: capitalize}
.map-vn {width: 44%; text-align: center}
.map-vn img {max-width: 100%; display: inline-block}
.cd-sdb {}
.fix-tt-cd {margin-bottom: 15px}
.img-cd-sdb {width: 100%; height: 150px; margin-bottom: 10px}
.cd-sdb p {margin: 0; font-family: 'Roboto-Bold', sans-serif; text-transform: capitalize; text-align: center}


.links-cate-ft2 {
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width:100%;
    
    font-size:12px;
    /*border-bottom: solid 1px #000*/
}

 .links-cate-ft2 ul {
        margin: 0;
        padding: 0
    }

        .links-cate-ft2 ul li {
            display: inline-block;
            margin-right: 5px;
            color: #000
        }

            .links-cate-ft2 ul li a {
                text-decoration: none;
                color: #000;
                font-family: 'Roboto-Bold', sans-serif
            }


.col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
   
}

.col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    
   
}

.col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
   
    max-width: 41.666667%;
}

.col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
/*------------------------------------
       border
      ------------------------------------*/
.brd-right-md-up-gray {
    border-right: 1px solid #eeeeee;
}
.g-brd-gray-light-v3 {
    border-color: #eeeeee !important;
    border-top: 1px solid #eeeeee;
}
.g-brd-gray-light-v4 {
    border-color: #999999 !important;
}

.md-up-width-60x {
    width: 60% !important;
}
.g-mb-50 {
    margin-bottom: 3.57143rem !important;
}
.g-mb-20 {
    margin-bottom: 1.42857rem !important;
}
.g-mb-30 {
    margin-bottom: 2.14286rem !important;
}
.g-mb-15 {
    margin-bottom: 1.07143rem !important;
}
.g-mb-10 {
    margin-bottom: 0.71429rem !important;
}
.g-mt-50 {
    margin-top: 3.57143rem !important;
}
.g-mt-20 {
    margin-top: 1.42857rem !important;
}
.g-mt-10 {
    margin-top: 0.71429rem !important;
}
.g-pt-15 {
    padding-top: 1.07143rem !important;
}
/*------------------------------------
       CATEGORY PAGE
      ------------------------------------*/

.ft-article {
    padding-right:15px;
}
.ft-article2 {
    padding-right: 15px;
    padding-left:15px;
   
}
.ft-article-left {
    padding-left: 15px;
}

.col-container {
    display: flex;
    width: 100%;
}

.col {
    flex: 1;
    
}
.p-3 {
    padding: 1rem 1rem !important;
}
.thumb-item {
    margin-left: 1.5rem !important;
    
}
.thumb-item-img {
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
	width:229px;
	height:auto;
}
/*------------------------------------
       Suggestion Page
      ------------------------------------*/
.vn-bg-dancer {
    background: #e3f1f7;
}
@media (min-width: 0) {
    .g-mb-50 {
        margin-bottom: 3.57143rem !important;
    }
    
}
.g-font-size-16 {
    font-size: 1.14286rem !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
hr {
    margin-bottom: 2rem;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.g-color-secondary {
    color: #227766;
}
.g-font-size-24 {
    font-size: 1.71429rem !important;
}
.g-line-height-1 {
    line-height: 1 !important;
}
.d-block {
    display: block !important;
}
.g-line-height-1 {
    line-height: 1 !important;
}
.mr-4 {
    margin-right: 1.5rem !important;
}


/* Update 22/10/2019 */
.fix-ct-news-rc {margin-bottom: 10px}
.list-news-item {display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 0 -20px}
.list-news-item > div {width: calc(100% * 1 / 3.001); padding: 20px 0 0 20px; list-style: none}
.thumb-news-related {width: 100%; height: 190px; margin-bottom: 10px}


/* Update 28/10/2019 */
.tt2-text-ft {color: #227766; font-size: 16px; font-family: 'Roboto-Bold', sans-serif; text-decoration: none; line-height: normal}
.g-font-size-14 {font-size: 1rem !important; line-height: 1.4 !important}
.p-3 {padding: 2rem 2rem !important}
.thumb-news-dt {float: right; margin: 0 0 0 20px; width: 229px; height: 153px}
.fix-data-lookup {width: 100%; margin-bottom: 30px}
.fix-ct-news-rc p {max-height: 142px; overflow: hidden}
.r-main-sidebar .tt-cate-sdb {display: inline-block; width: 100%; padding: 5px 0 0 10px; text-align: left; font-family: 'Roboto-Bold', sans-serif;}
.article-detail, .article-content, .share-post, .tags-post, .news-post, .slider-post {max-width: 768px; margin: 0 auto; font-size: 16px; line-height: 1.6em}
.article-time-post {text-align: center; margin-top: 20px}
.article-time-post .links-cate-ft2 {font-size: 14px}
.article-time-post .links-cate-ft2 ul li {color: #666}
.article-time-post .user-post {font-family: 'Roboto-Bold', sans-serif;}
.article-title {font-family: 'Roboto-Bold', sans-serif; text-align: center; font-size: 2.57143rem !important; line-height: 1.4; box-sizing: inherit; color:#333}
.adv-post {margin: 10px 0 50px 0}
/*.adv-post p {background: #f0f0f0; font-size: 32px; text-transform: uppercase; text-align: center; padding: 50px 20px; font-family: 'Roboto-Bold', sans-serif; color: #999}*/
.article-content p {margin: 15px 0}
.img-fluid {max-width: 100%; display: block; margin:0 auto!important; height: auto}
.text-uppercase {max-width: 768px; margin: 20px auto; text-align: center; font-size: 24px; font-family: 'Roboto-Bold', sans-serif;}
.text-category {max-width: 768px;text-transform:uppercase;color:#227766;font-size:20px; font-family: 'Roboto-Bold', sans-serif;}
.share-post {}
.tags-post ul {display: inline-block; border-top: solid 1px #e0e0e0; margin: 20px 0 0; padding: 15px 0 0}
.tags-post ul li {display: inline-block; margin: 5px; list-style: none}
.tags-post ul li a {color: #227766; padding: 2px 10px; border: solid 1px #e0e0e0; text-decoration: none; font-size: 14px}
.news-post {margin: 50px auto}
.news-post h2 {text-transform: uppercase; font-family: 'Roboto-Bold', sans-serif; font-size: 16px; text-decoration: underline; margin-bottom: 50px}
.news-post .tt2-text-ft {color: #333}
.fix-mw-100 {max-width: 100%}
.slider-post {padding: 20px 0}
.slider-post .bx-pager {display: inline-block; width: 100%; margin-top: 20px; text-align: center}
.slider-post .bx-wrapper .bx-caption {bottom: 8px; padding: 5px 20px}
.slider-post .bx-viewport img {width: 100%}
.slider-post .thumb-slider-post {display: inline-block; float: none; width: 142px; height: 95px; margin: 10px}
.hr-line {border-color: #eeeeee !important; border-top: 0.5px solid #eee}
/**Update 04-11-2019**/
.r-main-section-tab{margin-bottom:150px;}
.article-content a {display:inline-block !important}
table{width:auto;margin:0 auto!important;}
/*Update 22/6/2020 */
.topicnews-block {
    width: 98%;
    margin: auto;
    display: block;
    border: solid 1px #eee;
    background: #f5f5dc;
    font-size: 1em;
    margin-bottom: 20px;
    border-radius: 5px;
}

    .topicnews-block .title {
        font-weight: bold;
        background: #2e8b57;
        color: #fff;
        border-bottom: solid 1px #ddd;
    }

    .topicnews-block .title, .topicnews-block .detail {
        padding: 5px;
    }
.article-photo{padding-bottom:20px!important}