/* CSS Document */
@charset "utf-8";
* { margin: 0; padding: 0; }
@font-face { font-family: 'fontA'; src: url('../fonts/fontA.eot'); src: url('../fonts/fontA.eot') format('embedded-opentype'), url('../fonts/fontA.woff2') format('woff2'), url('../fonts/fontA.woff') format('woff'), url('../fonts/fontA.ttf') format('truetype'), url('../fonts/fontA.svg#fontA') format('svg'); }
@font-face { font-family: 'fontB'; src: url('../fonts/fontB.ttf'); }
body { font-size: 12px; font-family: Tahoma; line-height: 1.8em; color: #424242; }
.bg-site, body { background: url(../images/bg.jpg); width: 100%; height: 100%; background-position: center; }
html, body, div, span, strong { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }

/* Clearfix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html > body .clearfix { display: block; width: 100%; }
* html .clearfix { height: 1%; }
a { text-decoration: none; color: #373737; }
a:hover { color: #F00; }
img { border: 0; }
.clear { overflow: hidden; clear: both; }
.txtcenter { text-align: center; }
table, tr, td { border-collapse: collapse; }
table, tr, td { border-collapse: collapse; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
ul li { }
.tablelienhe span { color: #F00; }
.tablelienhe td { height: 25px; }
.tablelienhe .input, .tablelienhe textarea { border: 1px #E9E9E9 solid; azimuth: center; width: 300px; }
.tablelienhe .title { font-size: 14px; font-weight: bold; text-transform: uppercase }
.box_news { clear: both; padding-bottom: 10px; padding-top: 5px; border-bottom: 1px dotted #FFF; }
.box_news h2 { font-size: 12px; margin: 0px; }
.box_news h2 a { color: #0888E6; }
.box_news h2 { font-size: 12px; margin: 0px; }
.box_news h2 a { color: ##373737; font-family: fontB; font-weight: normal; font-size: 16px; }
.box_news p { margin: 0px; padding: 0px; }
.box_news p.small { font-size: 11px; color: #666666; }
.box_news h2 a:hover { color: #F00; }
.title_news { font-family: font-family:'Roboto Condensed', sans-serif; font-weight: bold; color: #005faf; font-size: 20px; }
.mota-news { color: #333; font-weight: bold; margin-bottom: 10px; margin-top: 10px; }
.small { font-style: italic; }
h1.text_title { color: #241900; font-size: 12px; }
.image_boder { float: left; margin: 0px 10px 0px 0px; background: #FFF; padding: 5px; border: 1px solid #E4E4E4; }
.button { background: #09669C; border: 1px solid #fff; border-radius: 3px 3px 3px 3px; color: #FFFFFF; font: 12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 5px 30px; cursor: pointer; }
.boder { border: 3px #E0E0E0 solid; margin: 0px 35px; }
.viewmore { text-align: right; padding-right: 10px; }
.viewmore img { vertical-align: middle; }
.viewmore a { color: #0000ff; font-size: 11px; font-weight: bold; }
.tinlienquan a { color: #333 }
.textright { float: right; padding-right: 10px; }
.textright a { font-style: italic; font-weight: normal; text-transform: none; }
.othernews { padding-left: 10px; margin-top: 20px; color: #666; margin-bottom: 20px; }
.othernews h1 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #333; }
.othernews ul { list-style: inside !important; }
.othernews ul li { padding-left: 20px !important; margin-left: 10px; background: url(../images/item-2.png) no-repeat center left; font-size: 14px; margin-top: 5px; }

/* --------------------- Phan trang ------------------*/
.phantrang { text-align: left; padding: 10px 0px; }
.phantrang a { border: 1px solid #ccc; color: #636363; cursor: pointer; font-size: 12px; margin: 0 0 0 4px; font-weight: bold; padding: 5px 10px; }
.phantrang span { border: 1px solid #005faf; background: none repeat scroll 0 0 #005faf; color: #fff; font-weight: bold; cursor: pointer; font-size: 12px; margin: 0 0 0 4px; padding: 5px 10px; }
.phantrang a:hover { background: none repeat scroll 0 0 #005faf; box-shadow: none; color: #fff; text-decoration: none; }
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover { background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent; border: 1px solid #D2D2D2 !important; color: #ADADAD !important; cursor: default; opacity: 0.7; }
.phantrang .paginate_active, .phantrang .paginate_active:hover { background: none repeat scroll 0 0 #212434; box-shadow: none; color: #FFFFFF; }
#menu { display: block; height: 35px; width: 1000px; margin: auto; box-sizing: border-box; }
#menu > .inner { display: block; margin: 0 auto; position: relative; width: 1000px; height: 35px; }
#menu > .inner > ul { position: absolute; padding: 0; z-index: 9999; width: 1000px; height: 35px; }
#menu > .inner > ul > li { display: inline-block; float: left; position: relative; list-style: none; margin: 0; padding: 0; }
#menu > .inner > ul > li > a { color: #fff; display: block; font-family: Tahoma; font-size: 11px; font-weight: bold; padding: 0px 12px; text-decoration: none; white-space: nowrap; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; line-height: 35px; text-transform: uppercase; }
#menu .inner .active { background: #2795f0; }
#menu #home { float: left; height: 35px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
#menu > .inner > ul .space { display: block; height: 35px; width: 1px; border-left: 1px solid #0E2541; }
#menu > .inner > ul > li:hover > a { color: #fff; background: #2795f0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; }

/*----------------cấp 2-----*/
.inner ul ul { background: #5F9EA0; position: absolute; z-index: 99999999; border: solid 1px #fff; border-bottom: none; top: 35px; }
.inner ul ul ul { position: absolute; background: #006E8B !important; top: 0 !important; left: 200px; }
.inner ul ul ul li { }
.inner ul ul li { width: auto; position: relative; min-width: 200px; list-style: none; }
.inner ul ul li a { color: #fff; display: block; font-family: Tahoma; font-size: 12.5px; line-height: 30px; padding-left: 20px; font-weight: normal; padding-right: 10px; text-decoration: none; white-space: nowrap; border-bottom: solid 1px #fff; }

/*.inner ul ul li:last-child a{border-bottom:none;}*/
.inner ul ul li a:hover { background: #4682B4; color: #fff; }
.inner ul ul, #nav ul ul ul { visibility: hidden; opacity: 0; }
.inner ul li:hover >ul { visibility: visible; top: 35px; opacity: 1; z-index: 999; }
.inner ul ul li:hover >ul { visibility: visible; opacity: 1; }
.search-form { float: right; width: 275px; height: 10px; position: relative; padding: 10px 0px; box-sizing: border-box; float: right; margin-right: 10px; }
.search-form input { border: solid 1px #FFF; width: 275px; height: 30px; padding-left: 5px; box-sizing: border-box; border: solid 1px #d8d7d7; background: url(../images/bg-txt.png) repeat-x top left; border-radius: 4px; }
.search-form input:focus { outline: none; }
.search img { position: absolute; top: 7px; right: 5px; }
.btntop { width: 50px; height: 28px; border: 0; background: none; position: absolute; top: 11px; right: 0px; }
.icon-topsearch { background: url(../images/search.png) no-repeat center center; width: 50px; height: 28px; display: block; margin: 0px auto 0; }
.search-form input:focus { outline: none; }
.search_form .inner span { padding-right: 5px; padding-left: 10px; background: url(../images/note.png) no-repeat center left; }
.nv-left ul ul { position: absolute; min-width: 240px; opacity: 0; visibility: hidden; left: 0; background: #fff; top: -40px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; box-shadow: 0 0 6px #999999; }
.nv-left ul li:hover > ul { visibility: visible; opacity: 1; left: 230px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; z-index: 120; top: 0; }
#menu > .inner > .lang { display: block; position: absolute; right: 0px; top: 0px; }
#menu > .inner > .lang a { padding-left: 10px; background: url(../images/note.png) no-repeat center left; padding-right: 20px; }
.contact-detail { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #ccc; }
.left-contact { margin-bottom: 20px; }
.date-creat { height: 30px; float: left; width: 50%; font-size: 12px; color: #333; line-height: 30px; font-style: italic; padding-left: 10px; box-sizing: border-box; }
.social-news { width: auto; float: right; height: 30px; }