@charset "UTF-8";
:root {
  --redeem-input-height: 40px;
  --redeem-T1-color: rgb(56, 142, 125);
}
.w-90 {
  width: 90% !important;
}
header.container {
  background-color: var(--redeem-T1-color);
}

.meco-info {
  margin-top: var(--navbar-height);
  padding-right: 5%;
  padding-left: 5%;
  background-color: var(--redeem-T1-color);
}
.meco-info .container {
  max-width: 1920px !important;
}
.meco-info .container .info-title {
  font-size: var(--font-size-main);
}
@media(min-width:1199.98px) {
  .meco-info .container .exchange-form .exchange-form-input {
    max-height: 95%;
  }
  .meco-info {
    height: calc(100vh - var(--navbar-height));
    min-height: 800px;
  }
}
@media(max-width:1199.98px) {
  .meco-info .container .info-title {
    font-size: var(--font-size-minor);
  }
  .meco-info {
    padding-right: 5px;
    padding-left: 5px;
  }
}
.meco-info .container .info-info {
  font-size: 30px;
  font-family: var(--font-family-zh);
}
.meco-info .container .exchange-form {
  width: 100%;
  height: 85%;
  margin-right: 5%;
  margin-left: 5%;
  color: black;
  font-weight: 700;
}
.meco-info .container .exchange-form label {
  margin-bottom: 0;
}

.meco-info .container .exchange-form .exchange-form-input {
  border-radius: 20px;
  padding: 5%;
  background-color: white;
}
.meco-info .container .exchange-form .exchange-form-input .exchange-input-item {
  width: 100%;
  max-height: calc(100% / 8);
  color: var(--redeem-T1-color);
  font-size: 20px;
  font-family: sans-serif;
  padding-top: 5px;
}
.meco-info .container .exchange-form .exchange-form-input .exchange-input-item input {
  width: 100%;
  height: var(--redeem-input-height);
  padding-right: 10px;
  padding-left: 10px;
  border: none;
  border-radius: 10px;
  background-color: #E6E7E8;
  font-family: var(--font-family-zh);
}
.meco-info .container .exchange-form .exchange-form-input .exchange-input-item .order-no {
  width: 100%;
  height: var(--redeem-input-height);
  padding-right: 10px;
  padding-left: 10px;
  border: none;
  border-radius: 10px;
  background-color: #949699;
  color: white;
  font-family: var(--font-family-zh);
}
.meco-info .container .exchange-form .exchange-form-input .exchange-input-item input::placeholder {
  font-family: var(--font-family-zh);
}
.meco-info .container .exchange-form .exchange-form-input .exchange-input-item select {
  width: 120px;
  height: var(--redeem-input-height);
  padding-right: 10px;
  padding-left: 10px;
  border: none;
  border-radius: 10px;
  background-color: #E6E7E8;
}
.meco-info .container .exchange-form .exchange-form-input .exchange-input-item .domestic {
  z-index: 98;
  font-family: sans-serif;
  font-weight: 700;
}
.meco-info .container .exchange-form .exchange-form-input .exchange-input-item .status-query-box {
  width: 40%;
}

.meco-info .container .exchange-form .exchange-form-input .exchange-input-item .status-query-box .status-query {
  height: var(--redeem-input-height);
  width: 100%;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  background-color: var(--redeem-T1-color);
}
.meco-info .container .exchange-form .redeem-submit {
  height: 50px;
  color: var(--redeem-T1-color);
  background-color: white;
  border: none;
  font-size: var(--font-size-intro);
  border-radius: 50px;
  padding-right: 30px;
  padding-left: 30px;
  line-height: var(--redeem-input-height);
}
@media(max-width:1199.98px) {
  .meco-info .container .exchange-form {
    height: 90%;
    margin-right: 0;
    margin-left: 0;
  }
  .meco-info .container .exchange-form .exchange-form-input {
    height: auto;
    border-radius: 20px;
    padding: 5%;
    background-color: white;
  }
  .meco-info .container .info-info {
    font-size: 24px;
  }
}
@media(max-width: 991.98px) {
  .meco-info .container .info-info {
    font-size: 20px;
  }
}
@media(max-width: 575.98px) {
  .meco-info .container .info-info {
    font-size: 18px;
  }
  .meco-info .container .exchange-form .redeem-submit {
    height: 40px;
    font-size: 24px;
    border-radius: 50px;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 40px;
  }
  .meco-info .container .exchange-form .exchange-form-input .exchange-input-item input::placeholder {
    font-size: 14px;
  }
  .meco-info .container .exchange-form .exchange-form-input .exchange-input-item {
    padding-top: 0px;
  }
}