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

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

.header .logo {
  width: 22.57812%;
  height: 0;
  padding-bottom: 7.26563%;
  top: 3.02326%;
  left: 2.03125%;
}

.header .logo a {
  width: 100%;
  height: 0;
  padding-bottom: 33.63229%;
  display: block;
  background-size: 100%;
}

.header .slogan_main {
  width: 93.98438%;
  height: 0;
  padding-bottom: 23.67188%;
  top: 1.74419%;
  left: 4.60938%;
  background-size: 100%;
}

.header .role-left {
  width: 55.3125%;
  height: 0;
  padding-bottom: 55.78125%;
  top: 27.2093%;
  left: -23.28125%;
  background-size: 100%;
}

.header .role-right {
  width: 39.92188%;
  height: 0;
  padding-bottom: 56.95313%;
  top: 29.06977%;
  left: 69.21875%;
  background-size: 100%;
}

.header .lotto {
  width: 40.39062%;
  height: 0;
  padding-bottom: 46.40625%;
  top: 29.06977%;
  left: 30.625%;
  background-size: 100%;
}

.header .slogan {
  width: 77.26562%;
  height: 0;
  padding-bottom: 38.98438%;
  top: 77.90698%;
  left: 16.40625%;
  background-size: 100%;
}

/* ================= 頁面選單 ================= */
.nav {
  margin: 10px 0;
}

.nav .container {
  width: 95%;
  max-width: 770px;
}

.nav .container ul.navBtn li {
  width: 50%;
  height: 0;
  padding-bottom: 12.33766%;
}

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

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

.nav .container ul.navBtn li a {
  width: 95.84416%;
  height: 0;
  padding-bottom: 24.67532%;
  background-size: 200% 200;
}

/* ================= 內容 ================= */
.content .container {
  width: 98%;
  padding: 25px 10px;
}

.content .container > h3 {
  padding: 0;
}