body {
  margin:0px;
  padding:0px;
  font-family:arial,verdana;
  font-size:12px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

a:link {
  text-decoration: none;
}

h2 {
  font-size:1.5em;
  font-weight:normal;
  text-decoration: none;
  margin:6px 0px;
}

input, textarea {
  font-size:1.1em;
}

#menu {
  position:absolute;
  top:0px;
  left:0px;
  width:220px;
  bottom:0px;
  background-image:url(../image/system/menubg.png);
/* background-image:url(../image/system/background_05.gif); */
  background-repeat:no-repeat;
  overflow:auto;
  line-height:10px;
}

#head {
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  height:40px;
  display:none;
  background-color:white;
  text-align:center;
  font-size:20px;
  color:#9B6857;
}
#head div {
  display:inline-block;
  margin-top:7px;
}

#headright {
  display:inline-block;
  float: right;
  margin: 2px 10px 0px 0px;
}

#main {
/* display:none; */
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  background-repeat:no-repeat;
  background-attachment:fixed;
/*  background-color:#D3CCC4; */
  overflow:auto;
}

#content {
  margin:10px 10px 10px 250px;
/*  background:red; */
  max-width:500px;
}

@media (max-width: 800px){

  #menu {
    top:40px;
    left:-220px;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
  }

  #head {
    display:block;
  }

  #main {
    top:40px;
  }

  #content {
    margin-left:10px;
  }

  #headimage {
    display: none;
  }

}

@media (max-height: 610px){

#logo {
  display:none;
}

}


#head img {
  position:absolute;
  top:6px;
  left:6px;
  cursor:pointer;
}

#headimage {
}

#headimage img {
  margin: 22px 0px;
}