/* 代码整理：门卓网 www.menzhuo.com */

/* css 重置 */
*{margin:0; padding:0; list-style:none; }
body{ color:#333;font:14px/150% "Microsoft YaHei", Arial,"宋体",sans-serif; text-align:center; background:#DCDCDC;  }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
a:hover{ text-decoration:underline;   }

/* 顶部导航条 - 可无视 */
#header{ position:fixed; _position:absolute; z-index:1; top:0; left:0; width:100%;  height:32px; line-height:30px; color:#fff; text-align:left; overflow:hidden; background: #333;}
#header span{ float:right; padding-right:20px;   }
#header span a{ margin:0 10px; color:#fff; text-decoration:underline;   }
#header h1{ padding:0 10px; font-size:14px; float:left;  }
#header .change{ text-align:center; position:absolute; top:0; left:50%; width:280px; margin-left:-140px;   height:32px;   }
#header .change a{ color:#fff; display:inline-block; *display:inline; zoom:1; padding:0 10px; background:#666; height:32px; line-height:32px; margin:0 5px;     }
#header .change a:hover{ text-decoration:none; color:#ff0;  }
#header .change a.on{ background:#e60;  }
#footer{ height:34px; line-height:34px;}

html{  overflow-x:hidden; overflow-y:hidden;  _background-image:url(about:blank); _background-attachment:fixed; }/* html加上这段代码用于取消ie6滚动时候元素震动bug */

#content{ position:relative; z-index:0; }
.article{ background:#04caca; text-align:left; }
.article dt{ width:60%; padding-top:50px;   margin:0 auto; font:normal 40px/200% "Microsoft YaHei"; color:#fff; text-shadow:1px 1px 1px #666;  }
.article dt em{ font:italic 80px/150% Verdana; margin-right:10px;  }
.article dd{ position:relative; z-index:1; width:60%;  margin:20px auto 0 auto;   }
.article dd .con{ position:relative; z-index:1; padding:30px; font:normal 16px/200% "Microsoft YaHei"; color:#fff; }
.article dd .con p{ text-indent:24px; margin-bottom:20px;  }

#art2{ background:#7eb906;  }
#art3{ background:#d68432;  }
#art4{ background:#aa89d8;  }

.sideGuide{ position:fixed;  _position:absolute;  z-index:1; left:50px; top:150px; width:150px; background:#fff;  _top:expression(eval(document.documentElement.scrollTop+150))  }
.sideGuide h3{ height:40px; line-height:40px; background:#f50; font-weight:bold; color:#fff;   }
.sideGuide ul{ padding:10px 0;  }
.sideGuide li{ height:32px; line-height:32px; position:relative; border-bottom:1px solid #f4f4f4; vertical-align:middle;  }
.sideGuide li s{ display:none; position:absolute; top:0; left:-10px; width:10px; background:#555; height:32px;     }
.sideGuide li a{ display:block; color:#999;   }
.sideGuide li a:hover{ text-decoration:none; color:#f50;  }
.sideGuide li.on s{ display:block;  }
.sideGuide li.on a{ background:#f4f4f4; color:#333;  }
.ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));}