HTML,BODY {
  width: 100%; height: 100%
;}
BODY {
  margin: 0px; padding: 0px; background: #EEEEEE; color: #535353; font-family: arial,verdana,sans-serif
;}
TABLE {
  font-size: 12px; text-align: left; margin: auto
;}
DIV {
  font-size: 12px; /*text-align: left;*/ margin: auto
;}
DIV.dfn {
  display: none
;}
FORM,INPUT,SELECT,TEXTAREA {
  margin: 0px; padding: 0px
;}
INPUT,SELECT,TEXTAREA {
  font-size: 12px; font-family: arial; vertical-align: middle
;}
INPUT.text {
  height: 16px; padding: 2px; border: #999999 1px solid
;}
INPUT.btn {}
INPUT.button {
  height: 22px; background: #DDDDDD; border: 1px solid; border-color: #DDDDDD #AAAAAA #AAAAAA #DDDDDD; padding: 3px 5px 3px 5px; overflow: visible
;}
INPUT.file {
  height: 22px; line-height: 22px; padding-left: 2px; padding-right: 2px; border: #999999 1px solid
;}
INPUT.checkbox {
  width: 13px; height: 13px; border: 0px; margin: 2px
;}
INPUT.radio {
  width: 13px; height: 13px; border: 0px; margin: 2px
;}
SELECT.select {
  height: 22px; line-height: 22px
;}
TEXTAREA.textarea {
  padding: 2px; border: #999999 1px solid
;}
IMG {
  border: 0px
;}
IMG.absmiddle {
  vertical-align: middle
;}
A {
  color: #535353; text-decoration: none
;}
A:hover {
  text-decoration: underline
;}
ul,
ol {
    list-style: none;}
#top {
  width: 888px
;}
#topContent {
  width: 100%;}
#topContent H2 {
  margin: 0px; padding-left: 10px; position: absolute; top: 15px; left: 0px; color: #666666; font-family: "Trebuchet MS"; font-size: 24px; font-weight: bold
;}
#topContent H2 A {
  color: #666666; text-decoration: none
;}
#topContent H2 A:hover {
  color: #333333; text-decoration: none
;}
#panel {}
#panel SPAN {}
#menu {
  width: 100%; height: 27px; background: url(../images/menu.bg.gif); border-bottom: #0096D4 2px solid
;}
#menu UL {
  margin: 0px; padding: 0px; padding-top: 1px; list-style: none
;}
#menu LI {
  display: block; float: left; white-space: nowrap;width:80px
;}
#menu A {
  display: block; color: #333333; font-weight: bold; text-decoration: none; margin-left: 10px; line-height: 26px; padding-left: 6px; padding-right: 6px
;}
#menu A:hover {
  background: #0096D4; color: #FFFFFF; text-decoration: none
;}
#middle {
  width: 888px; background: url(../images/bg.1.1.gif)
;}
#middleContent {
  padding: 10px 10px 0px 10px; background: url(../images/bg.1.2.gif) bottom center no-repeat
;}
#middleContent2 {
  padding: 10px 10px 30px 10px; margin-bottom: -5px; background: url(../images/bg.1.2.gif) bottom center no-repeat
;}
#bottom {
  width: 888px
;}
#bottomContent {}
#bottomContent P {
  margin: 0px; font-size: 11px; color: #666666; line-height: 20px; height: 20px; text-align: left
;}
#bottomContent P A {
  color: #666666; text-decoration: none
;}
#bottomContent P A:hover {
  color: #333333; text-decoration: underline
;}
#bottomMenu {
  position: absolute; top: 15px; right: 5px; font-family: PMingLiu; font-size: 11px; color: #666666
;}
#bottomMenu A {
  color: #666666; text-decoration: none
;}
#bottomMenu A:hover {
  color: #333333; text-decoration: none
;}
.ash {
  color: #666666
;}
.box1 {
  width: 200px; margin-bottom: 10px; background: #F6F9FB; border: #E1E1E1 1px solid
;}
.box1 H3 {
  margin: 10px; font-size: 14px; font-weight: bold; color: #9F9F9F
;}
.box1 UL {
  list-style-image: url(../images/icon.1.gif); padding: 0 0 5px 30px; margin: 10px 0 10px 0px
;}
.box1 UL LI {
  margin-top: 5px
;}
.box1 DIV.box1s {
  margin: 10px; text-align: center
;}
.box2 {
  width: 100%
;}
.box2 H3 {
  margin: 10px; font-size: 12px; font-weight: bold; color: #666666; padding-bottom: 5px; border-bottom: #999999 1px dotted
;}
.box2 UL {
  list-style-image: url(../images/icon.2.jpg); padding: 0 0 5px 30px; margin: 10px 0 10px 0px
;}
.box2 UL LI {
  margin-top: 5px
;}
.clear {
  display: block; clear: both; width: 100%; height: 1px; overflow: hidden
;}
.content DIV {
  line-height: 150%
;}
.comment DIV {
  line-height: 120%
;}
.cutepage {
  text-align: right
;}
.hand {
  cursor: pointer
;}
.hidden {
  display: none
;}
.inline {
  display: inline
;}
.highlight {
  background: #ffff66
;}
.imgbox1 {
  width: 122px; padding: 3px; border: #B9B9B9 1px solid
;}
.jloader {
  margin: 0px; background: #FFFFFF; padding-left: 8px; border: #666666 1px solid
;}
.jloader DIV {
  margin: 0px; background: url(../images/jloading.jpg) left center no-repeat; height: 48px; line-height: 48px; padding-left: 40px; padding-right: 8px; color: #666666
;}
.list {
  padding-top: 10px
;}
.line1 {
  height: 1px; background: url(../images/line.1.jpg)
;}
.middleSide {
  width: 200px; display: inline; float: left
;}
.middleMain {
  width: 666px; display: inline; float: left
;}
.middleMainContent {
  margin-left: 10px; padding-left: 10px; padding-right: 10px; border: #DEDEDE 1px solid
;}
.nav SPAN {
  display: block; line-height: 25px; padding-top: 2px; color: #454545; border-bottom: #DEDEDE 1px dashed
;}
.nav SPAN A {
  color: #454545; text-decoration: none
;}
.nav SPAN A:hover {
  text-decoration: underline
;}
.probox1 {
  width: 158px; float: left; display: inline
;}
.quote {
  width: 98%; line-height: 150%; border: #dcdcdc 1px dotted; padding: 5px
;}
.relative {
  position: relative
;}
.red {
  color: #CC0066
;}
.tit1 {
  height: 24px
;}
.tit1 SPAN {
  padding-left: 10px; background: url(../images/icon.2.jpg) center left no-repeat
;}
.time1 {
  text-align: right
;}
.time1 SPAN {
  color: #999999
;}
.tablem {
  width: 100%; border: 0px
;}
.tablen {
  width: 100%; border: 0px
;}
.tablex {
  width: 100%; background: #CCCCCC; border: 0px
;}
.tablex TD {
  background: #FFFFFF
;}
.tables {
  width: 100%; margin-bottom: 5px; background: #DCDCDC; border: 0px
;}
.tables TD {
  background: #FFFFFF
;}
.tables TD.tbt {
  background: #F9F9F9
;}
.topic {
  height: 50px
;}
.topic DIV {
  line-height: 50px; font-size: 16px; font-weight: bold
;}
.ubb_code {
  border: #dcdcdc 1px dotted; padding: 5px; line-height: 150%; font-style: italic
;}
.ubb_quote {
  border: #dcdcdc 1px dotted; padding: 5px; line-height: 150%
;}