/* CSS Default */
*{ padding:0px; margin:0px;}
body{ width:100%; height:100%;  font-family:Verdana; font-size:11px; color:#fff; background:#000;}
*:focus{outline:none;}
a{ font-family:Verdana; font-size:11px ;color:#fff; cursor:pointer; border:none; text-decoration:underline;}
a:hover{ text-decoration:none; color:#1d7ae0; }

img{ font-size:0px; border:none; overflow:hidden;}
input{ font-family:Verdana; font-size:11px; padding:2px 3px 1px;}
select{ font-family:Verdana; font-size:11px; padding:1px 1px 1px 1px;}
textarea{ font-family:Verdana; font-size:11px; padding:1px 1px 1px 3px; overflow:auto;}

/* CSS Common */
.clear{ clear:both; font-size:0px;}
.fLeft{ float:left;}
.fRight{ float:right;}

/*CSS Index*/
.wrapper_index{ width:970px; margin:0 auto; position:relative;}
	.wrapper_index .flash_action{width:180px; height:250px; position:absolute; left:66px; top:-40px;}
	.wrapper_index .cover_nav{width:282px; position:absolute; left:60px; top:180px}
		.cover_nav .nav_index{ width:282px;}
			.nav_index .ls_nav_index{  width:282px; padding-top:10px; position:relative;}
				.nav_index .ls_nav_index li{ list-style-type:none; padding:7px 5px; background:url(../images/line_sub_menu.gif) center bottom no-repeat;}
					.ls_nav_index li a{ font-family:Verdana; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; padding-left:15px;}
					.ls_nav_index li a:hover{color:#fb0101; background:url(../images/ico_red.gif) left 5px no-repeat;}
					.ls_nav_index li .ls_nav_act{ color:#fb0101; background:url(../images/ico_red.gif) left 5px no-repeat;}
	.wrapper_index .bg_video{width:542px; height:319px; text-align:center; position:absolute; right:0px; top:190px; background:url(../images/bg_video.png) left top no-repeat; padding-top:10px;}
		.bg_video .show_video{position:relative;}	
	.wrapper_index .flash_chair{width:254px; height:224px; position:absolute; left:360px; bottom:0px;}
	.wrapper_index .office_index{width:325px; position:absolute; right:0px; bottom:10px; font-family:Verdana; font-size:11px; color:#fff; line-height:16px;}
	 .office_index a{font-family:Verdana; font-size:11px; color:#fe0404; text-decoration:none;}
	 .office_index a:hover{ color:#fff; text-decoration:none;}
	.wrapper_index .logo{width:244px; height:159px; position:absolute; top:0px; right:75px;}
	.wrapper_index .company{ width:426px; height:130px; position:absolute; top:50px; right:250px;}
	.wrapper_index .char{width:426px; height:130px; position:absolute; top:46px; right:274px;}  

.wrapper{ width:963px; margin:0 auto; background:url(../images/bg_top_wrapper.jpg) left top no-repeat;}
.ln_end{ height:21px; background:url(../images/line_dotted.gif) center bottom repeat-x;}
.aCenter{ text-align:center;}
.w_300{ width:300px;}
.w_310{ width:302px; *width:304px; _width:304px;}
.h_100{ height:100px;}
.txt_10{ font-size:10px;}
.padT_10{ padding-top:10px;}
.padT_15{ padding-top:15px;}
.padT_5{ padding-top:8px;}
.padT_2{ padding-top:2px;}
.padB_10{ padding-bottom:10px;}
.padB_40{ padding-bottom:40px;}
.padB_5{ padding-bottom:5px;}
.padR_10{ padding-right:10px;}
.padL_10{ padding-left:10px;}
.padL_2{ padding-left:2px;}
.padL_5{ padding-left:7px;}
.marR_3{ margin-right:3px;}
.txt_gray{ color:#CCCCCC;}
.txt_blue{ color:#0000FF;}
.txt_orange{ color:#FF9900;}
.pages{ width:99%; font-family:Verdana; font-size:10px; text-align:right; padding:10px 0 0  5px; color:#fff;}
	.pages a{ color:#fff; border:none; margin:0 3px; padding:1px 4px; text-decoration:none;}
	.pages a:hover{ color:#1d7ae0; text-decoration:underline;}
	.pages .del{ font-weight:normal;}
		.pages .del a{ color:#fcff00; padding:0 5px;}
		.pages .del a:hover{ background:none; border:none; color:#ef8e10; }
	.pages .selected{ font-weight:bold; color:#1d7ae0;  margin:0 3px; text-decoration:underline;}

/* CSS Header */
.header{ width:963px; height:285px; position:relative;  z-index:10;}
	.header .banner{width:639px; height:230px; position:absolute; right:0px; top:0px;}
	.header .search{ position:absolute; right:27px; bottom:16px;}
	.search .input_search{ width:175px; border:none; background:none; height:15px; color:#fff;}
	.search .btn_search	{border:none; background:none;padding:0px 13px;}
		.btn_search a{ font-family:Verdana; font-size:11px; font-weight:bold; color:#eab546; padding-left:0px; text-decoration:none;}
		.btn_search a:hover{text-decoration:none; color:#fff; }
/* CSS Content */
.content{ width:963px; margin:0 auto;}
/* CSS Content-main*/			
	.content .content_main{ width:663px; float:left; }
		.content_main .mid_main{ width:663px; padding-bottom:10px;} 
			.mid_main .link{ padding:19px 20px; /*text-transform:uppercase;*/}
				.link	span{font-family:Arial; font-size:11px; text-decoration:underline; text-transform:uppercase;}
			.mid_main .link a{font-family:Arial; font-size:11px; color:#fff;}
			.mid_main .link a:hover{text-decoration:none;}

/*Css Detial*/
.mid_main .top_main_detail{width:656px; height:9px; background:url(../images/top_main_detail.png) 14px top no-repeat;}
html .mid_main .mid_main_detail{width:622px; background:url(../images/mid_main_detail.gif) 14px top repeat-y; padding:0 10px 10px 25px; text-align:justify; }
	.mid_main_detail .bor_img{ width:135px; height:191px; float:left; margin-right:10px; border:1px solid #fff}
			.bor_img .fix_img{ width:135px; height:191px;}	
	.mid_main_detail h3{font-family:Verdana; font-size:15px; color:#1d7ae0; font-weight:bold; padding-bottom:10px ;}
	.mid_main_detail .title_main{ width:612px; font-family:Verdana; font-size:11px; font-weight:bold; color:#e7aa2b; text-transform:uppercase; background:url(../images/line_main.gif) left top repeat-x; padding:10px 0 10px 10px; margin-top:10px;}
.mid_main .bot_main_detail{width:656px; height:9px; background:url(../images/bot_main_detail.gif) 14px top no-repeat; font-size:0px;}
	
/*Css Product*/			
		.mid_main .list_product{ width:663px; list-style-type:none;  color:#ddd9d9;}
				.list_product li{ float:left; height:297px;}
				.list_product li .bor_pro{width:135px; height:190px; border:1px solid #fff;}
					.bor_pro .fix_pro{ width:135px; height:190px;}
					.list_product li .t_product{font-size:11px; font-weight:bold; height:32px; overflow:hidden; margin-bottom:5px; padding-top:10px;}
						.t_product a{font-size:11px; text-decoration:underline; line-height:16px; color:#1d7ae0; text-decoration:none;}
						.t_product a:hover{ color:#fff; text-decoration:underline;}
					.list_product .fr_begin{ float:left; width:138px; background:url(../images/fr_list_166x310_1.gif) left top no-repeat; padding:8px 14px 5px;}
					.list_product .fr_end{ float:left; width:137px; background:url(../images/fr_list_166x310_2.gif) left top no-repeat; padding:8px 14px 5px;}
#screenshot { position:absolute; border:1px solid #fff; background:#8d8d8d; padding:5px; display:none; color:#fff; }					
.mid_main .partner{width:657px; height:67px; background:url(../images/bg_partner.gif) 12px top no-repeat; margin-top:10px; padding:4px 0 0 3px;}
	.partner .ls_partner{ list-style-type:none;}
		.ls_partner li{padding:2px 0px 0 15px; float:left;}


/*CSS contact*/		
		.mid_main_detail .contact{ width:622px; }
			.contact  a{color:#ab7c38;text-decoration:none;}
			.contact a:hover{text-decoration:underline;}
				.contact .btn_contact a{ float:left; color:#ab7c38; padding:4px 15px; text-decoration:none; margin-right:5px; text-decoration:none; background:url(../images/line_main.gif) left center repeat-x ;border:1px solid #fff;}
		   		.contact .btn_contact a:hover{text-decoration:none; color:#fff;}
			.contact .form{ display:block; width:508px; padding-top:10px; list-style-type:none;}
				.contact .form li{ float:left;}
					.contact .form .col_title{ width:108px; padding-top:8px; font-weight:bold;}
					.contact .form .col_form{ width:400px; padding-top:8px;}
						.contact .form .col_form input{ float:left;}
						.contact .form .col_form textarea{ float:left;}	
									  
.mid_main_detail .list_news{ width:622px; padding:10px 0;}
	.list_news .img{ float:left; width:144px; height:97px;  margin-right:5px; text-align:center; border:1px solid #fff;}
		.list_news .img .fix_img{ width:134px; height:86px; padding-top:5px;}		
		.list_news .info{ float:left; width:466px;}
			.info a{color:#1d7ae0;}
		.list_news .info .title{ font-size:13px; font-weight:bold;}
		.list_news .info .detail{ padding-top:5px;}
		.list_other_news{ list-style-type:none;}
		.list_other_news li{ background:url(../images/ico-arrow.gif) left 12px no-repeat; padding:5px 0 0 15px; line-height:16px;}	
		.list_other_news li a{color:#79838c; text-decoration:none;}
		.list_other_news li a:hover{color:#fcd547;}	
.content_main .box_slider{ width:686px; border:1px solid #0f60cc; height:216px; margin-bottom:10px;}
.box_slider ul { list-style-type: none;}
	.content_main #slider {width:686px; height:216px; position: relative; overflow: hidden;}
	.content_main #sliderContent { position: absolute; top:0px; margin-left:0;}
	.content_main .sliderImage {float: left; position: relative; display: none; z-index:1}
		.content_main .sliderImage span { position: absolute; font-family:Tahoma; font-size:11px; font-weight:normal; padding:10px 5px 10px 5px; width:528px; background:#fff; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #000; display: none;}

/* CSS Content right */		
.content_right{ float:left; width:282px; padding-left:18px; padding-top:52px;}
	.content_right .top_right{width:282px; height:6px ; background:url(../images/top_right.gif) left top no-repeat; font-size:0px;}
	.content_right .t_project{ width:232px; height:21px ; font-family:Verdana; font-size:11px; font-weight:bold; color:#e7aa2b; text-transform:uppercase ; background:url(../images/t_project.gif) left top no-repeat; padding:10px 0 0 50px; position:relative;}
	.ico_action{position:absolute; left:10px; top:-5px;}
	.content_right .fill{width:282px; background:url(../images/mid_right.gif) left top repeat-y;}
		.fill .mid_right{width:282px; background:url(../images/bg_mid_right.gif) left bottom no-repeat; min-height:269px; _height:269px;}	
#slider2 {}
			.mid_right .ls_hot{width:252px; padding:0px 15px;}
				.ls_hot li{list-style-type:none; border-bottom:1px solid #565656; height:149px;}
				.ls_hot li .bor_hot{width:93px; height:129px; border:1px solid #fff; margin:10px 5px 10px 0; float:left;}
					.bor_hot .fix_hot{width:93px; height:129px;}
					.ls_hot li .detail{width:145px; float:left; margin:10px 0; }
				 	.detail	.title_hot{padding-bottom:5px;}
						.title_hot a{font-weight:bold; font-size:11px; color:#1d7ae0; text-decoration:none;}
						.title_hot a:hover{color:#fff; text-decoration:none;}
	.content_right .bot_right{width:282px; height:7px ; background:url(../images/bot_right.gif) left top no-repeat; font-size:0px; margin-bottom:10px;}
	.content_right .nav{ width:282px; background:url(../images/bg_sub_fill.gif) left top repeat-y;}
			.nav .bg_top{ float:left; background:url(../images/bg_top_sub.png) left top no-repeat;}
				.nav .bg_top .bg_bot{ background:url(../images/bg_bot_sub.png) left bottom no-repeat;}
		.nav .ls_nav{  width:262px; padding:5px 10px 10px  10px; position:relative;}
			.nav .ls_nav li{ list-style-type:none; padding:10px 5px; background:url(../images/line_sub_menu.gif) center bottom no-repeat;}
				.ls_nav li a{ font-family:Verdana; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; padding-left:15px;}
				.ls_nav li a:hover{color:#fb0101; background:url(../images/ico_red.gif) left 5px no-repeat;}
				.ls_nav li .ls_nav_act{ color:#fb0101; background:url(../images/ico_red.gif) left 5px no-repeat;}
.content_right .support{ width:282px; margin-top:10px;}
	.support .top_support{width:274px; height:21px; background:url(../images/top_yahoo.gif) left top no-repeat; font-family:Verdana; font-size:11px; font-weight:bold; color:#e7aa2b; text-transform:uppercase; padding:8px 0 0 8px;}			
	.support .mid_support{ width:258px; padding:0px 12px; background:url(../images/mid_yahoo.gif) left top repeat-y; min-height:40px; _height:40px;}
	.support .bot_support{ width:282px; height:6px; background:url(../images/bot_yahoo.gif) left top no-repeat; margin-bottom:10px;}	
.ls_adv{width:258px; padding:10px 12px 5px 12px; }
	.ls_adv li{list-style-type:none; padding-bottom:3px;}
/* CSS Footer */
.footer{ width:963px; height:117px;  position:relative; color:#fff; background:url(../images/bg_footer.jpg) left bottom no-repeat;}
.footer .t_online{font-family:Verdana; font-size:12px; font-weight:bold; color:#e7aa2b; position:absolute; right:155px; top:35px;}
.footer .online{ width:160px;padding:5px; position:absolute; right:0px; top:18px;}
	.online .list_online{list-style-type:none;}
		.list_online li{ padding:3px 0 3px 25px;}
.red{font-weight:bold; color:#FF0000;}	
	.footer .address{ position:absolute; left:10px; top:5px; text-align:left; line-height:16px; }	
		.address span{font-family:Verdana; font-size:13px; color:#fe0101;}
	.footer .office{position:absolute; left:400px; top:10px; text-align:left; line-height:16px; }	
		.office a{color:#0000cc; text-decoration:underline;}
		.office a:hover{text-decoration:none;}
		.office span{color:#fe0101;}		
	.footer .design{font-family:Arial; font-size:12px; position:absolute; right:0px; bottom:10px; text-align:left; line-height:16px; }
		.design a{font-family:Arial; font-size:12px; font-weight:bold; color:#fe0101; text-decoration:none;}
		.design a:hover{color:#fff; text-decoration:none;}