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

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

.header .logo {
  width: 14.45312%;
  height: 0;
  padding-bottom: 9.53125%;
  top: 79.06198%;
  left: 42.65625%;
  background-size: 100%;
}

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

.header .slogan01 {
  width: 52.42187%;
  height: 0;
  padding-bottom: 16.71875%;
  top: 19.09548%;
  left: 24.0625%;
  background-size: 100%;
}

.header .slogan02 {
  width: 49.14062%;
  height: 0;
  padding-bottom: 7.03125%;
  top: 64.32161%;
  left: 25.625%;
  background-size: 100%;
}

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

.content::before {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  top: 6px;
  left: 6px;
}