/*body {*/
/*!*margin:0px;*!*/
/*!*background-image:none;*!*/
/*!*position:relative;*!*/
/*!*left:-470px;*!*/
/*!*width:500px;*!*/
/*!*margin-left:auto;*!*/
/*!*margin-right:auto;*!*/
/*!*text-align:left;*!*/

/*font-family: 'ArialMT', 'Arial';*/
/*font-size: 14px;*/
/*line-height: 1.42857143;*/
/*color: #333;*/
/*background-color: #fff;*/
/*}*/

/* 字体改造 */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/static/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/Noto_Sans_JP/static/NotoSansJP-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/static/NotoSansJP-Black.woff2") format("woff2"), url("../fonts/Noto_Sans_JP/static/NotoSansJP-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/static/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/Noto_Sans_JP/static/NotoSansJP-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/static/NotoSansJP-ExtraBold.woff2") format("woff2"), url("../fonts/Noto_Sans_JP/static/NotoSansJP-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/static/NotoSansJP-ExtraLight.woff2") format("woff2"), url("../fonts/Noto_Sans_JP/static/NotoSansJP-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/static/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/Noto_Sans_JP/static/NotoSansJP-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/static/NotoSansJP-SemiBold.woff2") format("woff2"), url("../fonts/Noto_Sans_JP/static/NotoSansJP-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/Noto_Sans_JP/static/NotoSansJP-Thin.woff2") format("woff2"), url("../fonts/Noto_Sans_JP/static/NotoSansJP-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-ExtraBold.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-ExtraLight.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-SemiBold.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("../fonts/Noto_Sans_KR/static/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/Noto_Sans_KR/static/NotoSansKR-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-Regular.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-Black.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-Bold.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-ExtraBold.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-ExtraLight.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-Light.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-Medium.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-SemiBold.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans SC";
  src: url("../fonts/Noto_Sans_SC/static/NotoSansSC-Thin.woff2") format("woff2"), url("../fonts/Noto_Sans_SC/static/NotoSansSC-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_EN/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_EN/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_EN/Inter-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_EN/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_EN/Inter-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_EN/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_EN/Inter-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf');
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.ttf');
}

@font-face {
  font-family: 'Montserrat-Extra';
  src: url('../fonts/Montserrat-ExtraLight.ttf');
}

@font-face {
  font-family: 'anticon';
  src: url('../fonts/font_hzero.ttf');
}

body {
  margin: 0;
}

.lang-ja.lang-ja {
  font-family: 'Noto Sans JP' !important;
}
.lang-zh.lang-zh {
  font-family: 'Noto Sans SC' !important;
}
.lang-kr.lang-kr {
  font-family: 'Noto Sans KR' !important;
}
.lang-en.lang-en {
  font-family: 'Montserrat' !important;
}

.email-container {
  height: 100%;
  width: 100%;
  opacity:1;
  position: absolute;
  background-color: rgba(245,246,250,1);
  opacity: 1;
  overflow: hidden;
}

.login-form-item-first {
  color: #3E3A39;
  margin-top: 10px;
  /* font-family: "Montserrat"; */
  text-align: center;
}
.login-form-item-first a {
  text-decoration: underline;
}

.email-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  height: 100vh;
}

.email-content {
  width: 100%;
  height: 100vh;
  /*flex: 6;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.email {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 40px;
}

.email_logo {
  border-width: 0px;
  position: absolute;
  left: 150px;
  top: 50px;
  width: 220px;
  height: 54px;
  display: flex;
}

.email-left-picture{
  flex: 1;
}

.email-left-picture img {
  height: 100%;
}

.email-input-div {
  left: 60px;
  top: 200px;
  margin-left: 60px;
}

.login-form-item-children-input {
  padding-left: 0px;
  margin: 0 0 0 0px !important;
}

.login-form-item-children-input .login-form-input {
  box-shadow: none !important;
  background-color: #fff !important;
  line-height: 50px;
  font-size: 18px;
  /* font-family:"Montserrat"; */
  color:rgba(77,77,77,1);
  height: 50px;
}

.login-form-item-children-prefix {
  display: inline-block;
  position: relative;
  width: 100%;
  border-radius: 2px;
}

.login-form-item-children-prefix-tos {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: -10px;
  padding: 0px;
}

.login-form-item-children-prefix-tos label {
  color: #d50000;
  position: absolute;
  left: 0;
  top: 41px;
  font-weight: normal;
}

.login-form-item-children {
  height: 28px;
  line-height: 36px;
}

.login-form-item {
  vertical-align: top;
  margin-bottom: 28px;
}

.login-form{
  margin-top: 0px;
}

.email-right-logo{
  position: absolute;
  right: 3.26%;
  top: 3.63%;
}

.terms-of-service {
  /* font-family: "Montserrat"; */
  font-weight: 400;
  font-style: normal;
  /* font-size: 13px; */
}

.login-title{
  width: 100%;
  /* font-family: "Montserrat"; */
}

.login-title-word{
  /* font-family: "Montserrat"; */
  font-size: 24px;
  /*color: #003F76;*/
  line-height: 30px;
  margin: 40px 0;
  font-weight: 600;
}

.email-input {
  width: 382px;
  height: 40px;
  padding: 11px 10px 11px 10px;
  margin-top: 170px;
  font-family: 'ArialMT', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  letter-spacing: normal;
  color: #8C8C8C;
  text-align: left;
  text-transform: none;
  background-color: transparent;
  border-color: rgba(140, 140, 140, 1);
  border-width: 1px;
  border-radius: 5px;
  box-shadow: none;
  border-style: solid;
}

.btn-submit {
  width: 100%;
  height: 53px;
  text-align: center;
  background:rgba(114,174,103,1);
  opacity:1;
  border-radius:8px;
  font-size:16px;
  /* font-family:"Montserrat"; */
  font-weight:400;
  line-height:24px;
  color:rgba(255,255,255,1);
  opacity:1;
  border: black;
  margin-bottom: 10px;
}
.btn-send-code {
  width: 50%;
  line-height: 44px;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 1px solid red;
  border-radius: 4px;
  /* font-family:"Montserrat"; */
  opacity:1;
  background-color: #B1B2B0;
  border: 1px solid #B1B2B0;
  color: #fff;
}
.btn-send-code-able {
  background-color: rgba(114,174,103,1) !important;
  border: 1px solid rgba(114,174,103,1) !important;
  color: #fff !important;
}

.email-input-text {
  width: 382px;
  height: 40px;
  padding: 11px 10px 11px 10px;
  margin-top: 30px;
  font-family: 'ArialMT', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  letter-spacing: normal;
  color: #8C8C8C;
  text-align: left;
  text-transform: none;
  background-color: transparent;
  border-color: rgba(140, 140, 140, 1);
  border-width: 1px;
  border-radius: 5px;
  box-shadow: none;
  border-style: solid;
}

.email-input-password {
  width: 382px;
  height: 40px;
  padding: 11px 10px 11px 10px;
  margin-top: 20px;
  font-family: 'ArialMT', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  letter-spacing: normal;
  color: #8C8C8C;
  text-align: left;
  text-transform: none;
  background-color: transparent;
  border-color: rgba(140, 140, 140, 1);
  border-width: 1px;
  border-radius: 5px;
  box-shadow: none;
  border-style: solid;
}

.email-input-checkbox {
  position: absolute;
  right: 60px;
  top: 250px;
  font-size: 14px;
  color: #8C8C8C;
}

/*.has-error-msg {*/
/*  color: #d50000;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 50px;*/
/*  font-weight: normal;*/
/*}*/

.resend-verification-code {
  /* margin-left: 180px; */
  cursor: pointer;
  text-decoration: none;
}

.has-error-msg {
  color: #d50000;
  position: absolute;
  left: 0;
  bottom: -25px;
  line-height: 1;
  font-weight: normal;
}

.has-code-msg {
  color: #d50000;
  bottom: -40px;
  margin-top: 15px;
  line-height: 16px;
  font-weight: normal;
}

.login-form-item-children-code {
  /*display: inline-block;*/
  position: relative;
  width: 100%;
  margin-bottom: 1px;
  border-bottom: 1px solid rgba(220,220,220,1);
  border-radius: 2px;
}

/* notification */
.login-notification {
  position: fixed;
  right: 0;
  bottom: 60px;
  background-color: transparent
}

.login-alert {
  position: relative;
  padding: 16px 24px;
  margin-right: 24px;
  margin-bottom: 70px;
  width: 384px;
  background-color: #fff;
  font-size: 18px;
  border-radius: .02rem;
  webkit-box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.12);
  animation: notificationMove 0.5s;
  -webkit-animation: notificationMove 0.5s;
}

@keyframes notificationMove {
  0% {
    right: -100px;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes notificationMove

  /* Safari and Chrome */
{
  0% {
    right: -100px;
  }

  100% {
    right: 0;
  }
}

.login-alert .glyphicon-ok {
  position: absolute;
  top: 16px;
}

.login-alert .glyphicon-exclamation-sign {
  position: absolute;
  top: 16px;
}

.login-alert .glyphicon-remove {
  font-size: 12px;
  color: rgba(0, 0, 0, .45);
  position: absolute;
  right: 22px;
  top: 16px;
  outline: none;
  cursor: pointer;
}

.login-alert .login-notification-content {
  margin-left: 48px;
  padding-right: 14px;
}

.login-notification-error {
  color: #d50000;
  font-size: 24px;
}

.login-notification-success {
  color: #00bf96;
  font-size: 24px;
}


.water-btn-style {
  position: relative;
  background: #fff;
  border-radius: 100%;
  animation: waterBtn 3s;
  -webkit-animation: waterBtn 3s;
  transform: translate(-50%, -50%) scale(1);
}

@keyframes waterBtn {
  0% {
    width: 0px;
    height: 0px;
  }

  50% {
    width: 1000px;
    height: 1000px;
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes waterBtn

  /* Safari and Chrome */
{
  0% {
    width: 0px;
    height: 0px;
  }

  50% {
    width: 1000px;
    height: 1000px;
    opacity: 0
  }

  100% {
    opacity: 0
  }
}
.email-content > .login-tab {
  flex-shrink: 0;
  /* width: 487px; */
  margin: 0 auto;
  width: 34%;
}
.email-content > .login-tab .login-logo-pic {
  position: absolute;
  left: 0;
  top: 0;
}
.email-content > .login-tab .login-logo-pic img {
  width: 460px;
}
.login-tabs-tab-content {
  /* width:460px; */
  margin: 0 auto;
}
.login-input-label {
  font-size: 16px;
  color: #3E3A39;
  line-height: 30px !important;
  /* font-family: "Montserrat"; */
}
input:hover,.login-form-item-children-input:hover .login-form-input:hover{
  border: 1px solid #539A34 !important;
  background-color: rgba(83, 154, 52, 0.1) !important;
}
.login-form-item-children-input input.error {
  border-color: #f5222d !important;
  background-color: rgba(245, 34, 45, 0.1) !important;
}
.resendText {
  margin-top: 10px;
  width: 100%;
  text-align: center;
  /* font-family: "Montserrat"; */
}
.login-top-picture-mobile {
  width: 100vw;
  height: 100px;
  background-color: #fff;
  padding-left: 15px;
}
.login-top-picture-mobile p {
  line-height: 100px;
  margin: 0;
}
.login-top-picture-mobile p img {
  height: 40px;
}
.email-content-mobile {
  padding: 0 15px 15px 15px;
}
.login-tabs-tab-content-mobile {
  width: 100%;
}
.email-content-mobile .login-form-item {
  margin-bottom: 58px;
}
.login-title-mobile .login-title-word{
  font-size: 20px;
  line-height: normal;
  margin: 26px 0;
}
.email-moblie {
  margin: 0;
}
.email-moblie .login-form-item {
  margin-bottom: 28px;
}
.email-moblie .login-input-label {
  font-size: 16px;
  margin-bottom: 9px;
  line-height: normal !important;
}
.email-moblie input.login-form-input {
  height: 46px;
  font-size: 16px;
}
.email-moblie .btn-submit {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
}
.email-moblie a {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
  height: auto;
}
.email-moblie .login-form-item-first {
  font-size: 14px;
}
.email-moblie .btn-send-code-mobile {
    width: 48%;
    font-size: 12px;
    height: 45px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    /* font-family: "Montserrat"; */
    opacity: 1;
    background-color: #B1B2B0;
    border: 1px solid #B1B2B0;
    color: #fff;
}
.email-moblie .btn-send-code-mobile span {
  transform: scale(0.72);
  transform-origin: center;
  display: inline-block;
  font-size: 12px;
}
.tips-mobile {
  font-size: 16px;
  background-color: rgb(230, 122, 43, 0.2);
}