/*

Theme Name: Foruse

Theme URI: http://www.foruse.cn/

Description: Designed by <a href="http://www.themelayouts.com">ThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.

Version: 2.0 beta

Author: Vic.Xu

Author URI: http://www.foruse.cn/

*/



@charset "utf-8";
/* CSS Document */

ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, caption, dl, dd, dt, body {
	padding:0;
	margin:0;
}
ul, li {
	list-style:none;
}
a:link, a:visited {
	color:#333;
	text-decoration:none;
}
a:active, a:hover {
	color:#03C;
	text-decoration:underline;
}
.fade_img li img {
	opacity:0.5;
	filter:alpha(opacity=50);
}
#img_404, #store_content {
	text-align:center;
	padding:200px;
	;
}
body {
	background-color:#14202a;
	margin:0;
	padding:0;
	font-family:Arial , Verdana, Geneva, sans-serif;
}
img {
	border:0px;
}
/******Layout*************/

#top, #main, #footer {
	margin:auto;
	width:960px;
}
#top {
	margin:40px auto 15px auto;
}
#main {
	clear:both;
	background:#fff;
}
#con_left {
	width:710px;
	float:left;
}
#con_right {
	width:250px;
	float:left;
}
#footer {
	height:450px;
}
/******top content *************/

#logo {
	float:left;
	width:360px;
	line-height:63px;
	vertical-align:middle;
}
#nav {
	float:right;
}
#nav ul li {
	float:left;
	width:55px;
	margin-left:20px;
}
#nav ul li a {
	text-decoration:none;
}
#nav ul li h1 {
	margin:3px 0 5px 0;
	font:bold 12px Arial;
	color:#ccc;
	text-align:center;
}
/******left content *************/

.list_news, .list_down {
	margin:60px 5px 30px 30px;
}
.list_news p, .list_down p {
	margin-top:5px;
}
.list_news h1 {
	width:590px;
	float:left;
}
.list_news h2, .list_news h1 {
	font:bold 30px Arial;
}
.list_news h1 a, .list_news h2 a {
	color:#333;
	text-decoration:none;
}
.list_news h1 a:hover, .list_news h2 a:hover {
	color:#3151a2;
}
.list_down h1 {
	width:490px;
	float:left;
	font:bold 20px Arial;
}
#comment_add label {
	width:60px;
	text-align:right;
}
#comment_pic {
	float:left;
	margin-top:10px;
	width:32px;
}
#comment_info {
	width:600px;
	float:left;
	margin:10px 0 20px 10px;
	word-wrap:break-word;
	overflow:hidden;
}
#comment_info cite {
	font-size:11px;
	font-style:normal;
	color:#666;
}
#repuired_style {
	color:#C33;
}
#comment_add textarea {
	width:670px;
}
.comment_popup {
	background:url(images/comment_count_bg-trans.png);
	width:54px;
	height:48px;
	font:bold 16px Verdana, Geneva, sans-serif;
	float:right;
	text-align:center;
	line-height:48px;
}
.comment_popup a {
	color:#fff;
}
.btn_download {
	width:156px;
	height:36px;
	float:right;
}
.list_con p {
	margin-top:10px;
	text-align:justify;
	color:#646464;
	line-height:22px;
}
.list_con img {
	border:0;
	margin:5px 5px 5px 0;
}
.read_more {
	background:url(images/icon_read_more-trans.png) no-repeat;
	font:bold 12px Verdana, Geneva, sans-serif;
	padding-left:28px;
	line-height:25px;
	float:left;
}
.read_more a {
	color:#3151a2;
	text-decoration:underline;
}
.date_tag {
	line-height:25px;
	overflow:hidden;
	font-size:11px;
	color:#666;
}
.date_tag a {
	color:#3151a2;
	text-decoration:underline;
}
.list_line {
	padding-top:15px;
	background:url(images/list_line.png) bottom no-repeat;
	height:18px;
}
#page_num {
	padding:20px 0 0 30px;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#656565;
}
#page_num p {
	width:120px;
	float:left;
	line-height:18px;
}
#page_num ul {
	width:500px;
	float:left;
}
#page_num ul li {
	float:left;
	margin-right:5px;
	text-align:center;
}
#page_num ul li a {
	padding:5px 10px 5px 10px;
	color:#656565;
	background:url(images/page_num_bg.png) repeat-x;
	border:1px solid #c5c5c5;
}
#page_num ul li a:hover {
	border:1px solid #edf5fc;
}
#current_page a, #current_page a:hover {
	border:1px solid #fff;
	background:none;
}
#prev_next {
	margin-top:20px;
	border-top:1px dotted #ccc;
	font-weight:bold;
}
#article_prev {
	float:left;
	width:280px;
	padding:10px;
}
#prev_btn {
	background:url(images/icon_prev-trans.png) no-repeat;
	padding-left:35px;
	line-height:24px;
}
#next_btn {
	background:url(images/icon_next-trans.png) no-repeat;
	padding-left:35px;
	line-height:24px;
}
#prev_btn a, #next_btn a {
	font-size:14px;
	color:#c05553;
}
.back_btn {
	background:url(images/back_list.png) top center no-repeat #f4f4f4;
	width:40px;
	padding-top:30px;
	text-align:center;
}
.back_btn a {
	font-size:14px;
	color:#c05553;
}
#article_next {
	float:left;
	width:280px;
	padding:10px;
}
#article_back {
	float:right;
	width:50px;
	padding:10px;
}
#comment {
	padding:20px 10px 0px 30px;
}
#comment h1 {
	float:left;
}
.comments_blue {
	background:#edf5fc;
	margin-bottom:10px;
}
.comments_gray {
	background:#f4f4f4;
	margin-bottom:10px;
}
.com_left {
	width:50px;
	float:left;
	padding:5px;
	background:url(images/headpic_small_bg.png) center no-repeat;
}
.com_right {
	width:600px;
	color:#23282C;
	float:right;
	padding:5px;
}
.com_info {
	color:#8e9fac;
	border-bottom:1px dotted #8e9fac;
	padding-bottom:5px;
}
#add_comment {
	padding:20px 10px 30px 30px;
}
#add_comment h1 {
	font:bold 18px Verdana, Geneva, sans-serif;
}
#ac_form lable {
	width:70px;
	text-align:right;
}
/******right content *************/

#search {
	padding:20px 30px 0px 20px;
}
 $s {
 width:176px;
 height:27px;
 background:url(images/search_bg.gif) no-repeat;
 border:none;
}
#search_btn {
	margin-top:8px;
	width:17px;
	height:17px;
}
#twitter_rss {
	padding:60px 30px 0px 20px;
}
#twitter_rss p {
	font-size:9px;
}
#tag_cloud {
	margin:20px 30px 0px 20px;
	background:url(images/tag_bg.png) no-repeat;
	text-align:center;
	height:200px;
	line-height:200px;
}
#advertisment {
	padding:20px 30px 20px 20px;
	color:#8c8d8d;
}
#advertisment h1 {
	font:bold 12px Verdana, Geneva, sans-serif;
}
#advertisment li {
	width:200px;
	margin-bottom:20px;
	text-align:center;
	font-size:10px;
}
/******foot content *************/

#foot_left {
	width:100px;
	float:left;
	padding:20px;
}
#foot_logo {
	height:31px;
	padding-left:10px;
}
#foot_center {
	width:520px;
	float:left;
	padding:20px;
}
#foot_right {
	width:200px;
	float:left;
	padding:20px;
	color:#51585d;
	font-size:11px;
}
#foot_right img {
	margin-bottom:20px;
	float:left;
}
#footer p {
	margin-bottom:20px;
}
#why_foruse {
	color:#51585d;
	font-size:11px;
	line-height:18px;
	text-align:justify;
}
#our_services li {
	float:left;
	width:62px;
	margin-right:10px;
}
#follow {
	width:157px;
	height:79px;
	background:url(images/bottom_link_bg-trans.png) no-repeat;
	padding-top:8px;
}
#follow li {
	width:110px;
	margin-left:35px;
}
#follow a {
	font-size:9px;
	color:#6d777e;
}
#top_btn {
	position:fixed;
	bottom:20px;
}
/******Project content *************/

#project_nav {
	height:158px;
	padding:10px;
}
#pn_cat {
	float:left;
	width:136px;
}
#pc_icon {
	height:134px;
	text-align:center;
	background:url(images/project_catalog_bg.png) no-repeat;
}
#pc_icon img {
	margin-top:15px;
}
#pc_icon h3 {
	font:bold 14px verdana;
	color:#b02b00;
}
#pc_list {
	display:none;
	position:absolute;
	top:295px;
	width:136px;
	height:312px;
	background:url(images/project_catalog_bg-trans.png) no-repeat;
}
#pc_list li {
	margin:0 3px 0 3px;
	padding:10px 0px 5px 0px;
	height:45px;
	border-bottom: 1px dotted #666;
}
#pc_list li a {
	text-decoration:none;
}
#pc_list li:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	cursor:hand;
}
.pl_img {
	float:left;
	width:45px;
	height:50px;
	overflow:hidden;
	cursor:hand;
}
.pl_text {
	float:left;
	width:80px;
	padding-left:5px;
	margin-top:12px;
	line-height:50px;
	height:50px;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#fff;
	cursor:hand;
}
.list_current {
	opacity:0.5;
	filter:alpha(opacity=50);
}
#pn_slide {
	float:left;
	width:804px;
	height:158px;
	background:#23282c;
	overflow:hidden;
}
#imgViewer {
	clear:both;
	height:140px;
	padding-left:5px;
}
#viewerFrame {
	width:10000px;
}
#viewerFrame li {
	float:left;
	margin:5px 5px 0 5px;
	width:155px;
	height:140px;
	text-align:center;
	background:url(images/project_list_bg.png) repeat-x;
}
#viewerFrame li p {
	width:153px;
	height:102px;
	margin:2px 0 8px 0;
	text-align:center;
	border:1px solid #777;
	overflow:hidden;
}
#viewerFrame li h3 {
	width:150px;
	height:15px;
	overflow:hidden;
	text-align:center;
}
#viewerFrame h3 a {
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#fff;
}
#viewerScroller {
	width: 804px;
	height: 12px;
	overflow: hidden;
	position: absolute;
	top: 283px;
	background:#000;
}
#project_con {
	padding:10px 80px 40px 80px;
}
#pm_img {
	float:left;
	width:165px;
	height:114px;
	padding-top:1px;
	text-align:center;
	background:url(images/project_pic_bg-trans.png) no-repeat;
}
#pm_img img {
	border:1px solid #fff;
}
#pm_con {
	float:left;
	margin-left:15px;
	width:620px;
}
#pm_con p {
	padding-top:10px;
}
#pc_img {
	text-align:center;
}
#loading {
	position:absolute;
	z-index:1000;
	top:200px;
	left:50%;
	width:200px;
}
/******download content *************/

.download {
	margin:50px 5px 40px 30px;
	height:300px;
}
.download p {
	margin-top:5px;
	float:left;
}
.download h1 {
	width:510px;
	float:left;
	font:18px Arial;
}
.download h2 {
	float:right;
}
#proclaim {
	width:100%x;
	margin:55px 0 30px 10px;
	float:left;
}
#proclaim span {
	color:#999;
	font-size:11px;
	width:590px;
	line-height:16px;
	overflow:hidden;
}
/******contact content *************/

#about_info {
	padding:50px 30px 40px 30px;
}
#about_info_left {
	width:500px;
	float:left;
}
#about_info_left p {
	font:12px Arial;
	color:#666;
	line-height:20px;
	text-align:justify;
}
#about_info_left img {
	margin:0 20px 10px 0px;
}
#about_info_right {
	width:360px;
	float:right;
	margin-right:10;
}
#interview_list {
	width:150px;
	float:left;
	margin:10px 30px 0 0;
}
#interview_list p {
	color:#666;
	font:10px Arial;
}
#interview_list h4 {
	font:12px Arial #ffffff;
}
#service_info {
	float:left;
	width:900px;
	padding:40px 30px 20px 30px;
}
#service_info p {
	font:12px Arial;
	color:#666;
	text-align:left;
}
#service_info table {
	width:900px;
	margin-top:20px;
	float:left;
}
#service_info table td {
	padding:20px 0 20px 0;
}
#service_info table img {
	float:left;
}
#service_text {
	width:170px;
	margin:16px 5px 0 5px;
	float:left;
	height:100px;
	overflow:hidden;
}
.contact_line {
	clear:both;
	height:3px;
	width:960px;
	background: url(images/project_line.png) repeat-x;
}
#contact_us {
	margin:30px;
	padding-bottom:50px;
	float:left;
}
#contact_us form label {
	text-align:right;
}
#contact_us p {
	font:12px Arial;
	color:#666;
	text-align:justify;
}
/******links content *************/

#links_con, #app_ecchange {
	width:900px;
	margin:30px;
}
#app_ecchange td {
	width:200px;
}
#app_ecchange p {
	color:#666;
	padding-bottom:20px;
	padding-top:5px;
	font-size:11px;
}
#app_ecchange table td {
	padding-right:5px;
}
#linkcat-36, #linkcat-37, #linkcat-38, #linkcat-2 {
	clear:both;
	padding:30px 0 50px 0;
	width:100%;
}
#linkcat-36 li, #linkcat-37 li, #linkcat-38 li, #linkcat-2 li {
	float:left;
	padding-right:24px;
	padding-bottom:20px;
}
#linkcat-38 li a {
	font:12px Arial #333;
}
#linkcat-38 li:hover, {
 font:12px Arial #333;
 text-decoration:underline;
}
#linkcat-36 h2, #linkcat-37 h2, #linkcat-38 h2, #linkcat-2 h2 {
	font:14px, Arial, #333;
	padding-bottom:20px;
}
/****************************Page Bar*******************/

.pagebar {
	padding:30px 0 10px 20px;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
}
.pagebar a, .pageList .this-page {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}
.pagebar a:visited {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}
.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}
.pagebar .this-page {
	border: 1px solid #2E6AB1;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;
}
.pagebar a:hover {
	border-color: #2E6AB1;
}
.pagebar .inactive {
	border: 1px solid #cccccc;
	color: #ccc;
	text-decoration: none;
	padding: 0.2em 0.5em;
}
.wpcf7-mail-sent-ok {
	width:850px;
	padding-left:10px;
	background-color:#ceffdc;
	line-height:30px;
}
.wpcf7-not-valid-tip-no-ajax {
	padding-left:10px;
	color:#F00;
	line-height:30px;
	vertical-align:middle;
}
.wpcf7-validation-errors {
	padding-left:10px;
	color:#F00;
}

/****************************2010-4-9modify*******************/

#margin_auto{width:960px; margin:auto; padding:0; background-color:#FFF;}
.center{float:left; width:100%;}
.center span,#subject_services span,#work_list span{ font-size:12px; color:#6f7982;}
#lastest_works_info{padding:0 30px; width:900px; margin-bottom:10px;}
#lastest_works_info h2{font-family:Arial,Verdana, Gadget, sans-serif; font-size:22px; margin:15px 0 5px 0;}
#work_list{ float:left; background-color:#FFF; width:100%; padding:0;}
#work_list ul{list-style-type:none; margin:15px 0 10px 28px; padding:0;}
#work_list ul li{float:left; margin-right:28px; line-height:30px; }
#work_list ul li span,.subject span{font-size:12px;}
#line{ background:url(images/home_line.gif) repeat-x;height:3px; float:left; width:100%; margin:20px 0; }
#subject_bar{background:#FFF; padding:10px 20px 20px 30px; height:250px;}
.subject{ width:290px; margin-right:10px; float:left; height:auto;}
.subject h3{font-size:16px; color:#6f7982; font-family:Arial , Verdana, Geneva, sans-serif; margin:0 0 10px 0; padding:0;}
.subject h3 a, #lastest_works_info h2 a{text-decoration: none; color:#6f7982; }
.subject h3 a:hover, #lastest_works_info h2 a:hover{text-decoration: underline; color:#14202a; }
.subject ul{list-style-type:none; margin:0; padding:0;}
.subject ul li, .subject span{ margin-bottom:12px; line-height:15px;}
.subject ul li a{font-size:12px; color:#6f7982; font-family:Arial , Verdana, Geneva, sans-serif; text-decoration: none;}
.subject ul li a:hover{text-decoration:underline; color:#14202a;}
#subject_services ul {margin-top:10px;}
#subject_services ul li{text-align:left; float:left; width:90px;}
#footer_bar{width:960px; margin:auto; font-size:10px; height:100px; color:#555; background-color:#14202a; padding-top:10px; }
#footer_bar_left,#footer_bar_mid{ width:230px; float:left;}
#footer_bar_mid a{margin:0 5px;}
#footer_bar_right{width:122px; float:right;}