.menu_button {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  display: block;
  margin-bottom: 5px;
  font: 14px/50px Tahoma;
  transition: all 0.18s ease-in-out;
  border: 1px solid #4FD666;
  background: linear-gradient(to top right, #3EC97A, #69EA49 20%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) top right/500% 500%;
  color: green;
}

.menu_button:hover {
  color: white;
  background-position: bottom left;
}

.hidden_input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.imgBox {
  border: 2px dashed green;
  border-radius: 8px;
  background: lightyellow;
  background-repeat: no-repeat;
  text-align: center;
  margin-top: 10px;
}

.mesBox {
  margin: 100px 70px;
  color: green;
  font-size: 25px;
  font-family: Verdana, Arial, sans-serif;
}

.header_back {
  width: 100%;
  height: 100px;
  background: #EEEEEE;
}

.content_back {
  width: 100%;
  background: #EEEEEE;
}

.footer_back {
  width: 100%;
  height: 100px;
  background: #EEEEEE;
}

.header_face {
  width: 1024px;
  height: 100px;
  margin: 0 auto;
  background: #CCFFCC;
}

.content_face {
  width: 1024px;
  height: 100%;
  margin: 0 auto;
  background: #FFFFFF;
}

.footer_face {
  width: 1024px;
  height: 100%;
  margin: 0 auto;
  background: #CCFFCC;
}

.menu_bar {
  border-right: 1px solid #4FD666;
  background: #EEFFEE;
  vertical-align: top;
  padding: 15px;
  width: 200px;
  height: 100%
}

.content_body {
  vertical-align: top;
  text-align: center;
  height: 100%;
  padding: 30px;
  padding-left: 15px;
}

.title {
  color: green;
  font-size: 32px;
  font-family: arial;
}

.comment {
  width: 100%;
  color: green;
  font-size: 16px;
  font-style: italic;
  font-family: arial;
  text-align: center;
}

.nud {
  width: 70px;
}