@charset "UTF-8";
/*容器基本框架*/
.wrapper {
  background-size: 150%;
  overflow: hidden;
}

/* ================= 版頭 ================= */
.header {
  background-size: 150%;
}

.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 51.5625%;
}

.header .logo {
  width: 15.3125%;
  height: 0;
  padding-bottom: 9.84375%;
  top: 1.21212%;
  left: 0.625%;
  background-size: 100%;
}

.header .logo a {
  width: 100%;
  height: 0;
  padding-bottom: 64.28571%;
}

.header .role {
  width: 55.46875%;
  height: 0;
  padding-bottom: 78.75%;
  top: 3.33333%;
  left: -3.59375%;
  background-size: 100%;
}

.header .slogan {
  width: 58.59375%;
  height: 0;
  padding-bottom: 48.90625%;
  top: 3.93939%;
  left: 39.21875%;
}

.header .slogan_711 {
  width: 36%;
  height: 0;
  padding-bottom: 16.26667%;
  background-size: 100%;
}

.header .slogan_mycard {
  width: 45.73333%;
  height: 0;
  padding-bottom: 20.4%;
  background-size: 100%;
  top: 14.377%;
  left: 29.86667%;
}

.header .slogan_num {
  width: 72.26667%;
  height: 0;
  padding-bottom: 9.06667%;
  background-size: 100%;
  top: 37.53994%;
  left: 18%;
}

.header .slogan_subtitle {
  width: 88.53333%;
  height: 0;
  padding-bottom: 40.8%;
  background-size: 100%;
  top: 50.31949%;
  left: 10.66667%;
}

.header .slogan_subtitle-1 {
  width: 28.91566%;
  height: 0;
  padding-bottom: 7.07831%;
  top: 22.87582%;
  left: 13.55422%;
  background-size: 100%;
}

.header .slogan_subtitle-goldPoker, .header .slogan_subtitle-goldDice, .header .slogan_subtitle-goldTmd {
  width: 11.29518%;
  height: 0;
  padding-bottom: 11.44578%;
  top: 16.33987%;
}

.header .slogan_subtitle-goldPoker {
  left: 44.57831%;
}

.header .slogan_subtitle-goldDice {
  left: 57.22892%;
}

.header .slogan_subtitle-goldTmd {
  left: 70.03012%;
}

.header .slogan_subtitle-2 {
  width: 80.42169%;
  height: 0;
  padding-bottom: 17.62048%;
  top: 42.48366%;
  left: 10.54217%;
  background-size: 100%;
}

/* ================= 內容 ================= */
.content {
  margin: 0 auto;
}

.content .container {
  width: calc(98% - 10px);
  padding: 14px 3.2em 30px 3.2em;
}
