#main {
  width   : 900px;
  padding : 20px 20px 20px 20px;
	float:left;
}

#main h3 {
  padding-bottom : 14px;
  border-bottom  : 1px #eee solid;
}

#sidebar {
  width        : 220px;
  float        : right;
  margin-top   : 20px;
  margin-right : 20px;
}

#sidebar ul {
  padding-left : 15px;
}

#sidebar ul li {
  margin      : 0 0 0 20px;
  line-height : 30px;
}

#footer {
  clear      : both;
  padding    : 10px 0;
  border-top : 2px solid #D5D5D5;
}

.topTitle {}

.topTitle h3 {
  padding     : 20px 0;
  font-size   : 24px;
  line-height : 36px;
}

.topTitle h3 b {
  padding-right : 10px;
  color         : #333;
  font-weight   : normal;
}

#container {
  max-width  : 1170px;
  overflow   : hidden;
  border     : 1px #eee solid;
  border-top : 2px #0075e2 solid;
}

.block {
  margin : 0px auto 50px auto;
}

.block hr {
  border-top : 1px #e0e0e0 dashed;
}

.blockContent {
  margin : 20px 0 20px 0;
}

.blockContent th {
  width          : 80px;
  height         : 30px;
  color          : #999;
  text-align     : right;
  vertical-align : top;
  font-weight    : normal;
}

.blockContent tr td,
.blockContent tr th {
  padding-left   : 20px;
  vertical-align : top;
  line-height    : 30px;
}

.downloadList {
  margin : 20px 20px 20px 0px;
}

.downloadList li {
  line-height : 30px;
}

.downloadList li a {
  font-size : 14px;
}

.OtherNotic {
  margin   : 20px 20px 20px 0px;
  overflow : hidden;
}

.OtherNotic li {
  overflow    : hidden;
  line-height : 30px;
}

.OtherNotic li a {
  padding-left : 10px;
  color        : #f00;
  background   : url(../images/dot.png) no-repeat 0 13px;
  font-size    : 14px;
}

.OtherNotic li span {
  color     : #999;
  font-size : 12px;
}

.baoming {
  position : relative;
  overflow : hidden;
}

.baoming a {
  display      : block;
  width        : 208px;
  padding-left : 0px;
  color        : #fff;
  background   : #ee661b url(../images/write.png) no-repeat 35px 8px;
  text-align   : center;
  font-size    : 16px;
  line-height  : 40px;
  transition   : all linear 0.2s;
}

.baoming a:hover {
  background      : #d3540e url(../images/write.png) no-repeat 35px 8px;
  text-decoration : none;
}

.baoming:before {
  content    : " ";
  position   : absolute;
  top        : 0;
  left       : -200px;
  width      : 80px;
  height     : 400px;
  overflow   : hidden;
  background : -o-linear-gradient(
                 left,
                 rgba(255,255,255,0)0,
                 rgba(255,255,255,.2)50%,
                 rgba(255,255,255,0)100%
               );
  background : -webkit-linear-gradient(
                 left,
                 rgba(255,255,255,0)0,
                 rgba(255,255,255,.2)50%,
                 rgba(255,255,255,0)100%
               );
  transform  : skewX(-25deg);
  transition : left 1s;
}

.baoming:hover:before {
  left : 300px;
}

.timeline {
  position   : relative;
  width      : 200px;
  height     : 480px;
  margin-top : 40px;
  background : url(../images/timeline.png) no-repeat 16px top;
}

.timeline >.title {
  position     : absolute;
  width        : 200px;
  height       : 50px;
  padding-left : 50px;
  background   : url(../images/time.png) no-repeat 0px top;
  font-size    : 16px;
  line-height  : 50px;
}

.timeline >.dotbox {
  position : absolute;
  top      : 50px;
  left     : 0;
}

.timeline >.dotbox >.dot {
  width         : 250px;
  margin-bottom : 25px;
  padding-left  : 50px;
  background    : url(../images/timedot.png) no-repeat 10px 0;
}

.timeline >.dotbox >.dot h4 {
  color     : #0075e2;
  font-size : 16px;
}

.timeline >.dotbox >.dot div {
  color     : #999;
  font-size : 13px;
}