a {
  text-decoration: none !important;
}

body.function-login {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0 auto;
  background: #eee;
}
body.function-login form {
  width: 100%;
  height: 100%;
  max-width: 1100px;
  min-height: 100vh;
  padding: 0;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ccc;
}
body.function-login form .r-pretty-login-page {
  display: flex;
}
body.function-login form .r-pretty-login-page .r-controls .r-mainform span[data-itemid=login_welcome] {
  font-size: 18px;
  font-weight: bold;
}
body.function-login form .r-pretty-login-page .r-controls .r-mainform [data-cellid=top_c1] {
  width: 100%;
  display: flex;
  align-items: flex-end;
  margin: 0 0 10px 0;
}
body.function-login form .r-pretty-login-page .r-controls .r-mainform [data-cellid=top_c1] span[data-itemtype=login-logo] a {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
body.function-login form .r-pretty-login-page .r-controls .r-mainform [data-cellid=top_c1] span[data-itemtype=login-logo] a img {
  width: 85px;
}
body.function-login form .r-pretty-login-page .r-controls .r-mainform [data-cellid=top_c1] span[data-itemtype=login-logo] a .text_wrap {
  margin: 0 10px 5px 15px;
}
body.function-login form .r-pretty-login-page .r-controls .r-mainform [data-cellid=top_c1] span[data-itemtype=login-logo] a .text_wrap .text {
  color: #333;
  font-size: 22px;
  font-weight: bold;
  line-height: 25px;
}
body.function-login form .r-pretty-login-page .r-controls .r-mainform [data-cellid=top_c1] span[data-itemtype=login-logo] a span {
  font-size: 23px;
}
body.function-login input.form-control {
  border: 1px solid #888;
}
body.function-login table.r-fluid.r-form span[data-itemtype=loginform_register_link] a.btn {
  width: 120px;
  color: #fff;
  padding: 10px;
  background: var(--color_main);
  border: unset;
}
body.function-login table.r-fluid.r-form span[data-itemtype=loginform_register_link] a.btn:hover {
  background: var(--color_main_hover);
}
body.function-login table.r-fluid.r-form span[data-itemtype=login_button] a.btn {
  color: var(--color_main);
  width: 120px;
  background: #fff;
  border: 1px solid var(--color_main);
}
body.function-login table.r-fluid.r-form span[data-itemtype=login_button] a.btn:hover {
  color: #fff;
  background: var(--color_main_hover);
}
body.function-login table.r-fluid.r-form span[data-itemtype=login_button] a.btn#submitLogin1 {
  width: 120px;
  color: #fff;
  padding: 10px;
  background: var(--color_main);
  border: unset;
}
body.function-login table.r-fluid.r-form span[data-itemtype=login_button] a.btn#submitLogin1:hover {
  background: var(--color_main_hover);
}
body.function-login table.r-fluid.r-form span[data-itemtype=login_remind] a.btn {
  color: #888;
  width: 120px;
  background: #fff;
  border: 1px solid #888;
}
body.function-login table.r-fluid.r-form span[data-itemtype=login_remind] a.btn:hover {
  color: #fff;
  background: var(--color_main_hover);
}
body.function-login table.r-fluid.r-form span[data-itemtype=login_remind] a.btn#submitLogin1 {
  width: 120px;
  color: #fff;
  padding: 10px;
  background: var(--color_main);
  border: unset;
}
body.function-login table.r-fluid.r-form span[data-itemtype=login_remind] a.btn#submitLogin1:hover {
  background: var(--color_main_hover);
}

table.r-form > * > tr > td {
  width: 100%;
  max-width: 400px;
}

.r-pretty-login-page [data-location=superbottom] {
  border-radius: unset;
}

@media (max-width: 767px) {
  body.function-login form {
    background: #fff;
    border: unset;
  }
  .r-pretty-login-page > .r-controls {
    width: 100%;
    padding: 80px 15px 30px 15px;
  }
  .r-pretty-login-page > .r-controls .r-mainform {
    width: 100%;
    margin: 0 auto 0;
  }
}
@media (max-width: 520px) {
  body {
    background: #fff;
  }
  body.function-login {
    border: unset;
    background: unset;
  }
}/*# sourceMappingURL=login.css.map */