@charset "UTF-8";
:root {
  --remBasicSize: 16px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

body,
html {
  font-family: "Noto Sans TC", Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  background: #ddd;
  background-color: #fff;
  color: #000;
  font-size: 16px;
}

input,
select,
textarea,
button,
option,
li {
  font-family: "Noto Sans TC", Helvetica, Arial, "黑體-繁", "Heiti TC", "儷黑", "LiHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  color: #212121;
}

a,
button {
  text-decoration: none;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
}
a:focus, a:hover, a:active,
button:focus,
button:hover,
button:active {
  outline: none;
  text-decoration: none;
}

::-webkit-scrollbar {
  display: none;
}

.ctr_both {
  clear: both;
}

.m_auto {
  display: block;
  margin: 0 auto;
}

.flex_r {
  display: flex;
  flex-direction: row;
}

.flex_c {
  display: flex;
  flex-direction: column;
}

#hamburger {
  /*------------
      圖
  --------------*/
  /*------------
      選單內容
  --------------*/
}
#hamburger.on {
  position: fixed;
  z-index: 99;
  display: block;
  width: 100vw;
  height: 100vh;
  display: block;
}
#hamburger .menu_toggle {
  cursor: pointer;
  position: fixed;
  z-index: 88;
  top: 0%;
  right: 0%;
  width: 54px;
  height: 54px;
  background: #c188ad;
  border-radius: calc(0 * var(--remBasicSize));
  display: block;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_toggle {
    width: calc(5 * var(--remBasicSize));
    height: calc(5 * var(--remBasicSize));
  }
}
#hamburger .menu_toggle .title,
#hamburger .menu_toggle .one,
#hamburger .menu_toggle .two,
#hamburger .menu_toggle .three {
  width: calc(1.875 * var(--remBasicSize));
  height: calc(0.125 * var(--remBasicSize));
  margin: calc(0.375 * var(--remBasicSize)) auto;
  background: #fff;
  transition-duration: 0.3s;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_toggle .title,
  #hamburger .menu_toggle .one,
  #hamburger .menu_toggle .two,
  #hamburger .menu_toggle .three {
    width: calc(2.75 * var(--remBasicSize));
    height: calc(0.25 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize)) auto;
  }
}
#hamburger .menu_toggle .title {
  width: calc(1.875 * var(--remBasicSize));
  height: calc(0.5625 * var(--remBasicSize));
  background: url(../images/nav/menu.png) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_toggle .title {
    width: calc(3.125 * var(--remBasicSize));
    height: calc(0.9375 * var(--remBasicSize));
  }
}
#hamburger .menu_toggle.on .title {
  width: calc(1.875 * var(--remBasicSize));
  height: calc(0.5625 * var(--remBasicSize));
  background: url(../images/nav/close.png) no-repeat top center/contain;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_toggle.on .title {
    width: calc(3.125 * var(--remBasicSize));
    height: calc(0.9375 * var(--remBasicSize));
  }
}
#hamburger .menu_toggle .one {
  width: calc(1.875 * var(--remBasicSize));
  height: calc(0.125 * var(--remBasicSize));
  margin: calc(0.375 * var(--remBasicSize)) auto;
  background: #fff;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_toggle .one {
    width: calc(2.75 * var(--remBasicSize));
    height: calc(0.25 * var(--remBasicSize));
    margin: calc(0.625 * var(--remBasicSize)) auto;
  }
}
#hamburger .menu_toggle.on .one {
  width: calc(1.875 * var(--remBasicSize));
  height: calc(0.125 * var(--remBasicSize));
  margin: calc(0.375 * var(--remBasicSize)) auto;
  background: #c188ad;
}
#hamburger .menu_toggle.on .two {
  transform: rotate(45deg) translate(calc(-0.125 * var(--remBasicSize)), calc(-0.1875 * var(--remBasicSize)));
}
@media screen and (max-width: 750px) {
  #hamburger .menu_toggle.on .two {
    transform: rotate(45deg) translate(calc(0 * var(--remBasicSize)), calc(0 * var(--remBasicSize)));
  }
}
#hamburger .menu_toggle.on .three {
  transform: rotate(-45deg) translate(calc(0.5 * var(--remBasicSize)), calc(-0.5 * var(--remBasicSize)));
}
@media screen and (max-width: 750px) {
  #hamburger .menu_toggle.on .three {
    transform: rotate(-45deg) translate(calc(0.625 * var(--remBasicSize)), calc(-0.625 * var(--remBasicSize)));
  }
}
#hamburger .nav {
  position: fixed;
  top: 0;
  display: none;
  width: 100vw;
  height: 100vh;
}
#hamburger .nav .container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}
#hamburger .nav .container .inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 78.125vw;
  height: 111.1111111111vh;
}
@media screen and (max-width: 750px) {
  #hamburger .nav .container .inner {
    width: 100%;
    flex-wrap: wrap;
  }
}
#hamburger .nav.nav--change {
  display: none;
}
#hamburger .nav.hidden {
  display: block;
  background-color: #aacc93;
}
#hamburger .burger_img {
  position: relative;
  z-index: 2;
  width: 48.203125vw;
  min-width: 48.203125vw;
  height: 91.6666666667vh;
  min-height: 91.6666666667vh;
  list-style: none;
  display: flex;
  flex-direction: column;
  background: url(../images/nav/burger_img.png) no-repeat center/contain;
}
@media screen and (max-width: 750px) {
  #hamburger .burger_img {
    display: none;
  }
}
#hamburger .burger_img_m {
  display: none;
}
@media screen and (max-width: 750px) {
  #hamburger .burger_img_m {
    position: relative;
    z-index: 2;
    width: 93.75vw;
    min-width: 93.75vw;
    height: 25vh;
    min-height: 25vh;
    list-style: none;
    display: flex;
    flex-direction: column;
    background: url(../images/nav/burger_img_m.png) no-repeat center bottom/contain;
  }
}
#hamburger ul {
  position: relative;
  z-index: 2;
  width: 27.34375vw;
  min-width: 27.34375vw;
  height: 61.1111111111vh;
  min-height: 61.1111111111vh;
  list-style: none;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 750px) {
  #hamburger ul {
    width: calc(46.875 * var(--remBasicSize));
    min-width: auto;
    height: 48.6111111111vh;
    min-height: 48.6111111111vh;
    overflow: hidden;
  }
}
#hamburger ul.hidden {
  display: none;
  z-index: 999;
}
#hamburger .menu-section.on {
  width: 100%;
  height: 100%;
  z-index: 999;
  display: block;
  position: absolute;
}
#hamburger ul li a {
  width: 100%;
  max-width: calc(15.625 * var(--remBasicSize));
  display: block;
  margin: 0 auto;
  color: #221714;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 9.0277777778vh;
  text-decoration: none;
  border-bottom: calc(0.03125 * var(--remBasicSize)) solid #221714;
  text-align: center;
  transition-duration: 0.5s;
}
@media screen and (max-width: 750px) {
  #hamburger ul li a {
    font-size: 1rem;
    max-width: calc(31.25 * var(--remBasicSize));
  }
}
#hamburger ul li a .comingsoon {
  position: absolute;
  width: 100%;
  min-height: 6.25vh;
  top: calc(0 * var(--remBasicSize));
  left: calc(0 * var(--remBasicSize));
  pointer-events: none;
  z-index: 3;
}
#hamburger ul li a .comingsoon img {
  position: relative;
  top: 2.0833333333vh;
  left: 0.78125vw;
  width: 6.7578125vw;
  height: 3.4027777778vh;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 750px) {
  #hamburger ul li a .comingsoon img {
    top: 0.6944444444vh;
    width: 40.625vw;
    height: 2.3611111111vh;
  }
}
#hamburger ul li a:hover {
  color: #c188ad;
}
#hamburger .logo a.logo_nav {
  margin: 0 auto;
  display: block;
  width: 11.796875vw;
  height: 6.8055555556vh;
  margin-bottom: calc(0.9375 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hamburger .logo a.logo_nav {
    width: calc(17.875 * var(--remBasicSize));
    height: calc(5.6875 * var(--remBasicSize));
  }
}
#hamburger .logo a.logo_nav:hover {
  filter: drop-shadow(0 0 calc(1.25 * var(--remBasicSize)) #fff);
}
#hamburger .logo a.logo_nav img {
  width: 100%;
}
#hamburger .menu_elleweekend {
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_elleweekend {
    width: calc(25 * var(--remBasicSize));
    height: calc(7.5 * var(--remBasicSize));
  }
}
#hamburger .menu_elleweekend img {
  width: 2.734375vw;
  height: 2.3611111111vh;
  -o-object-fit: contain;
     object-fit: contain;
}
#hamburger .menu_elleweekend img:hover {
  filter: drop-shadow(0 0 calc(1.25 * var(--remBasicSize)) #fff);
}
@media screen and (max-width: 750px) {
  #hamburger .menu_elleweekend img {
    width: 31.25vw;
    height: 2.3611111111vh;
    position: relative;
    top: -10px;
  }
}
#hamburger .menu_stay_cozy {
  position: relative;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_stay_cozy {
    width: calc(25 * var(--remBasicSize));
    height: calc(7.5 * var(--remBasicSize));
  }
}
#hamburger .menu_stay_cozy img {
  width: 12.421875vw;
  height: 2.5vh;
  -o-object-fit: contain;
     object-fit: contain;
}
#hamburger .menu_stay_cozy img:hover {
  filter: drop-shadow(0 0 calc(1.25 * var(--remBasicSize)) #fff);
}
@media screen and (max-width: 750px) {
  #hamburger .menu_stay_cozy img {
    width: 40.625vw;
    height: 2.3611111111vh;
    position: relative;
    top: -10px;
  }
}
#hamburger .menu_stay_chic {
  position: relative;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_stay_chic {
    width: calc(25 * var(--remBasicSize));
    height: calc(7.5 * var(--remBasicSize));
  }
}
#hamburger .menu_stay_chic img {
  width: 12.1875vw;
  height: 2.5vh;
  -o-object-fit: contain;
     object-fit: contain;
}
#hamburger .menu_stay_chic img:hover {
  filter: drop-shadow(0 0 calc(1.25 * var(--remBasicSize)) #fff);
}
@media screen and (max-width: 750px) {
  #hamburger .menu_stay_chic img {
    width: 40.625vw;
    height: 2.3611111111vh;
    position: relative;
    top: -10px;
  }
}
#hamburger .menu_stay_tasty {
  position: relative;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 750px) {
  #hamburger .menu_stay_tasty {
    width: calc(25 * var(--remBasicSize));
    height: calc(7.5 * var(--remBasicSize));
  }
}
#hamburger .menu_stay_tasty img {
  width: 12.5vw;
  height: 2.5vh;
  -o-object-fit: contain;
     object-fit: contain;
}
#hamburger .menu_stay_tasty img:hover {
  filter: drop-shadow(0 0 calc(1.25 * var(--remBasicSize)) #fff);
}
@media screen and (max-width: 750px) {
  #hamburger .menu_stay_tasty img {
    width: 40.625vw;
    height: 2.3611111111vh;
    position: relative;
    top: -10px;
  }
}
#hamburger .social {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  width: calc(15.625 * var(--remBasicSize));
  height: calc(5.625 * var(--remBasicSize));
}
@media screen and (max-width: 750px) {
  #hamburger .social {
    width: calc(25 * var(--remBasicSize));
    height: calc(11.25 * var(--remBasicSize));
  }
}
#hamburger .social .flex_r {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 750px) {
  #hamburger .social .flex_r {
    justify-content: space-around;
    height: calc(3.875 * var(--remBasicSize));
    margin-top: calc(1.875 * var(--remBasicSize));
  }
}
#hamburger .social .flex_r a {
  width: 3.515625vw;
  height: 6.25vh;
  margin: 0.78125vw 1.3888888889vh;
  display: inline-block;
}
@media screen and (max-width: 750px) {
  #hamburger .social .flex_r a {
    width: calc(5 * var(--remBasicSize));
    height: calc(5 * var(--remBasicSize));
    position: relative;
    top: calc(1.25 * var(--remBasicSize));
  }
}
#hamburger .social .flex_r a.ig {
  background: url(../images/nav/social_ig.png) no-repeat center/contain;
}
#hamburger .social .flex_r a.fb {
  background: url(../images/nav/social_fb.png) no-repeat center/contain;
}
#hamburger .social .flex_r a.line {
  background: url(../images/nav/social_line.png) no-repeat center/contain;
}
#hamburger .social .flex_r a:hover {
  filter: drop-shadow(0 0 calc(0.5 * var(--remBasicSize)) #ffffff);
}/*# sourceMappingURL=nav.css.map */