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

    * Filename: global.css
    * Version: 2.0.0 (2008-08-15) YYYY-MM-DD
    * Website: http://www.olay.com.cn
    * Author: Ray Huang (Ray.Huang@nurun.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
* {}
html { width:100%; margin:0; padding:0; border:0; background:#fff;}
body { color:#787878; 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;}

a.gray { color:#7d7d7d;}



/*== 框架 ==*/
#pageBody { width:1004px; margin:0 auto; position:relative;/* border:1px #000 solid; */border-width:0 1px;}
	#headerBox { width:100%; height:105px; position:absolute; left:0; top:0; z-index:2;}
		#headerBox h1 { width:160px; height:70px; padding:20px 0 0 34px;}
			#headerBox h1 a { width:160px; height:70px; float:left; text-indent:-1000em; background:url(../img/logo-olay.gif) no-repeat;}
		#headerBox #sessionBox { width:600px; color:#9f7b00; position:absolute; right:5px; top:40px;}
			* html #headerBox #sessionBox { right:15px;}
			* +html #headerBox #sessionBox { right:10px;}
			#sessionBox #searchBox { width:140px; float:right; margin:0 0 0 10px;}
				#searchBox input.searchtxt { width:95px; height:16px; padding:1px 0 0 2px; float:left; color:#2f2f2f; border:1px #e8e8e8 solid;}
				* html #searchBox input.searchtxt  { line-height:18px; padding:0;}
				* +html #searchBox input.searchtxt { line-height:17px; padding:0;}
				input.searchbtn { width:20px; height:19px; float:left; margin:0 0 0 10px; text-indent:-1000em; background:url(../img/btn-search.gif) no-repeat; border:0; cursor:pointer;} 
			#sessionBox form { width:400px; float:right;}
			#loginspan { width:400px; float:right;}
				#ylogin,#nlogin { width:400px; height:20px; float:right; text-align:right;}
					#ylogin span { float:right; line-height:20px;}
					#nlogin a { line-height:20px; color:#9f7b00;}
					#nlogin span { padding:0 5px;}
					#ylogin a { width:45px; height:19px; float:right; text-align:left; text-indent:-1000em; background:url(../img/btn-logout.gif) no-repeat;}
					#ylogin a.linkreport { width:120px; line-height:20px; text-indent:0; color:#9f7b00; background:none;}
		#headerBox #navHeader { width:630px; position:absolute; right:15px; bottom:0;}	
	#contentBox { width:100%; padding:0 0 20px; overflow:hidden; clear:both;}
	#footerBox { width:985px; margin:0 auto; border-top:1px solid #999; text-align:center; zoom:1; clear:both;}


/*== footer ==*/
#newsletterBox { width:185px; float:left;}
	#newsletterBox label { width:100px; height:20px; float:left; text-indent:-1000em; background:url(../img/newsletter-label.gif) no-repeat;}
	#newsletterBox input.newsletteremail { width:150px; height:15px; float:left; padding:2px 0 0; margin:0 10px 0 0; text-indent:2px; background:#d9d9d9; border:1px #b2ad9e solid;} 
	* html #newsletterBox input.newsletteremail , * +html #newsletterBox input.newsletteremail { height:20px; padding:0; line-height:20px;}
	#newsletterBox input.newslettersubmit { width:20px; height:19px; float:left; text-indent:-1000em; background:url(../img/btn-search.gif); border:0; cursor:pointer;}
	
#navFooter { width:490px; float:left; text-align:center;}
	#footerBox ul {}
	#footerBox li { display:inline; padding:0 8px 0 4px; line-height:50px; background:url(../img/line-space.gif) right center no-repeat;}
	* html #footerBox li { padding:0 4px 0 8px;}
	* +html #footerBox li { padding:0 4px 0 8px;}
	#footerBox li.laster { background:none;} 
	#footerBox li a { color:#665f5f;}
	* html #footerBox li a:after,* +html #footerBox li a:after {content:" ";}

#serviceInfo { width:310px; float:right; color:#524e4e; background:url(../img/line-x.gif) 0 20px repeat-x;}
	#serviceInfo p.tel { line-height:20px; text-indent:20px; font-size:13px; font-weight:bold; background:url(../img/icon-serviceline.gif) 0 0 no-repeat;}
		#serviceInfo p.tel span { padding:0 0 0 10px;}
	#serviceInfo p.time { line-height:20px;}

.seoBox { width:10px; height:10px; overflow:hidden; visibility:hidden; color:#fff;}