@charset "UTF-8";
.wrapper {
  background-size: 150%, 150%;
  overflow: hidden;
}

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

.header .slogan {
  width: 54.53125%;
  height: 0;
  padding-bottom: 26.5625%;
  top: 20.02924%;
  left: 28.82812%;
  background-size: 100%;
}

.header .gold {
  width: 21.875%;
  height: 0;
  padding-bottom: 21.875%;
  top: 37.7193%;
  left: 73.125%;
  background-size: 100%;
}

.header .logo {
  width: 14.84375%;
  height: 0;
  padding-bottom: 9.6875%;
  top: 0.4386%;
  left: 53.35938%;
  background-size: 100%;
}

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

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

.nav .container {
  width: 100%;
}

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

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

.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.navBtn4 a {
  background-position-x: -300% !important;
}

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

.nav .navBtn ul li a {
  width: 93.65079%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 35.87302%;
  background-size: 500% 100%;
}

/* ================= 內容 ================= */
.content {
  padding: 13.5% 0;
  background-size: 100%, 100%;
}

.content .container {
  background-size: 105.3125%;
  padding: 15px;
  width: 95%;
}

.content h3.title01 {
  top: 1%;
}

.content h3.title02 {
  top: 2%;
}

.content h3.title03 {
  top: 2%;
}

.content h3.title04 {
  top: 2%;
}

.content h3.title05 {
  top: 3.5%;
}

@media only screen and (max-width: 798px) {
  .content h3.title01 {
    top: 0.8%;
  }
  .content h3.title02 {
    top: 1.8%;
  }
  .content h3.title03 {
    top: 1.8%;
  }
  .content h3.title04 {
    top: 1.8%;
  }
  .content h3.title05 {
    top: 2%;
  }
  .content h3 img {
    width: 90%;
  }
}

@media only screen and (max-width: 560px) {
  .content h3.title01 {
    top: 0.6%;
  }
  .content h3.title02 {
    top: 1.3%;
  }
  .content h3.title03 {
    top: 1.3%;
  }
  .content h3.title04 {
    top: 1.3%;
  }
  .content h3.title05 {
    top: 1.5%;
  }
}

.tabMain {
  padding: 5px;
}

.gotoheader {
  bottom: -2%;
}

@media only screen and (max-width: 798px) {
  .gotoheader {
    font-size: 1.3em;
    bottom: -1%;
  }
}

@media only screen and (max-width: 560px) {
  .gotoheader {
    bottom: -1.2%;
  }
}