footer {
  background-image: url(../images/img/footer-bg.jpg);
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 991px) {
  footer {
    margin-bottom: 66px;
    background-image: url(../images/img/footer-bg-m.jpg);
  }
}
footer .topBox {
  padding: 4% 5%;
}
@media (max-width: 991px) {
  footer .topBox {
    padding: 0% 2% 15% 2%;
  }
}
footer .topBox .contactList {
  justify-content: space-around;
  align-items: center;
}
footer .topBox .contactList .unitTxt {
  margin-bottom: 10%;
}
@media (max-width: 991px) {
  footer .topBox .contactList .unitTxt {
    margin: 18% 0 15% 0;
  }
}
footer .topBox .contactList .unitTxt .logo {
  width: 38%;
  display: block;
  margin: 0 auto;
}
@media (max-width: 991px) {
  footer .topBox .contactList .unitTxt .logo {
    width: 48%;
  }
}
footer .topBox .contactList .unitTxt .decoTxt {
  width: 74%;
  margin: 8% auto 3% auto;
}
@media (max-width: 991px) {
  footer .topBox .contactList .unitTxt .decoTxt {
    width: 81%;
  }
}
footer .topBox .contactList .unitTxt .decoTxt .innerImg {
  padding-top: 11%;
}
footer .topBox .contactList .Txt {
  padding: 2.4% 0 0.8% 0;
  text-align: center;
  color: #fff;
  background: linear-gradient(to right, #d8ad73 0, #cfa46b 50%, #b58a59 75%, #a57b50 100%);
}
@media (max-width: 991px) {
  footer .topBox .contactList .Txt {
    padding: 4% 0 2% 0;
  }
}
footer .topBox .contactList .Txt h4 {
  font-size: calc(1px + 1vw);
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  footer .topBox .contactList .Txt h4 {
    font-size: calc(10px + 1vw);
  }
}
footer .topBox .contactList .formBox {
  background-image: url(../images/img/form-bg.jpg);
  background-size: cover;
  padding: 4% 7% 8% 7%;
  font-family: "Noto Serif TC", serif;
  color: #2e2b2b;
}
@media (max-width: 991px) {
  footer .topBox .contactList .formBox {
    padding: 7% 5% 15% 5%;
  }
}
footer .topBox .contactList .formBox p {
  line-height: 1.7;
}

.form-control {
  border-radius: 0;
  background-color: transparent;
  border-radius: 8px;
  border-color: #9e9e9f;
  color: #9e9e9f;
  font-family: "Noto Serif TC", serif;
  padding: 0.75rem 1rem;
  font-size: calc(1px + 0.9vw);
}
@media (max-width: 991px) {
  .form-control {
    font-size: calc(10px + 0.9vw);
    padding: 0.65rem 0.8rem;
  }
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  outline: 0;
  border-color: #9e9e9f;
  box-shadow: 0 0 10px 3px rgba(216, 172, 115, 0.2784313725);
}

::-moz-placeholder {
  color: #9e9e9f !important;
}

::placeholder {
  color: #9e9e9f !important;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(216, 172, 115, 0.2784313725);
}/*# sourceMappingURL=footer.css.map */