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

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

.header .slogan {
  width: 48.67188%;
  height: 0;
  padding-bottom: 28.51562%;
  top: 22.28571%;
  left: 23.4375%;
  background-size: 100%;
}

.header .slogan::before {
  height: 0;
  padding-bottom: 58.58748%;
  background-size: 100%;
}

.header .logo {
  width: 13.75%;
  height: 0;
  padding-bottom: 9.60938%;
  top: 4.14286%;
  left: 40.9375%;
  background-size: 100%;
}

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

.header .takeOut {
  width: 13.20312%;
  height: 0;
  padding-bottom: 12.26562%;
  top: 16.42857%;
  left: 12.10938%;
  background-size: 100%;
}

.header .card_711 {
  width: 15.07812%;
  height: 0;
  padding-bottom: 15.15625%;
  top: 38%;
  left: 2.73438%;
  background-size: 100%;
}

.header .card_carrefour {
  width: 20.15625%;
  height: 0;
  padding-bottom: 20.07812%;
  top: 62.28571%;
  left: 2.89062%;
  background-size: 100%;
}

.header .card_family {
  width: 16.79688%;
  height: 0;
  padding-bottom: 16.95312%;
  top: 68.28571%;
  left: 65.15625%;
  background-size: 100%;
}

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

.nav .container {
  width: 100%;
}

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

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

.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 a {
  width: 97.61194%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 27.16418%;
  background-size: 300% 100%;
}

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