@charset "utf-8";
*{margin:0px; padding:0px;}
/*body{	font-family:arial;	font-size:12px; color: #404040;	background: url(../images/bg.png) no-repeat top;}*/
body{	font-family:arial;	font-size:12px; color: #404040;background:#fff;}
a:link {	color: #404040;	text-decoration: blink;}
a:visited {	color: #404040;	text-decoration: underline;}
a:hover, a:active, a:focus { 	text-decoration: none !important;	color:#0000bf;}
h1, h2, h3, h4, h5, h6 {	font-family:arial;	font-weight:100; }
p {	font-size:12px;	line-height:1.5;	font-family:arial;	color:#5b5b5b;	}
@font-face
{font-family: my;src: url(../css/my.otf);}
.wrapper {	margin:0 auto;	width:100%;	}
.hooo { float:left; margin:0 auto; width:100%; background-color:#f2f2f2; padding-top:5px; padding-bottom:10px;}
.hooo p{ padding:2px 5px; font-size:12px; font-weight:bold;  }
.menu2,.menu2 ul,.menu2 ul ul,.menu2 li,.menu2 a {
    margin: 0;    padding: 0;    border: none;    outline: none;}
.menu2 {float:left;margin:0 auto;	height:45px;	//margin-left:10px;}
.menu2 li {    position: relative;    list-style: none;    float: left;    display: block;
    height: 45px;	z-index:99;	margin-right:1px;	margin-left:1px;	vertical-align:central;
	text-align:center;	line-height:45px;	font-weight:100;	vertical-align:central;
	font-size:13px;	color:#fff;	background-image:url(../images/menuchia.png);
	background-position:right;	background-repeat:no-repeat;
}
.menu2 li a {    display: block;    padding: 0 25px 0 22px;    margin: 0px 0;		font-size:13px;
		font-family:arial;    line-height: 45px;	color:#fff;    text-decoration: none; font-weight:bold;
    transition: color .02s ease-in-out;}
.menu2 li:first-child a { border-left: none; }
.menu2 li:last-child a{ border-right: none; }
.menu2 ul li a:hover { cursor:pointer; }
.menu2 li:hover{ 	//background:url(../images/mn.png) bottom center no-repeat;	//height:45px;}
.menu2 li:hover a{ 	color:#ffea00;}
.menu2 li:hover ul li a{ 	color:#fff;}
.menu2 ul {	margin:0 auto;    position: absolute;    margin-top: 0px;    left: 4px;    display:none;	width:210px;
	background-color:#026201;    transition: opacity .0015s ease .001s;	z-index:9999;	padding-bottom:2px;}
.menu2 li:hover ul{  display:block;  }
.menu2 li:hover > ul { top: 45px;}
.menu2 ul li {    height:30px;    transition: height .001s ease .001s;	vertical-align:central;	line-height:30px;
	width:200px;	text-align:left;	padding-left:0px !important;	color:#fff;	border-bottom: 1px solid #fff;}
.menu2 li:hover > ul li {    height: 30px;    overflow: visible;    padding: 0;	}
.menu2 ul li:hover { //background-color:#701268; background-image:none; }
.menu2 ul li a:hover{ color:#ff1515 !important; }
.menu2 ul li a {	display:block;	font-size: 13px;height: 20px;color: #fff;line-height: 30px;}
.menu2 ul li:last-child a { border: none; }


.menu3,.menu3 li,.menu3 a {
    margin: 0;    padding: 0;    border: none;    outline: none;}
.menu3 {float:left;margin:0 auto;	height:30px;	//margin-left:10px;}
.menu3 li {    position: relative;    list-style: none;    float: left;    display: block;
    height: 30px;	z-index:99;	margin-right:1px;	margin-left:1px;	vertical-align:central;
	text-align:center;	line-height:30px;	font-weight:100;	vertical-align:central;	font-size:13px;	color:#fff;	}
.menu3 li a {    display: block;    padding: 10px 30px 0 27px;    margin: 0px 0;		font-size:13px;
		font-family:arial;    line-height: 30px;	color:#fff;    text-decoration: none; font-weight:bold;
    transition: color .02s ease-in-out;}
.menu3 li:first-child a { border-left: none; }
.menu3 li:last-child a{ border-right: none; }
.menu3 li:hover a{ 	color:#ffea00;}



.header {	margin:0 auto; width::1200px; height:50px;	}
              .jssort07 .i {                    position: absolute;                    top: 0px;                    left: 0px;
                    width: 99px;                    height: 66px;                    filter: alpha(opacity=80);
                    opacity: .8;                }
                .jssort07 .p:hover .i, .jssort07 .pav .i {   filter: alpha(opacity=100);            opacity: 1;                }
                .jssort07 .o {                    position: absolute;                    top: 0px;                    left: 0px;
                    width: 97px; height: 64px;  border: 1px solid #000;                    transition: border-color .6s;
                    -moz-transition: border-color .6s; -webkit-transition: border-color .6s; -o-transition: border-color .6s;}
                * html .jssort07 .o {
                    /* ie quirks mode adjust */
                    width /**/: 99px;                    height /**/: 66px;                }
                .jssort07 .pav .o, .jssort07 .p:hover .o {                    border-color: #fff;                }
                .jssort07 .pav:hover .o {                    border-color: #0099FF;                }
                .jssort07 .p:hover .o {                    transition: none;                    -moz-transition: none;
                    -webkit-transition: none;                    -o-transition: none;                }
           .jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
                        position: absolute;                        cursor: pointer;                        display: block;
                        background: url(../img/a11.png) no-repeat;                        overflow: hidden;                    }
                    .jssora11l {                        background-position: -11px -41px;                    }
                    .jssora11r {                        background-position: -71px -41px;                    }
                    .jssora11l:hover {                        background-position: -131px -41px;                    }
                    .jssora11r:hover {                        background-position: -191px -41px;                    }
                    .jssora11ldn {                        background-position: -251px -41px;                    }
                    .jssora11rdn {                        background-position: -311px -41px;                    }
.wrapper { margin:0 auto; max-width:1290px; background: url(images/img_03.png) repeat; }
.header_content { position:relative; width:500px; height:100px; margin-top:-95px; margin-left:290px; }
.header_content p { font-weight:bold; line-height:25px; }
.km-sp1 input{	border:none; width:30px; 	height:24px; margin-top:33px; 	}
.paging{	margin:0 auto;	text-align:center;	margin:30px;margin-top:20px !important;}
.paging a:link, .paging a:visited, .paging a:hover, .paging a:active{
	border:1px solid #2A9FE2;	color:#fff;	background-color:#2A9FE2;	padding:1px 5px;
	font-weight:bold;	text-decoration:none;}
.paging a:hover{	background-color:#fff;	color:#2A9FE2;}
#haii select { width:135px; height:22px; font-size:11px; font-family:arial; border:1px solid #dfdfdf; }
#haii p { font-weight:bold; font-size:12px;}
.left1 { float:left; margin:0 auto; padding-left:10px; padding-right: 10px; margin-top:15px; width:25%; min-height:100px; box-sizing: border-box;}
.left2 {  float:left; margin:0 auto; width:100%; min-height:100px; margin-bottom:15px; background-color:#f5f5f5; }
.left3 { float:left; margin:0 auto; width:100%; height:50px;  margin-right:13px; background-image:url(../images/pic_14.png); background-size:100% 100%; }
.left3 p { line-height:42px; color:#fff; font-family:arial; padding: 5px 0 5px 15px; font-size:14px; }
.ten_dm {line-height: 22px;margin-left: 10px;border-bottom: 1px dotted #CCCCCC; font-size: 13px ;padding-bottom: 7px;padding-top: 5px; font-weight:600; color:#828282; margin-right:10px;}
.left31 { float:left; margin:0 auto; width:245px; margin-top:10px;}
.left32 {  float:left; margin:0 auto; width:15px; margin-top:3px;  }
.left321 {line-height: 15px;margin-left: 20px;font-weight: bold;}
.footer_menu { float:left; margin:0 auto; height:30px; padding-right:22px;}
.footer_menu p { color:#FFF; font-size:15px; font-family:'Times New Roman', Times, serif; }
.footer_menu p:hover { color:red; cursor:pointer; }
.logo { margin:0 auto; width:100%; -min-height:140px;  }
.logo1 { margin:0 auto; max-width:1000px; max-height:140px;  background-color:#FFF;  }
.menu { margin:0 auto; width:100%; }
.menuu { margin:0 auto; width:1000px; height:45px; background-image:url(../images/homer_03.png); background-repeat:no-repeat; background-size:100% 100%; }
.content { margin:0 auto; width:100%; }
.content1 { margin:0 auto; max-width:100%; overflow:hidden; box-shadow:0px 4px 10px #999999; background-color: #fff;}
.content2 { float:left; margin:0 auto; margin-top:5px; margin-bottom:0px; width:1000px; height:50px; background:url(../images/thanh.png) no-repeat center; }
.content3 { float:right; margin:0 auto; width:465px; height:30px; margin-top:20px; }
.tintuc { float:left; margin:0 auto; width:100%; background-color:#f2f2f2; padding-top:5px; padding-bottom:10px;}
.hinh { float:left; margin:0 auto; width:250px; background-color:#f2f2f2; padding-top:5px; padding-bottom:10px;}
.hinh1 { float:left; margin:0 auto; width:230px; height:170px; margin:10px; }
.vic { float:left; margin:0 auto; width:100%; background-color:#f2f2f2; padding-top:5px; padding-bottom:10px;}
.vic1 { float:left; margin:0 auto; width:230px; margin:10px; }
.mg { float:left; margin:0 auto; width:250px; background-color:#f2f2f2; padding-top:5px; padding-bottom:10px;}
.moi { float:left ; margin:0 auto; width:240px; height:100px; margin:5px; border-bottom:1px solid #dfdfdf; margin-bottom:8px;}
.moi1 { float:left ; margin:0 auto; width:80px; height:90px;}
.moi2 { float:right ; margin:0 auto; width:155px; height:90px; }
.moi3 { font-weight:bold; font-size:13px; color:#000;}
.tuyengdung { float:left; margin:0 auto; width:250px; background-color:#f2f2f2; padding-top:5px; padding-bottom:10px;}
.center { float:right; margin:0 auto; padding-right: 10px; padding-left: 10px; width:75%; min-height:300px; margin-top:16px; box-sizing: border-box;}
.sli1 {  float:left; margin:0 auto; width:942px; height:330px; background-color:#FFF; padding:4px; border:1px solid #CCC; box-shadow: 0px 0px 4px #aaaaaa; }
.sli2 {  position:relative; z-index:5; margin:0 auto; width:942px; height:320px;}
.sli3 {  float:left; margin:0 auto; width:942px; height:200px; background-color:#f5f5f5; margin-top:16px;}
.sli4 { text-align:center; margin-top:10px; font-size:13px; font-weight:bold;}
.sp { float:left; margin:0 auto; width:100%; margin-top: 6px; }
.sp1 { float:left; margin:10px auto; width:100%; min-height:30px; margin-top: 6px; border-bottom:1px solid #e1e1e1; }
.sp2 { color:#414141; line-height:30px; font-size:20px; font-weight:bold;}
.sp3 { float:left; margin:0 auto; width:25%; height:315px; margin-top:30px; padding: 0 5px;}
.sp4 { float:left; margin:0 auto; width:100%; height:180px; border:1px solid #e1e1e1; }
.sp5 { margin:0 auto; width:100%; height:160px;}
.sp6 { margin:0 auto; width:100%; height:110px; float:left; }
.sp7 { border-radius:4px; color:#0090d8; border:none; cursor:pointer; background-image:url(../images/button_03.png); background-size:100% 100%; padding:5px 8px; }
.slifooter {float:left; margin:0 auto; margin-top:2px; margin-bottom:10px; width:100%; padding: 0 10px; background-color:#fff; }
.slifo { float:left; margin:0 auto; width:100%; height:65px; margin:10px 0;}
.footer { margin:0 auto; width:100%; height:165px; }
.footer1 { margin:0 auto; width:980px; height:145px; padding:10px; background-image:url(../images/homer_82.png); background-size:100% 100%;}
.footer2 { float:left; margin:0 auto; max-width:980px; height:30px; margin-top: 4px;}
.footer3 { float: left;margin: 0 auto;width: 700px;height: 110px; margin-left: 5px; }
.tke { float:left; margin:0 auto; width:240px;}
.tke1 { float:left; font-size:13px; margin:0 auto; max-width:150px; height:17px;
color:#fff; padding:1px 0; margin-top: 23px; margin-left: 35px;}
.tke2 { float:left; font-size:13px; margin:0 auto; width:150px; height:17px;color:#fff; padding:1px 0; margin-top: 2px;  margin-left: 110px;}
.tke3 { float:left; font-size:13px; margin:0 auto;  width:100%; height:17px; color:#d3d3d3; padding:1px 0; margin-top:6px;}
.header_content { position: relative;width: 500px;height: 60px;margin-top: -85px;margin-left: 230px; }
.spten { color:red; font-size:14px; font-weight:bold; padding:5px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.spten:hover { color:#0d6a3d; cursor:pointer; }
.new1 { float:left; margin:0 auto; width:50%; height:150px; margin-top:10px;  }
.new2 { float:left; margin:0 auto; width:35%; height:125px; border:1px solid #e1e1e1; box-sizing: border-box;}
.new3 { padding: 5px;}
.new4 { float:left; width:65%; height:150px; padding-left: 10px; box-sizing: border-box;}
.new5 { color:#36a649; font-size:13px; font-weight:bold; padding:5px 0; line-height: 17px; height: 45px;}
.new5:hover { color:#0d6a3d; cursor:pointer; }
.new6 { text-align:right; padding:5px 0; }
.new7 { border-radius:4px; color:#000; border:none; background-image:url(../images/button_03.png); background-size:100% 100%; padding:3px 8px; font-size:11px; }
.foli { float:left; margin:0 auto; width:100%;height:40px; color:#464646; line-height:40px;
   font-size:20px; font-weight:bold; font-family:arial; padding-top: 10px; border-top: 1px solid #eeeeee; }
.foli1 { float:left; margin:0 auto; width:30px;height:30px; margin-top: 5px; }
.foli2 { float:left; margin:0 auto; width:300px;height:50px; font-size: 14px; color: #153587; }




  #nav li{list-style: none;float: left;position: relative; background:url(../images/menuchia.png) right center no-repeat;}
  #nav li a{display: block;color: #fff;font-family: Tahoma;text-decoration: none;
		padding:15px 30px;position:relative;z-index:100;font-weight:bold;}
  #nav li li{float:none;width:250px;background:none;}
  #nav li ul{display: none;margin: 0;padding: 0; background:#39a849;}
  #nav li ul a{margin: 0;padding:10px 0;}
  #nav li:hover > ul{display: block;position:absolute;z-index:100;}
  #nav li:hover > a{color:#FF0;}
  #nav li li:hover > a{background:#019d28;}
  #nav li li ul{left: 100%;top: 0;position: absolute;}


	#menudoc li{position:relative;width:100%;list-style:none;}
	#menudoc li a{display:block;padding:7px}
	#menudoc li a:hover{color:#FFF;background:#28aae0;}
	#menudoc li ul{position:absolute; display:none;top: 0;left:100%;background:#28aae0;z-index:20;}
	#menudoc li:hover>ul{display:block;}
  #menudoc li ul li{width: 250px;}
  #menudoc>ul li ul li a, #menudoc>ul li ul li a:visited{color:#FFF;}

.lg2{
  display: none;
}

.nd img{
  max-width: 100%;
  height: auto;
}
  .search{
      width:203px;
      height:28px;
      background:#FFF;
      margin-top:7px;
      border:solid 1px #33a54a;
      float: right
    }
    #keyword{
      float:left;
      //margin:5px 10px 0 5px;
      border:none;
      color:#666;
      height:25px;
      padding-left:5px;
      outline: none;
    }
    #search-button {
      width: 29px;
      height: 25px;
      background:url(../images/icon_tk.png) repeat;
      border: none;
      float: left;
      position:absolute;
      cursor: pointer;
      outline: none;
      //top:5px;
      //right:5px;
    }

@media screen and (max-width:1005px){
  .footer2{
    display: none
  }
  .sp{
    width: 100%;
  }
  .sp1{
    width: 100%;
  }
  .sp3{
    width: 25%;
  }
  .slidee img{
    height: 100% !important;
    max-width: 100% !important;
  }
  .sli1 {
    width: 98%;
    height: auto;
    margin-left:1% !important;
  }
  .sli2 {
    width: 100%;
    height: auto;
  }
    .cn_left{
      display: none;
    }
    .center{
      width: 100%;
      margin:0 auto !important;
    }
}
@media screen and (max-width:1005px){
.new1{

  }
}
@media screen and (max-width:900px){
  .sp3{
    width: 25%;
  }
  .new1{

  }
}
@media screen and (max-width:800px){
  .sp3{
    width: 33.3333333%;
  }
}

@media screen and (max-width:777px){
.new1{
    width: 100%;
  }
}
@media screen and (max-width:768px){
  .navbar-brand{
     display: block !important;
     font-size: 16px !important;
    }
}
@media screen and (max-width:725px){
.new1{

  }
}
@media screen and (max-width:747px){
  .sp3{
    width: 33.3333333%;
  }
}
@media screen and (max-width: 640px){
  .sp3{
    width: 33.3333333%;
  }
}
@media screen and (max-width: 575px){
  .logo1{
    display: none !important
  }
  .lg2{
    display: inline !important;
  }
}
@media screen and (max-width: 555px){
  .sp3{
    width: 33.3333333%;
  }
}
@media screen and (max-width: 500px){
  .sp3{
    width: 33.3333333%;
  }
}
@media screen and (max-width:445px){
.new1{
    width: 100%;
  }
}
@media screen and (max-width: 425px){
  .sp3{
    width: 50%;
  }
  .sp5 img{width: 100% !important;}
  .new2{ width: 40%; }
  .new4{ width: 60%; }
}
@media screen and (max-width: 375px) {
	.new3 img{width: 100% !important;}
}
@media screen and (max-width: 360px){
  .sp3{
    width: 50%;
  }
}
@media screen and (max-width: 320px) {
	.new2, .new4{ width: 50%; }
}
#keyword {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    width: 175px;
    font-size: 14px;
}
#search-button {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
}
#lien-he {
  font-family: "andale mono,times";
  font-size: large;
  margin:0 auto;
  margin-bottom: 20px;
}
#lien-he h1 span.lien-he-label {
  color: #ff0000;
  font-weight: bold;
}
#lien-he h1 span.lien-he-value {
  color: #000000;
}
.navbar-default {
  background-color: #153587 !important;
}
.left3 {
  background-color: #153587;
}
#foo_m {
  background-color: #153587;
}
.navbar-nav a {
  font-weight: normal !important;
}
.dropdown-menu {
  background-color: #153587 !important;
}
.navbar-collapse.collapse {
  max-width: 1290px;
  margin: auto !important;
}

.top-background .logo.col-lg-3 img {
  height: 100%;
  margin-bottom: 5px;
}

.top-background .banner.col-lg-9 img {
  height: 100%;
  margin-bottom: 5px;
}

.sp1.tin-tuc-home-page {
  background-color: #153587;
}
  .sp1.tin-tuc-home-page .sp2 {
    color: #fff;
    margin: 15px;
    font-size: 14px;
    font-weight: normal;
  }

.slifo {
  height: 80px !important;
}

.slifo div {
  height: 100% !important;
}

.slifooter .hort .simply-scroll-list {
  height: 75px !important;
}
  .slifooter .hort .simply-scroll-list li {
    height: 75px !important;
    border: none !important;
    margin: 0 20px !important;
  }
    .slifooter .hort .simply-scroll-list li img {
      width: 180px !important;
      height: 75px !important;
    }

.footer_description .footer-logo {
  width: 23%;
  margin-right: 50px;
  margin-top: 30px;
  float: left;
}
  .footer_description .footer-logo img {
    width: 80%;
    display: block;
    margin: auto;
  }

.footer_description .footer-info {
  width: 27%;
  margin-right: 100px;
  margin-top: 30px;
  float: left;
}

.footer_description .footer-menu {
  width: 35%;
  margin-top: 25px;
  float: left;
}
  .footer_description .footer-menu .col-lg-6 {
    color: #fff;
    width: 50%;
    float: left;
  }
    .footer_description .footer-menu .col-lg-6 li {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }
    .footer_description .footer-menu .col-lg-6 li:first-child {
      margin-top: 0 !important;
    }
      .footer_description .footer-menu .col-lg-6 li a {
        line-height: 20px !important;
        margin: 0 !important;
      }
      .footer_description .footer-menu .col-lg-6 li a:hover {
        color: yellow !important;
      }

ul.dropdown-menu {
  position: absolute;
}
  ul.dropdown-menu li.dropdown-submenu {
    padding: 7px;
    position: relative;
    display: block;
  }
    ul.dropdown-menu li.dropdown-submenu h2 {
      margin: 0;
    }
      ul.dropdown-menu li.dropdown-submenu:hover>.dropdown-menu {
          display: block;
          left: 100%;
          margin-top: -35px;
          margin-left: -1px;
      }
        ul.dropdown-menu li.dropdown-submenu:hover>.dropdown-menu a {
            display: block;
            position: relative;
        }

.caret {
  margin-left: 15px !important;
}

.clear-both {
  clear: both;
}

@media screen and (min-width:1024px) {
  .navbar-collapse.collapse .col-lg-9 {
    margin-left: -40px;
  }
  .navbar-collapse.collapse .col-lg-9 .nav.navbar-nav {
    margin-left: 0;
    float: left;
  }
}

@media screen and (min-width:320px) {
  .top-background .logo.col-lg-3 {
    width: 25%;
    float: left;
  }

  .top-background .banner.col-lg-9 {
    width: 75%;
    float: left;
  }
}

@media screen and (min-width:768px) {
  .nav.navbar-nav {
    margin-left: 160px;
  }
  .navbar-header {
    display: none;
  }
}

@media screen and (max-width:1024px) {
  .nav.navbar-nav {
    margin-left: 0px;
  }
  .footer_description {
    width: 100%;
  }
    .footer_description .footer-logo {
      width: 25%;
      margin-top: 30px;
      margin-right: 0;
      float: left;
    }
    .footer_description .footer-info {
      width: 53%;
      margin-top: 30px;
      margin-right: 2%;
    }
    .footer_description .footer-menu {
      width: 20%;
      margin: auto;
      margin-top: 25px;
      float: left;
    }
      .footer_description .footer-menu .col-lg-6 {
        width: 100%;
      }
}

@media screen and (width:1024px) {
  .col-menu-right.col-lg-3 {
    width: 25%;
    float: left;
  }
  .col-menu-left.col-lg-9 {
    width: 75%;
    float: left;
  }
}

@media screen and (max-width:768px) {
  .nav.navbar-nav {
    margin-left: auto;
  }
  .search {
    position: relative;
    left: -18%;
  }
}

@media screen and (width:768px) {
  .search {
    left: 0;
  }
}

@media screen and (max-width:767px) {
  .footer_description .footer-logo {
    width: 80%;
    margin-left: 10%;
  }
  .footer_description .footer-info {
    width: 80%;
    margin-left: 10%;
  }
  .footer_description .footer-menu {
    width: 80%;
    margin-left: 10%;
  }
    .footer_description .footer-menu .col-lg-6 {
      width: 50%;
    }
  ul.dropdown-menu li.dropdown-submenu:hover>.dropdown-menu {
      display: block;
      top: 0;
      left: 100%;
      margin-top: 0px;
      margin-left: -1px;
  }
  ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li.dropdown-submenu {
    padding: 0px;
  }
}

@media screen and (max-width:320px) {
  .search {
    position: relative;
    left: -10%;
  }
}