﻿@import url("login.css");
html {
	background: url(../images/bg.png); color:#333; font-size:12px; font-family: 微软雅黑;
}
body{
	padding-top:11px;
}
a{
	color:#333; text-decoration:none;
}
a:hover{
	text-decoration:underline; color:#000;
}
.button{
	cursor:pointer;
}
.button:hover{
	filter:alpha(opacity=80); -moz-opacity:0.8;	 -khtml-opacity: 0.8; opacity: 0.8;
}

dd a:hover img{
	filter:alpha(opacity=80); -moz-opacity:0.8;	 -khtml-opacity: 0.8; opacity: 0.8;
}

/* for clearing items */
.clearfix:before,
.clearfix:after { 
	content: "\0020"; display: block; height: 0; visibility: hidden; 
}
.clearfix:after { 
	clear: both; 
}
.clear { clear:both;height:1px;margin-top:-1px;width:100%; }
.clears{clear:both;}

#container { 
	background: url(../images/bgctn.gif) left top repeat-y #fff; margin:0px auto; width:940px; padding:0 14px 10px; _overflow:hidden;
}
/* 头部 */
#header { 
	position:relative; z-index:11; padding:87px 0 18px; height:24px;
}
#header #logo {
	position:absolute; left:0px; top:23px; height:42px; width:255px; 
}
#header h1,
#header h2 { 
	position:absolute; left:190px; top:19px; line-height:32px; 
			color: #333333; font-size: 16px; }

#nav { clear:both;margin:0;width:940px; }
#nav li { display:inline;float:left; margin:0 1px 0 0;text-align:center;text-transform:uppercase;width:99px; font-size:13px; position: relative; background-color:#dedede;z-index:30;}
#nav li a { color:#585652;display:block;padding:8px 0;}
#nav li.open, #nav li:hover{color:#fff;}
#nav li.open a, #nav li:hover a,#nav li a:hover{
	background-color:#f47402; color:#fff; text-decoration:none;
}
#nav li ul { display: none; position: absolute; top: 34px; left: 0; width:170px; }
#nav li:hover ul { display: block; filter:alpha(opacity=80); -moz-opacity:0.8;	 -khtml-opacity: 0.8; opacity: 0.8; width:auto; background:url(../images/blank.gif);}
#nav li ul li { margin-bottom:1px; background:#191919; filter:alpha(opacity=80); -moz-opacity:0.8;	 -khtml-opacity: 0.8; opacity: 0.8; font-size:12px;}
#nav li ul li:hover {filter:alpha(opacity=100); -moz-opacity:1;	 -khtml-opacity:1; opacity:1; }
#nav li ul li a,
#nav li.open  li a, #nav li:hover li a {
  padding: 8px 10px;
  display:block; background-color:transparent; color:#fff;
  }
#nav li ul li a:hover {
   background-color:#191919; _background-color:#000; color:#fff;
  }
	
	#header .delivery { 
		position:absolute; top:0px;right:-52px;width:86px; padding-top:14px; height:74px; background:url(../images/bgdel.png) no-repeat; 
		text-align:center; color: #fff; font-size: 12px; }
		#header .delivery strong{
			 font-size:14px; font-weight:normal;
		}
#header #user_bar { font-family:'Droid Sans', 'Helvetica Neue', Helvetica, arial, sans-serif;margin:0;position:absolute;right:270px;top:8px;text-transform:uppercase; }
#header #user_bar li { display:inline;margin-right:10px; }
#header .contact { 
	margin:0; position:absolute; left:710px;top:14px; 
}
	#header .contact li { list-style:none;margin-bottom:3px; }
	.tel,
	.email { 
		background-position:0 50%;background-repeat:no-repeat; display:inline-block;
		font-family: Arial;font-size: 20px; padding:1px 0 1px 30px; color:#f47402; }
	.tel { 
		background-image:url(../images/icotel.png); 
	}
	.email { 
		background-image:url(../images/icomail.png);
	}

#btmbox{
	background:#545454; padding:20px 0; margin-top:10px; clear:both;
}
	.bottom{
		position:relative; width:610px; margin:0 auto; padding-right:330px; color:#fff; 
	}
		#bottom a{
			color:#fff; 
		}
		#bottom dl{
			overflow:hidden; zoom:1; min-height:100px; _height:100px; padding-bottom:10px;
		}
		#bottom dd{
			float:left; width:107px; line-height:180%;
		}
		#bottom dd h3{
			padding-bottom:10px; color: #f47402; font-size:14px;
		}
	#catbox{
		position:absolute; left:610px; top:0px; padding-left:10px; width:310px;
	}
		#catbox h3{
			padding-bottom:16px;
			font-size: 20px;
		}

#kwbox{
	background:#373737; padding:20px 0;
}		
	#kwords{
		min-height:70px; _height:70px; line-height:180%;
	}
	#kwords a{
		color:#d1d1d1; display:inline-block; white-space:nowrap; margin-right:5px;
	}
		#kwords h3{
			font-size: 14px; color:#898989; padding-bottom:5px;
		}
		#kwords h3 strong{
			font-size: 15px; font-weight:normal; padding-right:5px; color:#fff;
		}
	#copyright{
		position:absolute; left:610px; bottom:0px; padding-left:10px; width:310px;
	}