/* 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;
_left:expression(eval(document.documentElement.scrollLeft))
}
#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{ overflow:hidden; width:1000%;  }
.article{ background:#04caca; text-align:left;  float:left;   }
.article dt{ width:60%; padding-top:50px; margin: 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;  z-index:1; left:50%; bottom:70px; width:400px; margin-left:-200px;  _position:absolute; _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.offsetWidth/2))  } /* 思考再三，为了导航平滑地滚动，还是用了expression */
.sideGuide ul{ zoom:1; position:relative;  }
.sideGuide .bg{ position:absolute;  top:0; left:0; width:100%; height:32px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }
.sideGuide .curBg{ position:absolute; top:0; left:0; width:100px; height:32px; background:#e60;  }
.sideGuide li{ width:100px; float:left;  height:32px; line-height:32px; position:relative; }
.sideGuide li a{ display:block; color:#fff;   }
.sideGuide li a:hover{ text-decoration:none; color:#fff;  }