body  {
    font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #666666;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
}
#container { 
	width: 100%;  /* 970px; 使用比最大宽度 小 20px 的宽度可显示浏览器界面元素，并避免出现水平滚动条 */
	background-image:url(images/sidebar_bg.gif); 
	background-position:right; 
	background-repeat:repeat-y; /*只需要垂直方向重复*/
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	border: 0px solid #000000;
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
} 
#header { 
    width: 100%; /* padding的宽度 排除在width的计算之内，所以width+左右的padding 就是890+40+40=970 
	background-image:url(images/top_header1.png); */
	margin: 0 auto;
	padding: 0px 0px 0px 0px;  /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
    height: 90px; /* 131-30=101 */
	text-align:left;
	background-color:#f4ebd8; /*F2ECE0*/
} 
#header #logo { height:90px; padding:0px 0 0px 0; float:left; }
#header #lgtext{ text-align:right; height:15px; padding:30px 150px 0 0;}
#header #lgtext h1 {
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	display:inline;
	color: #666666;
	vertical-align: middle; /* 垂直对齐 必须对应前面有ling-height而不是height，否则无法生效  */
}
#nav {
    width: 100%;
	line-height:32px;
	background:url(images/daohang-bg2.gif); 
	margin: 0 auto;
	text-align:center;
}
#nav ul {
	display:block;	
	width:900px;
	padding:0; 
	margin:0 auto; 
	list-style:none; 
	height:32px; 
}
#nav ul li {
	float:left; /* 空格要用 来代替，否则在DW里有空格的div则会换行。有中文，也会换行 */
	position:relative; 
}
#nav ul li dl { 
    margin: 0; 
	padding: 0; 
	width:100px;
	position:absolute; /* 因为z-index的重叠控制，只有在position为absolute时才有效 */
	z-index:5;
}
#nav ul li dt { 
	margin:0; 
    padding:0px; 
	width:100px;
  	text-align:center;
	background:#fcde8b;
}
#nav ul li dt a, #nav ul li dt a:visited {
	display:block;
	line-height:32px; 
	color:#555;
	text-decoration:none;
	padding:0 0 0 20px;  /* 定义链接的左边距 */
	background: url(images/daohang-normal.jpg);
}
#nav ul li dd {
	text-align:left;
	margin:0; 
    padding:0; 
	color: #4c342a; 
	background: #f4ebd8;
}
#nav ul li dd.last {
	/*border-bottom:1px solid #b00; 可定义最末菜单的样式*/ 
	padding-bottom:5px;
}
#nav ul li dd a, #nav ul li dd a:visited {
   	width:70px; /* 100-30=70 */
	color:#4c342a;  /*酱色*/
    text-decoration:none; 
	padding:0px 0px 20px 30px; /* 这里的上下间距设置很关键，否则对不齐 */
	_padding:0px 0px 0px 30px; /*ie6*/
    background: #f4ebd8 url(images/c01.gif) no-repeat 10px 10px; 
	height:1em;
}

/*默认状态关闭子菜单*/
#nav ul li dd { display:none;}
/*设置鼠标响应*/
#nav ul li:hover dd , #nav ul li a:hover dd { display:block;}  /*ie6*/
#nav ul li:hover, #nav ul li a:hover { border:0;}  /*ie6*/
#nav ul li dd a:hover {
	background: #fcde8b url(images/c01.gif) no-repeat 15px 10px; 
    color:#4c342a;
}
/*针对ie6的设置*/	
#nav ul li table { 
    border-collapse:collapse; 
    padding:0; 
	margin:-1px; 
	font-size:1em;
}

#nav ul li a, #nav ul li dt a { /* 前者没是有下拉菜单的，后者是有下拉菜单的，两种都定义相同的样式 */
	display:block;
	float:left; 
	line-height:32px; 
	color:#4c342a;
	text-decoration:none;
	padding:0 0 0 20px;  /* 定义链接的左边距 */
	background: url(images/daohang-normal.jpg);
}

/* 定义跟菜单栏常规显示相反的样式 */
#nav ul #opp a {
	color:#fff; 
	background: url(images/daohang-hover.jpg);
}
#nav ul #opp a:hover, {
	color:#4c342a; 
	background: url(images/daohang-normal.jpg);
}
#nav ul #opp a b {
	color:#fff; 
	background: url(images/daohang-hover.jpg) no-repeat right top;
}
#nav ul #opp a:hover b {
	color:#4c342a; 
	background: url(images/daohang-normal.jpg) no-repeat right top;
}
/* 定义跟菜单栏常规显示相反的样式 -End- */

#nav ul li a:hover, #nav ul li dt a:hover{
	color:#fff; 
   	background: url(images/daohang-hover.jpg); /* 这里没申明位置，等于默认对齐是left top，双向滑动门的第一个门 */
}
#nav ul li a b, #nav ul li dt a b, #nav ul li a:hover dt a b  { /* 第三个表示的是，IE6的情况下，有悬停在table上，但没有悬停在dt上 */
	font-weight:normal;
	color:#4c342a;
	vertical-align:bottom;
	display:block;
	background: url(images/daohang-normal.jpg) no-repeat right top;
	padding:0 20px 0 0;  /* 定义链接的右边距，之所以要分开定义是因为<a>里要套用滑动门左对齐的开门，<b>里要套用右对齐的闭门，<b>必须顶到<a>这个块的右端 */
}
#nav ul li a:hover b, #nav ul li dt a:hover b, #nav ul li a:hover dt a:hover b { /* 第三个表示的是，IE6的情况下，有悬停在table上，而且也有悬停在dt上 */
	color:#fff; 
   	background: url(images/daohang-hover.jpg) no-repeat right top; /* 双向滑动门，关门 */
}

#sidebar {
	float: right; /* 由于此元素是浮动的，因此必须指定宽度 */
	width: 252px; /* 在符合标准的浏览器中或者在 Internet Explorer 中的标准模式下，此div 的实际宽度除了包括宽度外，还包括填充和边框 */
	margin-bottom:10px;
}

#sidebar dl dd ul {
	margin:0px;
}
#sidebar dl dd ul li {
	list-style-type: none; 
	height:20px;
	padding-top:4px;
}
#sidebar dl dd ul li:hover {
	background-color: #f4ebd8; border:0;
}
#sidebar dl dd ul li #sales {
	font-size: 11px;
	color:#00F;
}
#sidebar dl dd ul li #note {
	font-size: 11px;
	color:#999999;
}
#sidebar dl dd ul li a {
	padding-left:10px; /*图标与类别名的间距*/
}
#sidebar dl {
	margin:10px 0 0 0;
	padding:0 5px 0 20px;
}
#sidebar dl dt{
height:20px;
background-image:url(images/line-title.gif); 
background-position:left bottom; 
background-repeat:no-repeat;
margin-bottom:5px;
_margin-bottom:7px;  /* for IE6 */
}
#sidebar dl dd {
	margin:0px;
}
#sidebar dl dd a link{
	COLOR: #4c342a; TEXT-DECORATION: none;
}
#sidebar dl dd a visited{
	COLOR: #4c342a; TEXT-DECORATION: none;
}
#sidebar dl dd a hover{
	COLOR: #f5b022; TEXT-DECORATION: underline; border:none;
}
#sidebar dl dd a active{
	COLOR: #4c342a; TEXT-DECORATION: none;
}


#sidebar h2 {
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color: #333333;
}
#sidebar h3 {
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color: #4c342a;
}
#mainContent { 
	margin: 0 262px 0 0; /* 此 div 元素的右边距会在页面的右下方创建栏 — 无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此边距。 */
	padding: 10px 10px 10px 20px; /* 请记住，填充是 div 方块内部的空间，边距则是 div 方块外部的空间 */
} 
#mainContent p, dt, dd { 
    line-height:20px;
}
#mainContent #aboutcn p { 
    line-height:25px;
}

#mainContent #products { 
    height:140px;
}

#mainContent #products #p-img{ 
    float:left; 
	width:120px;
	padding:0 20px 0px 20px;
	_padding:0 15px 0px 15px;
}

#mainContent h1 {
	font-family: Verdana,Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color: #555555;
}
#mainContent h2 {
	font-family: Verdana,Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color: #555555;
}
#mainContent h3 {
	font-family: Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color: #555555;
}
#footer { 
	width: 100%;
	align:center;
	line-height:20px;
	padding: 10px 0px 10px 0px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background-image:url(images/); background-repeat:repeat-x;
} 
#footer-menu {
	align:center;
	background-color:#fcde8b; 
	padding:5px 0 5px 0;
}
#footer-menu a{
	color:#555;
}
#footer-menu a:hover{
	color:#c00e0e;
}
#footer-line { 
	width: 100%;
	height: 1px;
	margin: 0 auto; 
	background-color:#ccc;
	
}
#bottom p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
	text-align: left;
}
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.title-left {
	background-image: url(images/biaoti-bg01.gif);
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	line-height:27px;
	text-align:center;
}

table {
    font-family: "宋体,sans serif,verdana,Tahoma";
	font-size: 12px;
	line-height: 150%;
	color: #666666;
}

.float-left {
    float:left;	
}

a:link {
	color: #4c342a;
	text-decoration: none;
}
a:active {
	color: #4c342a;
	text-decoration: none;
}
a:visited {
	color: #4c342a;
	text-decoration: none;
}
a:hover {
	color: #f5b022;
	text-decoration: none;
}
hr { border:1px #cccccc dashed; }

.red {
	color: #ff0000;
}
h3 {
	font-family: Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top: 0;
	display:inline;
	color: #666666;
}
#products-list {
	width:90%; margin:5px 20px 5px 20px;
}
#products-list ul li{
	list-style:none; padding:5px 0; width:33%; float:left; margin:-1px 0 0 -1px; border:1px dashed #cccccc;
	text-align:center;
}
a.detail:link {
	color:#4c342a;	TEXT-DECORATION: underline; 
}
a.detail:hover {
	COLOR: #f5b022; TEXT-DECORATION: underline; 
}
a.detail:visited {
	COLOR: #4c342a; TEXT-DECORATION: underline; 
}
a.detail:active {
	COLOR: #4c342a; TEXT-DECORATION: underline; 
}
.editTextarea{
	border:1px dashed #999999;
	padding:10px;
	overflow:auto;
    width:96%;
	text-align:left;
}