@charset "UTF-8";
/*容器基本框架*/
.wrapper {
  background-size: 150%;
  overflow: hidden;
}

/* ================= 版頭 ================= */
.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 51.17188%;
}

.header .logo {
  width: 12.8125%;
  height: 0;
  padding-bottom: 8.35938%;
  top: 2.74809%;
  left: 59.0625%;
  background-size: 100%;
}

.header .logo a {
  width: 100%;
  height: 0;
  padding-bottom: 65.2439%;
}

.header .role {
  width: 42.5%;
  height: 0;
  padding-bottom: 63.51562%;
  top: 0.45802%;
  left: 61.5625%;
  background-size: 100%;
}

.header .slogan {
  width: 64.6875%;
  height: 0;
  padding-bottom: 31.64062%;
  top: 8.70229%;
  left: 4.6875%;
  background-size: 100%;
}

.header .giveCallCard {
  width: 24.21875%;
  height: 0;
  padding-bottom: 8.51562%;
  top: 64.73282%;
  left: 6.17188%;
}

.header .giveCallCard .callCard {
  width: 89.67742%;
  height: 0;
  padding-bottom: 25.80645%;
  bottom: 13.76147%;
  left: 11.6129%;
  background-size: 100%;
}

.header .giveCallCard .give {
  width: 35.16129%;
  height: 0;
  padding-bottom: 35.16129%;
  bottom: 0;
  left: 0;
  background-size: 100%;
}

.header .lotteryDiamond {
  width: 23.82812%;
  height: 0;
  padding-bottom: 6.40625%;
  top: 66.41221%;
  left: 31.64062%;
}

.header .lotteryDiamond .lottery {
  width: 16.39344%;
  height: 0;
  padding-bottom: 17.70492%;
  top: 12.19512%;
  left: 0;
  background-size: 100%;
}

.header .lotteryDiamond .diamond {
  width: 83.93443%;
  height: 0;
  padding-bottom: 26.88525%;
  bottom: 0;
  left: 17.04918%;
  background-size: 100%;
}

.header .lotteryGold {
  width: 24.84375%;
  height: 0;
  padding-bottom: 6.01562%;
  top: 81.37405%;
  left: 26.875%;
}

.header .lotteryGold .lottery {
  width: 33.01887%;
  height: 0;
  padding-bottom: 17.92453%;
  bottom: 6.09756%;
  left: 0;
  background-size: 100%;
}

.header .lotteryGold .gold {
  width: 65.72327%;
  height: 0;
  padding-bottom: 24.21384%;
  top: 0;
  left: 34.59119%;
  background-size: 100%;
}

.header .gold-img {
  width: 18.59375%;
  height: 0;
  padding-bottom: 18.59375%;
  top: 64.27481%;
  left: 51.79688%;
  background-size: 100%;
}

/* ================= 頁面選單 ================= */
.nav {
  width: 100%;
}

.nav .container {
  width: 100%;
}

.nav .navBtn {
  width: 95%;
  max-width: 1119px;
}

.nav .navBtn ul li {
  width: 33%;
  height: 0;
  padding-bottom: 12.33244%;
}

.nav .navBtn ul li.navBtn1 a {
  background-position-x: 0% !important;
}

.nav .navBtn ul li.navBtn2 a {
  background-position-x: -100% !important;
}

.nav .navBtn ul li.navBtn3 a {
  background-position-x: -200% !important;
}

.nav .navBtn ul li a {
  width: 97.85523%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 36.99732%;
  background-size: 300% 100%;
}

/* ================= 內容 ================= */
.content .container {
  width: 95%;
}