@charset "utf-8";
*{margin:0px auto; padding:0px}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
}
a{
	color: #057ae1;
	text-decoration:none;
}
a:hover{ color:#FF3300; text-decoration:none}
img{border:0px}
ul{list-style-type:none;}
li{list-style-type:none;}

.clearfix:after{
	content:'[DO NOT LEAVE IT IS NOT REAL]'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix{
	display:inline;
	position:relative;
}
.clearfix{
	display:block;
}

#first{ width:100%px; margin:auto 0px; clear:both; background:#f4f7fa url(../images/bg-first.gif) bottom repeat-x; height:25px;}
#first #google-lang{ width:877px; padding-top:2px;}
#first #google-lang .gl{ width:300px;}
#first #google-lang .gl a:link{ color:#009900;}
#first #google-lang .google{ border:solid 1px #0099ff; background:url(../images/google.gif) no-repeat left #ffffff; height:18px; width:70px; color:#505050; padding-left:50px; padding-right:5px; font-family:Arial, Helvetica, sans-serif;;}
#first #search{}

#second{ width:100%px; margin:auto 0px; clear:both; background:#ffffff; height:120px; border-bottom:solid 1px #666; padding-top:7px;}

#second #header{ width:877px;}
#second #header .left{ float:left; padding-left:43px; width:115px;}
#second #header .right{ float:right; width:630px; text-align:right; padding-right:25px;}

#navi{ width:100%px; margin:auto 0px; clear:both; background:#3279B4; height:30px; margin-top:0px;}
#navi #vmb{ float:left; height:30px;}
#navi #vmb li{ font-family:tahoma,Arial, Helvetica, sans-serif; font-size:11px; font-weight:700; list-style:none; float:left;}
#navi #vmb .w1{ height:22px; padding-left:20px; padding-right:20px; padding-top:8px;}
#navi #vmb .clicked{ background:url(../images/clicked.gif) bottom center no-repeat;}
#navi #vmb .w2{ width:2px; height:30px;}
#navi #vmb li a{ color:#fff;}
#navi #vmb li a:hover{ color:#FFF200;}

#navi #vmb ul li a{ display:inherit; color:#30a1e4; text-decoration:none;}
#navi #vmb ul li a:hover,#second #vmb ul li .current{ 
	padding-top:5px;
	padding-bottom:8px;		 
	padding-left:13px; 
	padding-right:13px;
	height:11px;
	
	margin-top:-5px;
	margin-bottom:-8px;
	margin-left:-13px;
	margin-right:-13px;
	background:url(../images/bgmenu-active.gif) repeat-x bottom;
	/*background:#3399FF;*/
	color:#fff;	
}

#three{ width:100%px; margin:auto 0px;; clear:both; background:url(../images/bg-3.gif) top repeat-x;}
#root{ width:877px; margin:auto; clear:both;}
#footer{ width:100%; height:91px; background:url(../images/footer_bg.gif) repeat-x top; clear:both; margin-top:8px;}
#footer .content{ width:877px; margin:auto; height:70px; text-align:center;  color:#005cae; padding-top:10px;}
#footer .content .name{ color:#0066FF; margin-top:10px; font-family:verdana; font-size:11px; font-weight:bold; letter-spacing:2px;}
#footer .content .copyright{ color:#000; margin-top:2px;}
#footer .content p a{ color:#005cae; margin:0px 7px; text-decoration:none;}
#footer .content p a:hover{ color:#FF0000; text-decoration:none;}

#sub{ float:center; padding-top:0px; width:877px;}
#sub .sub_body{ float:left; width:855px; padding: 5px 10px 5px 10px; border:solid 1px #E0E0E0; background:#FDFFE6; border-top:none;}
#sub .submenu{ font-family:tahoma,Arial, Helvetica, sans-serif; font-size:11px; color:#996600; text-align:center}
#sub .submenu span{ font-weight:bold; color:#FF0000;}
#sub img{ padding-left:5px; padding-right:5px; vertical-align:bottom}

#body{ width:877px; margin-top:8px; float:left;}

#body .left{ width:620px; float:right;}
#body .right{ width:250px; float:left;}

/* diem */

#three #coptruc{ text-align:center; float:left; width:100%; margin-top:5px; border:solid 0px blue;}
#three #coptruc span{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#336699;}

/*box content#057ae1*/

#box_thongtin{ width:620px; margin-bottom:8px; float:left; background:#fff;}
#box_thongtin .hot{ font-family:verdana, arial; font-size:11px; color:#0000FF; font-weight:bold; background:url(../images/box_hot.gif); width:613px; height:20px; padding-left:7px; padding-top:6px; padding-bottom:1px; cursor:pointer;}
#box_thongtin .title{ font-family:verdana, arial; font-size:11px; color:#0000FF; font-weight:bold; background:url(../images/box_title.gif); width:613px; height:20px; padding-left:7px; padding-top:6px; padding-bottom:1px; cursor:pointer;}
#box_thongtin .box_body{ width:613px; float:left; border-bottom:1px solid #a1c4eb; border-left:1px solid #a1c4eb; border-right:1px solid #a1c4eb; background-color:#fff; padding:5px 0px 5px 5px; clear:both}
#box_thongtin .box_body ul .item .desc img{ magin-right:2px; margin-top:2px;}

/*intro*/

#intro{ width:395px; padding-left:5px; height:210px; padding-right:5px; border-right: dotted 1px #CCCCCC; float:left;}
#intro p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; text-align:justify}
#intro .ul{width:390px; padding-top:20px; padding-left:3px;}
#intro .ul .li{width:170px; height:50px; padding-right:15px; float:left;}

#video{ width:195px; height:146px; float:right; padding-right:5px;}
#video .play{ padding-bottom:5px; color:#CC0000;}
#video .iconvideo{width:190px; padding-top:0px; text-align:center;}
#video .nut{width:95px; height:20px; float:left; padding-top:10px; font-weight:bold;}

/*news*/
#box_thongtin ul{ width:613px; padding-bottom:0px;}
#box_thongtin ul li{}
#box_thongtin ul .item{ width:294px; float:left; padding:5px 3px 10px 6px;}
#box_thongtin ul li .img{ border:1px solid #e8e8e8; padding:2px; float:left; margin-right:4px; margin-bottom:5px;}
#box_thongtin ul li p{ line-height:20px; font-size:12px}
#box_thongtin ul li p img{ padding:0px 3px 0px 0px;}
#box_thongtin ul li span{ display:block; padding-bottom:5px; font-weight:bold;}
#box_thongtin ul li span a{ color:#005cae; font-size:12px; text-decoration:none;}
#box_thongtin ul li .desc{ padding-top:2px; padding-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; text-align:justify;}
#box_thongtin ul li .desc img{ margin-right:3px; margin-top:5px; border:solid 1px #e8e8e8; padding:2px; width:90px; float:left;}

#box_photo{ width:620px; margin-bottom:8px; float:left;}
#box_photo .title{ font-family:verdana, arial; font-size:11px; color:#0000FF; font-weight:bold; background:url(../images/box_title.gif); width:613px; height:20px; padding-left:7px; padding-top:6px; padding-bottom:1px; cursor:pointer;}
#box_photo .body_img{ width:613px; float:left; border-bottom:1px solid #a1c4eb; border-left:1px solid #a1c4eb; border-right:1px solid #a1c4eb; background-color:#fff; padding-top:5px; padding-bottom:1px; padding-left:5px;}
#box_photo ul{ width:602px; padding-left:5px; padding-top:5px; float:left; border:solid 0px}
#box_photo ul li{ width:110px; height:70px; float:left; padding-left:10px; padding-bottom:10px; border:solid 0px red}
#box_photo ul li .itemimg{ border:1px solid #e8e8e8; padding:2px; float:left; margin-bottom:5px;}

#banner{ width:614px; padding:0px 3px 8px 3px; float:left;}
#banner_2{ width:250px; margin-bottom:3px; float:left; background:#fff; text-align:center;}
#banner_2 img{ width:248px; border:solid 1px #CCCCCC;}
.vien{ border:solid 1px #CCCCCC;}

#box_menu{ width:250px; margin-bottom:6px; float:left;}
#box_menu .cate{ padding:6px 3px 0px 8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:21px; background:url(../images/left_menu_1.gif); margin-bottom:1px}
#box_menu a { color:#009900; font-weight:bold;}
#box_menu a:hover{ color:#FF0000; text-decoration:none; position: relative; top: 1px; left: 1px;}

#box_add{ width:250px; margin-bottom:8px; float:left; margin-top:5px;}
#box_add .title{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#0000FF; font-weight:bold; background:url(../images/add_top.gif); height:22px; padding-left:8px; padding-top:5px;}
#box_add .box_body{ background-color:#fff; background:url(../images/add_middle.gif); padding-left: 5px; padding-right:2px; border:solid 0px}
#box_add .box_body p{ font-family:Arial, Helvetica, sans-serif; color:#006600; padding-top:4px; width:240px; height:20px; border-bottom:groove 1px #DDDDDD;}
#box_add .box_body a{ color:#0000CC; text-decoration:none;}
#box_add .box_body a:hover{ color:#FF0000; text-decoration:none; position: relative; top: 1px; left: 1px;}
#box_add .box_body img { padding-right:7px; vertical-align:middle;}
#box_add .box_body .bottom{ width:250px;height:2px;}
#box_add .hinhanh{ background-color:#fff; background:url(../images/add_middle.gif); text-align:center; padding-bottom:5px;}
#box_add .hinhanh p{ padding-top:5px; font-family:arial, "Times New Roman", Times, serif; font-size:12px; font-weight:bold;  cursor:pointer;}
#box_add .hinhanh .hoten{ padding-top:5px; font-family:tahoma,"Times New Roman", Times, serif; font-size:12px; font-weight:bold;}
#box_add .hinhanh .lop{ padding-top:5px; padding-bottom:4px; font-family:tahoma, "Times New Roman", Times, serif; font-size:13px; font-weight:bold; color:#FF6600;}

.span{ color:#0066FF; }
textarea{ font-family:Arial, Helvetica, sans-serif;}

/*content*/
#box_content{ width:620px; margin-bottom:8px; float:left; background:#fff;}
#box_content .frame_top{ width:620px; height:3px; background:url(../images/top.gif) top repeat-x #fff; font-size:1px; float:left;}
#box_content .frame_body{ width:602px; float:left; border-bottom:1px solid #a1c4eb; border-left:1px solid #a1c4eb; border-right:1px solid #a1c4eb; background-color:#fff; padding:3px 8px 5px 8px; clear:both}

/*listing*/
#box_content .frame_body .ul{ padding:5px 0px 0px 0px;}
#box_content .frame_body .li{ padding:0px 0px 15px 0px; float:left; width:100%;}
#box_content .frame_body .li .wax{}
#box_content .frame_body .li .wax img{ margin-right:3px; margin-top:5px; border:solid 1px #e8e8e8; padding:2px; width:90px; float:left;}
#box_content .frame_body .li .h1{ font-family:Verdana, Arial; font-size:14px; font-weight:bold; color:#009900; text-align:left; text-shadow: #e8e8e8 1px -1px;}
#box_content .frame_body .li .date{ padding-left:5px; font-size:9px; color:#cccccc; text-align:left; text-shadow:none;}
#box_content .frame_body .huge{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#0000FF}
#box_content .frame_body .ul .lop{ padding:0px 0px 15px 0px; float:left; width:100%; text-align:center}
#box_content .frame_body .ul .lop .span{ padding-bottom:5px; text-align:center; font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#009900;}
#box_content .frame_body .ul .lop .img{ margin-bottom:5px; text-align:center;}

/*listing photo*/
#box_content .frame_body .ul .p_li{ width:110px; height:100px; float:left; padding-left:10px; padding-bottom:10px;}
#box_content .frame_body .ul .p_li .itemimg{ border:1px solid #e8e8e8; padding:1px; float:left; margin-bottom:5px;}

/*detail*/
#box_content .h{ font-family:Verdana, Arial; font-size:14px; font-weight:bold; color:#009900; width:645px; padding-top:5px; padding-bottom:8px; text-shadow: #e8e8e8 1px -1px;}
#box_content .h span{ padding-left:5px; font-size:9px; color:#cccccc; text-align:left; text-shadow:none;}
#box_content p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; padding-top:5px;}
#box_content p img{ padding: 3px 3px 3px 3px;}
#box_content .frame_body .p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding-top:5px;}
#box_content .frame_body .p img{ padding: 3px 3px 3px 3px;}
#box_content .page{ float:left; text-align:center; padding:6px 0px 2px 3px; width:100%;}
#box_content .page span{ border:solid 1px #CCCCCC; padding:1px 5px 1px 5px; color:#0033FF;}
#box_content .page .cur{ border:solid 1px #FF0000; padding:1px 5px 1px 5px; color:#FF0000;}