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

    * Filename: base.css
    * Version: 1.0.0 (2008-11-12) YYYY-MM-DD
    * Website: http://www.olay.com.cn
    * Author: Ray Huang (Ray.Huang@nurun.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
/*== 产品系列 ==*/
#prodcatalogBox { width:1002px; margin:0 auto;}
	#prodKeyvisual { width:983px; height:475px; overflow:hidden; margin:0 auto;}
	#parameterBox { width:980px; margin:0 auto;}
		#parameterBox dl { padding:20px 0 0 0; border-bottom:1px #b6a989 solid;}
			
			#parameterBox dt { width:69px; height:22px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
		 	dt.function { background-image:url(../img/products-parameter-function.gif);}
		 	dt.problem { background-image:url(../img/products-parameter-problem.gif);}
		 	
			#parameterBox dd {}
				#parameterBox dd ul {}
					#parameterBox dd ul li { display:inline; padding:0 20px; line-height:22px;}
						#parameterBox a { color:#997f25;}
						#parameterBox a.selected { font-weight:bold;}
						#parameterBox a:hover { text-decoration:none;}
						#parameterBox input { width:0; height:0; float:left; font-size:0;}
						
	#prodseriesBox { width:970px; margin:0 auto; position:relative;}
		.prodSeries { width:187px; height:207px; overflow:hidden; float:left; margin:15px 23px;}
			.prodSeries .seriesimg span { display:none;}
			.prodSeries .seriesimg img { cursor:pointer;}
		.prodMenu { width:970px; height:0; overflow:hidden; clear:both; background:url(../img/prodcatalog-prodmenu-bg.gif) no-repeat;}
		 

/*== 产品一览-产品详细页 ==*/
#prodviewBox { width:980px; margin:0 auto; padding:105px 0 0;}
	#prodContent { width:100%; padding:0 0 25px 0;}
		#prodItemBox { width:790px; height:auto; overflow:hidden; float:left;}
			/*== 产品详细 ==*/
			.proditem { padding:0 0 0 25px; position:relative;}
				.proditem h2 { width:415px; height:33px; background:url(../img/line-x.gif) 0 bottom repeat-x; position:absolute; right:0; top:10px;}
					.proditem h2 span { width:100%; height:30px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
				.prodleft { width:325px; float:left;}
					.prodimg { width:325px; height:355px; overflow:hidden;}
					.prodgrade { text-align:center;}
					.testandbuy { width:210px; padding:0 0 0 70px; text-align:center; position:relative; z-index:25;}
/*						.testandbuy a { height:32px; float:left; text-indent:-1000em; background-image:url(../img/link-freetrial-buy.gif); background-repeat:no-repeat;}
						.testandbuy a.freetrial { width:100px; background-position:0 0;}
						.testandbuy a.buy { width:90px; background-position:-100px 0;}
*/					
						.taobaotip { display:none; position:absolute; left:200px; top:-44px; z-index:200;}
					.tvcandminisite { line-height:40px; text-align:center;}
						.tvcandminisite a { padding:0 12px 0 10px; color:#2a2a29; font-weight:bold; background:url(../img/icon-arrow.gif) right center no-repeat;}
					
				.prodright { width:415px; float:right; padding:50px 0 0;}
					.prodinfocontent { width:400px; height:240px; overflow:hidden;}
					.prodright dt { float:left; line-height:24px; color:#000; font-size:14px; font-weight:bold;}
					.prodright dd { line-height:24px;}
					.prodright dd strong { font-weight:bold;}
					.price { padding:5px 0; text-align:center;}
					.price, .price  strong { color:#000; font-size:14px; font-weight:bold; word-break:break-all;}
					.testimony { padding:10px 0 0;}
						.testimony h3 { width:415px; height:21px; /*background:url(../img/heading-bg-middle.gif) no-repeat;*/background-image:url(../img/heading-bg-middle.gif); background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
							.testimony h3 span { height:21px; float:left; padding:0 22px 0 10px; line-height:21px; color:#fff; font-size:14px; font-weight:bold; background-position:right 0; background-repeat:no-repeat; background-image:url(../img/icon-arrow-hide.gif);}
							.testimony h3 span.showon { background-image:url(../img/icon-arrow-show.gif);}
							.testimony h3 em { float:right; margin:0 15px 0 0; line-height:21px; color:#7d7d7d; font-size:12px; font-weight:bold;}
								.testimony h3 em strong { color:#af0101; font-weight:bold;}
						.testimony div.content { padding:10px 10px 0 0; position:relative; z-index:24;}
						
							.testimony div.content p { line-height:20px;}
							.testimony div.content div.more { padding:0 0 10px; text-align:right;/* position:absolute; right:10px; bottom:20px;*/}
							
								div.more a { padding:3px; color:#2a2a29; font-weight:bold;}
								div.more a:hover { color:#2a2a29; background:#f5f5f5; text-decoration:none;}
							ul.testimonylist { padding:0;}
								.testimonylist li { background:url(../img/icon-dot.gif) 0 center no-repeat;}
								.testimonylist li,.testimonylist li a { width:390px; height:22px; line-height:22px; float:left;  color:#7d7d7d;}
								.testimonylist li a { margin:0 0 0 8px;}
									.testimonylist li a:hover { text-decoration:none; background:#eee;} 
										.testimonylist li a:hover span { font-weight:bold;}
										.testimonylist li a span { line-height:22px; cursor:pointer;}
										.testimonylist li a span.title { float:left; margin:0 0 0 5px;}
										.testimonylist li a span.gradeshow { float:left; margin:0 5px;}
										span.gradeshow img { margin:2px 0 0;}
										.testimonylist li a span.date { float:right; margin:0 5px 0 0;}
							
							.pagenav { text-align:right;}
								.pagenav a { color:#2a2a29; padding:0 3px;}	
								.pagenav a.selected { color:#af0101; font-size:13px; font-weight:bold;}	
						
						.expertContent { width:380px; height:280px; overflow:hidden;}
						#tvcPlayerBox { width:380px; height:290px; overflow:hidden;}
		#sidebarProd { width:183px; float:right; padding:32px 0 0;}
			#prodCatalog { width:183px; background:#fdfdfd url(../img/prodcatalog-bg.gif) 0 0 repeat-x;}
				#prodCatalog h2 { width:182px; height:21px; text-indent:-1000em; background:url(../img/prodcatalog-title.gif) no-repeat;}
				#prodCatalog ul { padding:20px 0 40px 5px;}
					#prodCatalog li { width:80px; float:left; margin:0 5px 10px 0; text-align:left;}
						#prodCatalog li a { padding:5px 3px; color:#585757;}
						#prodCatalog li a:hover { color:#fff; text-decoration:none; background:#90908f;}
						#prodCatalog li.selected a { color:#fff; text-decoration:none; background:#90908f;}
			#quickLink { width:183px; height:175px;}
				#quickLink div.menu { width:183px; height:37px; overflow:hidden; cursor:pointer;}
				#quickLink div.openon { height:93px;}
				#quickLink div.openon h2 { display:none;}
					#quickLink div.menu h2 { width:183px; height:37px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat; }
					#hotprod h2 { background-image:url(../img/sidebar-hotprod.jpg);}
					#diagnoses h2 { background-image:url(../img/sidebar-diagnoses.jpg);}
					#club h2 { background-image:url(../img/sidebar-club.jpg);}
					
					
	
	
	#prodMenu, #correlativeProd { width:970px; margin:0 auto; background:url(../img/line-x-917.gif) center 0 no-repeat;}
	#prodMenu { padding:20px 0 0;}
		#prodMenu h2 { display:none; }
		#correlativeProd h2 { line-height:45px; text-indent:24px; color:#2a2a29; font-size:14px; font-weight:bold;}

/*== 最新信息 ==*/
#latestnewsBox { width:980px; margin:0 auto; padding:120px 0 0 0;}
	#newProd { width:980px; padding-bottom:0; margin-bottom:0}
		#newProd h2 { display:none;}
			#w_promotionBox { width:780px; height:390px; float:left; position:relative;}
			#w_newprodBox { width:302px; height:370px; float:right; background:url(../img/whatsnew-newprod-bg.gif) no-repeat; position:relative;}
			
			
			#promotion { width:780px; height:390px; overflow:hidden;}
			#promotion_info{ width:780px; height:42px; position:absolute; color:#fff; cursor:pointer}
			#promotion_info strong {}
			#promotion_bg { width:780px; height:0; overflow:hidden; position:absolute; top:-1px; background:#000; filter: Alpha(Opacity=30); opacity:0.3; z-index:200}
			#promotion_text { width:80px; height:20px; position:absolute; left:700px; top:370px;z-index:201;}
			#promotion_text ul { padding-left:20px; padding-top:5px}
			#promotion_text ul li { width:12px; height:12px; display:block; float:left; margin:0 2px; color:#fff; text-align:center; background:url(../img/slide-nav.png) no-repeat; background-position:-13px 0; background-repeat:no-repeat;  cursor:pointer;}
			
			

			
			
			
			
			#promotion_text ul li span { display:none;}
			#promotion_list { width:780px; height:367px;}
			#promotion_list a { width:780px; height:367px; display:block; overflow:hidden; position:absolute;}
			
			
			
			
			#play { width:276px; height:240px; overflow:hidden; padding:97px 0 0 4px;}
			#play_info{ width:270px; height:42px; color:#fff; cursor:pointer; position:absolute;}
			#play_info strong {}
			#play_bg { width:276px; height:0; overflow:hidden; position:absolute; top:-1px; background:#000; filter:Alpha(Opacity=30); opacity:0.3; z-index:200;}
			#play_text { width:80px; height:20px; position:absolute; right:0; bottom:0; z-index:201;}
			#play_text ul {}
			#play_text ul li { width:9px; height:9px; display:block; float:left; margin:0 2px; color:#fff; text-align:center; background-image:url(../img/slide-nav.gif); background-repeat:no-repeat; background-position:-13px 0; cursor:pointer;}
			#play_text ul li span { display:none;}
			#play_list { width:276px; height:240px;}
			#play_list a { width:276px; height:240px; display:block; overflow:hidden; position:absolute;}
			
			
			
			
			
			
	#latestCampaign { width:980px; height:270px; overflow:hidden;}
	#latestNews { width:978px; height:116px; background:url(../images/bgNews.gif) no-repeat; overflow:hidden; padding:4px 0 0 0px;}
		#latestNews h2 { height:21px; line-height:21px; text-indent:20px; font-size:17px; font-weight:bold; color:#797979;}
		#latestNews ul { padding:14px 0 0 0;}
			#latestNews li { width:440px; height:90px; overflow:hidden; float:left; margin:0 42px 0 20px; display:inline; /*list-style-type:disc; list-style-position:outside;*/ position:relative;}
			#latestNews li.last{ margin-right:0px; width:430px}
				#latestNews li a { color:#7d7d7d; text-decoration:none;}
					#latestNews li span { line-height:15px;}
				#latestNews li div.more { text-align:right}
					#latestNews div.more a { color:#7d7d7d; font-weight:normal;}
					#latestNews div.more a:hover { color:##7d7d7d; font-weight:normal; background:none}
	
					
/*== 试用申请 ==*/
#freetrialBox { width:980px; margin:0 auto; padding:105px 0 0;}
	#freetrialC { width:740px; float:left; padding:0 0 0 25px;}
		#freetrialCL { width:345px; float:left;}
			#freetrialCL .thumbnail { width:345px; height:360px; overflow:hidden;}
			#freetrialCL .amount { line-height:40px; text-align:center; color:#2a2a29;}
			#freetrialCL .amount span { padding:0 4px; color:#c10606; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}		
			#freetrialCL .function { padding:0 0 0 35px; /*by Ray 2009.4.29 35 <- 65*/}
				.function a { height:33px; float:left; text-indent:-1000em; background-image:url(../img/freetrial-link.gif); background-repeat:no-repeat;}
				a.forward { width:100px; background-position:0 0;}
				a.apply { width:86px; background-position:-103px 0;}
				/*== 2009.4.29 start ==*/
				a.help { width:90px; padding:0 0 0 5px; line-height:35px; text-indent:0; color:#c10606; background:none;}
				/*== 2009.4.29 end ==*/
				.freetrialterm { clear:both; display:block; padding:15px 10px 0 30px; position:relative;}
					.freetrialterm h4 { font-weight:bold; line-height:20px;}
					.freetrialterm dl { padding:10px 0;}	
						.freetrialterm dt {}
						.freetrialterm dd { line-height:18px;}
							.freetrialterm dd li { line-height:18px;}
					.freetrialterm-sms { width:320px; height:300px; overflow:hidden; position:absolute; cursor:pointer;}
						.termcloseBox { display:none; height:20px; text-align:right;}
							.termcloseBox img { padding:10px;}
							.moretermsms { display:none;}
							
					.freetrialterm-post {}
					
				
		
		#freetrialCR { width:370px; float:right; padding:45px 0 0;}
			#freetrialCR h2 { height:40px; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
			#freetrialCR p.content { padding:0 0 10px; line-height:24px; color:#2a2a29;}
				#freetrialCR p.content a { color:#7D7D7D;}
			.freetrialinfo { padding:5px 0 0; /* by Ray 2009.4.29 padding:30px 0 0;*/ color:#2a2a29; background:url(../img/line-x.gif) 0 0 repeat-x;}
				.freetrialinfo li { line-height:24px;}
				.freetrialinfo li.comment { padding:10px 0 0; background:url(../img/line-x.gif) 0 0 repeat-x;}	
				/*== 2009.4.29 start ==*/
				.freetrialinfo li.citylistbox { height:48px; overflow:hidden;}
				/*== 2009.4.29 end ==*/
					.freetrialinfo label { font-weight:bold;}
					.freetrialinfo label.grade { font-weight:normal;}
					.freetrialinfo .testimonylist li,.freetrialinfo .testimonylist li a { width:350px;}
					.freetrialinfo textarea { width:360px; height:125px; padding:5px; background:#eee; border:0; }
					.freetrialinfo .comment .checkcodearea { padding:0 0 10px;}
					.freetrialinfo .comment .checkcodearea img { vertical-align:middle;}
					.freetrialinfo .comment .checkcodearea input { width:80px; margin:0 10px; border:1px #7e7e7e solid; background:#fff;}
					.freetrialinfo .comment .checkcodearea a { color:#000;}
					.gradeimg { cursor:pointer;}
					#gradechecked { visibility:hidden;}
					
					.freetrialinfo .btnarea input { width:84px; height:30px; float:left; text-indent:-1000em; background:url(../img/btn-comment-submit.gif) no-repeat; border:0; cursor:pointer;}
			
	#freetrialMenu { width:160px; float:right; padding:0 10px 0 0;}

#fPostBox { width:960px; padding:125px 0 0 35px;}	
	#fPostBox h2 { width:100%; height:40px; background:url(../img/line-x.gif) 0 bottom repeat-x;}
		#fPostBox h2 span { width:95px; height:25px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
			span.post { background-image:url(../img/freetrial-title-post.gif);}
			span.sms { background-image:url(../img/freetrial-title-sms.gif);}
		
		#fPostBox ul { padding:20px 0 0 5px;}
			#fPostBox span.en { font-family:Arial, Helvetica, sans-serif;}
			#fPostBox ul li { padding:0 0 0 15px; line-height:30px; color:#2a2a29; font-size:14px; font-weight:bold; background:url(../img/icon-dot-black.gif) 4px 12px no-repeat;}
				#fPostBox ul li strong { color:#ff0006; font-size:14px; font-weight:bold;}
				#fPostBox ul li strong span { padding:0 12px; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif;}
				#fPostBox ul li a { color:#2a2a29; text-decoration:underline;}
				div.storebox { width:380px; height:180px; display:block; border:1px #cac8c8 solid; background:#dfdfdf;}
					#fPostBox div.storebox ul { padding:15px 0 0 25px;}
					#fPostBox div.storebox li { width:350px; height:20px; overflow:hidden; margin:0 0 8px; font-size:12px; font-weight:normal;}
					div.storebox label { width:60px; height:16px; float:left; color:#6a6a6a;}
					div.storebox input ,div.storebox select { float:left;}
					div.storebox input.checkcode { width:60px; border:1px #7e7e7e solid; background:#dfdfdf;}
					div.storebox li.checkcodearea input,div.storebox li.checkcodearea label,div.storebox li.checkcodearea a { margin:5px 0 0;}
					div.storebox li.checkcodearea span,div.storebox li.checkcodearea a { float:left;}
					div.storebox li.checkcodearea span { margin:0 5px;}
					div.storebox li.checkcodearea a { color:#000;}
					#fPostBox div.storebox li.btnarea,#fPostBox div.storebox li.checkcodearea { height:30px;}
					div.storebox li.btnarea span { float:left; margin:0 10px 0 0; line-height:30px; color:#000;}
					div.storebox li.btnarea input,div.postsend input { width:84px; height:30px; text-indent:-1000em; background:url(../img/freetrial-btn-submit-gray.gif) no-repeat; border:0; cursor:pointer;}
					div.postsend input { float:left; margin:5px 0 0; background:url(../img/freetrial-btn-submit.gif) no-repeat;}
				div.postsend { width:100px; height:60px; display:block;}	
					
				#fPostBox ul li dl { padding:0 0 10px;}
					#fPostBox ul li dt { font-size:12px;}
					#fPostBox ul li dd { line-height:20px; color:#7e7e7e; font-size:12px; font-weight:normal;}
						#fPostBox ul li dd ul { padding:0;}
						#fPostBox ul li li { padding:0; line-height:20px; color:#7e7e7e; font-size:12px; font-weight:normal; background:none;}
			
/*== 在线诊断 ==*/
#diagnosesBox { width:1004px; height:455px; margin:0 auto; padding:105px 0 0; background:url(../img/diagnoses-bg.jpg) center 105px no-repeat;}	
	#diagnosesBox div.content { padding:59px 0 0 379px;}
		#diagnosesBox h2 { width:315px; height:50px; text-indent:-1000em; background:url(../img/diagnoses-title.gif) no-repeat;}
		#diagnosesBox h3 { line-height:30px; color:#8c0801; font-weight:bold; font-size:14px;}
		#diagnosesBox p { line-height:24px; color:#8c0801;}
		#diagnosesBox ul { padding:0 0 15px;}
			#diagnosesBox li { line-height:24px; list-style-type:disc; list-style-position:inside;}
		#diagnosesBox #diagflow { width:580px; height:100px; overflow:hidden;}
		#diagnosesBox .start { padding:26px 0 0 150px;}
		#diagnosesBox .start a { width:160px; height:35px; float:left; text-indent:-1000em; background:url(../img/diagnoses-link-start.gif) no-repeat;}

/*== 诊断报告 ==*/
#reportPageBox { width:920px; margin:0 auto; padding:135px 0 0;}
	#reportBox { width:620px; overflow:hidden; float:left;}
		#reportBox h2 { width:100%; height:40px; background:url(../img/line-x.gif) 0 bottom repeat-x;}
			#reportBox h2 span { width:195px; height:25px; float:left; text-indent:-1000em; background:url(../img/report-title.gif) no-repeat;}
		#reportBox h3 { height:21px; margin:10px 5px; line-height:21px; text-indent:10px; color:#fff; font-weight:bold; background:url(../img/heading-bg-middle.gif) no-repeat;}
		
		.qa ul { padding:0 0 20px;}
			.qa ul li { margin:0 5px;}
				.qa ul li a { padding:4px 0; text-decoration:none; color:#5f5f5f;}
				.qa ul li a span { padding:0 10px 0; font-weight:bold; cursor:pointer;}
				.qa ul li.ui-tabs-selected a { color:#000; background:#ececec;}
			.diagnose {}
				.diagnose dl { padding:0 0 0 17px;}
					.diagnose label { width:55px; float:left;}
					.diagnose dt,.diagnose dd  { width:595px; float:left; margin:0 0 5px;}
					.diagnose dt span,.diagnose dd div.content { width:524px; float:right; line-height:20px; padding:0 8px; color:#000; background:#ececec;}
					
		.basic { padding:17px 0 0 0;}
			.basic li { width:282px; height:20px; float:left; line-height:20px; margin:0 10px 5px 15px;}
				.basic label { width:107px;}
				.basic div { width:175px;}
		.habit { padding:17px 0 0 17px;}
			.habit li { line-height:20px; padding:0 0 5px;}
				.habit label { width:205px;}
				.habit div { width:390px;}
				.basic label, .habit label,.diagnose label { float:left; color:#5f5f5f; font-weight:bold;}
				.basic div, .habit div { float:left; text-indent:8px; color:#000; background:#ececec;}
		.advice { margin:0 5px; padding:16px 0 45px; background:#ececec;}
			.advice dl { padding:0 30px 10px 16px;}	
				.advice dt { color:#5f5f5f; font-weight:bold;}
				.advice dd { padding:5px 0; line-height:20px;}
			.advice .adviceprod {}
				.adviceprod li { width:170px; float:left; margin:10px 5px;}
					.adviceprod li div.thumbnail { width:170px; height:130px; overflow:hidden; text-align:center;}
					.adviceprod li div.title { width:170px; height:30px; overflow:hidden; text-align:center; color:#2a2a29; line-height:30px;}
						.adviceprod li div.title a { color:#2a2a29; font-weight:bold;}
		.print { width:260px; padding:10px 0 0 360px;}
			.print a ,.print input.printbtn{ width:85px; height:30px; float:left; text-indent:-1000em; background-image:url(../img/btn-print.gif); background-repeat:no-repeat;}
			.print a.save { background-position:-3px 0;}
			.print a.redo { background-position:-173px 0;}
			.print input.printbtn { background-position:-88px 0; border:0; cursor:pointer;}	
				
				
	#expertBox { width:300px; float:right;}

/*== 搜索 ==*/
#searchPageBox { width:940px; margin:0 auto; padding:125px 0 0;}
	#searchPageBox h2 { width:100%; height:40px; background:url(../img/line-x.gif) 0 bottom repeat-x;}
		#searchPageBox h2 span { width:50px; height:25px; float:left; text-indent:-1000em; background:url(../img/search-title.gif) no-repeat;}
		ul.searchinfo { width:280px; padding:15px 0 0;}
			ul.searchinfo li { width:280px; float:left; margin:0 0 5px; line-height:25px;}
				ul.searchinfo label { width:78px; float:left; line-height:25px; color:#5f5f5f; font-weight:bold;}
				ul.searchinfo div { width:180px; float:left; padding:0 10px; color:#161414; background:#ececec;}
					ul.searchinfo li ul { padding:0 0 20px;}
					ul.searchinfo li li { width:auto; float:none; line-height:18px;}
					ul.searchinfo li li a { color:#161414; text-decoration:underline;}
				ul.searchinfo input { float:left;}
				ul.searchinfo input.newkeyword { width:170px; height:20px; padding:3px 0 0; background:#ececec; border:0;}
				ul.searchinfo input.searchbtn { margin:2px 0 0 10px;}
				
	#searchPageBox h3 { width:100%; height:21px; margin:10px 0 0; line-height:21px; text-indent:10px; color:#fff; font-weight:bold; background:url(../img/heading-bg-long.gif) no-repeat;}
		ul.prodlist { padding:0 0 0 24px; background:url(../img/line-x-search.gif);}
			ul.prodlist li { width:170px; float:left; margin:8px 22px;}
				ul.prodlist li div.thumbnail { width:170px; height:130px; overflow:hidden; text-align:center;}
				ul.prodlist li div.title { width:170px; height:30px; overflow:hidden; text-align:center; color:#2a2a29; line-height:30px;}
					ul.prodlist li div.title a { color:#2a2a29; font-weight:bold;}
					ul.prodlist li div.title a:hover { color:#7d7d7d; text-decoration:none;}
	
	#searchPageBox dl { padding:10px 0;}
		#searchPageBox dt { color:#2a2a29; font-weight:bold;}
		#searchPageBox dd { line-height:24px; color:#7d7d7d; word-break:break-all;}
		#searchPageBox a { color:#7d7d7d;}

/*== 站点地图 ==*/
#sitemapBox { width:960px; padding:125px 0 0 35px;}	
	#sitemapBox h2 { width:100%; height:40px;}
		#sitemapBox h2 span,#sitemapBox ul li a span { background-image:url(../img/sitemap-title-all.gif); background-repeat:no-repeat;}
		#sitemapBox h2 span { width:95px; height:25px; float:left; text-indent:-1000em; background-position:0 0;}
		#sitemapBox ul {}
			#sitemapBox ul li { width:192px; overflow:hidden; float:left; background:url(../img/line-x.gif) 0 top repeat-x;}
			#sitemapBox ul li a { width:192px; height:36px; float:left; color:#5f5f5f; background:url(../img/line-x.gif) 0 bottom repeat-x;}
			#sitemapBox ul li a span { width:80px; height:20px; float:left; margin:10px 0 0 20px; text-indent:-1000em; cursor:pointer;}
				span.brand { background-position:0 -25px;}
				span.promotion { background-position:0 -45px;}
				span.diagnoses { background-position:0 -65px;}
				span.freetrial { background-position:0 -85px;}
				span.onlineshop { background-position:0 -105px;}
				span.product { background-position:0 -125px;}
			#sitemapBox ul li ul { clear:both; padding:20px 0 20px 20px;}	
			
			#sitemapBox ul li li { background:none;}
			#sitemapBox ul li li a { height:25px; line-height:25px; background:none;}
			#sitemapBox ul li.prodcatalog { width:960px; clear:left;}
			#sitemapBox ul li.prodcatalog ul {padding:20px 0 0 20px;}
			#sitemapBox ul li.prodcatalog a.title { width:960px;}
			
			#sitemapBox ul li.prodcatalog li img { float:left;}
			#sitemapBox ul li.prodcatalog li span { width:auto; margin:0; line-height:30px; text-indent:0;}
			span.prodsort { font-weight:bold;}
			#sitemapBox ul li.prodcatalog li.sort { width:925px;}
			#sitemapBox ul li.prodcatalog li span { background:none;}
			#sitemapBox ul li.prodcatalog li ul { width:700px; float:left; clear:none; padding:0;}
			#sitemapBox ul li.prodcatalog li ul li { width:165px; /* display:inline; float:none;*/}
			#sitemapBox ul li.prodcatalog li ul li a { float:none; line-height:30px; white-space:nowrap;}

/*== 新闻报道 ==*/
#newsBox { width:980px; margin:0 auto; padding:125px 0 0;}
	#newsContentBox { width:640px; float:left; padding:0 0 0 20px;}
		#newsContentBox h2 { width:100%; height:40px; background:url(../img/line-x.gif) 0 bottom repeat-x;}
			#newsContentBox h2 span { width:95px; height:30px; float:left; text-indent:-1000em; background:url(../img/news-title.gif) no-repeat;}
		#articleBox { padding:20px 0 5px; background:url(../img/line-x.gif) 0 bottom repeat-x; position:relative;}
			#articleBox h3, #articleBox #date { line-height:40px; color:#353534; font-size:16px; font-weight:bold;}
			#articleBox #date { width:200px; text-align:right; position:absolute; right:0; top:20px;}
			#articleBox div.content { line-height:24px;}
				#articleBox div.content strong { font-weight:bold;}
	#newsMenu { width:245px; float:right; background:#fdfdfd url(../img/prodcatalog-bg.gif) repeat-x;}	
		#newsMenu h3 { width:245px; height:21px; text-indent:-1000em; background:url(../img/news-menu-title.gif) 0 0 no-repeat;}
		#newsMenu ul { width:204px; padding:10px 0 0 20px;}
			#newsMenu li { list-style-type:disc; list-style-position:outside; padding:0 0 10px;}
			#newsMenu li.selected span { font-weight:bold;}
				#newsMenu li a { color:#7d7d7d;}
				#newsMenu li span { display:block; line-height:20px;}
				#newsMenu li span.date { color:#7d7d7d;}
				#newsMenu li span.title { color:#484848;}
		
/*== 联系我们 ==*/
#contactBox { width:955px; margin:0 auto; padding:125px 0 0 35px;}
	#contactformBox { width:955px;/* width:580px;*/}
		#contactformBox h2 { width:100%; height:40px; background:url(../img/line-x.gif) 0 bottom repeat-x;}
			#contactformBox h2 span { width:120px; height:25px; float:left; text-indent:-1000em; background:url(../img/contactus-title.gif) no-repeat;}
		#contactformBox p { padding:15px 0 20px; line-height:18px;}
		#contactformBox span.formtip { color:#810000;}
		.cform { width:955px; height:240px; padding:30px 0 0 0; position:relative;}
			.cform li { width:530px; height:20px; float:left; margin:0 0 5px;}
			
				.cform label { width:80px; float:left; line-height:20px; color:#5f5f5f; font-weight:bold;}
				.cform label.labelrc { width:40px;}
				.cform input { float:left; margin:0 5px 0 0;}
				.cform input.inputtxt { width:330px; text-indent:5px; color:#000;}
				.cform span { line-height:20px;}
				.cform textarea { width:320px; height:160px; padding:5px; background:#ececec; border:0;}
			.cform li.text { width:420px; height:170px; float:right;}
			.cform li.btnarea { width:420px; float:right; clear:both;}
				.cform li.btnarea div { padding:0 0 0 325px;}
				.cform input.contactsubmit { width:85px; height:30px; float:left; text-indent:-1000em; background:url(../img/btn-submit.gif) no-repeat; border:0; cursor:pointer;}

/*== 品牌故事 ==*/
#brandstoryBox { width:980px; height:500px; overflow:hidden; margin:0 auto; padding:100px 0 0;}



			
/*== 登录 ==*/
.loginFormBox {}
	.loginFormBox { overflow:hidden; padding:35px 0 0 35px; background:url(../img/popbox-title-bg.gif) 15px 45px no-repeat;}
		.loginFormBox ul.logintabs {}
			ul.logintabs li { width:84px; height:24px; float:left;}
				ul.logintabs li a { width:84px; height:24px; float:left; line-height:24px; text-align:center; text-decoration:none; color:#5f5f5f;}
				#TB_window ul.logintabs li.ui-tabs-selected a { color:#97770c; background:url(../img/popbox-login-tabs.gif) no-repeat;}
	.loginform { width:318px; height:auto;}	
	#cardlogin { background:url(../img/popbox-login-card-figure.jpg) 0 20px no-repeat;}
		.loginform ul { padding:30px 0 0;}
		.loginform ul li { width:318px; float:left; margin:0 0 5px;}
			.loginform label { width:70px; height:20px; float:left; padding:0 0 0 20px; line-height:20px; color:#5f5f5f;}
			.loginform input { float:left;}
			input.inputtxt { width:190px; height:20px; background:#ececec; border:0;}
			#userlogin .loginbtn { float:left;}
			
			input.loginbtn { width:85px; height:30px; text-align:left; text-indent:-1000em; background:url(../img/btn-login-option-1.gif) 0 0 no-repeat; border:0; cursor:pointer;}
			.loginform li.btnarea a { height:30px; float:left; text-indent:-1000em; background-image:url(../img/btn-login-option-1.gif); background-repeat:no-repeat;}
			
			a.forgetpwd { width:135px; background-position:-85px 0;}
			a.reg { width:85px; background-position:-220px 0;}
			.loginform li.error { height:10px; overflow:hidden; line-height:30px;}
			.loginform li.links { width:280px; text-align:right;}
			.loginform li.links a { padding:0 10px; background:url(../img/icon-arrow.gif) right center no-repeat;}
			
			#userlogin li.btnarea div { padding:0 0 0 120px;}
			
		#cardlogin ul li label{ padding:0 0 0 100px;}
		#cardlogin ul li input.inputtxt { width:130px;}
		#cardlogin ul li.links { width:318px; text-align:left;}
		#cardlogin ul li.links a { float:left; line-height:30px; color:#97770c; background:url(../img/icon-arrow-golden.gif) right center no-repeat;}
		#cardlogin input.loginbtn { float:right; margin:0 10px 0 0; text-align:left;}
		
	.forwardBox { padding:35px 0 0 35px; background:url(../img/popbox-title-bg.gif) 15px 45px no-repeat;}	
		.forwardBox h4 { width:76px; height:20px; line-height:20px; text-indent:-1000em; color:#97770c; background:url(../img/popbox-title-forward.gif) no-repeat;}
			#forwardform label { width:100px;}
			#forwardform input.forwardbtn { width:85px; height:30px; float:right; text-align:left; text-indent:-1000em; background:url(../img/btn-forward.gif) no-repeat; border:0; cursor:pointer;}
	
	/*== 弹出心得内容 ==*/	
	.prodMsg,.freetrialMsg { padding:35px 0 0 35px; background:url(../img/popbox-title-bg.gif) 15px 45px no-repeat;}	
		.prodMsg h4, .freetrialMsg h4 { width:76px; height:20px; padding:0 0 10px; line-height:20px; text-indent:-1000em; color:#97770c;}
		.prodMsg h4 { background:url(../img/popbox-title-testimony.gif) no-repeat;}
		.freetrialMsg h4 { background:url(../img/popbox-title-freetrial.gif) no-repeat;}
		
		#textContent { width:320px; height:175px; padding:5px; overflow:hidden; line-height:20px;}	
		#gradepopShow { line-height:40px;}
			#gradepopShow img { margin:4px 1px 0;}	
			
			
			
	/*== 2010年07月10日 add ==*/
	
#rightBox{ width:191px; float:left; margin-left:8px}
#rightBox .box{ width:189px; border:1px solid #cecece; text-align:center; margin-top:3px; padding:10px 0; height:686px; *height:685px}
#rightBox .box img{margin-top:16px;}
.clear{ clear:both}
.leftShow{}
.leftShow .product{ margin-bottom:10px; margin-top:20px}
.leftShow .product ul{ padding-left:20px}
.leftShow .product ul li{ float:left; width:104px; text-align:center; margin:0 28px 0 28px}
.leftShow .product ul li.icon{margin:0 5px 0 5px; width:40px; padding-top:33px}
.leftShow .product ul li p{ font-size:17px; height:46px; overflow:hidden}
.leftLinks{ padding:0; margin:0}
.leftLinks .pic{ margin-top:13px;}
.leftLinks .pic img{ margin-right:5px;}
.leftLinks .pic img.last{ margin-right:0px;}
.bannerSmall{ padding-top:15px;}
.prize{ float:left; }
.prize .box1{ width:303px; height:140px; padding:44px 0 0 18px; float:left; background:url(../images/banner3.gif) no-repeat; margin-right:10px}
.prize .box1 p{ margin-bottom:15px;}
.prize .box1 p span{ color:#ff6c00}
.prize .box2{ width:284px; height:80px; padding:104px 0 0 38px; float:left; background:url(../images/banner4.gif) no-repeat}
.line{ margin-top:15px; margin-bottom:15px}
#newProd02 { width:980px; padding-bottom:0; margin-bottom:0}
.bottomShow{ }
.bottomShow .product{ height:170px; margin-bottom:0px; margin-top:20px}
.bottomShow .product ul{ padding-left:20px}
.bottomShow .product ul li{ float:left; width:104px; text-align:center; margin:0 28px 0 28px}
.bottomShow .product ul li.first{margin:0 28px 0 8px}
.bottomShow .product ul li p{ font-size:17px; height:46px; overflow:hidden}
.picBig{ width:980px; height:460px;}
.bannerDetails{float:left; width:220px; height:460px; background:#e1e0e0}
.bannerDetails ul{ margin-top:35px}
.bannerDetails ul li{ text-align:right; width:206px; padding-right:14px}
.bannerDetails ul li.title{ width:220px; padding-right:0px}
.bannerDetails ul li p{ font-family:"宋体"; font-weight:bold; cursor:pointer; color:#555; font-size:14px; text-decoration:none; padding-top:20px}
.bannerDetails ul li span{ font-family:"宋体"; font-weight:normal; cursor:pointer; color:#555; font-size:14px; display:block; width:100%; float:left; text-align:right; text-decoration:none; line-height:17px;}
.bannerDetails ul li #box1,.bannerDetails ul li #box2,.bannerDetails ul li #box3,.bannerDetails ul li #box4,{ width:206px;}