@charset "UTF-8";
/*容器基本框架*/
.wrapper {
  background-size: 150%;
  overflow: hidden;
}

/* ================= 版頭 ================= */
.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 63.125%;
}

.header .container .light {
  width: 67.5%;
  height: 0;
  padding-bottom: 56.25%;
  top: 16.08911%;
  left: 6.64062%;
  background-size: 100%;
}

.header .container .car {
  width: 76.40625%;
  height: 0;
  padding-bottom: 38.67188%;
  top: 45.79208%;
  right: 36.64062%;
  background-size: 100%;
}

.header .container .man {
  width: 50.39062%;
  height: 0;
  padding-bottom: 49.0625%;
  top: 31.18812%;
  left: 48.82812%;
  background-size: 100%;
}

.header .container .slogan {
  width: 41.01562%;
  height: 0;
  padding-bottom: 6.95312%;
  top: 3.34158%;
  right: 13.51562%;
  background-size: 100%;
}

.header .container .main {
  width: 59.21875%;
  height: 0;
  padding-bottom: 16.40625%;
  top: 11.13861%;
  left: 36.71875%;
  background-size: 100%;
}

.header .container .btn_gold {
  width: 15.39062%;
  height: 0;
  padding-bottom: 15.39062%;
  top: 73.14356%;
  right: 11.875%;
  background-size: 100%;
}

.header .container .logo {
  width: 21.40625%;
  height: 0;
  padding-bottom: 8.90625%;
  top: 9.03465%;
  left: 14.76562%;
  background-size: 100% !important;
}

.header .container .logoBtn {
  width: 15%;
  height: 0;
  padding-bottom: 2.34375%;
  bottom: 4%;
  left: 43%;
}

@media only screen and (max-width: 569px) {
  .header .container .logoBtn {
    bottom: 5%;
  }
}

@media only screen and (max-width: 415px) {
  .header .container .logoBtn {
    width: 27%;
    bottom: 11%;
    left: 36%;
  }
}

.header .container .logoBtn a {
  width: 100%;
  padding-bottom: 2.34375%;
}

@media only screen and (max-width: 569px) {
  .header .container .logoBtn a {
    font-size: 12px;
    word-spacing: 0;
  }
}

@media only screen and (max-width: 415px) {
  .header .container .logoBtn a {
    padding: 0;
  }
}

/* ================= 頁面選單 ================= */
@media only screen and (max-width: 376px) {
  .nav ul {
    width: 95%;
  }
}

.nav ul li {
  width: 31.88235%;
  height: 0;
  padding-bottom: 11.52941%;
}

.nav ul li a {
  padding-bottom: 11.52941%;
}
