/*======================================
		Design4U Web CSS
		author:   Design4U
		QQ:       66383210
		Email:    caixfm@gmail.com
		Website:  http://design4u.cn
		Version:  V1.0
		
		Works Include:
		Web Design, UI Design, Graphic Design, Flash Animation, Industrial Design, Etc.

======================================*/

/* =0 Reset*/
@import url('reset.css');
/* =Global*/
html { background: url(imagesbodybg.jpg) repeat-x; }
body {
	font: normal 12px/1.6 Arial, Tahoma, Helvetica, "\5b8b\4f53", sans-serif;
	color: #000;
	text-align: center;
	background: url(images/headerbg.jpg) no-repeat center top;
}
iframe{ border:none; overflow:hidden; }
input {
	color: #666;
	font-size: 12px;
}
.marT { margin-top: 10px; }
.marT5 { margin-top: 5px; }
.pd15 { padding: 15px; }
.pd10 { padding: 10px; }
.pdlr10 {
	padding-left: 10px;
	padding-right: 10px;
}
.grayTxt { color: #999 !important; }
/*float and clear*/
.fl { float: left; }
.fr { float: right; }
.clf { clear: both; }
.cl {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */ 

.wrapper {
	width: 1002px;
	margin: 0 auto;
	text-align: left;
}
.inwrapper {}
/* =Links and Text*/
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #cc3300;
	text-decoration: underline;
}
a.redLink { color: #f00; }
.redTxt { color: #f00 !important; }
.btn {
	background: url(imagesbtn.jpg) repeat-x;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	border: 1px solid #076cc7;
	color: #fff;
}
.btn:link, .btn:visited {
	display: block;
	background: url(imagesbtn.jpg) repeat-x;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	border: 1px solid #076cc7;
	color: #fff;
}
.btn:hover, .btn:active { }
textarea {
	border: 1px solid #999;
	margin-bottom: 10px;
	width: 100%;
}
/* =Header*/
.header { }
/* =menu*/
.header { padding-top: 121px; }
.menu { }
.menu .inwrapper { }
.menu-item {
	float: left;
	width: 86px;
	height: 36px;
}
.menu-item p a, .menu-item p a:visited {
	color: #fff;
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	text-decoration:none;
}
.menu-item p a:hover, .menu-item p a:active { color: #ffff66; }
.menu-item.active {
	color: #000;
	font-weight: bold;
}
.menu-item.active p a, .menu-item.active p a:visited {
	color: #000;
	font-weight: bold;
	line-height: 39px;
	margin-top: -3px;
	background: url(imagesbg_menuSel.jpg) repeat-x;
	height: 39px;
}
/* =search*/
.search { float:right; }
.search form {
	margin-top:6px;
	margin-right:6px;
	height: 24px;
	width: 171px;
	background:url(imagessearchbg.png) no-repeat;
}
.search form input { vertical-align: middle;}
.search input.txt {
	height: 24px;
	line-height: 24px;
	width: 130px;
*width:130px;
	border: none;
	margin-left: 6px;
	background: none;
	border: none;
}
.search .input_btn {
	background: url(imagesbg_searchBtn.jpg) no-repeat;
	height: 20px;
	width: 20px;
	border: none;
	text-indent: -2000em;
	float:right;
	margin-top:4px;
	margin-right:4px;
}

.submenu{ height:36px; padding-left:30px; overflow:hidden;}
.submenu p{height:36px; line-height:36px;}
.submenu-item{display:inline-block; *display:inline; *zoom:1;height:36px; line-height:36px; padding:0 15px;}
/* =content*/
.content {  }
.content .inwrapper { }
.content .incontent {
	padding: 10px;
	background: url(images/bg_contentBottom.jpg) no-repeat left bottom;
}
/* =main*/
.bd { border: 1px solid #d4e2f1; }
.main-content{border: 1px solid #d4e2f1;}
.main-content h2{font-weight:400;border-bottom: 1px solid #d4e2f1; overflow:hidden; font-size:22px; padding:10px; font-family: "\5FAE\8F6F\96C5\9ED1"; color:#666; background:#f6f7fc;}
.main-content h2 .local{ float:right;font-size:12px; color:#999; padding:7px;  }
.main-content h2 .localcontent{ float:left;font-size:14px; color:#999; padding:7px;  }
.main {
	width: 700px;
	float: left;
}
.main .aboutNav { float: left; }
.main .aboutNav ul {
	width: 170px;
	height: 250px;
	padding: 0;
	background: #7acdff url(imagesbg_aboutNav.jpg) no-repeat bottom center;
}
.main .aboutNav ul li {
	
	padding-top: 15px;
	
}
.main .aboutNav ul li a, .main .aboutNav ul li a:visited {
	display:block;
	background: url(imagesabout-menu-bg.png) no-repeat 15px 50%;
	color: #fff;
	padding-left: 30px;
	font-weight: bolder;
	font-size:14px;
}
.main .aboutNav ul li a:hover, .main .aboutNav ul li a:active { color: #ff0; }
.main .aboutNav ul li span{
	display:block;
	color: #fff;
	padding-left: 30px;
	font-weight: bolder;
	font-size:14px;
}

.panel{ border:1px solid #d2e1f1; background:#fff; overflow:hidden;}
.panel-header{ background:url(imagespanel-header-bg.jpg) repeat-x;height:30px; line-height:30px;border-bottom:1px solid #d2e1f1;}
.panel-title{ padding-left:10px; color:#666666; font-size:14px; float:left;}

.panel-tab{ float:right; font-size:0px;}
.panel-tab li{ display:inline-block; *display:inline; *zoom:1;  border-left:1px solid #d2e1f1; font-size:12px;}
.panel-tab li a{ display:block;padding:0 15px;}
.panel-tab li .active{ background:#fff; border-top:2px solid #4b9eee; margin-top:-1px; color:#458fce !important; font-weight:900;}

.tab-content{ width:100% !important;}

.panel-login{border-top:2px solid #4b9eee;background:#e8eef3;}
.panel-login .panel-header{ background:#f6f7fc; }
.panel-login .panel-title{ }


.main .aboutTxt { margin-left: 180px; }
.main .aboutTxt .con {
	background: url(imagesbg_aboutList.jpg) no-repeat left center;
	height: 190px;
	padding: 15px;
	padding-left: 190px;
	_padding-right: 12px;
	overflow: hidden;
}
.main .aboutTxt .con h3 {
	color: #993300;
	font-size: 14px;
	padding-bottom: 15px;
}
.main .aboutTxt .con p {
	text-indent: 2em;
	margin-bottom: 10px;
}
.main .aboutTxt .con p span {
	text-align: right;
	display: block;
}
.main .aboutTxt .con a, .main .aboutTxt .con a:hover { color: #f00; }


.bg1 { background: url(imagesbg1.jpg) no-repeat right bottom; }
.newsList { padding: 15px; text-align:left; }
.newsList li {
	background: url(imagesarrow_list.jpg) no-repeat 0px 10px;
	padding: 2px;
	padding-left: 12px;
	zoom: 1;
}
.newsList li span {
	float:right;
	color: #999;
	padding-left: 10px;
}
/*topicsList*/
.topicsList { }
.bbssearch {
	text-align: center;
	background: #f9f9f9;
	margin: 10px 10px 0;
	padding: 10px;
}

.bbssearch input, .bbssearch select { vertical-align: middle; }
.bbssearch label {
	background: url(imagesbg_searchBtn.jpg) no-repeat;
	padding-left: 30px;
}
.topicsList table { width: 100%; }
.topicsList table th {
	background:#f9f9f9;
	height: 29px;
	line-height: 28px;
	text-align: center;
	color: #666;
	font-weight: bolder;
	border-left: 1px solid #fff;
	border-right: 1px solid #e3e5e7;
	border-bottom: 1px solid #e3e5e7;
}
.topicsList table td {
	padding: 3px 6px;
	border-bottom: 1px solid #ebedee;
	color: #666;
}
.topicsList table .trbg td { background: #f9f9f9; }
.topicsList h1 {
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px solid #eee;
}
.itemCon { padding: 10px; }
.itemCon h2 {
	background: #f4f4f4;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}
.itemCon h2 a, .itemCon h2 a:visited {
	color: #666;
	padding-right: 10px;
}
.itemCon .txt { padding: 15px; }
.itemCon .txt p {
	text-indent: 2em;
	padding-bottom: 15px;
}
.toolbar {
	padding: 0 15px;
	border-top: 1px dashed #cdcdcd;
	padding-top: 10px;
}
.reply, .reply:visited {
	float: left;
	display: block;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(imagesreply.gif) no-repeat left center;
}
.quote, .quote:visited {
	float: left;
	display: block;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(imagesquote.gif) no-repeat left center;
	margin-left: 10px;
}
.replyForm { padding: 15px; }
.replyForm label { display: block; }

/*turnPage*/
.turnPage {
	color: #999;
	padding: 10px;
	text-align: right;
}
.turnPage span { float: right; }
.turnPage a {
	display: block;
	float: left;
	border: 1px solid #d2d2d2;
	padding: 4px 8px;
	margin-right: 4px;
}
.turnPage input.txt {
	border: 1px solid #999;
	width: 2em;
}
.turnPage input.btn {
	border: 1px solid #999;
	width: 3em;
}
.inHeight {
	height: auto !important;
	height: 760px;
	min-height: 760px;
}
/*sidebar*/
.sidebar {
	width: 270px;
	float: right;
}

/*user*/
.userNav h2 {
	background: url(imagesuserTitle.jpg) no-repeat center center;
	height: 58px;
	text-indent: -2000em;
}
.userNav ul { padding: 10px; }
.userNav ul li { }
.userNav ul li a {
	display: block;
	background: url(imagesuserListBg.jpg) repeat-x;
	height: 22px;
	line-height: 22px;
	border: 1px solid #cfcfcf;
	margin-bottom: 4px;
	padding-left: 6px;
}
.userNav ul li a span {
	display: block;
	background: url(imagesuserListIcon.jpg) no-repeat 0 50%;
	height: 22px;
	padding-left: 24px;
}
.userNav ul li a:hover { background: url(imagesuserListBgSel.jpg) repeat-x; }
.userNav ul li a:hover span { background: url(imagesuserListIconSel.jpg) no-repeat 0 50%; }
.userNav ul li a.curren, .userNav ul li a.curren:hover { background: url(imagesuserListBgSel.jpg) repeat-x; }
.userNav ul li a.curren span, .userNav ul li a.curren:hover span { background: url(imagesuserListIconSel.jpg) no-repeat 0 50%; }
/*login*/
.login {
	text-align: left;
	
}
input{ vertical-align:middle;}
textarea{border: 1px solid #cbdbeb;}
.input_txt {
	border: 1px solid #cbdbeb;
	height: 22px;
	line-height: 22px;
	width:160px;
	text-indent:5px;
}

.input_btn,.turnPage .input_btn {
	
	height: 26px;
	line-height: 26px;
	border: none;
	background: #fe9f40;
	border-radius:3px;
	font-size:14px;
	color: #fff;
	font-weight: bolder;
	padding:0 10px;
	cursor:pointer;
}
.login ul { padding: 15px 15px 0; background:#f6f7fc; }
.user-info{ background:#f6f7fc;padding: 15px; }
.login li { padding-bottom:10px; }
.login label {
	float: left;
	width: 60px;
	text-align: right;
}
.login p { padding: 6px 0; }
.login .user { }
.login a, .login a:visited { color: #3399cc; }

.user-home{  padding:10px 15px 0;}
.login h3 {
	font-size:14px;
	font-weight:900;
	color: #666;
}
.login .userLink {
	
}

.login .userLink a, .login .userLink a:visited {
	color:#4e4e4e;
	padding-right:3px;
	padding-left:3px;
	line-height:2;
	
}
.login .userLink a:hover, .login .userLink a:active { }




.ask{ border:1px solid #d2e1f1; background:#e8eef3;  text-align:left;}
.ask h4{ font-size:14px; margin-bottom:5px;}
.ask-form{padding:15px;}
.ask-btn-bar{ background:#f5f6fc; padding:10px 0 10px 10px;}
.ask-btn-bar p{ float:left; width:50%;}

.ask-btn-bar p a{ display:block; background:#ffffff; border:1px solid #d2e1f1; margin-right:10px; text-align:center; padding:5px; font-weight:900;}

.pUser { text-align: center; }
.pUser td { padding: 2px; }

.pUser .pUserTable1 {
	width: 500px;
	margin: 0 auto;
	margin-top: 15px;
}
.pUser .pUserTable1 .l { width: 390px; }
.pUser .pUserTable1 .s { width: 160px; }
.pUser .pUserTable2 .s { width: 100px; }
.pUser .pUserTable2 .l { width: 190px; }
.pUser .pUserTable2 {
	border: 1px solid #eee;
	width: 650px;
	margin: 0 auto;
	margin-top: 20px;
}
.userPhoto {
	position: relative;
	height: 50px;
}
.userPhoto img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	position: absolute;
}
.userPhoto span {
	position: absolute;
	top: 145px;
	left: 0;
}
.userPhoto span a {
	color: #3399cc;
	text-decoration: underline;
}
.pUser .pUserTable2 td { border: 1px solid #eee; }
/*link*/
.linkForm { padding: 15px; }
.linkForm select { width: 250px; *width:230px;
}
.detail { }
.detail h1 {
	text-align: center;
	font-size: 22px;
	color: #666;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}
.detail h4 {
	font-size: 12px;
	color: #999;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	padding: 10px;
}
.detail .con { padding: 20px; }
.detail .con p {
	text-indent: 2em;
	margin-bottom: 20px;
}
.back { }
.listHeight1 {
	height: 168px;
	overflow: hidden;
}
.listHeight2 {
	height: 382px;
	overflow: hidden;
}
/* =9 Footer*/
.footer {
	background: url(imagesfooterbg.jpg) repeat-x bottom center;
	padding-bottom:10px;
	
}
.footer .inwrapper{width: 982px;
	margin: 0 auto;
	text-align: left; }
.botNav {
	background:#4b9eee;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color:#fff;
	font-weight:900;
}
.botNav a {
	color:#fff;
	padding:0 15px;
}
.copyright {
	color: #999999;
	text-align: center;
	padding: 20px;
	background:#fff;
	
}