/* CSS Document */
body {background:#282828 url(bg.gif) center repeat-y;font:12px Verdana, Tahoma, Arial, sans-serif,sans-serif;margin:0 auto;text-align:center}

a:link{color:#00AED4;text-decoration:none}
a:visited{color:#0D5491;text-decoration:none}
a:hover{color:#fff; padding:0}
a:active{text-decoration:underline}

#main{width:800px;clear:both;background:#282828  url(right_bg.gif);margin:0 auto}
.top_menu{padding:0; margin:0;clear:both;height:20px;float:right}
.top_menu li{float:left; margin-left:10px; padding:0;height:20px;list-style:none}
.top_menu li a{padding:0;height:20px}

.div_top{text-align:left;clear:both}
.ban{border:2px solid #000}

#div_left{width:570px;float:left;background:url(div_left_bg.gif);text-align:left; padding:0; margin:0}
	#div_left span.more{float:right;font-size:12px;color:#999999;padding:20px 10px 0 0;font-weight:normal}
	#div_left span.more a{font-size:12px;color:#999999;}
	#div_left span.more a:hover{font-size:12px;color:#ccc;}
#div_left h1{background:url(h1_bg.gif); height:40px; width:551px;text-align:left;margin:12px 0 10px 0;clear:both}

#div_left2{text-align:left; background:url(show_bg.gif) no-repeat left bottom; padding:0 0 20px 0}
	#div_left2 span.more{float:right;font-size:12px;color:#999999;padding:20px 10px 0 0;font-weight:normal}
	#div_left2 span.more a{font-size:12px;color:#999999;}
	#div_left2 span.more a:hover{font-size:12px;color:#ccc;}
#div_left2 h1{background:url(h1_bg.gif); height:40px;text-align:left;margin:12px 0 10px 0;clear:both;}
#div_left2 h2{height:20px;text-align:center;clear:both; color:#FFA125; font-size:16px}

#div_left2 .showbox{margin:20px 0 0 150px; padding:0}

	#div_left .news ul{padding:0px;list-style: none; margin:0 0 20px 0}
	#div_left .news li{height:28px; width:551px; margin-bottom:5px;}	
	#div_left .news li a:link,#div_left .news li a:visited{height:20px;line-height:20px;display:block;padding:8px 0 0 10px;color:#979797;text-decoration:none;border:1px solid #000;background:#0A0A0A}	
	#div_left .news li a:hover{color:#fff;background:buttonface; background:#1C1C1C }
	#div_left .news_date{color:#555555;margin:3px 0 0 20px;}
#div_left .nav_icon{margin:3px 10px 0 0;}

#div_left .works{margin-top:11px; padding:0; text-align:left}
	#div_left .works_le h1{padding:8px 0 0 20px;width:223px; height:20px;text-align:left; background:#CD7000 url(nav_new_icon.gif) no-repeat 10px;color:#000;font-size:12px;font-weight:normal}
	#div_left .works_le a{padding:0;color:#fff}
	#div_left .works a:link{color:#000000; text-decoration:none;padding:0}
	#div_left .works a:hover{color:#00B1DA; text-decoration:none;padding:0}
#div_left .works_le{padding:3px;margin:0 0 0 10px;float:left;width:243px;background:#FFA200;border:1px solid #000}
	#div_left .works_le h1{padding:5px 0 0 20px;margin:3px 0 0 0;width:223px; height:15px;text-align:left; background:#CD7000 url(nav_new_icon.gif) no-repeat 6px;color:#000;font-size:12px;font-weight:normal}
#div_left .works_ri{padding:3px;margin:0 15px 0 0;float:right;width:243px;background:#FFA200;border:1px solid #000}
	#div_left .works_ri h1{padding:5px 0 0 20px;margin:3px 0 0 0;width:223px; height:15px;text-align:left; background:#CD7000 url(nav_new_icon.gif) no-repeat 6px;color:#000;font-size:12px;font-weight:normal}
	#div_left .works_ri a{padding:0;color:#fff}
.wor_more a{color:#ccc;padding:0}

#div_left .company{margin:5px 20px 15px 5px;padding:10px;clear:both;border:1px #1E1E1E solid;background:#141414;color:#B6B6B6;line-height:160%}
#div_left .company a{color:#00AED4}
#div_left .company a:hover{color:#0095BA}

#div_left .works_box{padding:0;margin:0 0 20px 20px; clear:both}
#div_left .works_box ul{padding:0;margin:0; clear:both}
#div_left .works_box li{list-style:none;padding:0;margin:0 30px 20px 0; float:left; width:227px;height:200px}
#div_left .works_box h1{padding:2px 0 0 20px;margin:1px 0 5px 0; clear:both; height:14px; background:url(nav_works_icon.gif) no-repeat 3px; width:207px; font-size:12px; color:#fff; font-weight:normal;}

#div_left .works_box a{color:#FFFFFF;font:12px; padding:0; margin:0}
#div_left .works_box a:visited{color:#fff; text-decoration:none}
#div_left .works_box a:hover{color:#FFA125}

#div_left .works_show{ font:12px;color:#CCCCCC;margin:0 0 20px 40px;padding:0;}

#div_left .works_box img{border:1px solid #000}

#div_left .about_box{padding:0; margin:20px 30px 20px 30px; color:#7E7E7E; line-height:200%}
#div_left .about_box img{padding:0; margin:0;}
#div_left .about_box h3{height:10px;padding:0;color:#A9DA1F;font-size:14px;font-weight:bold;text-align:left; background:url(about_tit_icon.gif) no-repeat 10px;}
#div_left .about_box h4{padding:0;color:#3B3B3B;font-size:12px;font-weight:normal;text-align:center}
#div_left .about_box h5{height:10px;padding:0;color:#A9DA1F;font-size:16px;font-weight:bold;text-align:center; background:url(about_tit_icon.gif) no-repeat 10px;}
	#div_left .about_box ul{padding:0;list-style:none;margin:0 0 0 18px}
	#div_left .about_box li{padding:0;list-style:none; margin:20px 0 20px 0; clear:both}
#div_left .about_box_meb_img{ border:3px solid #000;float:left;width:69px}
#div_left .about_box_meb_text{float:right; padding:0; margin:0 0 20px 0; width:360px;line-height:140%}
#div_left .about_box_meb_text h2{font-size:12px;font-weight:bold;color:#E29000;width:360px;margin:0 0 10px 0 }
		#div_left .about_box_meb_text a{font-size:12px; color:#A9DA1F; text-decoration:underline}
		#div_left .about_box_meb_text a:visited{font-size:12px; color:#A9DA1F}
		#div_left .about_box_meb_text a:hover{font-size:12px; color:#EFEFEF}
		
#div_left .cont_box{padding:0;margin:20px 0 0 10px;}
	#div_left .cont_box ul{padding:0;list-style:none;margin:20px 0 30px 0;}
	#div_left .cont_box li{padding:5px 0 0 27px;color:#fff; font-weight:bold;list-style:none; background: url(nav_contact_icon.gif) no-repeat 8px #1D1D1D; height:18px; width:500px; margin:0 0 5px 0}

.line{width: 478px; background:url(line_bg.gif) repeat-x; height: 1px; margin:20px 0 20px 20px; padding:0}

.quick_img{margin-top:15px; clear:both}
.quick_img ul{ padding:0; margin:0}	
.quick_img li{list-style:none;float:left;margin:0 5px 0 0}
.quick_img li a{padding:0px; margin:0 0 0 4px; height:0}		


#div_right{float:right;width:220px;padding:0;background:#141414;margin:0}

.secach{ width:216px;height:40px;float:right;border:1px #000 solid; background:url(seach_bg.gif); margin-top:12px; text-align:left}
.secach_input{width:125px;height:12px;border:1px #000 solid;margin:10px 0 0 20px;padding:3px;background:#FEFEFE url(sea_inp_bg.gif) no-repeat;vertical-align: bottom; color:#000}
.secach_buttom{width:43px;height:20px;border:1px #000 solid; margin:10px 0 0 5px; padding:3px;background:#FEA200}
	
#design{clear:both; margin:15px 0 0 0; text-align:left; color:#979797}
#design h1{ background:url(tit_designer.gif) no-repeat; height:36px; margin:0; padding:0;clear:both}
	#design .de_show{margin-top:5px; background:#0E0E0E url(de_show_bg.gif) repeat-x bottom;padding:0}
	#design .de_show a{color:#00AED4}
	#design .de_show a:hover{color:#0095BA}
	#design .de_show img{ border:0 solid #000}
	#design .de_show h2{ font-size:14px; font-weight:bold; color:#999999}

#ri_menu{padding:0;margin:0;clear:both}
#ri_menu ul{padding:0;list-style:none;margin:0;}
#ri_menu li{margin:0 0px 1px 0; clear:both;padding:5px 0 5px 30px;text-align:left;height:15px;background:#0C0C0C}
#ri_menu li a{color:#fff}
#ri_menu li a:hover{color:#00B1DA}

#contact_left{ margin-top:45px; text-align:left}
#contact_left h1{ background:url(tit_contact.gif) no-repeat; height:41px; margin:0; padding:0}
#contact_left .con{margin:10px 0 0 15px; color:#3B3B3B; }
	#contact_left .con p{line-height:20%}
	#contact_left .more{margin:20px 0 0 15px; height:56px; background:url(conact_more_dra.gif) no-repeat bottom left}
	
#bottom{height:100px;margin:0 0 15px 0; background:#000000 url(buttom_bg.gif) repeat-x; clear:both; padding:22px 0 0 0; color:#484848; font:Arial, Helvetica, sans-serif; font-size:12px}
#bottom p{margin-top:8px}

#bottom a:link{color:#00AED4;text-decoration:none}
#bottom a:visited{color:#00AED4;text-decoration:none}
#bottom a:hover{color:#484848; padding:0}
#bottom a:active{text-decoration:underline}

.page{margin:10px 0;padding:0;clear:both;font: "Courier New", Courier, monospace; font-size:12px; height:20px}
.page ul{padding:0; margin:0 0 0 30px; color:#fff}
.page ul li{padding:0; margin:0 0 0 5px; color:#fff;float:left.width:15px;list-style:none}

.yqlink{clear:both;border-top:0;padding:5px;margin:0 auto}
.yqlink h1{padding:0;font-size:12px;color:#fff;text-align:left;margin:5px 0 10px 10px}
.yqlink span{display:-moz-inline-box;display:inline-block;vertical-align:top;margin-top:0px;margin-left:0px;width:88px;}
.yqlink li{text-align:left;clear:both;padding:2px;margin-bottom:3px;margin-left:3px;list-style:none;height:31px}
.yqlink b{margin-top:6px;display:block;width:94px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}

#book{margin:15px 0 20px 0;padding:5px; line-height:180%; color:#969696;width:500px;border:1px solid #171717;background:#1C1C1C}	
#book h1{margin:0;padding:0 0 0 0;font-size:12px;color:#00AED4;height:20px;width:500px; font-weight:normal;border-bottom:1px dashed #ccc; background:url(comm_tit_nav.gif) no-repeat 0}	
#book span{margin:0 0 0 5px;padding:0;font-size:10px;color:#A6A6A6; font-weight:normal; font-family:arial, helvetica, sans-serif,;}
#book input{padding:0;height:18px; color:#000;border:1px solid #ccc;background:#ccc}	
.shuoming{margin:30px 0 0 0;color:#868686;width:500px}
.shuoming span{float:right;margin:0 0 0 10px}
.shuoming a{color:#00AED4;font-size:12px}
.shuoming a:hover{color:#00AED4;font-size:12px}

.login{margin:0;padding:0}
.login input{padding:0;color:#000;border:1px solid #ccc;background:#ccc}
.login a{color:#00AED4;font-size:12px}



.hackbox {border-top:0px solid transparent !important;margin-top:-1px !important;margin-top:0px;clear:both;visibility:hidden;}