﻿
body{background:#0062a1 ;font-family:Arial,Sans-Serif;font-size:10pt;margin:0;margin-bottom:9px;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:none;}


.war1{width:990px;margin:0 auto;margin-top:16px;background:#ffffff ;}
.head{width:990px;height:187px;overflow:hidden;}
.head img{height:187px;overflow:hidden;}
.menu{background:url('images/menu-1.jpg') repeat-x;width:990px;height:38px;}
.menu ul{list-style:none;margin:0;padding:0;}
.menu ul li{float:left;padding-top:2px;position:relative;}
.menu ul li a{color:#ffffff;font-weight:700;font-size:9pt;display:block;padding:11px 14px;}
.menu ul li a:hover{background:url('images/menu-act.jpg') repeat-x;text-decoration:none;}
.content-s1{margin-top:8px;width:990px;}
.col-1{float:left;width:747px;}
.cach{margin-left:6px;display:inline;width:737px;float:left;}
.box1-1{width:442px;float:left;}
.box-head , .box-head {text-transform:uppercase;font-size:9pt;font-weight:700;color:#4292d8;background:url('images/icon-1.jpg') no-repeat left 5px;}
.box-head {border-bottom:1px solid #a3cbee;padding-bottom:1px;padding-left:9px;}
.box-no1{width:401px;}
.box-content{color:#000000;font-size:9pt;padding-left:10px;text-align:justify;padding-top:12px;}
.box-content p{margin-top:5px;}
.tin-khac{margin:40px 0 0 35px;}
.tin-khac ul{list-style:none;margin:0;padding:0;line-height:25px;}
.tin-khac ul li{background:url('images/icon-1.jpg') no-repeat left 11px;padding-left:10px;} 
.tin-khac ul li a{color:#090c69;font-size:9pt;}
.box-content-img{margin-top:18px;}
.nav-1{background:url('images/nav-2.jpg') repeat-x;height:33px;width:731px;clear:both;margin-top:11px;float:left;}
.nav-2{background:url('images/nav-1.jpg') no-repeat;height:33px;}
.nav-3{background:url('images/nav-3.jpg') no-repeat right top;height:33px;}
.icon1{background:url('images/icon-2.jpg') no-repeat 229px 4px;height:33px;}
.icon2{background:url('images/icon-2.jpg') no-repeat 477px 4px;height:33px;overflow:hidden;width:731px;}
.nav-1-head, nav-1-head a{color:#ffffff; font-size:9pt;font-weight:700;}
.nav-1-head{float:left;width:243px; text-align:center;padding-top:8px;}

.sp1{width:731px;clear:both;}
.video-hd{background:url('images/head1.jpg') no-repeat;height:33px;font-size:9pt;text-transform:uppercase;text-align:center;width:243px;}
.video-hd span{color:#ffffff;padding-top:9px;display:block;font-weight:700;}
.box-sp-1 ul{list-style:none;margin:14px 0 17px 20px;padding:10px 0 0 0;line-height:24px;}
.box-sp-1{width:244px;float:left;}
.box-sp-1 ul li{background:url('images/icon-1.jpg') no-repeat left 9px;}
.box-sp-1 ul li a{padding-left:10px;color:#090c69;font-size:9pt;}
.box-sp-2{width:244px;float:left;overflow:hidden;}
.box-sp-3{width:239px;float:left;}
.box-sp-3 ul{margin:7px 0 0 14px;padding:0;list-style:none;line-height:33px;}
.box-sp-3 ul li{background:url('images/icon-1.jpg') no-repeat 8px 14px;}
.box-sp-3 ul li a{color:#090c69;font-size:9pt;padding-left:20px;}
.box-sp-3-cont{line-height:16px;font-size:11px;color:#000000;text-align:justify;}
.chay1{width:725px;height:84px;overflow:hidden;background:url('images/kh-0.jpg') no-repeat;margin-top:12px;float:left;}
.chay2{width:598px;height:61px;overflow:hidden;margin:10px 0 0 123px;}
.chay2 img{height:61px;overflow:hidden;}





.box1-2{width:286px;float:left;overflow:hidden;}


.col-2{float:left;width:241px;}
.box-r{background:url('images/head2-2.jpg') repeat-y;}
.box-r1{background:url('images/head2.jpg') no-repeat left top;}
.box-r2{background:url('images/head2-3.jpg') no-repeat left bottom;}
.box-r2 {text-align:center;padding-bottom:10px;}
.box-r2  span{font-size:9pt;font-weight:700;color:#ffffff;display:block;padding-top:7px;text-transform:uppercase;}
.chung1{margin-top:14px;}
.online-2{font-size:8pt;color:#747474;margin-top:7px;}
.chung1 ul{list-style:none;margin:0 0 0 15px;padding:0;line-height:19px;text-align:left;}
.chung1 ul li{background:url('images/icon-1.jpg') no-repeat left 7px;}
.chung1 ul li a{color:#5e5e5e; padding-left:11px;}
.cach3{margin-top:7px;}
.lienhe{width:241px;overflow:hidden;}
.lienhe img{width:241px;overflow:hidden;}
.qc2{margin-top:13px;}

.footer{width:990px;float:left;margin-top:11px;}
.menu-f {width:990px; height:29px;background:url('images/menu-footer.jpg') repeat-x;overflow:hidden;}
.menu-f  ul{list-style:none;margin:0;padding:0;}
.menu-f  ul li{float:left;}
.menu-f  ul li a{font-size:9pt; font-weight:700;color:#ffffff;padding:5px 18px 0 18px;display:block;height:29px;float:left;}
.f2{text-align:center;font-size:8pt;color:#000000;margin-top:18px;}
.cuoi1{margin-top:3px;}
.cuoi1 span{color:#eda937;font-weight:700;}
.cuoi2{background:url('images/footer-right.jpg') no-repeat bottom right;width:990px;height:20px;}

.box9-1{width:727px;}

.lang-sas{padding-top:11px;text-align:right;}
.lang-sas img{margin-right:4px;height:19px;width:29px;}

/*-----------*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }

* html .clearfix             { height: 1% } /* IE6 */
*:first-child+html .clearfix { height: 1% } /* IE7 */

/*-----------*/	



#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			background-color:#0076c8;
			width:210px;
		}
		
		#nav ul li {
			
			float:none; 
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav li ul li a {
			display:block;  
			height:13px;
			padding: 8px 5px; 
			color:#ffffff;
		}
		
		#nav ul a:hover {
			text-decoration:none;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		
