body {
 max-width: 400px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 15px;
 color: #333;
 margin: 0 auto;
 background: #fff;
}

img {
 vertical-align: middle;
 max-width: 100%;
}

span {
 text-decoration: none;
}

a {
 color: #326498;
 text-decoration: none;
}

.logo {
 margin-top: 5px;
 padding: 5px;
 text-align: center;
}


.main {
 border-left: 1px solid #5888b1;
 border-right: 1px solid #5888b1;
 padding: 0px;
 margin: 4px;
}

.head {
 background-color:#6398c6;
 color: #fff;
 padding: 10px;
 text-align: center;
 border-top: 1px solid #5888b1;
 border-bottom: 1px solid #5888b1;
}
input, botton {
 background-color:#6398c6;
 margin: 1px;
 color: #fff;
 border: 1px solid #5888b1;
}


.end {
 background-color:#6398c6;
 color: #fff;
 padding: 10px;
 text-align: center;
 border-top: 1px solid #5888b1;
 border-bottom: 1px solid #5888b1;
}

.menu_top {
 background: #ececec;
 padding: 6px;
 display:block;
 border-bottom: 1px solid #cfcfcf;
 color:#666;
}

.menu {
 background: #ececec;
 padding: 6px;
 display:block;
 border-top: 1px solid #f8f8f8;
 border-bottom: 1px solid #cfcfcf;
 color:#666;
}

.menu_bottom {
 background: #ececec;
 padding: 6px;
 display:block;
 border-top: 1px solid #f8f8f8;
 color:#666;
}

.menu_all {
 background: #ececec;
 padding: 6px;
 display:block;
 color:#666;
}