@charset "UTF-8";
/*容器基本框架*/
.wrapper {
  background-size: 187.5%;
  overflow: hidden;
}

/* ================= 版頭 ================= */
.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 84.76562%;
}

.header .container .light {
  width: 97.26562%;
  height: 0;
  padding-bottom: 77.05078%;
  top: 9.21659%;
  right: 26.36719%;
  background-size: 100%;
}

.header .container .motorcycle {
  width: 48.33984%;
  height: 0;
  padding-bottom: 43.55469%;
  top: 23.27189%;
  right: 56.64062%;
  background-size: 100%;
}

.header .container .car {
  width: 83.78906%;
  height: 0;
  padding-bottom: 39.64844%;
  top: 46.08295%;
  right: 2.14844%;
  background-size: 100%;
}

.header .container .man {
  width: 58.20312%;
  height: 0;
  padding-bottom: 74.51172%;
  top: 0.23041%;
  left: 45.41016%;
  background-size: 100%;
}

.header .container .slogan {
  width: 96.19141%;
  height: 0;
  padding-bottom: 11.91406%;
  top: 85.25346%;
  right: 1.95312%;
  background-size: 100%;
}

.header .container .main {
  width: 48.53516%;
  height: 0;
  padding-bottom: 31.73828%;
  top: 1.03687%;
  left: 0.97656%;
  background-size: 100%;
}

.header .container .btn_gold {
  width: 19.23828%;
  height: 0;
  padding-bottom: 19.23828%;
  top: 68.08756%;
  right: 14.84375%;
  background-size: 100%;
}

.header .container .logo {
  width: 19.82422%;
  height: 0;
  padding-bottom: 14.0625%;
  top: 72.00461%;
  left: 2.24609%;
  background-size: 100% !important;
}

.header .logoBtn {
  width: 15%;
  height: 0;
  padding-bottom: 10%;
}

@media only screen and (max-width: 569px) {
  .header .logoBtn {
    padding-bottom: 15%;
  }
}

@media only screen and (max-width: 415px) {
  .header .logoBtn {
    width: 27%;
  }
}

.header .logoBtn a {
  width: 100%;
}

@media only screen and (max-width: 569px) {
  .header .logoBtn a {
    font-size: 12px;
    word-spacing: 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%;
}
