.mem-addmem-area { max-width: 400px; margin: 20px auto 0; height: 560px;
  background: url(../img_layout/register.png) no-repeat center top; 
  position: relative; }
.mem-addmem-area input, .mem-addmem-area a, 
.mem-addmem-area img, .mem-addmem-area div { position: absolute; }

.mem-addmem-area input { background-color: transparent!important; 
  border: none; width: 335px; max-width: 100%; 
  margin-left: 8.7%; padding: 3px 5px; }

.mem-addmem-area .mem_mail    { top: 100px; }
.mem-addmem-area .mem_name    { top: 168px; }
.mem-addmem-area .mem_pwd     { top: 236px; }
.mem-addmem-area .confirm_pwd { top: 305px; }
.mem-addmem-area .chkcode     { top: 373px; }
.mem-addmem-area .chkcodeimg  { top: 415px; margin-left: 8.7%; display: block; }
.mem-addmem-area .re-chkcode  { top: 450px; margin-left: 8.7%; }

.mem-addmem-area div { margin-right: 8%; width: 92%; text-align: right;
  color: red; letter-spacing: 0; font-size: 15px; }
.mem-addmem-area .msg_mail        { top: 77px; }
.mem-addmem-area .msg_pwd         { top: 212px; }
.mem-addmem-area .msg_confirm_pwd { top: 282px; }
.mem-addmem-area .msg_chkcode     { top: 352px; }

.str1, .str0 { display: inline-block; 
  width: 20px; height: 10px; margin-right:3px; }
.str1 { background-color: blue; }
.str0 { background-color: lightgray; } 

.mem-addmem-area .submit-btn { 
  background: url(../img_layout/register_btn.png) transparent!important;
  width: 170px; height: 60px; top: 460px; right: 10px; 
  margin: 0; cursor: pointer; }

.mem-addmem-area .reset-btn {
  position: absolute; top: 430px; right: 30px; width: 100px;
  display: inline-block; cursor: pointer;
  border: 1px solid #999;
}
.mem-addmem-area .reset-btn:hover {
  background-color: #999 !important;
}

.info-content p { margin: 1em }