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

* {
	margin:0px;
	padding:0px;
	line-height:150%;	
}
p {
	margin-bottom:1em;
}
h4 {
	font-weight:bold;
}
img {
	border-width:0px;
}
body, td, form, dl, dt, dd, li, p {
	font-family:Arial, verdana, sans-serif, 宋体;
	text-decoration: none;
	line-height: 150%;
	color: #C1C2D0;	
	font-size: 12px;
}
html,body {
	height:100%;
}
body {
	text-align: center;
	background:#363765;
}
input, select, textarea {
	font-family:verdana, sans-serif, Arial, 宋体;
	font-size: 12px;
}
textarea {
	width:100%;
}
ul {
	list-style-type:none;
}
a {
	text-decoration:none;	
	color:#C1C2D0;
}
a:hover {
	color:#ffffff;
}




/*[ foot*/
#footer {
	text-align:left;
	height:25px;
	margin-top:45px;
}
#footer p {
	text-align:right;
	padding-right:15px;
}



/*foot ]*/


#body {
	text-align:left;
	height:480px;
	overflow:hidden;
	padding:0 70px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.required {
	color:red;
}
.keyword {
	color:red;
}
.emphasize {
	color:red;
}


.toolBar {
	padding-top:8px;
	margin-top:15px;
	text-align:right;
	border-top:solid 1px #676789;
}
.toolBar ul {
	float:right;
	clear:both;
}
.toolBar ul li {
	float:left;
	height:20px;
	margin-left:10px;
	width:60px;
}
.toolBar ul li a {
	display:block;
	height:20px;
	background:url("../images/icon_arrow.gif") no-repeat left 6px;
	padding-left:12px;
	color:#999999;
	font-size:12px;
	
}
.toolBar ul li a:hover {
	border-bottom:solid 1px #FF7C00;
	height:19px;
}

.pageBar {
	margin-top:5px;
	text-align:right;
	height:25px;
	clear:both;
}
.times {
	color:#999999;
	font-size:12px;
	margin-right:5px;
	text-align:right;
}
p.left {
	float:left;
}
p.right {
	float:right;
}

ul#list {
	margin:15px 0px;
}
ul#list li {
	height:20px;
	margin-bottom:4px;
	overflow:hidden;
	padding-left:5px;
	border-bottom:solid 1px #8EBFD7;
}
ul#list li.over {
	background:#173C4F;
	border-bottom:solid 1px #ffffff;
}

ul#list li dt {
	background:url("../images/icon_arrow.gif") no-repeat left 6px;
	padding-left:12px;
}

ul#list li dd {	
	color:#6A6D72;
	padding:10px 0px;
	display:none;
}
ul#list li .module {
	display:none;
}
#supportPage ul#list li .times {
	display:none;
}


#picList {

}
#picList li.simple {
	float:left;
	margin-right:10px;
}
#picList li.simple p {
	margin:0px;
}
#picList li.simple p.pic a {
	display:block;
	background:#6B879E;
	line-height:0px;
}
#picList li.simple p.pic a img {
	width:100px;
	height:70px;
	border:solid 1px black;
	margin:4px;
	height:auto;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}
#picList li.simple p.pic a:hover {
	background:#8EBFD7;
}
#picList li.simple p.pic a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
#picList li.simple p.text {
	text-align:center;
	width:100px;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
	margin:5px 0px;
	font-size:12px;
	color:white;
}





#content .title {
	font-weight:bold;
	font-size:14px;
	color:white;
	margin-bottom:10px;
	border-bottom:solid 1px #FFCC00;
	padding:3px;
}




#content .content {
	clear:both;
}
#content .content p {
	text-indent:0px;
}
#content .content * {
	font-size:13px;
}





	

		/*[内文里的嵌套内文排版要素*/
		#content .content dl {
			margin-bottom:10px;
		}
		#content .content dl dt {
			font-weight:bold;
			background:none;
			padding:0px;
			margin:5px 0px;
		}
		#content .content dl dd {
			padding-left:15px;
		}

		/*内文里的嵌套内文排版要素]*/
		
		
	#content .date {
		color:#A5A5A5;
		padding:3px;
		text-align:right;
		border-bottom:solid 1px #f2f2f2;
	}	
	#content .desciption {
		margin-bottom:15px;
	}
	#content .desciption p {
		color:#999999;
	}
	#content .desciption li {
		list-style-type:square;
		margin-left:15px;
	}
	#content .times {
		text-align:left;
	}

/* contactPage页面 */
.input_text {
	border:solid 1px #E3E9EF;
	border-top:solid 1px #ABADB3;
	border-left:solid 1px #ABADB3;
	width:98%;
	padding:2px 3px;
}
.input_checkbox {
	border:solid 1px red;
}
.input_radio {
	border:solid 1px red;
}

.focus {
	background:#dddddd;
}







#picList li.sum {	
	clear:both;
	margin-top:15px;
}

#picList li.sum p.pic {
	float:left;
	padding:0px;	
	width:100px;	
	height:130px;
	margin:0px;
}
#picList li.sum p.pic img {
	width:90px;
}




table#list, table#edit {
	border-collapse: collapse;
	width:100%;
	border-bottom:solid 1px #515397;
	border-left:solid 1px #515397;
}
table#list caption, table#edit caption {
	text-align:left;
	background:url("../images/arrow_6.gif") no-repeat 5px 10px;
	padding:5px;
	padding-left:25px;
	font-weight:bold;
}

table#list th, table#list td, table#edit th, table#edit td {
	vertical-align:top;
	padding:5px 5px 5px 0px;
	border-top:solid 1px #515397;
	border-right:solid 1px #515397;
}
table#list th, table#edit th {
	width:25%;
	text-align:right;
	font-weight:normal;
	color:#C1C2D0;
}

.member table#edit th {
	width:40%;
}

/*[default button*/
button, a.button {
	background:transparent;
	border-width:0px;
	width:80px;height:25px;
	cursor:hand;
	margin-left:10px;
}
button span, a.button span {
	height:25px;
	float:left;
	background-position:left top;
	text-decoration:none;
}

button .left, a.button .left {
	background:url("../images/b1_corner_left.gif");
	width:10px;
	display:none;
}
button .right, a.button .right {
	background:url("../images/b1_corner_right.gif");
	width:10px;
	display:none;
}
button .text, a.button .text {
	display:block;
	background:url("../images/btn_bg.gif") no-repeat 0px 0px;
	width:80px;
	height:25px;
	color:white;
	font-weight:bold;
	line-height:25px;
	text-align:center;
}
/*hover*/
button.over span, a.button:hover span {
	
}
button.over .text, a.button:hover .text {
	background-position:0px -25px;;
}

/*default button]*/









#container {
	margin: 0 auto;
	text-align: center;
	width:1000px;
	height:680px;
	background:url("../images/bg.jpg") no-repeat 0 0;
}
/*【整个网站的头部*/
#head {
	height:135px;
	overflow:hidden;
	text-align:left;
}

#head #logo {
	float:left;
}
#head #logo img {
	margin:55px 0 0 40px;

}








/*[ left menu*/
#body #banner {
	height:31px;
	margin:15px 0px;
	background:url("../images/caption_shadow.jpg") no-repeat right bottom;	
}
#body #banner ul {
	height:30px;
	border-left:solid 1px #C6C6C6;
}
#body #banner li {
	float:left;
	width:80px;
	height:30px;
	border-right:solid 1px #C6C6C6;
	border-top:solid 1px #C6C6C6;	
}
#body #banner li a {
	display:block;
	text-align:center;
	height:30px ;	
	line-height:30px;	
	background:url("../images/caption_bg.jpg") repeat-x 0px bottom;	
	
}






#body #position {
	display:none;
}
#body #position * {
	color:#999999;
}

#body #menu {
	width:220px;
	height:430px;
	padding-top:30px;
	float:left;
	overflow:hidden;
}


#body #menu dl {
	margin:10px;
}


#body #menu dl dd {
	height:25px;
	border-bottom:solid 1px #485771;	
}
#body #menu dl dd a {
	display:block;
	line-height:25px;	
	padding-left:20px;
	background:url("../images/arrow.gif") no-repeat 10px 9px #606185;
	font-size: 12px;
}
#body #menu dl dd a:hover {
	background:url("../images/arrow.gif") no-repeat 10px 9px #80819D;
}



,#servicePage.fanchuan #body #menu dl dd.fanchuan a
,#servicePage.hualang #body #menu dl dd.hualang a
,#servicePage.motuo #body #menu dl dd.motuo a
,#servicePage.qianshui #body #menu dl dd.qianshui a
,#servicePage.chonglang #body #menu dl dd.chonglang a
,#servicePage.dumu #body #menu dl dd.dumu a


,#aboutPage.info #body #menu dl dd.info a
,#aboutPage.guide #body #menu dl dd.guide a
,#aboutPage.news #body #menu dl dd.news a

,#contactPage.info #body #menu dl dd.info a
,#contactPage.form #body #menu dl dd.form a

,#careerPage.idea #body #menu dl dd.idea a
,#careerPage.job #body #menu dl dd.job a

,#commonPage.link #body #menu dl dd.link a
,#commonPage.map #body #menu dl dd.map a
{
	background-position:0px 0px;	
	color:white;
}

#body #menu #button {
	padding:25px;
	text-align:right;
}
/*left menu ]*/


#body #menu h1, #body #menu dl dt {
	background: url('../images/txt.gif') no-repeat 0 0;
	width:70px;
	height:35px;
	text-indent:70px;
	margin-top:10px;
}
#body #menu h1 strong, #body #menu dl dt strong {
	display:none;
}
#newsPage #body #menu h1, #newsPage #body #menu dl dt {
	background-position:-70px 0;
}
#worksPage #body #menu h1, #worksPage #body #menu dl dt {
	background-position:-140px 0;
}
#activePage #body #menu h1, #activePage #body #menu dl dt {
	background-position:-210px 0;
}
#photoPage #body #menu h1, #photoPage #body #menu dl dt {
	background-position:-280px 0;
}
#wallPage #body #menu h1, #wallPage #body #menu dl dt {
	background-position:-350px 0;
}
#contactPage #body #menu h1, #contactPage #body #menu dl dt {
	background-position:-420px 0;
}


#body #mainBody h2 {
	
}
#body #mainBody h3 {
	background:url("../images/titleBg.gif") no-repeat left center;
	margin:15px 0px;
	margin-left:10px;
}
#body #mainBody h3 strong {
	background:white;
	margin-left:15px;
	padding:0px 10px;
}



#body #mainBody #content {	/*mainBody 里面的概述性文字*/
	float:right;
	width:580px;
	height:420px;
	margin-top:50px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-right:15px;
}







#body #mainBody #content .input_text {
	color:#173C4F;
}
#body #mainBody #content h2 {
	background:url("../images/icon_arrow.gif") no-repeat 10px 8px #ECECEC;
	padding:3px 0px 0px 20px;
	font-size:12px;
	margin:20px 0px 15px 0px;
}

#body #mainBody #content ol {
	margin:10px 0px;	
}
#body #mainBody #content ol li {
	margin:10px 0px;
	padding-left:10px;
	list-style-type:none;
	background:url("../images/arrow.gif") no-repeat 0px 6px;
}


#aboutPage #body #mainBody #content ul {
	margin-bottom:15px;
}
#aboutPage #body #mainBody #content li {
	margin-left:15px;
	list-style-type:square;
}



.news_info {
	float:right;
	width:560px;
}
.news_info dd.newsTitle a {
	background:url("../images/icon_arrow.gif") no-repeat left 6px;
	padding-left:12px;
}
.news_info dd.newsPic {
	display:none;
}

.news_info dd.newsContent {
	margin-top:10px;
}

.news_info dd.newsReadme {
	margin:5px 0px;
}




/* .buttonBar 按钮条*/
.buttonBar {
	height:35px;
	text-align:right;
	background:url("../images/line_h.gif") repeat-x bottom;	
}

/* 如果在#picList和招聘里，按钮条居右 */
#picList .buttonBar ul, #careerPage.job .buttonBar ul {
	clear:both;
	float:right;
	margin-bottom:10px;
}
.buttonBar ul li {
	float:left;
	height:25px;
	margin-left:15px;
}
.buttonBar ul li a {
	display:block;
	background:url("../images/btn_bg.gif") no-repeat 0px 0px;
	width:80px;height:25px;
	text-align:center;
	line-height:25px;
}
.buttonBar ul li a:hover {
	background-position:0px -25px;
}






#buttonList {
	height:25px;
	border-bottom:solid 1px #3E3E3E;
	margin-bottom:20px;
}
#buttonList li {
	float:left;
	margin-right:10px;	
	height:25px;	
}
#buttonList li a {
	display:block;
	background:url("../images/arrow_3.gif") no-repeat 10px 9px #757575;
	color:white;
	cursor:hand;
	padding:3px 15px 3px 20px;
}
#buttonList li a.normal:hover {
	background:url("../images/arrow_3.gif") no-repeat 10px 9px #3E3E3E;
}
#buttonList li a.selected {
	background:url("../images/arrow_4.gif") no-repeat 9px 9px #000000;
}


table.list {
	border-collapse: collapse;
	border-bottom:solid 1px #7E97A5;
	border-right:solid 1px #7E97A5;
	width:100%;
	margin-bottom:10px;
}

table.list td {
	border-left:solid 1px #7E97A5;
	border-top:solid 1px #7E97A5;
	padding:3px 5px;
	text-align:center;
	font-size:12px;
}

table.list thead td {
	color:#ffffff;
	background:#173C4F;
}

table.list tbody tr {
	
}

table.list tbody tr.over {
	background:#173C4F;
}
table.list td.area {
	text-align:left;
}





#newsPics {
	position:absolute;
	top:320px;
	left:40px;
}

#newsPics .noobButtons {
	position:absolute;
	top:40px;
	left:-15px;
	width:500px;
}

#login {
	background:url("../images/pic_login.gif") no-repeat 50px 10px #134D66;
	border:solid 1px white;
	padding:10px 0px 5px 0px;
	width:500px;
	margin:0px auto;
}
#login dd {
	margin:10px 0px;
}

.userInfo {
	
}







/*
>>>> textList_simple >>>>
*/
#textList_simple {

}
#textList_simple  .module {
	display:none;
}
#textList_simple ul li {
	margin:10px 0;
	border-bottom:solid 1px #676789;
}
#textList_simple ul li.over {
	background:#676789;
}
#textList_simple ul li h4 {
	display:inline;
	font-weight:normal;
	font-size:12px;
}



/*
>>>> picList_sum >>>>
*/
#picList_sum ul li {
	margin:5px 0;
	float:left;
	margin-right:10px;
	height:110px;
	overflow:hidden;
	width:280px;
}
#picList_sum ul li .pic {
	float:left;
	margin-right:10px;
	width:110px;
	height:110px;
	background:url("../images/picBg.jpg") no-repeat 0 0;
}
#picList_sum ul li .pic a {
	display:block;
	width:100px;
	height:100px;
	background:none no-repeat 50% 50%;
	border:solid 5px #979AB9;
}
#picList_sum ul li .pic a:hover {
	border:solid 5px #FDCD00;
}
#picList_sum ul li .pic img {
	width:100px;
	height:100px;
}
#picList_sum ul li .text {
}
#picList_sum ul li h4 {
	margin:5px 0;
	font-size:12px;
	width:150px;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
}
#picList_sum ul li .readme {
	color:#999999;
}

/*
>>>> picList_simple >>>>
*/
#picList_simple ul li {
	margin:10px 0;
	height:240px;
	float:left;
}
#picList_simple ul li .pic {
	margin-right:10px;
	width:170px;
	height:210px;
	text-align:center;
}
#picList_simple ul li .pic a {
	display:block;
	width:170px;
	height:200px;
	margin:5px;
	background:none no-repeat 50% 50% white;
	border:solid 1px #cccccc;
}
#picList_simple ul li .pic a:hover {
	
}
#picList_simple ul li .pic img {
	width:170px;
	height:200px;
}
#picList_simple ul li .text {
	text-align:center;
	margin-top:-8px;
}


#photoPage.index #picList_simple ul li {
	width:190px;
	height:200px;
	padding-left:20px;
	margin-bottom:0px;
	overflow:hidden;
}
#photoPage.index #picList_simple ul li .pic {
	width:190px;
	height:170px;
}
#photoPage.index #picList_simple ul li .pic a {
	width:180px;
	height:160px;
	border:solid 5px #979AB9;
	margin:0px;
}
#photoPage.index #picList_simple ul li .pic a:hover {
	border:solid 5px #FDCD00;
}
#photoPage.index #picList_simple ul li .pic img {
	width:180px;
	height:160px;
}


#wallPage.index #picList_simple ul li {
	width:260px;
	height:200px;
	padding-left:20px;
	margin-bottom:0px;
	overflow:hidden;
}
#wallPage.index #picList_simple ul li .pic {
	width:260px;
	height:170px;
}
#wallPage.index #picList_simple ul li .pic a {
	width:250px;
	height:160px;
	border:solid 5px #979AB9;
	margin:0px;
}
#wallPage.index #picList_simple ul li .pic a:hover {
	border:solid 5px #FDCD00;
}
#wallPage.index #picList_simple ul li .pic img {
	width:250px;
	height:160px;
}




#videoBar {
	line-height:35px;
	color:#FFCC00;
	font-size:13px;	
}

#videoBar a {
	display:inline-block;
	text-align:center;
	margin:0 10px;
	width:100px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	margin-bottom:10px;
	background:url("../images/videoBtn.gif") no-repeat 0 0;
}
#videoBar a strong {
	color:white;
	line-height:30px;
}



#contactPage.list #body #mainBody #content {	/*mainBody 里面的概述性文字*/
	float:right;
	width:580px;
	height:420px;
	margin-top:50px;
	overflow:hidden;
	padding-right:15px;
}
#contactPage.list #body #mainBody #content #gbBody {	/*mainBody 里面的概述性文字*/
	float:right;
	width:580px;
	height:350px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-right:15px;
}

/*留言相关*/
.gbBar {
	background:#676789;
	padding:2px 5px;
}
.gbBar span {
	margin-right:10px;
	text-decoration:underline;
}

.gbBar .time {
	background:url("../images/icon_time.gif") no-repeat 0 0;
	padding-left:18px;
}
.gbBar .strName {
	background:url("../images/icon_name.gif") no-repeat 0 0;
	padding-left:18px;
}
.gbBar .email {
	background:url("../images/icon_email.gif") no-repeat 0 0;
	padding-left:18px;
}
.gbContent {
	margin:10px 0;
}
.gbReply {
	background:#2C2D50;
	border-left:solid 5px #FFCB00;
	margin-bottom:15px;
}
.gbReply blockquote {
	padding:5px 10px 5px 15px;
}

.gbReply .time {
	display:block;
	text-align:right;	
}




























#homePage #homeBody {
	background:url("../images/homeBody.jpg") no-repeat 0 0;
	height:635px;
	width:1000px;
	overflow:hidden;
}
#homePage #homeFoot {
	position:absolute;right:50px;top:360px;
	width:420px;
}
#homePage #homeFoot li {
	width:60px;
	height:30px;
	overflow:hidden;
	display:inline;
}
#homePage #homeFoot li a {
	display:block;
	background: url('../images/homeTxt.jpg') no-repeat 0 0;
	width:60px;
	padding-top:30px;
	height:30px;
}
#homePage #homeFoot li a img {
	display:none;
}

#homePage #homeFoot li#menu_news a {
	background-position-x:-60px;
}
#homePage #homeFoot li#menu_works a {
	background-position-x:-120px;
}
#homePage #homeFoot li#menu_active a {
	background-position-x:-180px;
}
#homePage #homeFoot li#menu_photo a {
	background-position-x:-240px;
}
#homePage #homeFoot li#menu_wall a {
	background-position-x:-300px;
}
#homePage #homeFoot li#menu_contact a {
	background-position-x:-360px;
}
#homePage #homeFoot li a:hover {
	background-position-y:-30px;
}