@charset "UTF-8";
footer {
  background-image: url(../images/img/footer-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 767px) {
  footer {
    background-image: none;
    background: linear-gradient(to bottom, #eae9e6 0, #e6e5e2 25%, #e3e2df 50%, #e1dfdc 75%, #e2e1de 100%);
  }
}
footer .topBox {
  padding: 3% 13%;
}
@media (max-width: 991px) {
  footer .topBox {
    padding: 0%;
  }
}
footer .topBox .contactList {
  padding: 5%;
}
@media (max-width: 991px) {
  footer .topBox .contactList {
    padding: 18% 1% 5% 1%;
  }
}
@media (max-width: 991px) {
  footer .topBox .contactList .Txt h2 {
    font-size: calc(20px + 5vw);
  }
}
footer .topBox .contactList .Txt h3 {
  font-size: calc(1px + 1.1vw);
  color: #231815;
  letter-spacing: calc(1px + 0.25vw);
  padding-left: calc(1px + 0.25vw);
  font-family: "Noto Sans TC", sans-serif;
  margin-bottom: 2%;
}
@media (max-width: 991px) {
  footer .topBox .contactList .Txt h3 {
    font-size: calc(10px + 1.7vw);
    letter-spacing: calc(1px + 0.6vw);
    padding-left: calc(1px + 0.6vw);
    margin-bottom: 5%;
  }
}
footer .topBox .contactList .Txt h4 {
  font-size: calc(1px + 1.65vw);
  letter-spacing: 1px;
  color: #976a01;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  footer .topBox .contactList .Txt h4 {
    font-size: calc(14px + 2.2vw);
  }
}
footer .topBox .contactList .Txt h4 span {
  font-size: calc(1px + 1.9vw);
  font-family: "Times New Roman", serif;
  margin-top: 2px;
}
@media (max-width: 991px) {
  footer .topBox .contactList .Txt h4 span {
    font-size: calc(16px + 2.7vw);
  }
}
footer .topBox .contactList .Txt h4 small {
  font-size: calc(1px + 0.8vw);
}
@media (max-width: 991px) {
  footer .topBox .contactList .Txt h4 small {
    font-size: calc(8px + 1.2vw);
  }
}
footer .topBox .contactList form p, footer .topBox .contactList form span, footer .topBox .contactList form label {
  color: #595757;
}
footer .topBox .contactList .infoList {
  margin-top: 5%;
}
@media (max-width: 991px) {
  footer .topBox .contactList .infoList {
    margin-top: 10%;
  }
}
footer .topBox .contactList .infoList h3 {
  font-size: calc(1px + 1.7vw);
  letter-spacing: 0.1vw;
  color: #986a01;
  font-family: "Noto Serif TC", serif;
  margin-bottom: 3%;
}
@media (max-width: 991px) {
  footer .topBox .contactList .infoList h3 {
    font-size: calc(16px + 1.7vw);
    letter-spacing: 0.2vw;
    margin-bottom: 5%;
  }
}
footer .topBox .contactList .infoList ul.CaseInfo {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.3;
  border-top: 1px solid rgb(174, 174, 174);
}
footer .topBox .contactList .infoList ul.CaseInfo li {
  width: 50%;
  display: flex;
  padding: 1.3% 0;
  color: #595757;
  font-weight: 400;
  border-bottom: 1px solid rgba(174, 174, 174, 0.609);
}
@media (max-width: 991px) {
  footer .topBox .contactList .infoList ul.CaseInfo li {
    width: 100%;
    font-size: 0.87rem;
    padding: 10px 0;
  }
}
footer .topBox .contactList .infoList ul.CaseInfo li span {
  min-width: 80px;
  display: inline-block;
}
@media (max-width: 991px) {
  footer .topBox .contactList .infoList ul.CaseInfo li span {
    min-width: 73px;
    line-height: 1.2;
  }
}
footer .topBox .contactList .infoList ul.CaseInfo li span::after {
  content: "｜";
}
footer .topBox .contactList .infoList ul.CaseInfo li:last-of-type {
  width: 100%;
}
footer .topBox .contactList .infoList ul.CaseInfo a {
  color: #595757;
}
footer .copyright {
  display: block;
}
@media (max-width: 991px) {
  footer .copyright span {
    display: block;
  }
}

.form-control {
  border-radius: 7px;
  background-color: #fff;
  color: #595757;
  padding: 0.4vw 0.7vw;
}
@media (max-width: 991px) {
  .form-control {
    padding: 6px 11px;
    border-radius: 5px;
  }
}
.form-control:focus {
  background-color: #fff;
  border-color: #8f9292;
  color: #333;
  outline: 0;
  box-shadow: 0 0 10px 3px rgba(143, 146, 146, 0.6549019608);
}

::-moz-placeholder {
  color: #595757 !important;
}

::placeholder {
  color: #595757 !important;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 199, 208, 0.2196078431);
}/*# sourceMappingURL=footer.css.map */