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

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

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
* {}
html { width:100%; height:100%; margin:0; padding:0; border:0;}
body { color:#00439A; font-size:12px; font-family:/*"微软雅黑",*/"宋体",Arial, Helvetica, sans-serif;}
body { width:100%; height:100%;}
/*== 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 img { border:0;}

/*== 布局 ==*/
.subNews { background:#000 url(../img/bg.jpg) center center no-repeat;}
.subTech { background:#000 url(../img/bg.jpg) center center no-repeat;}
#pageBody { width:1004px; height:auto; overflow:hidden; margin:0 auto; text-align:left; position:relative;}
	#headerBox { width:100%; height:80px; position:relative; z-index:10;}
		#logoBox { width:249px; height:135px; position:absolute; left:0; top:0;}
		#headerBox h1 { width:195px; height:83px; overflow:hidden; padding:30px 0 0 10px;}
		#sloganBox { width:100px; height:190px; position:absolute; left:310px; top:60px;}
		#navBox { width:600px; height:140px; position:absolute; right:0; top:0;}
	#contentBox { width:100%; min-height:500px; position:relative; z-index:9;}
	* html #contentBox { height:500px;}
		#sidebarBox { width:440px; float:left;}
			#figureBox { position:absolute; left:40px; top:120px; z-index:10;}
				.mediamenu { padding:0 0 0 50px;}
				.prodfigure { padding:30px 0 0;}
			#jolinfigure { position:absolute; left:30px; top:-24px;}		
		#mainBox { width:560px; float:right; position:relative;}	
	#footerBox { width:100%; height:39px; position:relative; z-index:11;}
		#footerLink { padding:0 0 0 15px;}
			
/*== 最新动态 去屑宝典 ==*/
.itemN {}
	.itemN h2 { height:30px;/* background-position:0 bottom; background-repeat:no-repeat; background-image:url(../img/line.gif);*/}
/*	html > body .itemN h2 { background-image:url(../img/line.png);}
	* html .itemN h2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="img/line.png");} 
*/		.itemN h2 span { width:480px; height:27px; float:left; text-indent:-1000em; background-position:10px 3px; background-repeat:no-repeat;}
			span.lastnews { background-image:url(../img/title-lastnews.gif);}
			span.lastcampaign { background-image:url(../img/title-lastcampaign.gif);}
			span.laststar { background-image:url(../img/title-star.gif);}
			span.faq { background-image:url(../img/title-faq.gif);}
			span.tech { background-image:url(../img/title-tech.gif);}
			span.brand { background-image:url(../img/title-brand.gif);}
		.itemN h2 img { display:block; clear:left;/*vitrum20090119*/}
	.itemN .figure { width:165px; float:left;}
		.figure img { /*padding:8px; vitrum20090119*/padding:8px 8px 0;}
	.itemN .content { width:310px; float:left; margin:0 5px;}
		ul.newslist { padding:10px 0 0;}
			ul.newslist li { line-height:22px; background:url(../img/arr-blue.gif) 5px 6px no-repeat;}
				ul.newslist li a { padding:0 0 0 15px;}
				ul.newslist li a span.date { padding:0 10px 0 0;}
				
				.tp1 a{color:#e8e8e8;}
				
				
		div.more {}
			a.morefaq, a.moretech { height:34px; text-align:left; text-indent:-1000em;}
			a.morefaq { width:114px; float:right; background:url(../img/link-faq.gif) 0 0 no-repeat;}
			a.moretech { width:112px; float:left; background:url(../img/link-tech.gif) 0 0 no-repeat;}
			a.morebrand { width:76px; height:33px; float:left; text-indent:-1000em; background:url(../img/link-brand.gif) 0 0 no-repeat;}
	#mediaList { width:480px;}		
		ul.starlist { padding:10px 0 0;}
			.starlist li { width:145px; height:150px; overflow:hidden; float:left; margin:0 16px 0 0;}
				.starlist li a.video,.starlist li a.photo { width:96px; height:32px; overflow:hidden; float:left; text-indent:-1000em; margin:5px 0 0 24px; background-position:0 0; background-repeat:no-repeat;}
				.starlist li a.video { background-image:url(../img/link-star-video.gif);}
				.starlist li a.photo { background-image:url(../img/link-star-photo.gif);}
		.itemN .content p { padding:10px 10px 5px; line-height:18px; text-indent:2em; color:#fff;}
	
	#techBox { margin:0 0 20px;}
/*== 秀发QA 护发去屑知识 ==*/
		span.techfaq { background-image:url(../img/title-tech-faq.gif);}
		span.techtech { background-image:url(../img/title-tech-tech.gif);}
		.techlist { padding:10px 0 0 10px;}
			.techlist li a { line-height:25px; color:#003A85; font-weight:bold;}
		.knowledge {}
			.knowledge li { background:url(../img/arr-blue.gif) 0 8px no-repeat;}
				.knowledge a { padding:0 0 0 10px;}
	.techfigure { width:230px; height:200px; position:absolute; left:200px; top:150px;}
	
/*== 跃动空间 ==*/
#mediaCenter { width:890px; height:323px; position:absolute; left:-400px; top:200px;}
* html #mediaCenter { top:180px;}
/*== 游戏 ==*/
#gameBox { padding:80px 0 0;}
/*== 视频 ==*/
#tvcplayerBox { width:359px; height:407px; padding:60px 0 0 30px; background-position:0 0; background-repeat:no-repeat; position:absolute; left:-40px; top:60px;}
html>body #tvcplayerBox { background-image:url(../img/tvcplayer-bg.png);}
* html #tvcplayerBox { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="img/tvcplayer-bg.png");} 

	#tvcPlayer { width:300px; height:231px; border:1px #fff solid;}
#tvcMenu { width:380px; height:230px; position:absolute; left:180px; top:245px;}
/*== 墙纸屏保 ==*/
			span.wallpaper { background-image:url(../img/title-wallpaper.gif);}
			span.screensaver { background-image:url(../img/title-screensaver.gif);}
		.wplist { padding:10px 0 0 5px;}
			.wplist li { width:230px; height:85px; float:left;}
				.wplist li img { float:left;}
				.wplist li div.link { float:left; padding:45px 0 0;}
				.wplist li div.link a { padding:0 0 0 10px; display:block; font-size:10px; font-family:Arial, Helvetica, sans-serif; background:url(../img/icon-dot.gif) 2px 4px no-repeat; }

		.scrlist { padding:5px 0 0 5px;}
			.scrlist img { float:left;}
			.scrlist a { width:77px; height:34px; float:left; margin:70px 0 0; text-indent:-1000em; background:url(../img/link-screensaver.gif) 0 0 no-repeat;}
/*== 专业去屑 ==*/
#dandruffbox { width:1002px; height:446px; margin:65px 0 0; background-position:0 0; background-repeat:no-repeat;}
html>body #dandruffbox { background-image:url(../img/dandruff-bg.png);}
* html #dandruffbox { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="img/dandruff-bg.png");} 

	#dandruffswfbox { width:947px; height:390px; overflow:hidden; padding:14px 0 0 17px; position:relative;}
		#dandruffswf { width:947px; height:390px;}

/*== 品牌故事 ==*/
#brandstoryBox { width:580px; height:470px; background:url(../img/brand-c-bg.jpg) 0 32px no-repeat; position:absolute; top:20px; right:0;}
	#brandstoryBox h2 { width:100%; height:32px; text-indent:-1000em; background:url(../img/brand-heading.gif) 18px 0 no-repeat;}
	#brandstoryBox dl { min-height:117px; _height:117px; padding:0 0 0 158px; margin:20px; position:relative;}
	
		#brandstoryBox dt span { width:100%; height:26px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
		#brandstoryBox dt span.history { background-image:url(../img/brand-sub-history.gif);}
		#brandstoryBox dt span.campaign { background-image:url(../img/brand-sub-campaign.gif);}
		#brandstoryBox dt span.tvc { background-image:url(../img/brand-sub-tvc.gif);}
		#brandstoryBox dt span.star { background-image:url(../img/brand-sub-star.gif);}
		
		#brandstoryBox dd { padding:0 15px; line-height:18px;}	
		#brandstoryBox dd.bsfigure { padding:0; position:absolute; left:0; top:0;}
		#brandstoryBox dd.linkwall { position:absolute; left:435px; top:90px;}
	#brandstoryBox dl.videolanding { width:100px; float:left; _display:inline; margin:0 0 0 20px;}
	#brandstoryBox dl.videolanding dd.txt { padding:0 0 0 15px; text-align:right; color:#fff; background:url(../img/icon-brand-landing-arrow-w.gif) 2px 10px no-repeat;}
		#brandstoryBox dl.videolanding dd.txt p { padding:5px 0 10px; text-align:left;}
		#brandstoryBox dl.videolanding dd.txt a { color:#fff;}

#newsBox { width:580px; height:495px; background:url(../img/news-c-bg.jpg) 0 32px no-repeat; position:absolute; top:20px; right:0;}
	#newsBox h2 { width:100%; height:32px; text-indent:-1000em; background:url(../img/news-heading.gif) 18px 0 no-repeat;}
	#newsBox dl { height:180px; padding:0 0 0 210px; margin:20px; position:relative;}			
		#newsBox dt span { width:100%; height:28px; float:left; text-indent:-1000em; background-position:0 0; background-repeat:no-repeat;}
		#newsBox dt span.subnews { background-image:url(../img/news-sub-news.gif);}
		#newsBox dt span.submagaznebox { background-image:url(../img/news-sub-magazine.gif); background-position:10px 0;}
		#newsBox dd.figure { position:absolute; left:0; top:0;}
	#newsBox dl.magazinebox { padding:0;}	
		#newsBox dl.magazinebox p { line-height:21px; padding:0 0 0 10px;}
		#newsBox dd .magazine { float:left; margin:0 2px; cursor:pointer;}
		.showmagazine { cursor:pointer;}
#maskOver { display:none; background-color:#ccc; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; position:fixed; z-index:100; top:0; left:0; height:100%; width:100%; }	
* html #maskOver { /* ie6 hack */ position:absolute;  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#magazineBox { display:none; width:1001px; height:599px; margin:-300px 0 0 -500px; position:absolute; left:50%; top:50%; z-index:101;}	

#wallBox { width:580px; height:495px; position:absolute; top:20px; right:0;}
	#wallBox h2 { width:100%; height:32px; text-indent:-1000em; background:url(../img/wall-heading.gif) 18px 0 no-repeat;}
	#headerBox div.back { width:52px; height:19px; position:absolute; right:20px; top:105px;}
		#headerBox div.back a { width:52px; height:19px; float:left; text-indent:-1000em; background:url(../img/wall-back.gif) no-repeat;}