body.page-user-register .block-page-title-block,
body.page-user-set-password .block-page-title-block,
body.page-user-password .block-page-title-block,
body.page-user-verify-code .block-page-title-block,
body.page-user-login .block-page-title-block {
  border:     none;
  text-align: center;
}

body.page-user-register .block-page-title-block h1,
body.page-user-set-password .block-page-title-block h1,
body.page-user-password .block-page-title-block h1,
body.page-user-verify-code .block-page-title-block h1,
body.page-user-login .block-page-title-block h1 {
  border:     none;
  text-align: center;
}

.user-form-wrapper {
  font-size: 1.2rem;
}

.user-form-wrapper label {
  display:       none;
  margin-bottom: 5px;
}

#user-form-wrapper input[type=text],
#user-form-wrapper input[type=email],
#user-form-wrapper input[type=password] {
  border-radius:       5px;
  margin:              0 0;
  padding:             8px 8px 8px 40px;
  color:               #1F1F1F;
  background-image:    url(../images/fa-chevron-right-sharp-solid-full.svg);
  background-size:     24px;
  background-position: 10px 8px;
  background-color:    #F2F2F2;
  background-repeat:   no-repeat;
}

#user-form-wrapper input::placeholder {
  color: #CCCCCC;
}

#user-form-wrapper input#edit-name {
  background-image: url(../images/fa-envelope-sharp-regular-full.svg);
  margin-bottom:    1rem;
}

#user-form-wrapper input#edit-nickname {
  background-image: url(../images/fa-user-sharp-regular-full.svg);
  margin-bottom:    1rem;
}

#user-form-wrapper input[type=password],
#user-form-wrapper input#edit-pass {
  background-image: url(../images/fa-key-sharp-regular-full.svg);
  margin-bottom:    1rem;
}

#user-form-wrapper input#edit-mail {
  background-image: url(../images/fa-envelope-sharp-regular-full.svg);
  margin-bottom:    1rem;
}

#user-form-wrapper input#edit-phone {
  background-image: url(../images/fa-phone-flip-sharp-thin-full.svg);
  margin-bottom:    1rem;
}

#user-form-wrapper input#edit-code {
  background-image: url(../images/fa-key-sharp-regular-full.svg);
  margin-bottom:    1rem;
}

#user-form-wrapper .sendinfo {
  background:    #7FFFD4;
  padding:       10px;
  border-radius: 10px;
  color:         brown;
  font-weight:   bold;
  font-size:     17px;
}

#user-form-wrapper .sendinfo .passwordreset_remain_time,
#user-form-wrapper .sendinfo .validate_remain_time {
  font-size: 2.5rem;
}

#user-form-wrapper #edit-submit {
  width:            100%;
  background-color: SandyBrown;
  border-color:     SandyBrown;
  color:            #FFFFFF;
  font-size:        120%;
  margin:           0;
}


#user-form-wrapper #edit-options > .form-check {
  padding:    5px 0;
  border-top: 1px dashed #CCCCCC;
  color:      #666666;
}

#user-form-wrapper #edit-options > .form-check input {
  display: none;
}

#user-form-wrapper #edit-options > .form-check label {
  margin:     0;
  display:    block;
  padding:    5px 0;
  background: #EEEEEE
}

#user-form-wrapper #edit-options > .form-check label:hover {
  cursor:     pointer;
  background: #CCCCCC
}

#user-form-wrapper #edit-options > .form-check input:checked + label {
  font-weight:       bold;
  background-image:  url("../images/fa-check-sharp-solid-full.svg");
  background-repeat: no-repeat;
}

#user-form-wrapper .verify-resend-wrapper {
  padding:   10px 0;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .user-form-wrapper {
    width:         350px;
    min-height:    500px;
    border:        1px solid #AAAAAA;
    padding:       1rem;
    margin:        20px auto;
    text-align:    center;
    border-radius: 10px;
  }
}