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

/* ================= 版頭 ================= */
.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 67.38%;
}
.header .logo {
  width: 12.18%;
  height: 0;
  padding-bottom: 7.968%;
  top: 1%;
  left: 44.92%;
  background-size: 100%;
}
.header .slogan {
  width: 95.703%;
  height: 0;
  padding-bottom: 32%;
  top: 49%;
  left: 2.148%;
  background-size: 100%;
}
.header .logo_eplay {
  width: 17.382%;
  height: 0;
  padding-bottom: 7.031%;
  top: 79.71%;
  left: 32.226%;
  background-size: 100%;
}
.header .logo_mycard {
  width: 17.285%;
  height: 0;
  padding-bottom: 7.617%;
  top: 79.71%;
  left: 50.781%;
  background-size: 100%;
}

/* ================= 頁面選單 ================= */
.nav {
  width: 100%;
  margin-bottom:4%;
}
.nav .container {
  width: 100%;
}
.nav .container .navBtn {
  width: 80%;
}
.nav .container .navBtn li {
  width: 45%;
  height: 0;
  padding-bottom: 10.83%;
  margin: 1% auto;
}
.nav .container .navBtn li a {
  width: 100%;
  background-size: 200% !important;
  height: 0;
  padding-bottom: 42.36%;
  background-size: 100%;
}
.nav .container .navBtn li.navBtn01 a {
  background-position-x: 0% !important;
}
.nav .container .navBtn li.navBtn02 a {
  background-position-x: 100% !important;
}

/* ================= 內容 ================= */
.content {
  background-size: 150%;
}
.content .container {
  width: 98%;
}
.content .container .imgx2 {height:0; padding-bottom:20%}

@media only screen and (max-width: 500px) {
  .content__btn {
    width: 300px;
    margin: 0 auto;
  }
.container .titlePoint img {
  display: block;
  max-width: 95%;
  margin: 1% auto 9% auto;
}
.content .container .Stitla img {
  display: block;
  max-width: 80%;
  margin: 4% 0 2% 0;
  margin-left:30px;
}

}