/*======================================
		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 { }
body { font: normal 12px/1.6 Arial, Tahoma, Helvetica, "\5b8b\4f53", sans-serif; color: #000; text-align:center; background:url(imagesbg_body.jpg) repeat-x; }
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*/
.menu { background:url(imagesbg_menu.jpg) repeat-x; height:33px; }
.menu .inwrapper { background:url(images/bg_menuBar.jpg) repeat-x; }
.menu ul li { float:left; width:100px; height:33px; overflow:hidden; background:url(imagesbg_menuSprite.jpg) no-repeat top right; }
.menu ul li a, .menu ul li a:visited { color:#fff; display:block; height:33px; line-height:33px; font-size:14px; font-weight: bolder; text-align:center; }
.menu ul li a:hover, .menu ul li a:active { color: #ffff66; }
.menu ul li.index a { background:url(images/icon_index.jpg) no-repeat 20px 50%; padding-left:30px; }
.menu ul li.curren { background:url(imagesbg_menuSel.jpg) no-repeat; color:#000; font-weight:bold; }
.menu ul li.curren a, .menu ul li.curren a:visited { color:#000; font-weight:bold; line-height:40px; }
/* =search*/
.search { float:right; }
.search form { height:33px; width:178px; background:url(imagesbg_search.jpg) no-repeat center center; }
.search form input { vertical-align:middle; }
.search input.txt { height:18px; line-height:18px; width:130px; *width:130px;
border:none; margin-top:6px; margin-left:6px; background:none; }
.search input.btn { background:url(imagesbg_searchBtn.jpg) no-repeat; height:18px; *height:16px;
width:25px; border:none; margin-top:6px; *margin-top:0px;
text-indent:-2000em; }
/* =content*/
.content { background:#fff; }
.content .inwrapper { }
.content .incontent { padding:10px; background:url(images/bg_contentBottom.jpg) no-repeat left bottom; }
/* =main*/
.bd { border:1px solid #bcbcbc; }
.main { width:700px; float:left; }
.main .aboutNav { float:left; }
.main .aboutNav ul { width:170px; height:254px; padding:0; background:#7acdff url(imagesbg_aboutNav.jpg) no-repeat bottom center; }
.main .aboutNav ul li { background:url(imagesarrow_aboutNavList.jpg) no-repeat 10px 50%; border-bottom:1px solid #8ad0fa; padding-left:30px; height:40px; line-height:40px; }
.main .aboutNav ul li a, .main .aboutNav ul li a:visited { color:#fff; font-weight:bolder; }
.main .aboutNav ul li a:hover, .main .aboutNav ul li a:active { color:#ff0; }
.main .aboutTxt { margin-left:180px; }
.main .aboutTxt h2 { background:url(imagestitle_about.jpg) no-repeat center center; }
.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; }
.main h2 { background:url(imagestitle_main.jpg) no-repeat center center; height:32px; line-height:32px; color:#fff; font-size:14px; padding-left:15px; }
.main h2 span { float:right; width:44px; margin-right:10px; }
.main h2 span a, .main h2 span a:visited { display:block; background:url(imagesbg_more.jpg) repeat-x center center; color:#fff; font-size:12px; font-weight:normal; height:32px; line-height:32px; text-align:center; }
.main h2 span a:hover, .main h2 span a:active { }
.main h2 span.local { font-size:12px; width:400px; text-align:right; font-weight:normal; }
.bg1 { background:url(imagesbg1.jpg) no-repeat right bottom; }
.newsList { padding:15px; }
.newsList li { background:url(imagesarrow_list.jpg) no-repeat 0 8px; padding:2px; padding-left:20px; zoom:1; }
.newsList li span { color:#999; padding-left:10px; }
/*topicsList*/
.topicsList { border:3px solid #d7d7d7; }

.bbssearch{ text-align:center; background:#f9f9f9; margin:10px 10px 0 ; padding:10px;}
.bbssearch .input_txt{ border:1px solid #999;border:1px solid #999; width:200px; height:20px; line-height:20px; background:url(imagesbt_input.jpg) repeat-x;}
.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:url(imagesbg_th.jpg) repeat-x; height:29px; line-height:28px; text-align:center; color:#666; font-weight:bolder; border-left:1px solid #fff; border-right:1px solid #e3e5e7; }
.topicsList table td { padding:3px 10px; border-bottom:1px solid #ebedee; color:#666; }
.topicsList table .trbg td { background:#f9f9f9; }
.topicsList h1 { background:#ededed url(imagestitle_topic.jpg) repeat-x; padding:10px; font-size:14px; border-bottom:1px solid #c6c8c9; }
.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; }
.replyForm .input_txt { border:1px solid #999; width:200px; height:20px; line-height:20px; margin-bottom:10px; background:url(imagesbt_input.jpg) repeat-x; }
/*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:736px; min-height:736px;}
/*sidebar*/
.sidebar { width:270px; float:right; }
.sidebar h2 { background:url(imagestitle_sidebar.jpg) no-repeat center center; height:32px; line-height:32px; color:#fff; font-size:14px; padding-left:15px; }
.sidebar h2 span { float:right; width:44px; margin-right:10px; }
.sidebar h2 span a, .sidebar h2 span a:visited { display:block; background:url(imagesbg_more2.jpg) repeat-x center center; color:#fff; font-size:12px; font-weight:normal; height:32px; line-height:32px; text-align:center; }
.sidebar h2 span a:hover, .sidebar h2 span a:active { }
.sidebar h2 a, .sidebar h2 a:visited { color:#fff; }
.sidebar h2 a:hover, .sidebar h2 a:active { }
.sidebar h2.sideTitle1 { background:url(images/bg_sideTitle1.jpg) no-repeat; height:40px; }
.sidebar h2.sideTitle2 { background:url(images/bg_sideTitle2.jpg) no-repeat; height:40px; }

/*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;cursor:Pointer;} 
.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 { height:220px;text-align:left; }
.loginH { height:120px;}
.login .input_txt { border:1px solid #b4b4b4; height:20px; line-height:20px; background:url(imagesbt_input.jpg) repeat-x;width:120px;  }
.input_btn { width:60px; height:29px; line-height:28px; border:none; background:url(imagesbtn_login.jpg) no-repeat; color:#fff; font-weight:bolder; }
.login ul { padding:15px 30px; }
.login li { padding-bottom:6px; }
.login label { float:left; width:60px; text-align:right; }
.login p {padding:6px 0;}
.login .user {}
.login a, .login a:visited { color:#3399cc; }

.login h3{ background:#eee url(imagesbtnBg.jpg) repeat-x; border-top:1px solid #dddddd; border-bottom:1px solid #ddd; padding-left:15px; color:#666;}
.login .userLink{ padding:10px;*padding:7px 10px 0; text-align:center;}
.login .userLink li{ float:left; margin:2px; padding:0;}
.login .userLink a,.login .userLink a:visited{ display:block;background:#fff; border:1px solid #eee;width:76px; background:url(imagesbtnBg2.jpg) repeat-x; height:22px; line-height:22px; border:1px solid #c0c1c3; color:#666; overflow:hidden;}
.login .userLink a:hover,.login .userLink a:active{}

.pUser{ text-align:center;}
.pUser td{ padding:2px;}
.pUser .input_txt{ border:1px solid #999;  height:20px; line-height:20px; background:url(imagesbt_input.jpg) repeat-x;}
.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 #999; width:650px; margin:0 auto; margin-top:20px;}
.userPhoto{ position:relative;}
.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 #999;}

/*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(imagesbg_footer.jpg) repeat-x; height:110px;}
.botNav { height:32px; line-height:32px; text-align:center; }
.copyright { color:#fff; text-align:center; padding:15px; }