@charset "utf-8";
/*==============================
	Title: CC
	Updated:   
	Content:  

    * Filename: base.css
    * Version: 1.0.0 (2010-06-04) YYYY-MM-DD
    * Website: http://www.nodrinkdrive.com.cn
    * Author: Ray Huang (Ray.Huang@nurun.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
html,body { width:100%; border:0; color:#000;}
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; font-family: "宋体", arial, helvetica, clean, sans-serif;}
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; }
body { /*font:12px/1.231 "微软雅黑", "宋体", arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;*/ font-family:Tahoma ,"宋体", arial, helvetica, clean, sans-serif; font-size:12px;}
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:#fae2b0; text-decoration:none;}
a:hover { text-decoration:underline;}
a img { border:0;}

/*= frame =*/
html { background:#fff;}
#pageBody { width:100%; margin:0 auto; position:relative;}
.frame { width:960px; margin:0 auto;}
	#headerBox { width:100%; height:88px; overflow:hidden; margin:0 auto; background:#fff;}
		#headerBox h1,#headerBox h1 a { width:150px; height:30px; float:left;}
		#headerBox h1 { padding:29px 0 0 34px; background:url(../img/logo-faw-vw.gif) 34px 32px no-repeat;}
		#headerBox h2,#headerBox h2 a { width:40px; height:50px; float:right;}
		#headerBox h2 { margin:19px 32px 0 0; _display:inline; background:url(../img/logo-vw.gif) no-repeat;}
		#headerBox h1 a,#headerBox h2 a { text-indent:-1000em;}
		
	#footerBox { width:960px; height:23px; margin:0 auto; line-height:23px; position:relative;/*left:0;top:-23px; top:0;*/ z-index:5;}
	#footerBox .footbg {width:960px; height:23px; background:url(../img/footer-bg.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/footer-bg.png', sizingMethod='crop');_background:none; position:absolute; left:0; top:0; z-index:0;}
	#footerBox .homefootbg {background:url(../img/footer-homebg.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/footer-homebg.png', sizingMethod='crop');_background:none;}
	#contentBox { width:960px; margin:0 auto; background:#000;}
	#contentSwfBox { width:100%; height:556px; margin:0 auto; background:#000; overflow:hidden;}
	.homefootbox { width:100%; height:23px; background:#000; position:absolute; /*bottom:23px;*/ bottom:0; _bottom:3px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
/*== footer ==*/
#copyRight { width:680px; height:23px; float:left; position:relative; z-index:1;}
/*html > body #copyRight { background-image:url(../img/footer-bg.gif);}
* html #copyRight { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/footer-bg.png', sizingMethod='crop');}
*/	#copyRight p { display:none;}
	#copyRight a { height:23px; text-indent:-1000em; position:absolute; top:0;}
	#copyRight a.icp { width:90px; left:388px;}
	#copyRight a.renren { width:27px; left:556px;}
	#copyRight a.kaixin001 { width:27px; left:597px;}
	#copyRight a.douban { width:27px; left:641px;}
	
#brandLink { width:280px; float:left; position:relative;/* left:5px;*/ z-index:1;}
	#brandLink label { width:115px; float:left;}
		#brandLink label a { width:115px; height:23px; float:left; text-indent:-1000em;}
	#defaultselected { width:158px; height:22px; float:left; margin:4px 0 0; line-height:22px; text-indent:10px; color:#fff; cursor:pointer; position:relative;}
		#brandLink ul { width:155px; height:0; overflow:hidden; position:absolute; left:0; top:-1px; background:#333; z-index:100;}
			#brandLink ul li { width:155px; height:24px; float:left;}
				#brandLink ul li a { width:155px; height:24px; float:left; color:#fff; text-decoration:none;}
				#brandLink ul li a:hover { background:#999;}
			/** html #brandLink ul li a { width:142px; }*/
#indexSwf{height:556px;}
.popbox {width:470px;height:315px; background:url(../img/img-popup.jpg) no-repeat; text-indent:-1000em;}
	.popbox a {width:100px;height:27px;position:absolute;left:180px; top:220px; text-indent:-1000em;}

/*== 订车试驾 ==*/
#orderBox { width:100%; height:580px; overflow:hidden; background:#000 url(../img/testdrive-bg.jpg); position:relative;}
	.tip,.testdrive { width:175px; height:246px; float:left; margin:114px 0 0 35px; _display:inline; background-position:0 0; background-repeat:no-repeat;}
	html > body .tip { background-image:url(../img/order-heading.png);}
	* html .tip { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/order-heading.png', sizingMethod='crop');}
	html > body .testdrive { background-image:url(../img/testdrive-heading.png);}
	* html .testdrive { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/testdrive-heading.png', sizingMethod='crop');}

		#orderBox h3 { width:100%; height:40px; margin:0 0 20px; text-indent:-1000em; }

		.briefdrive,.brieforder { width:100%; height:143px; overflow:hidden;}
			.briefdrive p,.brieforder p { width:150px; height:140px; float:left; text-indent:-1000em;}
			
		.linkto { padding:22px 0 0 68px;}
			.linkto a { width:101px; height:22px; float:left; 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 -21px;}
			
	.formcontent { width:750px; position:absolute; left:240px; top:125px;}
		.step1,.step2,.step3 { width:216px; float:left; _display:inline; margin:0 18px 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 .figure { width:100%; height:110px; position:relative;}
				
			.formcontent ul {}
				.formcontent ul li { float:left; margin:0 0 11px;}
					.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:198px; float:left; padding:0 0 0 18px; margin:7px 0 0;}
					 	li.color-1,li.color-2,li.color-3,li.color-4,li.color-5,li.color-6,li.color-7,li.color-8 { width:86px; height:23px; margin:0 0 15px;}
						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,li.color-8 label  { width:86px; height:23px; background-image:url(../img/form-label-color.gif); background-repeat:no-repeat; cursor:pointer;}
						li.color-1 label { background-position:0 0;}
						li.color-2 label { background-position:-83px 0;}
						li.color-3 label { background-position:0 -38px;}
						li.color-4 label { background-position:-83px -38px;}
						li.color-5 label { background-position:0 -73px;}
						li.color-6 label { background-position:-83px -73px;}
						li.color-7 label { background-position:0 -107px;}
						li.color-8 label { background-position:-83px -107px;}
						li.color-1 label.colorchecked { background-position:0 -145px;}
						li.color-2 label.colorchecked { background-position:-83px -145px;}
						li.color-3 label.colorchecked { background-position:0 -183px;}
						li.color-4 label.colorchecked { background-position:-83px -183px;}
						li.color-5 label.colorchecked { background-position:0 -218px;}
						li.color-6 label.colorchecked { background-position:-83px -218px;}
						li.color-7 label.colorchecked { background-position:0 -252px;}
						li.color-8 label.colorchecked { background-position:-83px -252px;}
						
						
					label.username { background-position:0 -38px;}
					label.tel { background-position:0 -57px;}
					label.email { background-position:0 -74px;}
					label.address { background-position:0 -92px;}
					label.remark { background-position:0 -110px;}
					label.dealer { background-position:0 -128px;}
					label.province { width:45px; background-position:0 -144px;}
					label.city { width:35px; background-position:-10px -162px;}
					label.dealername { background-position:0 -182px;}
					label.dealerdetail { background-position:0 -200px;}
					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,li.source-10 label,li.source-11 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-10 label { background-position:0 -63px;}
						li.source-11 label { background-position:-76px -63px;}
						
						li.source-1 label.sourcechecked { background-position:0 -89px;}
						li.source-2 label.sourcechecked { background-position:-76px -89px;}
						li.source-3 label.sourcechecked { background-position:-150px -89px;}
						li.source-4 label.sourcechecked { background-position:0 -111px;}
						li.source-5 label.sourcechecked { background-position:-76px -111px;}
						li.source-6 label.sourcechecked { background-position:-150px -111px;}
						li.source-7 label.sourcechecked { background-position:0 -133px;}
						li.source-8 label.sourcechecked { background-position:-76px -133px;}
						li.source-9 label.sourcechecked { background-position:-150px -133px;}
						li.source-10 label.sourcechecked { background-position:0 -152px;}
						li.source-11 label.sourcechecked { background-position:-76px -152px;}
						
						
					li.term label { width:209px; 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 ul .quest {margin-top:-10px;}
					li.quest label { width:200px; background-image:url(../img/form-label-quest.gif); background-repeat:no-repeat; background-position:0 0; cursor:pointer;}
					li.quest label.questchecked { 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:0 0 0 90px;}
						.btnarea input,.btnareaorder input { width:100px; height:20px; float:left; text-indent:-1000em; background:url(../img/testdrive-submit.gif) no-repeat; border:0; cursor:pointer;}
	
	#logoCC a{ width:147px; height:82px; position:absolute; left:35px; top:0; background:url(../img/logo-cc.png) no-repeat; text-indent:-9999em; display:block;}
	#navSwf { width:439px; height:55px; position:absolute; left:260px; top:0; }
	
/*==quest==*/
#questBox { width:100%; height:580px; overflow:hidden; background:#000 url(../img/quest-bg.jpg); position:relative;}
.question .formcontent {left:35px; top:98px; width:100%;}
.section1,.section2,.section3 { width:290px; float:left; }
.section2 {width:360px;}
.question .formcontent h4 {width:100%; height:20px; margin:0 0 15px; text-indent:-1000em; background-image:url(../img/quest-step.gif); background-repeat:no-repeat;}
.question .formcontent .section1 h4 {background-position:0 0;}
.question .formcontent .section2 h4 {background-position:0 -20px;}
.question .formcontent .section3 h4 {background-position:0 -40px;}
.question .formcontent label { width:100%; height:22px; float:left; text-indent:-1000em; background-image:url(../img/form-quest-label.gif); background-repeat:no-repeat;}
.question label.username { background-position:0 0;}
.question label.email { background-position:0 -18px;}
.question label.tel { background-position:0 -36px;}
.question label.address { background-position:0 -54px;}
.question label.postcode { background-position:0 -72px;}
.question label.city { background-position:0 -90px;}
.question #province_id {margin:0 15px 0 8px;}
.question .section1 input  { float:left; margin:0 0 0 8px; border:1px solid #999;}
.question .section2 ul,.question .section3 ul {width:100%;float:left;}
.question .sex,.question .age,.question .education,.question .job, .question .newbuy,.question .carcolor,.question .candidate {width:100%;float:left;}
.question .section2 label {background-image:url(../img/quest-s2.gif);background-repeat:no-repeat; height:18px;}
.question .section2 .checked {background-image:url(../img/quest-s2-sel.gif);background-repeat:no-repeat; height:18px;}
.question .section2 label.sex {background-position:0 0;}
.question .section2 label.age {height:30px; background-position:0 -50px;margin:-10px 0 5px 0;_margin:0 0 5px 0;}
.question .section2 label.education {height:30px; background-position:0 -162px; margin:-10px 0 5px 0;_margin:0 0 5px 0;}
.question .section2 label.job {height:35px; background-position:0 -255px; margin:-10px 0 5px 0;_margin:0 0 5px 0;}
.question div ul ul label {cursor:pointer;}
.question .formcontent ul li {margin:0 0 8px;}
li.sex li {width:58px; float:left;}
li.sex-1 label {background-position:0 -21px;}
li.sex-2 label {background-position:-58px -21px;}
.question .age {width:290px;}
li.age li {width:90px; float:left;}
li.age-1 label {background-position:0 -84px;}
li.age-2 label {background-position:-90px -84px;}
li.age-3 label {background-position:-180px -84px;}
li.age-4 label {background-position:0 -110px;}
li.age-5 label {background-position:-90px -110px;}
li.age-6 label {background-position:-180px -110px;}
li.age-7 label {background-position:0 -136px;}
li.age-8 label {background-position:-90px -136px;}
li.age-9 label {background-position:-180px -136px;}
li.education li {width:97px; float:left;}
li.education .edu-2, li.education .edu-5 {width:93px;}
li.education .edu-3, li.education .edu-6 {width:150px;}
li.edu-1 label {background-position:0 -195px;}
li.edu-2 label {background-position:-97px -195px;}
li.edu-3 label {background-position:-190px -195px;}
li.edu-4 label {background-position:0 -227px;}
li.edu-5 label {background-position:-97px -227px;}
li.edu-6 label {background-position:-190px -227px;}
li.job li {width:150px;float:left;}
li.job .job-1, li.job .job-4, li.job .job-7, li.job .job-9 {width:100px;}
li.job .job-2, li.job .job-5 {width:90px;}
li.job .job-8 {width:235px;}
li.job .job-1 label, li.job .job-2 label, li.job .job-3 label, li.job .job-7 label, li.job .job-8 label,li.job .job-1 label.checked, li.job .job-2 label.checked, li.job .job-3 label.checked, li.job .job-7 label.checked, li.job .job-8 label.checked {height:33px;}
li.job .job-1, li.job .job-2, li.job .job-3, li.job .job-7, li.job .job-8 {margin:0;}
li.job-1 label {background-position:0 -293px;}
li.job-2 label {background-position:-100px -293px;}
li.job-3 label {background-position:-190px -293px;}
li.job-4 label {background-position:0 -327px;}
li.job-5 label {background-position:-100px -327px;}
li.job-6 label {background-position:-190px -327px;}
li.job-7 label {background-position:0 -352px;}
li.job-8 label {background-position:-100px -352px;}
li.job-9 label {background-position:0 -394px;}

.question .section3 label {background-image:url(../img/quest-s3.gif);background-repeat:no-repeat; height:18px;}
.question .section3 .checked {background-image:url(../img/quest-s3-sel.gif);background-repeat:no-repeat; height:18px;}
.question .section3 label.newbuy {background-position:0 0;}
.question .section3 label.carcolor {height:30px; background-position:0 -50px;margin:-10px 0 5px 0;_margin:0 0 5px 0;}
.question .section3 .candidate {background:url(../img/quest-s3.gif) 0 -152px no-repeat; height:210px; margin:-10px 0 5px 0;text-indent:-1000em;}
li.newbuy li {width:71px; float:left;}
li.newbuy-1 label {background-position:0 -20px;}
li.newbuy-2 label {background-position:-71px -20px;}
li.carcolor li {width:92px; float:left;margin:0 0 5px;}
li.carcolor-1 label {background-position:0 -84px;}
li.carcolor-2 label {background-position:-92px -84px;}
li.carcolor-3 label {background-position:-184px -84px;}
li.carcolor-4 label {background-position:0 -106px;}
li.carcolor-5 label {background-position:-92px -106px;}
li.carcolor-6 label {background-position:-184px -106px;}
li.carcolor-7 label {background-position:0 -132px;}
li.carcolor-8 label {background-position:-92px -132px;}
.question .section3 .candidate textarea {margin:50px 0 0 10px; width:240px; height:102px;}
.btn-close {position:absolute; right:30px; top:40px; }


/*== news ==*/
#newsBox { width:100%; background:#e9e9e9; position:relative;float:left}
	#newsBox .banner {width:100%; float:left;}
	.newslist {width:208px;  float:left;}
	.newsmenu {width:100%; float:left;}
	.newsmenu a {width:103px; float:left; height:40px;text-indent:-1000em;}
		.mactive {background:url(../img/title-news.gif) 0 0 no-repeat;}
		.mnews {background:url(../img/title-news.gif) -103px -40px no-repeat;}
		.mactive-sel {background:url(../img/title-news.gif) 0 -40px no-repeat;}
		.mnews-sel {background:url(../img/title-news.gif) -103px 0 no-repeat;}
	.newstitle {width:192px; padding:30px 0 0 15px; float:left; overflow:hidden;}
	.newstitle ul, .newstitle li { width:100%; float:left; line-height:50px; }
	.newstitle li a {color:#000; text-decoration: none; background:url(../img/icon-li-img.gif) 0 -7px no-repeat; padding-left:20px; } 
	.newstitle li a:hover,.newstitle .sel{ color:#008aff; background:url(../img/icon-li-img.gif) 0 -31px no-repeat; } 
	 
	#newscontent {background:#d9d9d9; width:581px; float:left;border-left:1px solid #000; padding:50px 85px; margin-bottom:23px; line-height:18px;}
	.newscontent, .newscontent div {width:100%;}
	.newscontent h2 {width:100%; text-align:center; font-size:18px; padding:0 0 20px; font-weight:bold;}
	.newscontent h3 {width:100%; text-align:center; font-size:14px; padding:0 0 5px; font-weight:bold;}
	.newscontent p {width:100%; margin-bottom:12px; text-indent:2em; letter-spacing:0.2px;}
	.newscontent strong {font-weight:bold;}
	.newscontent .img {text-align:center;}
	
/*==download==*/
#downloadBox { width:100%; height:580px; overflow:hidden; background: url(../img/bg-download.jpg) no-repeat; position:relative; }
	.navbar {width:210px; position:absolute; left:420px; top:65px; }
	.navbar a{ width:100px; height:27px; float:left; text-indent:-1000em; display:block;}
	.bar-tvc { background:url(../img/bar-download.gif) 0 -27px no-repeat;}
	.bar-download { background:url(../img/bar-download.gif) -104px 0 no-repeat;}
	.bar-tvc-sel { background:url(../img/bar-download.gif) 0 0 no-repeat;}
	.bar-download-sel { background:url(../img/bar-download.gif) -104px -27px no-repeat;}
	#downloadBox .tvc,#downloadBox .downloads { width:445px; height:258px; background:url(../img/bg-downloadbox.gif) no-repeat; position:absolute; left:400px; top:90px; }
	#downloadBox .tvc { width:468px; height:258px; background:url(../img/bg-tvcbox.gif) no-repeat; position:absolute; left:400px; top:90px; }
	#downloadBox .tvc .tvcbox {margin:10px 15px; background: url(../img/loading.gif) center center no-repeat;}
	#downloadBox .tvc .tvcdownload { width:23px; height:58px; position:absolute; right:0; top:28px; display:block; text-indent:-1000em; cursor:pointer;}
	#downloadBox .downloads .bigimg{ margin:25px 0 0 23px; _display:inline; float:left;}
	#downloadBox .downloads .bigimg a {color:#fff; background:url(../img/icon-down.gif) 0 center no-repeat; padding:0 0 0 15px;margin-right:50px; _display:inline; text-decoration: none;}
	#downloadBox .downloads .bigimg a:hover {background:url(../img/icon-down-sel.gif) 0 center no-repeat; color:#008aff}
	#downloadBox .downloads .bigimg img {border:1px solid #000;margin-bottom:15px;}
	#downloadBox .downloads .smallimg{ width:64px; margin:25px 32px 0 0; _display:inline; float:right;}
	#downloadBox .downloads .smallimg img {border:1px solid #000; margin:0 0 10px; cursor:pointer; width:62px; height:45px;}
	#downloadBox .mobile {position:absolute; left:720px; top:366px;}
/*==config==*/
#configBox { width:100%; height:580px; overflow:hidden; background: url(../img/bg-config.jpg) no-repeat; position:relative; }
	.configtabs { width:200px; height:27px; position:absolute; right:10px; top:44px;}
	.config-box { width:505px; position:absolute; right:0; top:85px; }
	#param .nav,#equip .nav {width:100%; height:38px; background:url(../img/btn-config.gif) 0 0 no-repeat; text-indent:-1000em;}
	#equip .nav {background:url(../img/btn-config.gif) 0 -38px no-repeat;}
	.navequip, .navparam {width:125px; height:38px; display:block; margin-left:145px;}
	.navparam {margin-left:0;}
	.drag { width:100%; height:165px; overflow:hidden; cursor:url(/img/hand.cur), pointer; position:absolute;}
	.dragbox { width:100%; height:165px; overflow:hidden; }
	.equipnav { width:226px; height:16px; background:url(../img/title-equip.gif) no-repeat;  position:absolute; left:270px; top:20px;}
	.equipnav a { width:60px; height:16px; display:block; position:absolute; bottom:0;}
	.equip-1 { left:0; }
	.equip-2 { left:55px; }
	.equip-3 { left:110px; }
	.equip-4 { left:165px; }
	.sel .equip-1 { background:url(../img/title-equip-sel.gif) 0 0 no-repeat;}
	.sel .equip-2 { background:url(../img/title-equip-sel.gif) 0 -16px no-repeat;}
	.sel .equip-3 { background:url(../img/title-equip-sel.gif) 0 -32px no-repeat;}
	.sel .equip-4 { background:url(../img/title-equip-sel.gif) 0 -48px no-repeat;}
	
/*==shop==*/
#shopBox { width:100%; height:580px; overflow:hidden; background: url(../img/bg-shop.jpg) no-repeat; position:relative; }
 #shopBox h2 {width:890px; height:40px; margin:96px auto 0; background:url(../img/title-shop.gif) no-repeat; border-bottom:1px solid #000; padding:0 0 5px; text-indent:-1000em;}
 #shopBox .shopcontent {width:890px; margin:10px auto 0;}
 #shopBox .searchbox {width:220px; float:left; line-height:18px;}
 #shopBox h3 {margin:25px 0 0;}
 #shopBox .searchbox li {margin:5px 0 5px;}
 #shopBox .shop-1 select { width:68px;}
 #shopBox .shop-2 select { width:188px; }
 #shopBox .shop-3 textarea { width:188px; height:60px; float:left;}
 #shopBox .mapbox {width:654px; border:5px solid #444; float:right;}	
		
/*==elle==*/
#elle { width:100%; height:580px; background:url(../img/bg-elle.jpg) no-repeat;  position:relative;}
	#elle h2 { text-indent:-1000em;}
	
	
	.popbox-elle {width:470px;height:315px; background:url(../img/img-elle-namelist.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/img-elle-namelist.png', sizingMethod='crop');_background:none; text-indent:-1000em;}
.popbox-elle2 {width:470px;height:315px; background:url(../img/img-elle-photo.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/img-elle-photo.png', sizingMethod='crop');_background:none;}
	#elle .show { width:682px; height:337px; position:absolute; left:87px; top:73px;}
	.show .showbox { width:504px; height:283px; position:absolute; left:22px; top:32px;}
	.show .flvroll {width:116px; height:283px; position:absolute; left:548px; top:32px;}
	.show .flvbox {width:100%; height:216px; overflow:hidden; position:absolute; left:0; top:35px;}
	.show .flvbox a{margin:6px 0; display:block;}
	.show .flvbox img{width:112px; height:62px;border:1px solid #3b3a3a;}
	.show .prevbtn,.show .nextbtn {position:absolute; left:45px; text-indent:-1000em;}
	.show .prevbtn { top:15px;}
	.show .nextbtn { bottom:15px;}
	.show .prevbtn a.prev,.show .nextbtn a.next {width:20px; height:10px; display:block; cursor:pointer; z-index:9;}
	.show .prevbtn a.prev { background:url(../img/btn-roll-top.gif) no-repeat; }
	.show .nextbtn a.next { background:url(../img/btn-roll-bottom.gif) no-repeat; }
	#elle .star { width:618px; height:136px; position:absolute; left:87px; top:416px;}
	.star .photoroll{ width:570px; height:82px; position:absolute; left:22px; top:40px; }
	.star .photobox {width:515px; height:82px; overflow:hidden; position:absolute; left:28px; top:0;}
	.star .photobox a{margin:0 30px 0 0; display:block; float:left;}
	.star .photobox img{width:105px; height:70px; border:1px solid #3b3a3a;}
	.photoroll .prevbtn,.photoroll .nextbtn {position:absolute; top:28px; text-indent:-1000em;}
	.photoroll .prevbtn { left:0;}
	.photoroll .nextbtn { right:0;}
	.photoroll .prevbtn a.prev,.photoroll .nextbtn a.next {width:10px; height:20px; display:block; cursor:pointer; z-index:9;}
	.photoroll .prevbtn a.prev { background:url(../img/btn-roll-left.gif) no-repeat; }
	.photoroll .nextbtn a.next { background:url(../img/btn-roll-right.gif) no-repeat; }
	.photobigroll { width:960px; height:370px; position:relative; margin-top:50px;}
	.photobig { width:633px; height:364px;  background:#000; position:absolute; left:162px; top:0;}
	.photobig img{ width:615px; height:342px; float:left; padding:8px; border:1px solid #3b3a3a;}
	.photobigroll .prevbtn,.photobigroll .nextbtn {position:absolute; top:152px; text-indent:-1000em;}
	.photobigroll .prevbtn { left:0;}
	.photobigroll .nextbtn { right:0;}
	.photobigroll .prevbtn a.prev,.photobigroll .nextbtn a.next {width:26px; height:55px; display:block; cursor:pointer; z-index:9;}
	.photobigroll .prevbtn a.prev { background:url(../img/btn-roll-b-left.gif) no-repeat; }
	.photobigroll .nextbtn a.next { background:url(../img/btn-roll-b-right.gif) no-repeat; }


/*== jquery.jscrollpane ==*/
.jScrollPaneContainer { position:relative; overflow:hidden; z-index:1; }
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background:url(../img/scroll-bg.png) center center no-repeat; }
#newsListBox .jScrollPaneTrack { background:url(../img/scroll-bg-2.png) center center no-repeat;}
#stickerRuleBox .jScrollPaneTrack,.winners .jScrollPaneTrack,#wallRuleBox .jScrollPaneTrack { background:url(../img/scroll-bg-3.png) center center no-repeat;}
.jScrollPaneDrag { height:23px; position:absolute; background:url(../img/scroll-drag.png) no-repeat; cursor:pointer; overflow:hidden; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden;}
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden;}
a.jScrollArrowUp,a.jScrollArrowDown { height:20px; overflow:hidden; display:block; text-indent:-2000em; background-image:url(../img/scroll-arrow.gif); background-repeat:no-repeat; position:absolute; right:0; z-index:1;}
a.jScrollArrowUp { background-position:0 0; top:150px;}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown { background-position:0 -19px; top:170px;}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}
/*== jquery.thickbox ==*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(../img/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position:fixed; z-index:102;/* color:#b8a569;*/ display:none; text-align:left; top:300px; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; float:right; }
#TB_title { width:100%; position:absolute; left:0; top:0; z-index:201;}
#TB_closeAjaxWindow { width:45px; height:18px; position:absolute; right:25px; top:14px;}
	#TB_closeWindowButton { width:48px; height:18px; float:left; text-indent:-1000em; background:url(../img/pop-close.gif) no-repeat;}
#TB_ajaxWindowTitle { width:200px; height:15px; position:absolute; left:13px; top:13px;}
#TB_ajaxContent { clear:both; padding:0; overflow:auto; text-align:left; z-index:200;}
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p {}
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }