﻿/*==============================
	Title: Sagitar  
	Updated:   
	Content:  

    * Filename: base.css
    * Version: 1.0.0 (2008-08-01) YYYY-MM-DD
    * Website: http://www.bora.com.cn/newbora/
    * Author: Vitrum Zhu (vitrum.zhu@nurun.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
* { }
html { width:100%; margin:0; padding:0; border:0; }
body { background:#fff; color:#595959; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
/*== reset font ==*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;
}
legend { color:#000; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
/*== reset font ==*/
/*== 清除浮动 ==*/
/*=1=*/
.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }
.clearfix {/* overflow:auto;*/ zoom:1; }
/*=2=*/
div.divclear { clear:both; font-size:0; line-height:0; }
/*== 清除浮动 ==*/

a { outline:none; color:#335ca5; text-decoration:none; }
a:hover { text-decoration:underline; }
/*= frame =*/
#pageBox { width:960px; margin:0 auto; }
#headerBox { width:100%; height:80px; overflow:hidden; }
#headerBox h1, #headerBox h1 a { width:120px; height:80px; float:left;}
#headerBox h1 { background: url(../img/logo-faw.gif) no-repeat; }
#headerBox h2, #headerBox h2 a { width:185px; height:80px; float:right; }
#headerBox h2 { margin:0; background: url(../img/logo-jetta.gif) no-repeat; }
#headerBox h1 a, #headerBox h2 a { text-indent:-1000em; }
#navBox { width:100%; height:36px; overflow:hidden;}
#navBox ul li { display:inline; list-style-type:none; }
#navBox ul li a { color:#fff; }
#footerBox { width:100%; margin:6px 0; color:#888; position:relative; z-index:50;float:left;}
#footnav { width:65%; float:left; margin:6px 0; background:url(../img/footer-copyright.gif) no-repeat; text-indent:-1000em; }
#footnav p { font-size:80%; }
#footnav span.footphone { color:#335ca5; }
#footnav a { color:#595959; }
#sellcontentBox { width:100%; height:408px; position:relative; z-index:49; }
#contentBox { width:100%; position:relative; z-index:49;min-height:490px;_height:490px;}
#bannerBox { width:100%; height:210px; border-bottom:1px #000 solid; border-top:2px #2a2a2a solid; z-index:-1; }
#brandLink { width:35%; float:right; position:relative; }
#brandLink label { width:111px; height:22px; float:left; margin:0 0 0 70px; text-indent:-1000em; background:url(../img/footer-label-brand.gif) no-repeat; }
#defaultselected { width:144px; height:22px; float:right; line-height:22px; text-indent:10px; background:url(../img/footer-brandselectbox.gif) no-repeat; cursor:pointer; position:relative; }
#brandLink ul { width:142px; height:0; overflow:hidden; position:absolute; left:0; top:-1px; /* display:none; height:120px; top:22px; border:1px #bbb solid;*/ background:#eaeaea; z-index:100; }
#brandLink ul li { width:142px; height:24px; float:left; }
#brandLink ul li a { width:142px; height:24px; float:left; color:#5e5e5e; text-decoration:none; }
#brandLink ul li a:hover { background:#f1f1f1; }
*html #brandLink ul li a { width:132px; }
.bottom { height:20px; margin:140px 0 0; }
/*== index ==*/
#indexBox { width:960px; height:534px; overflow:hidden; }
#performancebox{}
/*===navswf===*/
#fornavSwf { wubth:959px; height:34px; }
#nav { width:960px; height:30px; position:relative; z-index:50; }
#navSwf ul { height:34px; }
#navSwf li { float:left; }
#navSwf a { color:#ffffff; }


/*== 订车试驾 ==*/
#orderBox { width:100%; height:458px; overflow:hidden; background:#fff url(../img/testdrive-bg.gif); position:relative;}
	.tip { width:187px;  margin:39px 0 0 30px;_display:inline;background: url(../img/order-heading.gif) no-repeat;float:left;}
	.testdrive { width:187px; margin:39px 0 0 30px;_display:inline;background: url(../img/testdrive-heading.gif) no-repeat;float:left;}
		#orderBox h3 { width:100%; height:35px; margin:0 0 20px; text-indent:-1000em; }
		h3.testdrive { background-position:0 0;}
		h3.order { background-position:0 -35px;}
		.briefdrive,.brieforder { width:182px; height:165px; overflow:hidden;float:left;}
		.briefdrive { background:url(../img/testdrive-remark.gif) no-repeat;}
		.brieforder { background:url(../img/order-remark.gif) no-repeat;}
			.briefdrive p,.brieforder p { width:100%; float:left; text-indent:-1000em;}
			
		.linkto {}
			.linkto a { width:107px; height:24px; float:right;margin-right:18px; text-indent:-1000em; background-image:url(../img/linkto-order.gif); background-repeat:no-repeat;}
			a.orderlink { background-position:0 0;}
			a.drivelink { background-position:0 -24px;}
	.formcontent { width:750px; position:absolute; left:242px; top:71px;}
		.step1,.step2,.step3 { width:224px; float:left; _display:inline; margin:0 10px 0 0;}
		.step3 { width:260px;}
			.formcontent h4 { width:100%; height:20px; margin:0 0 24px; text-indent:-1000em; background-image:url(../img/testdrive-step.gif); background-repeat:no-repeat;}
			.formcontent .step1 h4 { background-position:0 0;}
			.formcontent .step2 h4 { background-position:0 -20px;}
			.formcontent .step3 h4 { background-position:0 -40px;}
			.formcontent .step1 img { padding:0 0 10px;}
			.formcontent ul {}
				.formcontent ul li { float:left; margin:0 0 12px;}
					.formcontent label { width:216px; height:18px; float:left; text-indent:-1000em; background-image:url(../img/form-label.gif); background-repeat:no-repeat;}
					label.model { background-position:0 0;}
					label.color { background-position:0 -18px;}
					
					.formcontent li.colorradio ul { width:224px; float:left; margin:7px 0 0;overflow:hidden;}
					 	li.color-1,li.color-3,li.color-5 { width:112px;padding-left:16px;}
						li.color-1 label,li.color-2 label,li.color-3 label,li.color-4 label,li.color-5 label,li.color-6 label,li.color-7 label { height:20px; background-image:url(../img/form-label-color.gif); background-repeat:no-repeat; cursor:pointer;}
						li.color-1 label,li.color-3 label,li.color-5 label,li.color-6 label { width:112px;}
						li.color-2 label,li.color-4 label { width:85px;}
						li.color-1 label { background-position:0 0;}
						li.color-2 label { background-position:-112px 0;}
						li.color-3 label { background-position:0 -34px;}
						li.color-4 label { background-position:-112px -34px;}
						li.color-5 label { background-position:0 -68px;}
						li.color-6 label { background-position:-112px -68px;}
						li.color-7 label { background-position:0 -102px;}
						li.color-1 label.colorchecked { background-position:0 -132px;}
						li.color-2 label.colorchecked { background-position:-112px -132px;}
						li.color-3 label.colorchecked { background-position:0 -166px;}
						li.color-4 label.colorchecked { background-position:-112px -166px;}
						li.color-5 label.colorchecked { background-position:0 -200px;}
						li.color-6 label.colorchecked { background-position:-112px -200px;}
						li.color-7 label.colorchecked { background-position:0 -234px;}

					label.username { background-position:0 -36px;}
					label.tel { background-position:0 -54px;}
					label.email { background-position:0 -72px;}
					label.address { background-position:0 -90px;}
					label.remark { background-position:0 -108px;}
					label.dealer { background-position:0 -126px;}
					label.province { width:45px; background-position:0 -144px;}
					label.city { width:35px; background-position:-10px -162px;}
					label.dealername { background-position:0 -180px;}
					label.dealerdetail { background-position:0 -198px;}
					label.buytime { background-position:0 -216px;}
					
					label.finance { background-position:0 -234px;}
						li.financeradio ul { width:198px; padding:0 0 0 18px;}
						li.finance-yes label,li.finance-no label { width:90px; height:25px; background-image:url(../img/form-label-finance.gif); background-repeat:no-repeat; cursor:pointer;}
						li.finance-yes label { background-position:0 0;}
						li.finance-no label { background-position:-91px 0;}
						li.finance-yes label.finacechecked { background-position:0 -25px;}
						li.finance-no label.finacechecked { background-position:-91px -25px;}
					
					label.source { background-position:0 -252px;}
					.formcontent li.source { margin:0 0 5px;}
						li.source ul { width:202px; padding:0 0 0 14px;}
						li.source ul li { margin:0 1px 0 0;}
						li.source-1 label,li.source-2 label,li.source-3 label,li.source-4 label,li.source-5 label,li.source-6 label,li.source-7 label,li.source-8 label,li.source-9 label { width:65px; height:22px; background-image:url(../img/form-label-source.gif); background-repeat:no-repeat; cursor:pointer;}
						li.source-1 label { background-position:0 0;}
						li.source-2 label { background-position:-76px 0;}
						li.source-3 label { background-position:-150px 0;}
						li.source-4 label { background-position:0 -22px;}
						li.source-5 label { background-position:-76px -22px;}
						li.source-6 label { background-position:-150px -22px;}
						li.source-7 label { background-position:0 -44px;}
						li.source-8 label { background-position:-76px -44px;}
						li.source-9 label { background-position:-150px -44px;}
						li.source-1 label.sourcechecked { background-position:0 -68px;}
						li.source-2 label.sourcechecked { background-position:-76px -68px;}
						li.source-3 label.sourcechecked { background-position:-150px -68px;}
						li.source-4 label.sourcechecked { background-position:0 -90px;}
						li.source-5 label.sourcechecked { background-position:-76px -90px;}
						li.source-6 label.sourcechecked { background-position:-150px -90px;}
						li.source-7 label.sourcechecked { background-position:0 -112px;}
						li.source-8 label.sourcechecked { background-position:-76px -112px;}
						li.source-9 label.sourcechecked { background-position:-150px -112px;}
						
					li.term label { width:260px; background-image:url(../img/form-label-term.gif); background-repeat:no-repeat; background-position:0 0; cursor:pointer;}
					li.term label.termchecked { background-position:0 -18px;}
					
					.formcontent select,.formcontent input,.formcontent textarea  { float:left; margin:0 0 0 18px; border:1px solid #999;}
					.formcontent select { width:190px;}
						#province_id,#city_id { width:68px;margin:0 0 0 0px;}
						#province_id,label.province { margin-bottom:3px;}
					.formcontent textarea { width:188px; height:42px;}
					input.txt { width:188px; height:18px; border:1px solid #999;}
					.btnarea { padding:18px 0 0 90px;}
					.btnareaorder { padding:20px 0 0 95px;}
						.btnarea input,.btnareaorder input { width:105px; height:22px; float:left; text-indent:-1000em; background:url(../img/testdrive-submit.gif) no-repeat; border:0; cursor:pointer;}
/*==news==*/
 .banner { width:100%;  text-align:center;}
	#newsMain {width:100%;float:left;}
		#newsMain h2{width:228px;height:25px;background:url(../img/title-news.gif) no-repeat;margin-top:11px;text-indent:-1000em;}
		.newsmenu { width:230px; float:left; background:#fafafa;}
			.newsmenubottom { height:auto; background:url(../img/newsmenu-bottom.png) 0 bottom no-repeat;}
				.newsmenutop { min-height:547px; height:auto; _height:547px; background:url(../img/newsmenu-top.png) 0 0 no-repeat;}
		.newsmenu ul { padding:15px;}
			.newsmenu ul li { padding:0 0 16px; line-height:18px;}
			.newsmenu a { padding:0 0 0 15px; color:#000; background:url(../img/icon-news.gif) 0 4px no-repeat;}
				.newsmenu a:hover,li.ui-tabs-selected a { text-decoration:none; color:#68a8dc; background:url(../img/icon-news-current.gif) 0 4px no-repeat;}
				.newslink span { display:block; padding:5px 0 0 16px}
		.newstxtbox { width:687px; float:right; position:relative;background:#f2f2f2 url(../img/bg-news-01.gif) repeat-y;padding-left:42px;}
			.newstxtbox h4 {line-height:40px; text-align:left; color:#333; font-size:16px; font-weight:bold;padding-top:5px;}
			.newstxtbox h5 {line-height:30px; text-align:left; color:#333; font-weight:bold;padding-top:5px;}
			.newstxtbox p {width:620px;padding:10px 0; text-indent:2em; line-height:24px; letter-spacing:0.2px;}
			.newstxtbox .figure { padding:10px; text-align:center;}
			.newstxtbox .figure span { display:block; line-height:22px;}
			#newsBox .ui-tabs-hide { display:none;}
			.newstxtbox strong { font-weight:bold;}
	 .backtop { width:59px; height:10px; overflow:hidden; position:absolute; right:0; bottom:10px;}
		.backtop a { width:59px; height:10px; float:left; text-indent:-1000em; background:transparent url(../img/backtop.gif) no-repeat scroll 0 0;}
		.backtop a:hover { background-position:0 -12px;}
		.bottom-bg{float:right;padding-right:2px;}
		.top{width:36px;height:12px;background:url(img/backtop.gif) no-repeat;}
/*==下载==*/
.download{width:960px;height:490px;background:url(../img/bg-download.jpg) no-repeat;position:relative;}
.wallpaper{position:absolute;left:44px;top:33px;}
.btn-download{position:absolute;left:65px;top:270px;}
.downtvc{width:348px;height:182px;background:#000;position:absolute;left:68px;top:92px;overflow:hidden;}
.download-img1{position:absolute;left:77px;top:91px;}
.download-img2{position:absolute;left:256px;top:91px;}

/*==车主感言==*/
#contentBoxB { width:100%; height:auto; position:relative; z-index:49; }
#bbsBanner { width:960px; height:242px; overflow:hidden; }
#bbsContent { width:960px; color:#898989; position:relative; }
#biContent { width:703px; min-height:520px; background:url(../img/bbs-index-content-bg.gif) 0 159px repeat-x; }
* html #biContent { height:520px; }
#iStarBox { width:100%; height:159px; overflow:hidden; background:url(../img/bbs-index-star-bg.png) 0 0 no-repeat; position:relative; }
#iStarBox h2 { visibility:hidden; position:absolute; left:0; top:0; }
#iStarBox img { /*width:703px; height:159px;*/ }
#iStarBox .content { width:340px; height:159px; position:absolute; right:0; top:0; }
#iStarBox dl { padding:15px 24px 0 10px; }
#iStarBox dt { line-height:30px; color:#000; font-size:14px; font-weight:bold; }
#iStarBox dd { line-height:18px; }
#iStarBox .more { padding:0 24px 0 0; }
.more { height:17px; overflow:hidden; clear:both; }
.more a { width:39px; height:17px; float:right; text-align:left; text-indent:-1000em; background:url(../img/bbs-more.gif) no-repeat; }
.isubbox { width:341px; float:left; }
.isubbox h2 { width:100%; height:50px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat; }
h2.buy { background-image:url(../img/bbs-index-title-buy.gif); }
h2.maintrain { background-image:url(../img/bbs-index-title-maintrain.gif); }
.firstlist { padding:0 10px 0 15px; }
.firstlist img { float:left; padding:4px; margin:0 15px 0 0; border:1px #b7b7b7 solid; }
.firstlist dt { line-height:25px; color:#7f7f7f; }
.firstlist dt a { color:#7f7f7f; font-size:14px; font-weight:bold; }
.firstlist dd { line-height:18px; }
.isubbox ul { padding:5px 6px 0 14px; }
.isubbox li { width:100%; height:30px; float:left; line-height:30px; background:url(../img/bbs-line.gif) 0 bottom repeat-x; }
.isubbox li a { width:100%; height:30px; float:left; text-decoration:none; color:#898989; }
.isubbox li a:hover { text-decoration:none; background:url(../img/bbs-list-over-bg.gif) repeat-x; }
.isubbox li a span.title { width:240px; overflow:hidden; float:left; padding:0 0 0 2px; }
.isubbox li a span.author { width:60px; overflow:hidden; float:right; text-align:left; }
.isubbox .more { padding:10px 26px 0 0; }
#biSidebar { width:257px; min-height:520px; background:url(../img/bbs-index-sidebar.jpg) 0 0 no-repeat; position:absolute; right:0; top:-14px; }
* html #biSidebar { height:520px; }
#iPost { height:128px; overflow:hidden; padding:14px 0 0; }
#iPost h2 { height:25px; text-indent:-1000em; background:url(../img/bbs-index-title-post.gif) 1px 0 no-repeat; }
#iPost p { padding:5px 25px 10px; line-height:18px; letter-spacing:0.5px; }
#iPost a { width:77px; height:20px; float:left; margin:0 0 0 20px; text-indent:-1000em; background:url(../img/bbs-link-post.gif) no-repeat; }
#otherBBS { height:70px; overflow:visible; }
#otherBBS h2 { height:17px; text-indent:-1000em; background:url(../img/bbs-index-title-other.gif) 1px 0 no-repeat; }
#otherBBS .selectbox { padding:8px 0 0 13px; }
.otherbbsbox { width:146px; height:18px; float:left; margin:0 6px 0 0; line-height:18px; text-indent:10px; background:url(../img/bbs-otherbbs-select-bg.gif) no-repeat; position:relative; z-index:51; }
.otherbbsbox ul { width:146px; height:auto; overflow:hidden; display:none; background:#fff; position:absolute; left:0; top:18px; z-index:100; }
.otherbbsbox ul li { line-height:20px; text-indent:5px; }
#otherBBS a { width:76px; height:18px; float:left; text-indent:-1000em; background:url(../img/bbs-link-other.gif) no-repeat; }
#iActivity { position:relative; }
#iActivity h2 { height:35px; text-indent:-1000em; background:url(../img/bbs-index-title-activity.gif) no-repeat; }
.iactivitybox { width:227px; height:114px; overflow:hidden; margin:0 auto 12px; padding:4px; border:1px #e4e6e8 solid; background:url(../img/bbs-index-activity-bg.png) 4px 4px no-repeat; position:relative; }
.iactivitybox h3 { height:34px; text-indent:-1000em; background-position:0 13px; background-repeat:no-repeat; }
h3.club { background-image:url(../img/bbs-index-title-club.gif); }
h3.travel { background-image:url(../img/bbs-index-title-travel.gif); }
.iactivitybox img { float:left; margin:0 12px 0 0; }
.iactivitybox dt a { line-height:20px; color:#7f7f7f; font-size:14px; font-weight:bold; }
.iactivitybox dd { line-height:18px; padding:0 8px 0 0; word-break:break-all; }
.iactivitybox .more { position:absolute; right:12px; top:100px; }
#bbsSidebar { width:190px; float:left; position:relative; }
#bbsNavBox { width:100%; height:auto; padding:0 0 30px; background:url(../img/bbs-navgiation-box-space.gif) repeat-y; }
#bbsNav { width:100%; height:auto; padding:0 0 30px; background:url(../img/bbs-navgiation-box-bg.gif) repeat-y; }
#bbsSidebar ul { padding:15px 0 0; background:url(../img/bbs-navgiation-bg.jpg) no-repeat; }
#bbsSidebar ul ul { width:100%; height:auto; display:none; padding:0; background:none; }
/*#bbsSidebar li.current ul { display:block;}*/
			#bbsSidebar ul li { width:100%; height:auto; float:left; }
#bbsSidebar ul li a { width:100%; height:38px; float:left; text-indent:-1000em; line-height:38px; background-image:url(../img/bbs-nav.gif); background-repeat:no-repeat; }
a.buy { background-position:-191px 0 }
a.maintrain { background-position:-191px -38px; }
a.activity { background-position:-191px -76px; }
a.star { background-position:-191px -114px; }
li.current a.buy, a.buy:hover { background-position:0 0 }
li.current a.maintrain, a.maintrain:hover { background-position:0 -38px; }
li.over a.maintrain, li.current a.activity, a.activity:hover { background-position:0 -76px; }
li.over a.star, li.current a.star, a.star:hover { background-position:0 -114px; }
#bbsSidebar ul li li a { height:23px; line-height:23px; text-indent:0; text-decoration:none; color:#494949; background:none; }
#bbsSidebar ul li li a:hover { text-decoration:none; color:#494949; }
#bbsSidebar ul li li a span { padding:0 0 0 20px; }
.qltalk, .qltalk a { width:175px; height:43px; overflow:hidden; }
.qltalk { margin:20px auto; }
.qltalk a { float:left; text-indent:-1000em; background:url(../img/bbs-quick-link-post.gif) no-repeat; }
.leftshadow { width:9px; height:210px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; position:absolute; right:0; top:-25px; }
html > body .leftshadow { background-image:url(../img/bbs-sub-left-shadow.png); }
* html .leftshadow {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="/img/bbs-sub-left-shadow.png"); background-image:none; }
#bbsMain { width:770px; float:right; background:url(../img/bbs-sub-main.gif) 0 0 repeat-x; position:relative; }
#pageTitle { width:760px; height:25px; background:#f0f0f0; position:absolute; top:-25px; left:0; }
#pageTitle span { width:150px; height:25px; float:left; text-indent:-1000em; background-image:url(../img/bbs-page-heading.gif); background-repeat:no-repeat; }
#pageTitle span.sub1 { background-position:22px 0; }
#pageTitle span.sub2 { background-position:22px -25px; }
#pageTitle span.sub3 { background-position:22px -50px; }
#pageTitle span.sub4 { background-position:22px -75px; }
#pageTitle span.sub5 { background-position:22px -100px; }
#pageTitle .return { position:absolute; right:15px; top:0; }
#pageTitle .return a { padding:0 0 0 10px; line-height:25px; background:url(../img/bbs-icon-arrow.gif) 0 center no-repeat; }
.rightshadow { width:10px; height:360px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; position:absolute; right:0; top:-25px; }
html > body .rightshadow { background-image:url(../img/bbs-sub-right-shadow.png); }
* html .rightshadow {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src="/img/bbs-sub-right-shadow.png"); background-image:none; }
#formContent { padding:40px 0 0 108px; }
#formContent h2 { width:350px; height:25px; text-indent:-1000em; background:url(../img/bbs-form-heading.gif) no-repeat; }
.formtip { width:474px; height:120px; overflow:hidden; background:url(../img/bbs-form-tip.gif) no-repeat; }
.formtip p { width:474px; height:87px; float:left; text-indent:-1000em; }
#formContent ul { width:450px; }
#formContent li { width:220px; height:40px; float:left; }
#formContent li.long { width:450px; }
#formContent li.remark { height:85px; }
#formContent li label { width:60px; line-height:18px; float:left; padding:0 10px 0 0; text-align:right; }
#formContent li input.txt { width:144px; height:16px; }
#formContent li input.txt, #formContent textarea { border:1px #848484 solid; background:#fff; }
#formContent textarea { width:359px; height:58px; }
.errortip { display:block; color:#990000; padding:0 0 0 70px; line-height:18px; }
#formContent li.btnarea { width:450px; height:85px; padding:12px 0 0 186px; }
li.btnarea input { width:77px; height:20px; float:left; text-indent:-1000em; background:url(../img/bbs-btn-submit.gif) no-repeat; border:0; cursor:pointer; }
#articleListBox { min-height:540px; }
#articleListBox .content { min-height:500px; }
* html #articleListBox { height:540px; }
* html #articleListBox .content { height:500px; }
#articleListBox li { width:760px; height:61px; float:left; border-bottom:1px #e1e0e0 solid; }
#articleListBox li.over { background:url(../img/bbs-list-over-bg.gif) 0 0 repeat-x; }
#articleListBox li a { width:760px; height:60px; overflow:hidden; float:left; }
#articleListBox li a:hover { text-decoration:none; background:url(../img/bbs-list-over-bg.gif) 0 0 repeat-x; }
#articleListBox li span { display:block; padding:0 0 0 20px; }
#articleListBox li span.title { line-height:25px; letter-spacing:1px; color:#51565a; font-size:12px; font-weight:bold; }
#articleListBox li span.brief { color:#898989; }
.pagenavigtion { line-height:40px; text-align:right; }
.pagenavigtion a { padding:0 3px; color:#878787; }
#articleViewBox { min-height:540px; }
* html #articleViewBox { height:540px; }
#articleViewBox h2 { line-height:40px; padding:0 0 0 20px; color:#51565a; }
#articleViewBox .content { padding:0 30px 0 20px; line-height:18px; }

/*==config==*/
.config-left{width:167px;height:453px;float:left;background:url(../img/bg-left-config.gif) no-repeat;}
.config-left ul{width:112px;margin:18px 12px 0 0;_display:inline;float:right;}
.config-left li a{width:100%;height:39px;float:left;background-image:url(../img/bar-config.gif);background-repeat:no-repeat;margin-bottom:8px;text-indent:-1000em;}
.config-1{background-position:0 0;}
.selected .config-1{background-position:0 -39px;}
.config-2{background-position:-112px 0;}
.selected .config-2{background-position:-112px -39px;}
.config-3{background-position:-224px 0;}
.selected .config-3{background-position:-224px -39px;}
.config-4{background-position:-336px 0;}
.selected .config-4{background-position:-336px -39px;}
.config-5{background-position:-448px 0;}
.selected .config-5{background-position:-448px -39px;}
.config-6{background-position:-560px 0;}
.selected .config-6{background-position:-560px -39px;}
.config-right{width:793px;float:left;}
#cinfig-content{width:100%;height:376px;overflow:hidden;}

