#middle {
  WIDTH: 90%; margin:0 auto;
}
#middleContent {
  PADDING: 10px 10px 30px 10px;
}
#middleContent2 {
  PADDING: 10px 10px 30px 10px; MARGIN-BOTTOM: -5px;
}
#bottom {
  WIDTH:96%; margin:0 auto;
}
#bottomContent {
  POSITION: relative; PADDING: 10px 5px 30px 5px
}
#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: 100%; MARGIN-BOTTOM: 10px;
}
.box1 H3 {
 FONT-SIZE: 24px; FONT-WEIGHT: bold; COLOR: #9F9F9F; border-bottom:3px solid #69F; padding:3px 0;
}
.box1 UL {
 PADDING: 10px 0; MARGIN:10px 0;
}
.box1 UL LI {
	width:100%; background:#eaeaea; margin:2px 0; padding:10px 0; text-align:center; float:left;
}
.box1 li a{ display:block; padding:0 0;}
.box1 UL LI:first-child{ margin:0 0 2px 0;}
.box1 UL LI:last-child{ margin:2px 0 0 0;}
.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(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(jloading.gif) 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(line.1.jpg)
}
.middleSide {
  WIDTH: 30%; margin:10px auto; float:right;
}
.middleMain {
  WIDTH: 65%; float:left;
}
.middleMainContent {
  MARGIN-LEFT: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; 
}
.nav SPAN{ margin:10px 0;}
.nav SPAN {
  DISPLAY: block; padding-left:3px; 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(icon.2.jpg) center left no-repeat
}
.time1 {
  TEXT-ALIGN: right
}
.time1 SPAN {
  COLOR: #999999
}
.tablem {
  WIDTH: 100%; BORDER: 0px
}
.tablem tr,.tablem td{ margin:5px 0;}
.tablem td input{ width:100%; max-width:500px; margin:5px 0; padding:0 3px;}
.tablem td input.button{ width:120px;}
.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%
}
@media screen and (max-width: 640px) {
	.middleSide{ width:98%; margin:0 auto; clear:both;}
	.middleMain{ width:98%; margin:0 auto; clear:both;}
	.tp-caption{ font-size:24px;}
}