html, body {
  margin: 0px;
  scrollbar-highlight-color: #D4D1CF;
  scrollbar-face-color: #BAA69E;
  scrollbar-shadow-color: #D4BEB6;
  scrollbar-arrow-color: #5E5C5B;
  background-image: url(../images/background.jpg);
}


img {
  border: 0px;
}


input, textarea {
  border: 0px;
  background-color: #999999;
}


.frame {
  width: 100%;
}


.container {
  position: relative;
  width: 978px;
}


.left_div {
  float: left;
  width: 9px;
  height: 1245px;
  background-image: url(../images/left.gif);
}


.middle_div {
  float: left;
  width: 961px;
  background-color: #242222;
}


.top_div {
  float: left;
  width: 961px;
  height: 125px;
  background-image: url(../images/top.jpg);
}


.top_div span {
  font-size: 30px;
}


.logo {
  position: relative;
  top: 14px;
}


.tools {
  position: relative;
  left: 320px;
  width: 150px;
}


.game_frame {
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 961px;
  height: 500px;
}


.game_div {
  width: 700px;
  height: 500px;
}


.game_div a:hover {
  text-decoration: none;
}





.note_div {
  float: left;
  width: 961px;
  height: 22px;
  background-image: url(../images/note.jpg);
}


.note_font {
  position: relative;
  top: 3px;
  left: 30px;
}


.note_left {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 480px;
  height: 380px;
  border-right: 1px dashed #999999;
  overflow-x: hidden;
  overflow-y: auto;
}


.note_right {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 450px;
  height: 380px;
}


#Iloading {
  position: relative;
  left: 120px;
  top: -30px;
  width: 20px;
}


.note_name {
  float: left;
  margin-left: 25px;
  margin-top: 20px;
  padding-left: 25px;
  width: 230px;
}


.note_time {
  float: left;
  margin-top: 20px;
  padding-left: 25px;
}


.note_content {
  float: left;
  margin-left: 25px;
  margin-top: 10px;
  padding-left: 25px;
  padding-bottom: 10px;
  width: 380px;
  border-bottom: 1px dashed #999999;
}


.page_break {
  float: left;
  margin-top: 15px;
  width: 480px;
}


.bottom_div {
  float: left;
  width: 961px;
  height: 138px;
  background-image: url(../images/bottom.jpg);
}


.info {
  position: relative;
  top: 11px;
  width: 65px;
}


.copyright {
  position: relative;
  top: 35px;
}


.right_div {
  float: left;
  width: 8px;
  height: 1245px;
  background-image: url(../images/right.gif);
}