.register-form {
  margin-top: 5.333vw;
  margin-bottom: 6.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.register-form .error-box .error {
  margin: 1.333vw auto 0;
  width: 93.6vw;
  font-size: 2.4vw;
  color: red;
}
.register-form .form__big-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.2vw;
  width: 93.6vw;
  height: 9.6vw;
}
.register-form .form__item {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 3.2vw;
  width: 93.6vw;
  height: 9.6vw;
  border: 0.133vw solid #6a6a6a;
  border-radius: 1.067vw;
  overflow: hidden;
}
.register-form .form__item.s1 {
  margin-top: 0;
  width: 63vw;
}
.register-form .form__item-label {
  padding: 0 15px;
  border-right: #6a6a6a 1px solid;
  height: 40px;
  line-height: 40px;
  width: 30vw;
  color: #6a6a6a;
  font-size: 4.267vw;
}
.register-form .form__item-cutdown {
  display: block;
  width: 26vw;
  height: 9.6vw;
  background: #ffedb2;
  border-left: 1px solid #6a6a6a;
  border: none;
  color: #333;
  font-size: 3.2vw;
  text-align: center;
  line-height: 9.6vw;
  cursor: pointer;
}
.register-form .form__item-cutdown.disabled {
  background-color: #ccc;
}
.register-form .form__item-input {
  width: calc(79.94652406% - 30px);
  height: 100%;
  border: none;
  outline: none;
  padding-left: 15px;
  padding-right: 15px;
}
.register-form .form__item-input.small {
  width: 40%;
}
.register-form .form__item-input ::placeholder {
  /* CSS 3 標準 */
  color: #bcbcbc;
}
.register-form .form__item-input ::-webkit-input-placeholder {
  /* Chrome, Safari */
  color: #bcbcbc;
}
.register-form .form__item-input :-ms-input-placeholder {
  /* IE 10+ */
  color: #bcbcbc;
}
.register-form .form__item-input ::-moz-placeholder {
  /* Firefox 19+ */
  color: #bcbcbc;
  opacity: 1;
}
.register-form .form__item-error {
  margin: 5px 0;
  color: #dd0000;
  font-size: 12px;
}
.register-form .form__item-tips {
  margin-top: 1.6vw;
  display: flex;
  align-items: center;
  color: #999;
  font-size: 3.2vw;
}
.register-form .form__item-tips a {
  color: #000;
}
.register-form .custom-checkbox {
  margin-right: 1.6vw;
}
.register-form .custom-checkbox > input[type="checkbox"] {
  width: 3.2vw;
  height: 3.2vw;
}
.form__submit {
  background: #F26408;
  border-radius: 4px;
  margin: 8vw auto 5.333vw;
  width: 93.6vw;
  height: 10.667vw;
}
.form__submit button {
  border: none;
  padding-left: 2vw;
  width: 100%;
  background: none;
  height: 10.667vw;
  font-family: PingFangSC-Medium;
  font-size: 4.8vw;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
  line-height: 4.8vw;
  font-weight: bold;
  cursor: pointer;
}
.modal-body {
  position: relative;
}
.modal-body .btn-close {
  position: absolute;
  right: 2.667vw;
  top: 2.667vw;
}
.modal-body .title {
  font-family: PingFangTC-Medium;
  font-size: 4.267vw;
  color: #252525;
  text-align: center;
  line-height: 4.267vw;
  font-weight: bold;
}
.modal-body .p1 {
  margin-top: 2.133vw;
  font-size: 2.667vw;
  color: #252525;
  letter-spacing: 1px;
  text-align: center;
  line-height: 2.667vw;
}
.modal-body .modal__img {
  display: block;
  margin: 5.333vw auto;
  width: 49.733vw;
  height: 27.733vw;
}
.modal-body .modal__btn {
  margin: 5.333vw auto 2.667vw;
  display: block;
  width: 61.333vw;
  height: 9.6vw;
  background: #F26408;
  border-radius: 1.067vw;
  font-family: PingFangTC-Medium;
  font-size: 3.2vw;
  color: #ffffff;
  letter-spacing: 0.8px;
  line-height: 9.6vw;
  text-align: center;
  font-weight: bold;
}
.register__banner {
  width: 100%;
  height: 72.8vw;
  overflow: hidden;
  background-image: url(../img/register-banner.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.register__banner .banner__title1 {
  margin-top: 8.533vw;
  font-family: PingFangSC-Semibold;
  font-size: 8vw;
  color: #ffffff;
  letter-spacing: 0.133vw;
  line-height: 8vw;
  font-weight: bold;
  text-align: center;
}
.register__banner .banner__title2 {
  margin-top: 3.2vw;
  font-size: 5.333vw;
  color: #ffffff;
  letter-spacing: 0.08vw;
  text-align: center;
  line-height: 5.333vw;
}
.register__banner .banner__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2vw;
}
.register__banner .item-box {
  margin-top: 6.4vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 28.533vw;
  height: 28.533vw;
  opacity: 0.8;
  background: #ffffff;
  border-radius: 2.133vw;
}
.register__banner .item-img {
  margin-top: -25%;
  width: 14.533vw;
  height: 13.333vw;
}
.register__banner .item-box__title {
  margin-top: 4vw;
  font-family: PingFangSC-Semibold;
  font-size: 6.4vw;
  color: #F26408;
  letter-spacing: 0;
  text-align: center;
  line-height: 6.4vw;
  font-weight: bold;
}
.register__banner .item-box__info {
  margin-top: 2.667vw;
  font-family: PingFangSC-Regular;
  font-size: 4.267vw;
  color: #F26408;
  letter-spacing: 0;
  text-align: center;
  line-height: 4.267vw;
}
.register__banner .item-info {
  margin-top: 2.133vw;
  font-size: 3.2vw;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 4.267vw;
}
.register__ad .register__ad-img {
  display: block;
  width: 100%;
  height: 32vw;
  background-color: #d8d8d8;
}