@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,     	    samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 	 			article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  outline: none;}
  
html { height: 101%; } /* always display scrollbars */
body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, Verdana, sans-serif; background:#0092C9; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }

input { outline: none; }
 
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
 
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#wrapper{ width:1140px; margin:auto}
header{ width:1140px;position:relative;}
#head_left{ width:415px; text-align:center}
#toplogo{ }
#toplogo img{ width:150px }
.cpname{ text-transform:uppercase}
.style1{ font-size:18px; font-weight:bold; color:#F00; text-shadow:0px 1px 2px rgba(0,0,0,0.3);}
.style2{ font-size:20px; font-weight:bold; color:#F00; line-height:40px;text-shadow: 0 0 2px #030}
.lang{ position:absolute; top:15px; right:20px}
#topmenu{ float:left; width:1140px; min-height:38px; background:#015C96}
#main-page{ float:left; width:1140px; min-height:700px; background:#fff}
.maquee{ float:left; width:1140px; min-height:26px; background:#f4f4f4}
.wrap_maquee{ float:left; min-height:26px; width:450px; margin-left:15px}
.font1{ font-size:11px; font-style:italic; color:#444; line-height:26px}
#left-column{ float:left; width:280px; }
#mid-column{ float:left; width:580px; min-height:500px;}
#mid-column2{ float:left; width:820px; min-height:50px; margin:10px; padding:10px; background:#f4f4f4}
#mid-column2-content{ float:left; width:820px; min-height:50px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.3)}
#mid-column3{ float:left; width:840px; min-height:50px; margin:10px; padding-bottom:10px}
#right-column{ float:left; width:280px; min-height:500px;}
.block-link{width:264px; min-height:200px; margin:10px 0px 10px 15px; float:left}
.block-link img{width:264px; margin-bottom:10px;}
.block-left{ width:260px; min-height:200px; margin:10px 0px 10px 15px; float:left;}
.block-left2{ width:256px; min-height:200px; margin:10px 0px 10px 15px; float:left;}
.block-left3{ width:260px; min-height:50px; margin:10px 0px 10px 15px; float:left; border:1px solid #005baa}
.block-left-title{ height:30px; line-height:30px; background:#015c96; margin:0px 0px 20px 0px;}
.block-left-title2{ height:30px; line-height:30px; background:#015c96; margin:0;}
.block-left-title2 span{ font-size:14px; font-weight:normal; margin-left:20px; color:#fff; text-transform:uppercase; text-shadow:0px 1px 2px rgba(0,0,0,0.5)}
.block-left-title span{ font-size:14px; font-weight:normal; margin-left:20px; color:#fff; text-transform:uppercase; text-shadow:0px 1px 2px rgba(0,0,0,0.5)}
.block-left-item{ float:left; width:100%; line-height:20px;}
.block-left-item2{ float:left; width:100%; line-height:20px; margin-top:10px;}
.block-left-item:hover a{ color:#005baa}
.block-right{ width:260px; margin:10px 0px 10px 0px; float:left;}
.block-right2{ width:260px; margin:10px 0px 10px 0px; float:left; border:1px solid #015C96}
.border{border:2px solid #015C96; }
.margin{ margin-bottom:5px}
.bltitle{ float:left; line-height:20px; font-size:12px; width:240px}
.bltitle2{ float:left; line-height:20px; font-size:12px; width:236px}
.miditem-title{float:left; line-height:20px; font-size:12px; width:300px}
.miditem-title a{ color:#333}
.miditem-title a:hover{text-decoration:none; color:#F00}
.bltitle a{ color:#444}
.bltitle a:hover{ text-decoration:none; color:#005baa}
.bltitle2 a{ color:#444}
.bltitle2 a:hover{ text-decoration:none; color:#005baa}
.block-left-itemall{ float:right; font-size:12px; margin:20px 7px 7px 7px}
.block-left-itemall a{ color:#444}
.block-left-itemall a:hover{ text-decoration:none; color:#09F;}
.blslide{ margin:12px 0px;}
.blslide img{ margin:0px; width:260px}
#mainslide{ width:540px; min-height:300px; background:#030; margin-left:20px; margin-top:10px;}
.block-mid{
	width:540px;
	min-height:200px;
	float:left;
	margin:20px 0px 0px 20px
}
.wrap-blockmid{ float:left; width:540px; display:table; margin-top:20px}
.more{ float:left; width:540px; display:table; margin-top:5px}
.more a{ font-size:13px; color:#005baa; line-height:20px; font-weight:bold; display:table-cell;width:499px}
.more a:hover{ text-decoration:none; color:#990000}
.block-mid-title{
	height:24px;
	font-size:14px;
	font-weight:bold;
	color:#444;
	background:#015C96;
}
.block-mid-title a{ background:#FFF; padding:5px 15px; margin-top:5px}
.titlestyle2{
	width:45%;
	line-height:20px;
	background:#fff;
	float:left;
	text-transform:uppercase;
}
.block-mid-clleft{ width:154px; display:table-cell; vertical-align:top}
.block-mid-clleft img{ width:150px; border:1px solid #015c95; height:100px}
.block-mid-clright{ padding-left:11px; display:table-cell; vertical-align:top; overflow:hidden; height:120px;}
.block-left-item2 h2{ font-size:12px; font-weight:bold; color:#1d9c99; line-height:20px; margin-top:5px}
.block-left-item2 h1{ font-size:20px; color:#ff5866; font-weight:bold}

footer {
    width: 100%;
    padding: 20px 0;
    background: url(../images/bgfoot.jpg) no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
}

.footer-container {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.leftfoot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
}

.leftfoot-logo img {
    max-height: 100px;
    width: auto;
}

.leftfoot-text {
    margin-left: 20px;
    flex: 1;
}

.leftfoot-text h1 {
    font-size: 16px;
    color: #005baa;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
}

.leftfoot-text p {
    font-size: 12px;
    color: #005baa;
    line-height: 17px;
    margin: 5px 0 0;
}

.rightfoot {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    color: #005baa;
    font-weight: bold;
}

.rightfoot a {
    color: #005baa;
    text-decoration: none;
}

#bttop {
    text-align: center;
    margin-top: 20px;
}

footer{ width:1140px; min-height:115px; float:left; position:relative;padding-left: 0px; padding-top:0px;
background:url(../images/bgfoot.jpg);

}
.leftfoot{ float:left; width:80%; min-height:115px; display:table}
.leftfoot-logo{ min-width:100px; float:left}
.leftfoot-text{ min-width:100px; float:left; margin-top:23px; margin-left:10px}
.leftfoot-text h1{ font-size:16px; color:#005baa; line-height:20px; font-weight:bold}
.leftfoot-text p{ font-size:12px; color:#005baa; line-height:17px}
.rightfoot{width:40%; position:absolute; right:5px; bottom:10px; font-size:12px; color:#005baa; font-weight:bold}
/* fixNav */
.wrapfixmenu{ width:1140px; margin:auto; min-height:38px;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);}
#fixNav{
  width: 100%;
  min-height: 38px;
  display: none;
  position: fixed; /*Cho menu cố định 1 vị trí với top và left*/
  top: 0; /*Nằm trên cùng*/
  left:0;
  z-index: 100000; /*Hiển thị lớp trên cùng*/
}
/* Back to top */
#bttop{width:50px; height:50px;background:#ff6734;text-align:center;padding:2px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900; background:#fff}
#bttop:hover{background:#24bde2; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease}
.news-title{ font-size:22px; margin-top:10px; font-weight:normal; line-height:30px; padding-right:10px; margin-left:20px}
.news-title2{ font-size:24px; margin-top:10px; font-weight:normal; line-height:30px; padding-right:10px; margin-left:20px; color:#015C96}
.date-view{ font-size:12px; color:#444; height:30px; line-height:30px; margin-left:20px}
.news-content{ padding-right:10px; margin-left:20px; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:20px;word-spacing:1px}
.news-content a{color:#333}
.news-content a:hover{color:#09F; text-decoration:underline}
.title{ float:left; height:30px; line-height:30px; background:#f4f4f4; font-size:13px; padding-left:15px; width:825px; color:#015C96; text-transform:capitalize}
.wrap_news{ float:left; width:840px; min-height:100px;}
.wrap_news2{ float:left; width:820px; min-height:100px;}
.wrap_tincuhon{float:left; width:790px; min-height:100px; margin:10px 15px; border-top:1px solid #dfdfdf}
.news_item{ float:left; width:840px; margin-top:20px; min-height:50px; padding-bottom:10px; border-bottom:1px dashed #dfdfdf}
.news_item:hover a{ color:#900;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.news_itemimg { float:left; width:150px; height:112px; overflow:hidden}
.news_itemtext { float:left; width:640px; height:108px; overflow:hidden}
.news_itemtext2 { float:left; width:840px; max-height:200px; min-height:100px; overflow:hidden}
.news_title { margin-left:20px; font-size:20px; line-height:26px; color:#005baa; }
.news_title2 { margin-left:20px; font-size:18px; line-height:26px; color:#005baa; }
.news_title a{ color:#005baa}
.news_title a:hover{ text-decoration:none}
.news_title2 a{ color:#005baa}
.news_title2 a:hover{ text-decoration:none}
.news_dateview{ font-size:12px; color:#444; line-height:20px; margin-left:20px;}
.news_description{ margin-left:20px; font-size:13px; color:#000; line-height:20px}
#thanhphantrang{ text-align:center; padding-top:10px; padding-bottom:10px; float:left; margin-top:20px}
#thanhphantrang a:link, #thanhphantrang a:visited{
	background-color:#333;
	color:#FFF;
	padding:4px 9px 4px 9px;
	text-decoration:none;
	font-size:12px;
}
#thanhphantrang a:hover {background:#0866c6; color:#FFF}
.lhtitle{ line-height:45px; font-size:24px; color:#015C96; text-shadow:0px 1px 2px rgba(0,0,0,0.2); margin-left:15px}
.lbtext{ margin-left:15px; font-size:13px; line-height:20px}
#btnGui{ border:1px solid #015C96; background:#015C96; color:#fff;  padding:4px 20px; font-weight:bold}
#btnGui:hover{ cursor:pointer; background:#1B9BFF; border:1px solid #1B9BFF}
.wraplogo{ float:left ;width:152px; height:152px; overflow:hidden;  margin-top:10px; margin-left:10px; border:1px solid #dfdfdf}

.wraplogo img{ -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    -ms-transition: all 1s ease; 
    transition: all 1s ease;
    width: 100%;
	height:152px}
.wraplogo:hover img{
	-webkit-transform:scale(1.15); 
    -moz-transform:scale(1.15); 
    -ms-transform:scale(1.15); 
    -o-transform:scale(1.15); 
     transform:scale(1.15);
}
.tinkhac{ font-size:16px; font-weight:bold; line-height:50px; margin-left:5px}
ul#tinkhac{ font-size:13px; margin-left:50px; line-height:18px; list-style:circle}
ul#tinkhac a{color:#333;}
ul#tinkhac a:hover{ color:#09F}
.wrap_marketinfo{ background:#dfdfdf;width:260px; float:left; min-height:45px}
.cell{ width:100px; height:25px; background:#fff; margin:10px 15px; float:left; line-height:25px; text-align:center}
.cell a{ font-size:13px; font-weight:bold; color:#333}
.cell:hover{ background:#09F}
.cell:hover a{ text-decoration:none; color:#fff; text-decoration:none}
.clright-title{float:left; line-height:20px; font-size:12px; width:330px; margin-bottom:5px}
.clright-title a{ color:#005baa; font-size:18px}
.clright-title a:hover{ text-decoration:none; color:#990000}
.clright-des{ font-size:13px; color:#333; float:left; width:330px; line-height:17px}