/*
 * NI_LEGACY_BRIDGE_RETIREMENT_POLICY
 * Final-loaded compatibility bridge for old ECShop selectors only.
 * Do not add new visual features here. Before deleting selectors, run:
 *   php tools/ni_frontend_legacy_bridge_usage_audit.php
 */
/*
 * Legacy bridge for old ECShop selectors only.
 * Temporary compatibility layer: do not add new visual features here.
 *
 * Convergence rule:
 * - reusable stable rules move to components.css or layout.css
 * - page-only rules move to pages.css
 * - breakpoint rules move to responsive.css
 * - old ECShop selectors remain here only until the owning page family is modernized and smoke-tested
 */
/* NI_HEADER_SEARCH_DRAWER_EXTRACTED_START */
/* Header / search / drawer legacy bridge extracted from page_header.lbi and page_footer.lbi.
   This is a temporary canonical bridge. Future visual redesign should move stable rules into layout/components/responsive and delete obsolete selectors here.
   No page-specific inline header/search/drawer CSS should be added back to .lbi files. */

/* extracted legacy header/search/drawer block 1 */
:root{
  --ni-frame:960px;
  --ni-page:#fffdf9;
  --ni-ivory:#fbf6ef;
  --ni-line:#e3d1c5;
  --ni-text:#5d514b;
  --ni-sub:#8b7b72;
  --ni-rose:#cf8f8e;
  --ni-rose-deep:#b9777b;
}html,
body{max-width:100%!important;}body.ni-home-index{min-width:0!important;overflow-x:hidden!important;}body .header_bg.ni-premium-header,
body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body.ni-home-index .header_bg.ni-premium-header{
  display:block!important;
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:99999!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid rgba(226,205,192,.78)!important;
  background:#fdfbf8!important;
  box-shadow:0 12px 28px rgba(114,82,66,.055)!important;
}html body .header_bg.ni-premium-header .ni-premium-header-inner{
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:transparent!important;
}@media screen and (min-width:961px){body .header_bg.ni-premium-header,
body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix,
html body #search.ni-global-search,
html body.ni-home-index .ni-home-carousel-modern > .block{
    width:var(--ni-frame)!important;
    max-width:var(--ni-frame)!important;
  }
}@media screen and (max-width:960px){body .header_bg.ni-premium-header,
body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix,
html body #search.ni-global-search,
html body.ni-home-index .ni-home-carousel-modern > .block{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}body .ni-premium-header *{box-sizing:border-box!important;}body .ni-premium-utilbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 6px!important;
  border-bottom:1px solid rgba(226,211,201,.82)!important;
  background:transparent!important;
  color:var(--ni-sub)!important;
  font-family:"Noto Sans TC","PingFang TC","Hiragino Sans GB","Microsoft JhengHei",sans-serif!important;
  font-size:13px!important;
  line-height:30px!important;
  letter-spacing:.04em!important;
  overflow:hidden!important;
}body .ni-premium-member,
body #ECS_MEMBERZONE.ni-premium-member,
body .ni-premium-member font,
body .ni-premium-member span,
body .ni-premium-member .userInfo{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  color:var(--ni-sub)!important;
  background:transparent!important;
  font:inherit!important;
  line-height:30px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}body .ni-premium-member #append_parent,
body .ni-premium-member meta{display:none!important;}body .ni-premium-member a,
body #ECS_MEMBERZONE.ni-premium-member a,
body .ni-premium-quicknav a,
body .log.ni-premium-quicknav a{
  display:inline-flex!important;
  align-items:center!important;
  height:30px!important;
  line-height:30px!important;
  margin:0!important;
  padding:0 4px!important;
  color:#7e6d65!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  white-space:nowrap!important;
}body .ni-premium-member .f4_b,
body .ni-premium-member .ni-member-name-link,
body #ECS_MEMBERZONE.ni-premium-member .f4_b,
body #ECS_MEMBERZONE.ni-premium-member .ni-member-name-link{
  color:#d5717c!important;
  font-weight:700!important;
}body .ni-premium-member a:hover,
body .ni-premium-quicknav a:hover{color:var(--ni-rose-deep)!important;text-decoration:none!important;}body .ni-premium-quicknav,
body .log.ni-premium-quicknav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 1 auto!important;
  gap:0!important;
  min-width:0!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  overflow:hidden!important;
  color:rgba(151,130,118,.72)!important;
  white-space:nowrap!important;
}body .ni-premium-quicknav a,
body .log.ni-premium-quicknav a{position:relative!important;padding:0 9px!important;font-size:13px!important;}body .ni-premium-quicknav a:before,
body .log.ni-premium-quicknav a:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:1px!important;
  height:13px!important;
  transform:translateY(-50%)!important;
  background:rgba(210,190,178,.84)!important;
}body .ni-premium-quicknav a:first-of-type:before,
body .log.ni-premium-quicknav a:first-of-type:before{display:none!important;}body .ni-premium-brandrow{
  display:grid!important;
  grid-template-columns:minmax(310px,36%) minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:clamp(12px,2vw,22px)!important;
  width:100%!important;
  min-width:0!important;
  min-height:clamp(86px,10.833vw,104px)!important;
  margin:0!important;
  padding:clamp(12px,1.875vw,18px) clamp(12px,1.667vw,16px) clamp(14px,2.083vw,20px)!important;
  overflow:visible!important;
  background:transparent!important;
}body .ni-premium-brand,
body .ni-premium-brand.f_l{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(12px,1.875vw,18px)!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  background:transparent!important;
}body .ni-premium-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 1 auto!important;
  width:clamp(178px,25.5vw,245px)!important;
  max-width:245px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  text-decoration:none!important;
}body .ni-premium-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:76px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 13px rgba(115,87,75,.08))!important;
}body .ni-premium-brandcopy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  flex:0 1 auto!important;
  width:clamp(128px,17.5vw,170px)!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 0 0 clamp(12px,1.875vw,18px)!important;
  border-left:1px solid rgba(220,199,186,.86)!important;
  background:transparent!important;
  overflow:hidden!important;
}body .ni-premium-kana{
  display:block!important;
  max-width:100%!important;
  color:#b58c7e!important;
  font-family:Georgia,"Times New Roman","Noto Serif TC",serif!important;
  font-size:clamp(10px,1.146vw,11px)!important;
  font-weight:700!important;
  letter-spacing:clamp(.14em,.022vw,.22em)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}body .ni-premium-text{
  display:block!important;
  max-width:100%!important;
  margin-top:6px!important;
  color:#71645d!important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
  font-size:clamp(13px,1.667vw,16px)!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:clamp(.06em,.0135vw,.13em)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}body .ni-premium-actions.top_link,
body .top_link.ni-premium-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  justify-content:end!important;
  gap:clamp(7px,1.042vw,10px)!important;
  width:100%!important;
  max-width:520px!important;
  min-width:0!important;
  height:auto!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  float:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}body .ni-premium-actions a,
body .top_link.ni-premium-actions a{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:clamp(36px,4.375vw,42px)!important;
  line-height:clamp(36px,4.375vw,42px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(206,180,166,.90)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,254,251,.96) 0%,rgba(247,238,229,.96) 100%)!important;
  box-shadow:0 8px 18px rgba(116,84,67,.07),inset 0 1px 0 rgba(255,255,255,.94)!important;
  color:#75665e!important;
  text-decoration:none!important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
  font-size:clamp(12px,1.458vw,14px)!important;
  font-weight:500!important;
  letter-spacing:clamp(.04em,.0104vw,.10em)!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}body .ni-premium-actions a span,
body .top_link.ni-premium-actions a span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  max-width:calc(100% - clamp(42px,5.8vw,58px))!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  background:transparent!important;
  font:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}body .ni-premium-actions a:before,
body .top_link.ni-premium-actions a:before{
  position:absolute!important;
  left:clamp(12px,1.875vw,18px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:clamp(18px,2.292vw,22px)!important;
  height:clamp(18px,2.292vw,22px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#c77782!important;
  font-family:"Noto Sans TC","PingFang TC",sans-serif!important;
  font-size:clamp(13px,1.667vw,16px)!important;
  line-height:1!important;
  box-shadow:none!important;
  pointer-events:none!important;
}body .ni-premium-actions a:nth-child(1):before{content:"♙"!important;}body .ni-premium-actions a:nth-child(2):before{content:"♡"!important;font-size:clamp(16px,2.083vw,20px)!important;}body .ni-premium-actions a:nth-child(3):before{content:"?"!important;font-weight:700!important;}body .ni-premium-actions a:nth-child(4):before{content:"♧"!important;}body .ni-premium-actions a:hover{border-color:rgba(191,139,124,.94)!important;color:#9b6c66!important;text-decoration:none!important;}html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  line-height:36px!important;
  margin:0 auto!important;
  padding:0!important;
  position:relative!important;
  z-index:99998!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(255,255,255,.32)!important;
  border-bottom:1px solid rgba(159,104,98,.28)!important;
  background:linear-gradient(90deg,#cda197 0%,#cf9695 46%,#bd8588 100%)!important;
  box-shadow:0 12px 28px rgba(127,85,79,.10)!important;
}html body #mainNav > img,
html body #mainNav img[src*="meun_line"]{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;}html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
  display:block!important;
  float:none!important;
  flex:0 0 auto!important;
  position:relative!important;
  width:auto!important;
  min-width:clamp(72px,10vw,96px)!important;
  height:36px!important;
  line-height:36px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-sizing:border-box!important;
}html body #mainNav .u1:after,
html body.ni-home-index #mainNav .u1:after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:9px!important;
  width:1px!important;
  height:18px!important;
  background:rgba(255,255,255,.24)!important;
}html body #mainNav .u1:last-of-type:after,
html body.ni-home-index #mainNav .u1:last-of-type:after{display:none!important;}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:clamp(72px,10vw,96px)!important;
  height:36px!important;
  line-height:36px!important;
  margin:0!important;
  padding:0 clamp(8px,1.667vw,16px)!important;
  border:0!important;
  box-sizing:border-box!important;
  background:transparent!important;
  color:#fffaf7!important;
  text-decoration:none!important;
  text-shadow:0 1px 1px rgba(92,60,56,.16)!important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
  font-size:clamp(13px,1.667vw,16px)!important;
  font-weight:600!important;
  letter-spacing:clamp(.04em,.01vw,.09em)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1{background:rgba(255,255,255,.16)!important;color:#fff!important;}#search.ni-global-search,
html body #search.ni-global-search{
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body .ni-premium-utilbar{
  justify-content:space-between!important;
  padding-left:8px!important;
  padding-right:8px!important;
}body .ni-premium-member,
body #ECS_MEMBERZONE.ni-premium-member{
  flex:0 0 auto!important;
  max-width:44%!important;
  justify-content:flex-start!important;
  text-align:left!important;
}body .ni-premium-quicknav,
body .log.ni-premium-quicknav{
  flex:1 1 auto!important;
  max-width:56%!important;
  margin-left:auto!important;
  justify-content:flex-end!important;
  text-align:right!important;
}body .ni-premium-member,
body #ECS_MEMBERZONE.ni-premium-member,
body .ni-premium-member font,
body .ni-premium-member a,
body #ECS_MEMBERZONE.ni-premium-member a,
body .ni-premium-quicknav,
body .log.ni-premium-quicknav,
body .ni-premium-quicknav a,
body .log.ni-premium-quicknav a{
  font-size:13px!important;
  line-height:30px!important;
  height:30px!important;
  vertical-align:middle!important;
}body .ni-premium-quicknav a:first-of-type:before,
body .log.ni-premium-quicknav a:first-of-type:before,
body .ni-premium-quicknav a:nth-of-type(1):before,
body .log.ni-premium-quicknav a:nth-of-type(1):before{
  display:none!important;
  content:none!important;
  width:0!important;
}body .ni-premium-actions a:before,
body .top_link.ni-premium-actions a:before{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
}body .ni-premium-actions a span,
body .top_link.ni-premium-actions a span{
  left:0!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:100%!important;
  max-width:none!important;
  padding:0 8px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}@media screen and (min-width:701px){body .ni-premium-brandrow{
    grid-template-columns:minmax(clamp(340px,43.75vw,420px),clamp(340px,43.75vw,420px)) minmax(0,1fr)!important;
    column-gap:clamp(10px,1.667vw,16px)!important;
    align-items:center!important;
  }body .ni-premium-brand,
body .ni-premium-brand.f_l{
    gap:clamp(10px,1.667vw,16px)!important;
    min-width:0!important;
    overflow:visible!important;
  }body .ni-premium-logo{
    flex:0 0 clamp(168px,25vw,240px)!important;
    width:clamp(168px,25vw,240px)!important;
    max-width:240px!important;
  }body .ni-premium-logo img{
    max-height:74px!important;
  }body .ni-premium-brandcopy{
    flex:0 0 clamp(136px,17.708vw,170px)!important;
    width:clamp(136px,17.708vw,170px)!important;
    max-width:170px!important;
    padding-left:clamp(10px,1.458vw,14px)!important;
    overflow:visible!important;
  }body .ni-premium-kana{
    font-size:clamp(10px,1.146vw,11px)!important;
    letter-spacing:.18em!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }body .ni-premium-text{
    font-size:clamp(13px,1.563vw,15px)!important;
    letter-spacing:.055em!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }body .ni-premium-actions.top_link,
body .top_link.ni-premium-actions{
    max-width:clamp(360px,54.167vw,520px)!important;
    gap:clamp(6px,.833vw,8px)!important;
    justify-self:end!important;
  }body .ni-premium-actions a,
body .top_link.ni-premium-actions a{
    height:clamp(34px,4.167vw,40px)!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:clamp(12px,1.354vw,13px)!important;
    letter-spacing:.035em!important;
    text-align:center!important;
  }
}@media screen and (max-width:700px){body .ni-premium-utilbar{height:auto!important;min-height:0!important;padding:8px 8px 7px!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important;}body .ni-premium-member,
body #ECS_MEMBERZONE.ni-premium-member{justify-content:center!important;width:100%!important;height:auto!important;line-height:1.6!important;white-space:normal!important;overflow:visible!important;text-align:center!important;}body .ni-premium-quicknav,
body .log.ni-premium-quicknav{justify-content:center!important;width:100%!important;height:auto!important;line-height:1.6!important;overflow-x:auto!important;padding-bottom:1px!important;}body .ni-premium-brandrow{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;width:100%!important;max-width:100%!important;min-height:0!important;padding:14px 12px 16px!important;overflow:visible!important;}body .ni-premium-brand,
body .ni-premium-brand.f_l{width:100%!important;justify-content:center!important;gap:12px!important;}body .ni-premium-logo{width:min(58%,250px)!important;max-width:250px!important;}body .ni-premium-logo img{max-height:68px!important;}body .ni-premium-brandcopy{width:min(42%,180px)!important;max-width:180px!important;padding-left:12px!important;}body .ni-premium-kana{font-size:10px!important;letter-spacing:.15em!important;}body .ni-premium-text{font-size:13px!important;letter-spacing:.08em!important;}body .ni-premium-actions.top_link,
body .top_link.ni-premium-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:430px!important;margin:0 auto!important;gap:9px!important;}body .ni-premium-actions a{height:42px!important;line-height:42px!important;font-size:13px!important;}html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;justify-content:stretch!important;gap:0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;line-height:normal!important;margin:0!important;padding:0!important;overflow:visible!important;background:linear-gradient(180deg,#d5a6a0 0%,#c98f91 100%)!important;}html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{display:block!important;visibility:visible!important;opacity:1!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;line-height:42px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;border-right:1px solid rgba(255,255,255,.22)!important;border-bottom:1px solid rgba(255,255,255,.18)!important;box-sizing:border-box!important;}html body #mainNav .u1:after{display:none!important;}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;line-height:42px!important;margin:0!important;padding:0 4px!important;font-size:13px!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;color:#fff!important;}html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav{display:none!important;}
}

/* extracted legacy header/search/drawer block 2 */
#search.ni-global-search{
  clear:both !important;
  width:calc(100% - 28px) !important;
  max-width:960px !important;
  min-width:0 !important;
  height:auto !important;
  min-height:54px !important;
  margin:12px auto 14px !important;
  padding:9px 14px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  border:1px solid rgba(229,203,190,.72) !important;
  border-radius:18px !important;
  background:#fdfbf8 !important;
  background-color:#fdfbf8 !important;
  background-image:none !important;
  box-shadow:none !important;
}#search.ni-global-search:before,
#search.ni-global-search .hot_search,
#search.ni-global-search .search_hot,
#search.ni-global-search .search_b{
  display:none !important;
  content:none !important;
}#search.ni-global-search #searchForm,
#search.ni-global-search .ni-search-form{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(7px, 1.05vw, 10px) !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  box-sizing:border-box !important;
  background:#fdfbf8 !important;
  background-color:#fdfbf8 !important;
  background-image:none !important;
}#search.ni-global-search .ni-search-field{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:36px !important;
  margin:0 !important;
  padding:0 clamp(12px, 1.8vw, 16px) 0 clamp(34px, 3.9vw, 40px) !important;
  box-sizing:border-box !important;
  border:1px solid rgba(216,189,176,.82) !important;
  border-radius:999px !important;
  background:#fffefa !important;
  background-color:#fffefa !important;
  background-image:none !important;
  box-shadow:inset 0 1px 2px rgba(128,90,76,.055) !important;
}#search.ni-global-search .ni-search-field:before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:15px;
  height:15px;
  margin-top:-7.5px;
  opacity:.50;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23947a70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center center / contain no-repeat;
}#search.ni-global-search #keyword{
  display:block !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:34px !important;
  line-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  box-sizing:border-box !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#78635c !important;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif !important;
  font-size:13px !important;
  letter-spacing:.04em !important;
  vertical-align:middle !important;
}#search.ni-global-search #keyword::placeholder{
  color:#b6a59e;
}#search.ni-global-search .go,
#search.ni-global-search .ni-search-submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 1 clamp(72px, 8.8vw, 82px) !important;
  width:clamp(72px, 8.8vw, 82px) !important;
  min-width:72px !important;
  max-width:82px !important;
  height:36px !important;
  line-height:36px !important;
  margin:0 !important;
  padding:0 clamp(12px, 1.6vw, 18px) !important;
  float:none !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  border:1px solid rgba(210,172,154,.82) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#fffefa 0%,#f6efe8 100%) !important;
  box-shadow:0 4px 12px rgba(148,103,84,.075), inset 0 1px 0 rgba(255,255,255,.76) !important;
  color:#85685f !important;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.14em !important;
  text-align:center !important;
  text-indent:0 !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}#search.ni-global-search .go:hover,
#search.ni-global-search .ni-search-submit:hover{
  transform:translateY(-1px);
  border-color:rgba(197,145,126,.86) !important;
  background:linear-gradient(180deg,#f8f0e8 0%,#eadfd6 100%) !important;
  box-shadow:0 7px 16px rgba(148,103,84,.12), inset 0 1px 0 rgba(255,255,255,.78) !important;
}#search.ni-global-search + .blank5b{
  height:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
}@media screen and (max-width: 980px){#search.ni-global-search{ width:calc(100% - 28px) !important; max-width:960px !important; }#search.ni-global-search .ni-search-field{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
}@media screen and (max-width: 620px){#search.ni-global-search{ padding:8px 10px !important; }#search.ni-global-search #searchForm{ gap:8px !important; }#search.ni-global-search .ni-search-field{ padding-left:34px !important; }#search.ni-global-search .go{ flex:0 1 72px !important; width:72px !important; min-width:68px !important; max-width:74px !important; padding:0 10px !important; }
}
#search.ni-global-search{ width:calc(100% - 28px) !important; max-width:960px !important; min-width:0 !important; }#search.ni-global-search #searchForm{ min-width:0 !important; }#search.ni-global-search .ni-search-field{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; }#search.ni-global-search #keyword{ min-width:0 !important; width:100% !important; }#search.ni-global-search .go,
#search.ni-global-search .ni-search-submit{ flex:0 1 clamp(72px, 8.8vw, 82px) !important; width:clamp(72px, 8.8vw, 82px) !important; min-width:72px !important; max-width:82px !important; white-space:nowrap !important; }

/* extracted legacy header/search/drawer block 3 */
#mainNav .u1_over .sub_nav,
#mainNav .sub_nav{background:#fffefa!important;background-color:#fffefa!important;background-image:none!important;border:1px solid #ded3c9!important;border-top:0!important;box-shadow:0 14px 32px rgba(115,90,75,.10)!important;color:#5f5955!important;}#mainNav .u1_over .sub_nav table,
#mainNav .u1_over .sub_nav tr,
#mainNav .u1_over .sub_nav td,
#mainNav .sub_nav table,
#mainNav .sub_nav tr,
#mainNav .sub_nav td{background:#fffefa!important;background-color:#fffefa!important;background-image:none!important;border-color:#eee7e0!important;}#mainNav .sub_nav a,
#mainNav .sub_nav .level_2{color:#5f5955!important;background:transparent!important;background-image:none!important;text-shadow:none!important;opacity:1!important;text-decoration:none!important;}#mainNav .sub_nav a:hover,
#mainNav .sub_nav .level_2:hover{color:#f56f7a!important;background:#f7f1eb!important;background-color:#f7f1eb!important;text-decoration:none!important;}
@media screen and (min-width:701px){
  body .ni-premium-actions.top_link,
  body .top_link.ni-premium-actions{
    max-width:520px!important;
    gap:8px!important;
    align-items:center!important;
  }
  body .ni-premium-actions a,
  body .top_link.ni-premium-actions a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:34px!important;
    min-height:34px!important;
    line-height:1!important;
    padding:0 10px!important;
    font-size:13px!important;
    letter-spacing:.045em!important;
    text-align:center!important;
  }
}body .ni-premium-actions a,
body .top_link.ni-premium-actions a{
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease!important;
}body .ni-premium-actions a:before,
body .top_link.ni-premium-actions a:before{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}body .ni-premium-actions a span,
body .top_link.ni-premium-actions a span{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  color:inherit!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}body .ni-premium-actions a:hover,
body .top_link.ni-premium-actions a:hover{
  color:#9b655f!important;
  border-color:rgba(190,135,122,.88)!important;
  background:linear-gradient(180deg,rgba(255,255,252,.98) 0%,rgba(247,232,223,.98) 100%)!important;
  box-shadow:0 9px 18px rgba(166,116,104,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
  transform:translateY(-1px)!important;
}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
  transition:background .22s ease,color .22s ease,box-shadow .22s ease,text-shadow .22s ease,transform .22s ease!important;
}html body #mainNav .u1:hover .a1,
html body #mainNav .u1_over .a1,
html body #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav #cur .a1{
  background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,246,240,.14) 100%)!important;
  color:#fffefa!important;
  text-shadow:0 1px 2px rgba(125,73,69,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -10px 22px rgba(255,255,255,.08)!important;
}@media screen and (min-width:701px){html body #mainNav .u1:hover .a1,
html body #mainNav .u1_over .a1,
html body #mainNav #cur .a1{
    transform:translateY(-1px)!important;
  }
}@media screen and (max-width:700px){body .ni-premium-actions a,
body .top_link.ni-premium-actions a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* extracted legacy header/search/drawer block 4 */
:root{--ni-frame:960px;--ni-nav-h:46px;}html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
  position:relative!important;
  z-index:100200!important;
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  background:linear-gradient(90deg,#cda197 0%,#cf9695 46%,#bd8588 100%)!important;
  border-top:1px solid rgba(255,255,255,.30)!important;
  border-bottom:1px solid rgba(143,91,87,.24)!important;
  box-shadow:0 8px 20px rgba(127,85,79,.08)!important;
  overflow:visible!important;
}@media screen and (min-width:701px){html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
    padding:0!important;
  }html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
    position:relative!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    float:none!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:clamp(70px,10.65vw,102px)!important;
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-sizing:border-box!important;
    transition:background-color .18s ease,box-shadow .18s ease!important;
  }html body #mainNav .u1:after,
html body.ni-home-index #mainNav .u1:after{
    top:9px!important;
    height:18px!important;
    opacity:.50!important;
  }html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
    margin:0!important;
    padding:0 clamp(8px,1.875vw,18px)!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    color:#fffaf7!important;
    background:transparent!important;
    text-decoration:none!important;
    text-shadow:0 1px 1px rgba(92,60,56,.16)!important;
    font-size:clamp(13px,1.667vw,16px)!important;
    letter-spacing:clamp(.04em,.01vw,.09em)!important;
    transform:none!important;
    box-shadow:none!important;
  }html body #mainNav .u1:hover,
html body #mainNav .u1_over,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1:hover,
html body.ni-home-index #mainNav .u1_over,
html body.ni-home-index #mainNav #cur{
    background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,245,239,.11) 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -8px 18px rgba(255,255,255,.07)!important;
  }html body #mainNav .u1:hover .a1,
html body #mainNav .u1_over .a1,
html body #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav #cur .a1{
    color:#fffefa!important;
    background:transparent!important;
    text-shadow:0 1px 2px rgba(125,73,69,.20)!important;
    box-shadow:none!important;
    transform:none!important;
  }html body #mainNav .sub_nav{
    position:absolute!important;
    left:0!important;
    top:var(--ni-nav-h)!important;
    z-index:100260!important;
    display:none!important;
    min-width:180px!important;
    width:auto!important;
    height:auto!important;
    line-height:1.5!important;
    margin:0!important;
    padding:0!important;
    background:#fffefa!important;
    border:1px solid #ded3c9!important;
    border-top:0!important;
    box-shadow:0 14px 32px rgba(115,90,75,.13)!important;
  }html body #mainNav .u1:hover .sub_nav,
html body #mainNav .u1_over .sub_nav{
    display:table!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }html body #mainNav .sub_nav table,
html body #mainNav .sub_nav tbody,
html body #mainNav .sub_nav tr,
html body #mainNav .sub_nav td,
html body #mainNav .sub_nav td>div{
    background:#fffefa!important;
    background-color:#fffefa!important;
    border-color:#eee7e0!important;
  }html body #mainNav .sub_nav a,
html body #mainNav .sub_nav .level_2{
    display:block!important;
    min-height:24px!important;
    line-height:24px!important;
    padding:0 8px!important;
    color:#5f5955!important;
    background:transparent!important;
    text-shadow:none!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }html body #mainNav .sub_nav a:hover,
html body #mainNav .sub_nav .level_2:hover{
    color:#b66e72!important;
    background:#f7f1eb!important;
    text-decoration:none!important;
  }
}@media screen and (max-width:700px){html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    line-height:normal!important;
    overflow:visible!important;
    z-index:100200!important;
  }html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    overflow:hidden!important;
    background:transparent!important;
  }html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    padding:0 4px!important;
    text-align:center!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }html body #mainNav .u1:hover,
html body #mainNav .u1_over,
html body #mainNav #cur{
    background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,246,241,.10) 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
  }html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav{
    display:none!important;
  }
}

/* extracted legacy header/search/drawer block 5 */
:root{--ni-frame:960px;--ni-nav-h:46px;}@media screen and (min-width:701px){html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
    overflow:visible!important;
  }html body #mainNav .u1,
html body #mainNav #cur,
html body #mainNav .a1,
html body #mainNav .home_a{
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
  }
}@media screen and (max-width:700px){html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    gap:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    line-height:normal!important;
    overflow:visible!important;
    position:relative!important;
    z-index:100200!important;
  }html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
    position:relative!important;
    z-index:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
  }html body #mainNav .u1:after,
html body.ni-home-index #mainNav .u1:after{display:none!important;}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    margin:0!important;
    padding:0 4px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    color:#fffaf7!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    transform:none!important;
    text-decoration:none!important;
  }html body #mainNav .u1:hover,
html body #mainNav .u1_over,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1:hover,
html body.ni-home-index #mainNav .u1_over,
html body.ni-home-index #mainNav #cur{
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }html body #mainNav .u1:hover .a1,
html body #mainNav .u1_over .a1,
html body #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav #cur .a1{
    background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,246,241,.10) 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
    transform:none!important;
    outline:0!important;
  }
}

/* extracted legacy header/search/drawer block 6 */
body.ni-home-index #search.ni-global-search{
  width:calc(100% - 28px) !important;
  max-width:958px !important;
  min-width:0 !important;
  height:auto !important;
  min-height:54px !important;
  padding:clamp(8px, 1vw, 9px) clamp(10px, 1.45vw, 14px) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}body.ni-home-index #search.ni-global-search #searchForm,
body.ni-home-index #search.ni-global-search .ni-search-form{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:clamp(7px, 1.05vw, 10px) !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}body.ni-home-index #search.ni-global-search .ni-search-field{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:36px !important;
  padding-left:clamp(34px, 3.9vw, 40px) !important;
  padding-right:clamp(12px, 1.8vw, 16px) !important;
  box-sizing:border-box !important;
}body.ni-home-index #search.ni-global-search #keyword,
body.ni-home-index #search.ni-global-search input#keyword,
body.ni-home-index #keyword[data-ni-autocomplete="front-search"]{
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
}body.ni-home-index #search.ni-global-search .go,
body.ni-home-index #search.ni-global-search .ni-search-submit,
body.ni-home-index #search.ni-global-search input.go,
body.ni-home-index #search.ni-global-search input[type="submit"]{
  flex:0 1 clamp(72px, 8.8vw, 82px) !important;
  width:clamp(72px, 8.8vw, 82px) !important;
  min-width:72px !important;
  max-width:82px !important;
  height:36px !important;
  padding-left:clamp(10px, 1.6vw, 18px) !important;
  padding-right:clamp(10px, 1.6vw, 18px) !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}@media screen and (max-width:620px){body.ni-home-index #search.ni-global-search{ width:calc(100% - 20px) !important; padding:8px 10px !important; }body.ni-home-index #search.ni-global-search #searchForm{ gap:7px !important; }body.ni-home-index #search.ni-global-search .ni-search-field{ padding-left:34px !important; padding-right:12px !important; }body.ni-home-index #search.ni-global-search .go,
body.ni-home-index #search.ni-global-search .ni-search-submit,
body.ni-home-index #search.ni-global-search input.go,
body.ni-home-index #search.ni-global-search input[type="submit"]{ flex-basis:70px !important; width:70px !important; min-width:68px !important; max-width:72px !important; padding-left:9px !important; padding-right:9px !important; }
}

/* extracted legacy header/search/drawer block 7 */
body.ni-home-index #search.ni-global-search #keyword,
body.ni-home-index #search.ni-global-search input#keyword,
body.ni-home-index #keyword[data-ni-autocomplete="front-search"]{
  display:block !important;
  height:36px !important;
  min-height:36px !important;
  line-height:36px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  box-sizing:border-box !important;
  vertical-align:middle !important;
  background-clip:padding-box !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}body.ni-home-index #search.ni-global-search #keyword::selection,
body.ni-home-index #search.ni-global-search input#keyword::selection,
body.ni-home-index #keyword[data-ni-autocomplete="front-search"]::selection{
  background:rgba(183,211,236,.62) !important;
  color:#5f5955 !important;
}body.ni-home-index #search.ni-global-search #keyword::-moz-selection,
body.ni-home-index #search.ni-global-search input#keyword::-moz-selection,
body.ni-home-index #keyword[data-ni-autocomplete="front-search"]::-moz-selection{
  background:rgba(183,211,236,.62) !important;
  color:#5f5955 !important;
}

/* extracted legacy header/search/drawer block 8 */
body.ni-home-index #search.ni-global-search .ni-search-field{
  overflow:visible!important;
  clip-path:none!important;
}body.ni-home-index #search.ni-global-search #keyword,
body.ni-home-index #search.ni-global-search input#keyword,
body.ni-home-index #keyword[data-ni-autocomplete="front-search"]{
  height:36px!important;
  line-height:36px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-radius:0!important;
  -webkit-border-radius:0!important;
  clip-path:none!important;
  overflow:visible!important;
  background:transparent!important;
  background-color:transparent!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}body.ni-home-index #search.ni-global-search #keyword::selection,
body.ni-home-index #search.ni-global-search input#keyword::selection,
body.ni-home-index #keyword[data-ni-autocomplete="front-search"]::selection{
  background:#b9d4ee!important;
  color:#5f5955!important;
  text-shadow:none!important;
}body.ni-home-index #search.ni-global-search #keyword::-moz-selection,
body.ni-home-index #search.ni-global-search input#keyword::-moz-selection,
body.ni-home-index #keyword[data-ni-autocomplete="front-search"]::-moz-selection{
  background:#b9d4ee!important;
  color:#5f5955!important;
  text-shadow:none!important;
}

/* extracted legacy header/search/drawer block 9 */
:root{
  --ni-frame:960px;
  --ni-page:#fffdf9;
  --ni-ivory:#fbf6ef;
  --ni-line:#e3d1c5;
  --ni-text:#5d514b;
  --ni-sub:#8b7b72;
  --ni-rose:#cf8f8e;
  --ni-rose-deep:#b9777b;
}html,
body{max-width:100%!important;}body.ni-home-index{min-width:0!important;overflow-x:hidden!important;}body .header_bg.ni-premium-header,
body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body.ni-home-index .header_bg.ni-premium-header{
  display:block!important;
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:99999!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid rgba(226,205,192,.78)!important;
  background:#fdfbf8!important;
  box-shadow:0 12px 28px rgba(114,82,66,.055)!important;
}html body .header_bg.ni-premium-header .ni-premium-header-inner{
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:transparent!important;
}@media screen and (min-width:961px){body .header_bg.ni-premium-header,
body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix,
html body #search.ni-global-search,
html body.ni-home-index .ni-home-carousel-modern > .block{
    width:var(--ni-frame)!important;
    max-width:var(--ni-frame)!important;
  }
}@media screen and (max-width:960px){body .header_bg.ni-premium-header,
body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix,
html body #search.ni-global-search,
html body.ni-home-index .ni-home-carousel-modern > .block{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}body .ni-premium-header *{box-sizing:border-box!important;}body .ni-premium-utilbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 6px!important;
  border-bottom:1px solid rgba(226,211,201,.82)!important;
  background:transparent!important;
  color:var(--ni-sub)!important;
  font-family:"Noto Sans TC","PingFang TC","Hiragino Sans GB","Microsoft JhengHei",sans-serif!important;
  font-size:13px!important;
  line-height:30px!important;
  letter-spacing:.04em!important;
  overflow:hidden!important;
}body .ni-premium-member,
body #ECS_MEMBERZONE.ni-premium-member,
body .ni-premium-member font,
body .ni-premium-member span,
body .ni-premium-member .userInfo{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  color:var(--ni-sub)!important;
  background:transparent!important;
  font:inherit!important;
  line-height:30px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}body .ni-premium-member #append_parent,
body .ni-premium-member meta{display:none!important;}body .ni-premium-member a,
body #ECS_MEMBERZONE.ni-premium-member a,
body .ni-premium-quicknav a,
body .log.ni-premium-quicknav a{
  display:inline-flex!important;
  align-items:center!important;
  height:30px!important;
  line-height:30px!important;
  margin:0!important;
  padding:0 4px!important;
  color:#7e6d65!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  white-space:nowrap!important;
}body .ni-premium-member .f4_b,
body .ni-premium-member .ni-member-name-link,
body #ECS_MEMBERZONE.ni-premium-member .f4_b,
body #ECS_MEMBERZONE.ni-premium-member .ni-member-name-link{
  color:#d5717c!important;
  font-weight:700!important;
}body .ni-premium-member a:hover,
body .ni-premium-quicknav a:hover{color:var(--ni-rose-deep)!important;text-decoration:none!important;}body .ni-premium-quicknav,
body .log.ni-premium-quicknav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 1 auto!important;
  gap:0!important;
  min-width:0!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  overflow:hidden!important;
  color:rgba(151,130,118,.72)!important;
  white-space:nowrap!important;
}body .ni-premium-quicknav a,
body .log.ni-premium-quicknav a{position:relative!important;padding:0 9px!important;font-size:13px!important;}body .ni-premium-quicknav a:before,
body .log.ni-premium-quicknav a:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:1px!important;
  height:13px!important;
  transform:translateY(-50%)!important;
  background:rgba(210,190,178,.84)!important;
}body .ni-premium-quicknav a:first-of-type:before,
body .log.ni-premium-quicknav a:first-of-type:before{display:none!important;}body .ni-premium-brandrow{
  display:grid!important;
  grid-template-columns:minmax(310px,36%) minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:clamp(12px,2vw,22px)!important;
  width:100%!important;
  min-width:0!important;
  min-height:clamp(86px,10.833vw,104px)!important;
  margin:0!important;
  padding:clamp(12px,1.875vw,18px) clamp(12px,1.667vw,16px) clamp(14px,2.083vw,20px)!important;
  overflow:visible!important;
  background:transparent!important;
}body .ni-premium-brand,
body .ni-premium-brand.f_l{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(12px,1.875vw,18px)!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  background:transparent!important;
}body .ni-premium-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 1 auto!important;
  width:clamp(178px,25.5vw,245px)!important;
  max-width:245px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  text-decoration:none!important;
}body .ni-premium-logo img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:76px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 13px rgba(115,87,75,.08))!important;
}body .ni-premium-brandcopy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  flex:0 1 auto!important;
  width:clamp(128px,17.5vw,170px)!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 0 0 clamp(12px,1.875vw,18px)!important;
  border-left:1px solid rgba(220,199,186,.86)!important;
  background:transparent!important;
  overflow:hidden!important;
}body .ni-premium-kana{
  display:block!important;
  max-width:100%!important;
  color:#b58c7e!important;
  font-family:Georgia,"Times New Roman","Noto Serif TC",serif!important;
  font-size:clamp(10px,1.146vw,11px)!important;
  font-weight:700!important;
  letter-spacing:clamp(.14em,.022vw,.22em)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}body .ni-premium-text{
  display:block!important;
  max-width:100%!important;
  margin-top:6px!important;
  color:#71645d!important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
  font-size:clamp(13px,1.667vw,16px)!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:clamp(.06em,.0135vw,.13em)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}body .ni-premium-actions.top_link,
body .top_link.ni-premium-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  justify-content:end!important;
  gap:clamp(7px,1.042vw,10px)!important;
  width:100%!important;
  max-width:520px!important;
  min-width:0!important;
  height:auto!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  float:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}body .ni-premium-actions a,
body .top_link.ni-premium-actions a{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:clamp(36px,4.375vw,42px)!important;
  line-height:clamp(36px,4.375vw,42px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(206,180,166,.90)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,254,251,.96) 0%,rgba(247,238,229,.96) 100%)!important;
  box-shadow:0 8px 18px rgba(116,84,67,.07),inset 0 1px 0 rgba(255,255,255,.94)!important;
  color:#75665e!important;
  text-decoration:none!important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
  font-size:clamp(12px,1.458vw,14px)!important;
  font-weight:500!important;
  letter-spacing:clamp(.04em,.0104vw,.10em)!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}body .ni-premium-actions a span,
body .top_link.ni-premium-actions a span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  max-width:calc(100% - clamp(42px,5.8vw,58px))!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  background:transparent!important;
  font:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}body .ni-premium-actions a:before,
body .top_link.ni-premium-actions a:before{
  position:absolute!important;
  left:clamp(12px,1.875vw,18px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:clamp(18px,2.292vw,22px)!important;
  height:clamp(18px,2.292vw,22px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#c77782!important;
  font-family:"Noto Sans TC","PingFang TC",sans-serif!important;
  font-size:clamp(13px,1.667vw,16px)!important;
  line-height:1!important;
  box-shadow:none!important;
  pointer-events:none!important;
}body .ni-premium-actions a:nth-child(1):before{content:"♙"!important;}body .ni-premium-actions a:nth-child(2):before{content:"♡"!important;font-size:clamp(16px,2.083vw,20px)!important;}body .ni-premium-actions a:nth-child(3):before{content:"?"!important;font-weight:700!important;}body .ni-premium-actions a:nth-child(4):before{content:"♧"!important;}body .ni-premium-actions a:hover{border-color:rgba(191,139,124,.94)!important;color:#9b6c66!important;text-decoration:none!important;}html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  line-height:36px!important;
  margin:0 auto!important;
  padding:0!important;
  position:relative!important;
  z-index:99998!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(255,255,255,.32)!important;
  border-bottom:1px solid rgba(159,104,98,.28)!important;
  background:linear-gradient(90deg,#cda197 0%,#cf9695 46%,#bd8588 100%)!important;
  box-shadow:0 12px 28px rgba(127,85,79,.10)!important;
}html body #mainNav > img,
html body #mainNav img[src*="meun_line"]{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;}html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
  display:block!important;
  float:none!important;
  flex:0 0 auto!important;
  position:relative!important;
  width:auto!important;
  min-width:clamp(72px,10vw,96px)!important;
  height:36px!important;
  line-height:36px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-sizing:border-box!important;
}html body #mainNav .u1:after,
html body.ni-home-index #mainNav .u1:after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  top:9px!important;
  width:1px!important;
  height:18px!important;
  background:rgba(255,255,255,.24)!important;
}html body #mainNav .u1:last-of-type:after,
html body.ni-home-index #mainNav .u1:last-of-type:after{display:none!important;}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:clamp(72px,10vw,96px)!important;
  height:36px!important;
  line-height:36px!important;
  margin:0!important;
  padding:0 clamp(8px,1.667vw,16px)!important;
  border:0!important;
  box-sizing:border-box!important;
  background:transparent!important;
  color:#fffaf7!important;
  text-decoration:none!important;
  text-shadow:0 1px 1px rgba(92,60,56,.16)!important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
  font-size:clamp(13px,1.667vw,16px)!important;
  font-weight:600!important;
  letter-spacing:clamp(.04em,.01vw,.09em)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1{background:rgba(255,255,255,.16)!important;color:#fff!important;}#search.ni-global-search,
html body #search.ni-global-search{
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body .ni-premium-utilbar{
  justify-content:space-between!important;
  padding-left:8px!important;
  padding-right:8px!important;
}body .ni-premium-member,
body #ECS_MEMBERZONE.ni-premium-member{
  flex:0 0 auto!important;
  max-width:44%!important;
  justify-content:flex-start!important;
  text-align:left!important;
}body .ni-premium-quicknav,
body .log.ni-premium-quicknav{
  flex:1 1 auto!important;
  max-width:56%!important;
  margin-left:auto!important;
  justify-content:flex-end!important;
  text-align:right!important;
}body .ni-premium-member,
body #ECS_MEMBERZONE.ni-premium-member,
body .ni-premium-member font,
body .ni-premium-member a,
body #ECS_MEMBERZONE.ni-premium-member a,
body .ni-premium-quicknav,
body .log.ni-premium-quicknav,
body .ni-premium-quicknav a,
body .log.ni-premium-quicknav a{
  font-size:13px!important;
  line-height:30px!important;
  height:30px!important;
  vertical-align:middle!important;
}body .ni-premium-quicknav a:first-of-type:before,
body .log.ni-premium-quicknav a:first-of-type:before,
body .ni-premium-quicknav a:nth-of-type(1):before,
body .log.ni-premium-quicknav a:nth-of-type(1):before{
  display:none!important;
  content:none!important;
  width:0!important;
}body .ni-premium-actions a:before,
body .top_link.ni-premium-actions a:before{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
}body .ni-premium-actions a span,
body .top_link.ni-premium-actions a span{
  left:0!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:100%!important;
  max-width:none!important;
  padding:0 8px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}@media screen and (min-width:701px){body .ni-premium-brandrow{
    grid-template-columns:minmax(clamp(340px,43.75vw,420px),clamp(340px,43.75vw,420px)) minmax(0,1fr)!important;
    column-gap:clamp(10px,1.667vw,16px)!important;
    align-items:center!important;
  }body .ni-premium-brand,
body .ni-premium-brand.f_l{
    gap:clamp(10px,1.667vw,16px)!important;
    min-width:0!important;
    overflow:visible!important;
  }body .ni-premium-logo{
    flex:0 0 clamp(168px,25vw,240px)!important;
    width:clamp(168px,25vw,240px)!important;
    max-width:240px!important;
  }body .ni-premium-logo img{
    max-height:74px!important;
  }body .ni-premium-brandcopy{
    flex:0 0 clamp(136px,17.708vw,170px)!important;
    width:clamp(136px,17.708vw,170px)!important;
    max-width:170px!important;
    padding-left:clamp(10px,1.458vw,14px)!important;
    overflow:visible!important;
  }body .ni-premium-kana{
    font-size:clamp(10px,1.146vw,11px)!important;
    letter-spacing:.18em!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }body .ni-premium-text{
    font-size:clamp(13px,1.563vw,15px)!important;
    letter-spacing:.055em!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }body .ni-premium-actions.top_link,
body .top_link.ni-premium-actions{
    max-width:clamp(360px,54.167vw,520px)!important;
    gap:clamp(6px,.833vw,8px)!important;
    justify-self:end!important;
  }body .ni-premium-actions a,
body .top_link.ni-premium-actions a{
    height:clamp(34px,4.167vw,40px)!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:clamp(12px,1.354vw,13px)!important;
    letter-spacing:.035em!important;
    text-align:center!important;
  }
}@media screen and (max-width:700px){body .ni-premium-utilbar{height:auto!important;min-height:0!important;padding:8px 8px 7px!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important;}body .ni-premium-member,
body #ECS_MEMBERZONE.ni-premium-member{justify-content:center!important;width:100%!important;height:auto!important;line-height:1.6!important;white-space:normal!important;overflow:visible!important;text-align:center!important;}body .ni-premium-quicknav,
body .log.ni-premium-quicknav{justify-content:center!important;width:100%!important;height:auto!important;line-height:1.6!important;overflow-x:auto!important;padding-bottom:1px!important;}body .ni-premium-brandrow{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;width:100%!important;max-width:100%!important;min-height:0!important;padding:14px 12px 16px!important;overflow:visible!important;}body .ni-premium-brand,
body .ni-premium-brand.f_l{width:100%!important;justify-content:center!important;gap:12px!important;}body .ni-premium-logo{width:min(58%,250px)!important;max-width:250px!important;}body .ni-premium-logo img{max-height:68px!important;}body .ni-premium-brandcopy{width:min(42%,180px)!important;max-width:180px!important;padding-left:12px!important;}body .ni-premium-kana{font-size:10px!important;letter-spacing:.15em!important;}body .ni-premium-text{font-size:13px!important;letter-spacing:.08em!important;}body .ni-premium-actions.top_link,
body .top_link.ni-premium-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:430px!important;margin:0 auto!important;gap:9px!important;}body .ni-premium-actions a{height:42px!important;line-height:42px!important;font-size:13px!important;}html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;justify-content:stretch!important;gap:0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;line-height:normal!important;margin:0!important;padding:0!important;overflow:visible!important;background:linear-gradient(180deg,#d5a6a0 0%,#c98f91 100%)!important;}html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{display:block!important;visibility:visible!important;opacity:1!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;line-height:42px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;border-right:1px solid rgba(255,255,255,.22)!important;border-bottom:1px solid rgba(255,255,255,.18)!important;box-sizing:border-box!important;}html body #mainNav .u1:after{display:none!important;}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;line-height:42px!important;margin:0!important;padding:0 4px!important;font-size:13px!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;color:#fff!important;}html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav{display:none!important;}
}
@media screen and (min-width:701px){
  body .ni-premium-actions.top_link,
  body .top_link.ni-premium-actions{
    max-width:520px!important;
    gap:8px!important;
    align-items:center!important;
  }
  body .ni-premium-actions a,
  body .top_link.ni-premium-actions a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:34px!important;
    min-height:34px!important;
    line-height:1!important;
    padding:0 10px!important;
    font-size:13px!important;
    letter-spacing:.045em!important;
    text-align:center!important;
  }
}body .ni-premium-actions a,
body .top_link.ni-premium-actions a{
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease!important;
}body .ni-premium-actions a:before,
body .top_link.ni-premium-actions a:before{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}body .ni-premium-actions a span,
body .top_link.ni-premium-actions a span{
  position:static!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  color:inherit!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}body .ni-premium-actions a:hover,
body .top_link.ni-premium-actions a:hover{
  color:#9b655f!important;
  border-color:rgba(190,135,122,.88)!important;
  background:linear-gradient(180deg,rgba(255,255,252,.98) 0%,rgba(247,232,223,.98) 100%)!important;
  box-shadow:0 9px 18px rgba(166,116,104,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
  transform:translateY(-1px)!important;
}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
  transition:background .22s ease,color .22s ease,box-shadow .22s ease,text-shadow .22s ease,transform .22s ease!important;
}html body #mainNav .u1:hover .a1,
html body #mainNav .u1_over .a1,
html body #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav #cur .a1{
  background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,rgba(255,246,240,.14) 100%)!important;
  color:#fffefa!important;
  text-shadow:0 1px 2px rgba(125,73,69,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -10px 22px rgba(255,255,255,.08)!important;
}@media screen and (min-width:701px){html body #mainNav .u1:hover .a1,
html body #mainNav .u1_over .a1,
html body #mainNav #cur .a1{
    transform:translateY(-1px)!important;
  }
}@media screen and (max-width:700px){body .ni-premium-actions a,
body .top_link.ni-premium-actions a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* extracted legacy header/search/drawer block 10 */
:root{--ni-frame:960px;--ni-nav-h:46px;}html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
  position:relative!important;
  z-index:100200!important;
  width:100%!important;
  max-width:var(--ni-frame)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  background:linear-gradient(90deg,#cda197 0%,#cf9695 46%,#bd8588 100%)!important;
  border-top:1px solid rgba(255,255,255,.30)!important;
  border-bottom:1px solid rgba(143,91,87,.24)!important;
  box-shadow:0 8px 20px rgba(127,85,79,.08)!important;
  overflow:visible!important;
}@media screen and (min-width:701px){html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
    padding:0!important;
  }html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
    position:relative!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    float:none!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:clamp(70px,10.65vw,102px)!important;
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-sizing:border-box!important;
    transition:background-color .18s ease,box-shadow .18s ease!important;
  }html body #mainNav .u1:after,
html body.ni-home-index #mainNav .u1:after{
    top:9px!important;
    height:18px!important;
    opacity:.50!important;
  }html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
    margin:0!important;
    padding:0 clamp(8px,1.875vw,18px)!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    color:#fffaf7!important;
    background:transparent!important;
    text-decoration:none!important;
    text-shadow:0 1px 1px rgba(92,60,56,.16)!important;
    font-size:clamp(13px,1.667vw,16px)!important;
    letter-spacing:clamp(.04em,.01vw,.09em)!important;
    transform:none!important;
    box-shadow:none!important;
  }html body #mainNav .u1:hover,
html body #mainNav .u1_over,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1:hover,
html body.ni-home-index #mainNav .u1_over,
html body.ni-home-index #mainNav #cur{
    background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,245,239,.11) 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -8px 18px rgba(255,255,255,.07)!important;
  }html body #mainNav .u1:hover .a1,
html body #mainNav .u1_over .a1,
html body #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav #cur .a1{
    color:#fffefa!important;
    background:transparent!important;
    text-shadow:0 1px 2px rgba(125,73,69,.20)!important;
    box-shadow:none!important;
    transform:none!important;
  }html body #mainNav .sub_nav{
    position:absolute!important;
    left:0!important;
    top:var(--ni-nav-h)!important;
    z-index:100260!important;
    display:none!important;
    min-width:180px!important;
    width:auto!important;
    height:auto!important;
    line-height:1.5!important;
    margin:0!important;
    padding:0!important;
    background:#fffefa!important;
    border:1px solid #ded3c9!important;
    border-top:0!important;
    box-shadow:0 14px 32px rgba(115,90,75,.13)!important;
  }html body #mainNav .u1:hover .sub_nav,
html body #mainNav .u1_over .sub_nav{
    display:table!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }html body #mainNav .sub_nav table,
html body #mainNav .sub_nav tbody,
html body #mainNav .sub_nav tr,
html body #mainNav .sub_nav td,
html body #mainNav .sub_nav td>div{
    background:#fffefa!important;
    background-color:#fffefa!important;
    border-color:#eee7e0!important;
  }html body #mainNav .sub_nav a,
html body #mainNav .sub_nav .level_2{
    display:block!important;
    min-height:24px!important;
    line-height:24px!important;
    padding:0 8px!important;
    color:#5f5955!important;
    background:transparent!important;
    text-shadow:none!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }html body #mainNav .sub_nav a:hover,
html body #mainNav .sub_nav .level_2:hover{
    color:#b66e72!important;
    background:#f7f1eb!important;
    text-decoration:none!important;
  }
}@media screen and (max-width:700px){html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    line-height:normal!important;
    overflow:visible!important;
    z-index:100200!important;
  }html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    overflow:hidden!important;
    background:transparent!important;
  }html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    padding:0 4px!important;
    text-align:center!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }html body #mainNav .u1:hover,
html body #mainNav .u1_over,
html body #mainNav #cur{
    background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,246,241,.10) 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
  }html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav{
    display:none!important;
  }
}

/* extracted legacy header/search/drawer block 11 */
:root{--ni-frame:960px;--ni-nav-h:46px;}@media screen and (min-width:701px){html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
    overflow:visible!important;
  }html body #mainNav .u1,
html body #mainNav #cur,
html body #mainNav .a1,
html body #mainNav .home_a{
    height:var(--ni-nav-h)!important;
    min-height:var(--ni-nav-h)!important;
    max-height:var(--ni-nav-h)!important;
    line-height:var(--ni-nav-h)!important;
  }
}@media screen and (max-width:700px){html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    gap:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    line-height:normal!important;
    overflow:visible!important;
    position:relative!important;
    z-index:100200!important;
  }html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
    position:relative!important;
    z-index:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
  }html body #mainNav .u1:after,
html body.ni-home-index #mainNav .u1:after{display:none!important;}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    margin:0!important;
    padding:0 4px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    color:#fffaf7!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    transform:none!important;
    text-decoration:none!important;
  }html body #mainNav .u1:hover,
html body #mainNav .u1_over,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1:hover,
html body.ni-home-index #mainNav .u1_over,
html body.ni-home-index #mainNav #cur{
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }html body #mainNav .u1:hover .a1,
html body #mainNav .u1_over .a1,
html body #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav #cur .a1{
    background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,246,241,.10) 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
    transform:none!important;
    outline:0!important;
  }
}

/* extracted legacy header/search/drawer block 12 */
.ni-mobile-luxe-topbar,
.ni-mobile-luxe-overlay,
.ni-mobile-luxe-drawer{display:none;}@media screen and (max-width:700px){html,
body{overflow-x:hidden!important;}body{background:#fdfbf8!important;}body .header_bg.ni-premium-header,
body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body.ni-home-index .header_bg.ni-premium-header{
    position:sticky!important;
    top:0!important;
    z-index:100600!important;
    width:100%!important;
    max-width:100%!important;
    min-height:58px!important;
    height:58px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid rgba(226,211,201,.78)!important;
    background:#fdfbf8!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
    box-shadow:0 12px 30px rgba(96,70,58,.08)!important;
  }body .ni-premium-header-inner{
    width:100%!important;
    height:58px!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }body .ni-premium-utilbar,
body .ni-premium-brandrow{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }body .ni-mobile-luxe-topbar{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 96px!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    height:58px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
  }body .ni-mobile-luxe-btn{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(224,202,190,.78)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fffefa 0%,#f7eee8 100%)!important;
    box-shadow:0 6px 16px rgba(118,86,70,.07),inset 0 1px 0 rgba(255,255,255,.88)!important;
    color:#7d665e!important;
    text-decoration:none!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    -webkit-tap-highlight-color:transparent!important;
  }body .ni-mobile-luxe-menu span{
    display:block!important;
    position:absolute!important;
    left:12px!important;
    width:17px!important;
    height:1.5px!important;
    border-radius:999px!important;
    background:#8b746b!important;
    transition:transform .22s ease,opacity .22s ease,top .22s ease!important;
  }body .ni-mobile-luxe-menu span:nth-child(1){top:14px!important;}body .ni-mobile-luxe-menu span:nth-child(2){top:20px!important;}body .ni-mobile-luxe-menu span:nth-child(3){top:26px!important;}body.ni-mobile-drawer-open .ni-mobile-luxe-menu span:nth-child(1){top:20px!important;transform:rotate(45deg)!important;}body.ni-mobile-drawer-open .ni-mobile-luxe-menu span:nth-child(2){opacity:0!important;}body.ni-mobile-drawer-open .ni-mobile-luxe-menu span:nth-child(3){top:20px!important;transform:rotate(-45deg)!important;}body .ni-mobile-luxe-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:0!important;
    height:58px!important;
    text-decoration:none!important;
    color:#67564f!important;
  }body .ni-mobile-luxe-brand img{
    display:block!important;
    width:auto!important;
    max-width:min(172px,52vw)!important;
    height:auto!important;
    max-height:42px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 5px 10px rgba(116,86,74,.08))!important;
  }body .ni-mobile-luxe-brand span{
    display:none!important;
    color:#b58c7e!important;
    font:700 10px/1 Georgia,"Times New Roman",serif!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }body .ni-mobile-luxe-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }body .ni-mobile-luxe-search:before{
    content:""!important;
    display:block!important;
    width:17px!important;
    height:17px!important;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23836b62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.8-3.8'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }body .ni-mobile-luxe-cart-icon:before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='%23836b62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h8.7a2 2 0 0 0 2-1.6L22 6H6'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }body .ni-mobile-luxe-cart-badge{
    position:absolute!important;
    right:-2px!important;
    top:-2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#c9868d!important;
    color:#fff!important;
    font:700 11px/18px "Noto Sans TC","PingFang TC",sans-serif!important;
    box-shadow:0 4px 10px rgba(177,112,119,.22)!important;
    box-sizing:border-box!important;
  }body .ni-mobile-luxe-overlay{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:100700!important;
    background:rgba(61,48,42,.32)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility 0s linear .22s!important;
  }body .ni-mobile-luxe-drawer{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    z-index:100710!important;
    width:min(84vw,322px)!important;
    padding:18px 16px calc(22px + env(safe-area-inset-bottom))!important;
    flex-direction:column!important;
    gap:16px!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    background:linear-gradient(180deg,#fffdf9 0%,#f8eee8 100%)!important;
    border-right:1px solid rgba(226,207,197,.86)!important;
    box-shadow:24px 0 54px rgba(87,64,54,.18)!important;
    transform:translate3d(-104%,0,0)!important;
    visibility:hidden!important;
    transition:transform .26s cubic-bezier(.22,.78,.25,1),visibility 0s linear .26s!important;
  }body.ni-mobile-drawer-open{overflow:hidden!important;}body.ni-mobile-drawer-open .ni-mobile-luxe-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .22s ease,visibility 0s linear 0s!important;
  }body.ni-mobile-drawer-open .ni-mobile-luxe-drawer{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    transition:transform .26s cubic-bezier(.22,.78,.25,1),visibility 0s linear 0s!important;
  }body .ni-mobile-luxe-drawer-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:4px 0 2px!important;
  }body .ni-mobile-luxe-drawer-head strong{
    display:block!important;
    color:#5f514c!important;
    font:700 19px/1.25 "Noto Serif TC","Hiragino Mincho ProN",serif!important;
    letter-spacing:.045em!important;
  }body .ni-mobile-luxe-drawer-head span{
    display:block!important;
    margin-top:5px!important;
    color:#b0897e!important;
    font:600 11px/1.2 Georgia,"Times New Roman",serif!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }body .ni-mobile-luxe-close{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    border:1px solid rgba(224,202,190,.78)!important;
    border-radius:999px!important;
    background:#fffaf6!important;
    color:#8b746b!important;
    font:300 26px/1 Arial,sans-serif!important;
    cursor:pointer!important;
  }body .ni-mobile-luxe-member-card{
    padding:14px 14px 13px!important;
    border:1px solid rgba(227,207,196,.88)!important;
    border-radius:22px!important;
    background:rgba(255,255,252,.70)!important;
    box-shadow:0 10px 24px rgba(119,86,70,.06)!important;
    color:#6c5b54!important;
  }body .ni-mobile-luxe-member-card small{
    display:block!important;
    margin-bottom:6px!important;
    color:#bd8a82!important;
    font:700 10px/1 Georgia,"Times New Roman",serif!important;
    letter-spacing:.18em!important;
  }body .ni-mobile-luxe-member-card div{
    color:#695851!important;
    font:500 13px/1.6 "Noto Sans TC","PingFang TC",sans-serif!important;
    letter-spacing:.04em!important;
  }body .ni-archived-drawer-links{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }body .ni-archived-drawer-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:44px!important;
    padding:0 15px!important;
    border:1px solid rgba(226,207,197,.88)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fffefa 0%,#f7efe9 100%)!important;
    box-shadow:0 7px 16px rgba(113,82,68,.055)!important;
    color:#665650!important;
    text-decoration:none!important;
    font:600 14px/1 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;
    letter-spacing:.045em!important;
  }body .ni-archived-drawer-links a:after{
    content:"›"!important;
    color:#c38d86!important;
    font-size:22px!important;
    font-weight:300!important;
    line-height:1!important;
  }html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    position:sticky!important;
    top:58px!important;
    z-index:100500!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:8px 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    border:0!important;
    border-bottom:1px solid rgba(226,211,201,.72)!important;
    background:rgba(255,250,246,.96)!important;
    background-image:none!important;
    box-shadow:0 10px 22px rgba(96,70,58,.055)!important;
    box-sizing:border-box!important;
  }html body #mainNav::-webkit-scrollbar{display:none!important;}html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
    flex:0 0 auto!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:36px!important;
    min-height:36px!important;
    line-height:36px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }html body #mainNav .u1:after{display:none!important;content:none!important;}html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:72px!important;
    max-width:none!important;
    height:36px!important;
    line-height:36px!important;
    padding:0 15px!important;
    border:1px solid rgba(224,202,190,.82)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fffefa 0%,#f7eee8 100%)!important;
    box-shadow:0 5px 13px rgba(116,84,67,.055)!important;
    color:#725f58!important;
    text-shadow:none!important;
    text-decoration:none!important;
    font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
    border-color:#c9868d!important;
    background:linear-gradient(180deg,#cf9695 0%,#bd8588 100%)!important;
    color:#fffefa!important;
    box-shadow:0 7px 16px rgba(184,124,125,.18)!important;
  }html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav{display:none!important;}html body #search.ni-global-search,
html body.ni-home-index #search.ni-global-search{
    display:none!important;
    position:fixed!important;
    top:66px!important;
    left:12px!important;
    right:12px!important;
    z-index:100690!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid rgba(226,204,193,.88)!important;
    border-radius:24px!important;
    background:rgba(255,253,250,.98)!important;
    box-shadow:0 18px 44px rgba(94,68,57,.16)!important;
    box-sizing:border-box!important;
  }body.ni-mobile-search-open #search.ni-global-search,
body.ni-mobile-search-open.ni-home-index #search.ni-global-search{
    display:block!important;
  }body.ni-mobile-search-open:before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:100680!important;
    background:rgba(61,48,42,.14)!important;
  }html body #search.ni-global-search #searchForm{gap:8px!important;}html body #search.ni-global-search .ni-search-field{height:40px!important;padding-left:38px!important;}html body #search.ni-global-search #keyword{height:38px!important;line-height:38px!important;font-size:15px!important;}html body #search.ni-global-search .go,
html body #search.ni-global-search .ni-search-submit{height:40px!important;line-height:40px!important;min-width:76px!important;width:76px!important;}
}@media screen and (max-width:360px){body .ni-mobile-luxe-topbar{grid-template-columns:44px minmax(0,1fr) 88px!important;padding-left:8px!important;padding-right:8px!important;}body .ni-mobile-luxe-btn{width:39px!important;height:39px!important;}body .ni-mobile-luxe-actions{gap:5px!important;}body .ni-mobile-luxe-brand img{max-width:50vw!important;max-height:39px!important;}html body #mainNav .a1{min-width:68px!important;padding-left:13px!important;padding-right:13px!important;}
}

/* extracted legacy header/search/drawer block 13 */
@media screen and (max-width:700px){body{background:#fdfbf8!important;}body .header_bg.ni-premium-header,
body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body.ni-home-index .header_bg.ni-premium-header{
    height:58px!important;
    min-height:58px!important;
    overflow:visible!important;
    background:rgba(255,251,247,.965)!important;
    border-bottom:1px solid rgba(231,215,205,.86)!important;
    box-shadow:0 8px 24px rgba(80,56,46,.055)!important;
  }body .ni-mobile-luxe-topbar{
    grid-template-columns:46px minmax(0,1fr) 92px!important;
    height:58px!important;
    padding:0 12px!important;
    gap:4px!important;
  }
  body .ni-mobile-luxe-menu,
body .ni-mobile-luxe-menu:hover,
body .ni-mobile-luxe-menu:focus,
body .ni-mobile-luxe-menu:active{
    width:38px!important;
    height:38px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    outline:none!important;
  }body .ni-mobile-luxe-menu span{
    left:6px!important;
    width:25px!important;
    height:1.6px!important;
    background:#7b665e!important;
  }body .ni-mobile-luxe-menu span:nth-child(1){top:11px!important;}body .ni-mobile-luxe-menu span:nth-child(2){top:18px!important;}body .ni-mobile-luxe-menu span:nth-child(3){top:25px!important;}body.ni-mobile-drawer-open .ni-mobile-luxe-menu span:nth-child(1){top:18px!important;}body.ni-mobile-drawer-open .ni-mobile-luxe-menu span:nth-child(3){top:18px!important;}body .ni-mobile-luxe-brand img{
    max-width:min(184px,56vw)!important;
    max-height:42px!important;
  }body .ni-mobile-luxe-actions{gap:8px!important;}body .ni-mobile-luxe-search,
body .ni-mobile-luxe-cart{
    width:38px!important;
    height:38px!important;
    border:1px solid rgba(229,211,201,.82)!important;
    background:rgba(255,251,247,.72)!important;
    box-shadow:none!important;
  }body .ni-mobile-luxe-search:active,
body .ni-mobile-luxe-cart:active{transform:translateY(1px)!important;}
  body .ni-mobile-luxe-overlay,
body > .ni-mobile-luxe-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    background:rgba(54,42,37,.36)!important;
  }body .ni-mobile-luxe-drawer,
body > .ni-mobile-luxe-drawer{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    z-index:2147483010!important;
    width:min(86vw,326px)!important;
    max-width:326px!important;
    border-radius:0 28px 28px 0!important;
    background:linear-gradient(180deg,#fffdf9 0%,#f8eee7 100%)!important;
    box-shadow:28px 0 68px rgba(65,47,40,.22)!important;
  }body .ni-mobile-luxe-close{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body #mainNav,
html body #mainNav.clearfix,
html body.ni-home-index #mainNav,
html body.ni-home-index #mainNav.clearfix{
    position:sticky!important;
    top:58px!important;
    z-index:100480!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    border-top:0!important;
    border-bottom:1px solid rgba(226,211,201,.78)!important;
    background:rgba(255,251,247,.985)!important;
    box-shadow:0 8px 18px rgba(91,66,56,.045)!important;
  }html body #mainNav::-webkit-scrollbar{display:none!important;}html body #mainNav .u1,
html body #mainNav #cur,
html body.ni-home-index #mainNav .u1,
html body.ni-home-index #mainNav #cur{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }html body #mainNav .a1,
html body #mainNav .home_a,
html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav .a1,
html body.ni-home-index #mainNav .home_a,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:auto!important;
    height:44px!important;
    line-height:44px!important;
    margin:0!important;
    padding:0 15px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#7a6860!important;
    text-shadow:none!important;
    text-decoration:none!important;
    font:700 13px/44px "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }html body #mainNav .a1:after,
html body.ni-home-index #mainNav .a1:after{
    content:""!important;
    position:absolute!important;
    left:15px!important;
    right:15px!important;
    bottom:7px!important;
    height:2px!important;
    border-radius:999px!important;
    background:transparent!important;
    transform:scaleX(.45)!important;
    opacity:0!important;
    transition:opacity .18s ease,transform .18s ease,background .18s ease!important;
  }html body #mainNav #cur .a1,
html body #mainNav .u1_over .a1,
html body #mainNav .u1:hover .a1,
html body.ni-home-index #mainNav #cur .a1,
html body.ni-home-index #mainNav .u1_over .a1,
html body.ni-home-index #mainNav .u1:hover .a1{
    color:#b7757c!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }html body #mainNav #cur .a1:after,
html body #mainNav .u1_over .a1:after,
html body #mainNav .u1:hover .a1:after,
html body.ni-home-index #mainNav #cur .a1:after,
html body.ni-home-index #mainNav .u1_over .a1:after,
html body.ni-home-index #mainNav .u1:hover .a1:after{
    background:#c9868d!important;
    opacity:1!important;
    transform:scaleX(1)!important;
  }html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav{display:none!important;}
  html body #search.ni-global-search,
html body.ni-home-index #search.ni-global-search{
    top:66px!important;
    z-index:2147482000!important;
    padding:11px!important;
    border-radius:22px!important;
    background:#fffdf9!important;
    box-shadow:0 22px 52px rgba(75,54,46,.20)!important;
    pointer-events:auto!important;
  }body.ni-mobile-search-open:before{
    z-index:2147481900!important;
    pointer-events:auto!important;
  }html body #search.ni-global-search #searchForm,
html body #search.ni-global-search .ni-search-form{
    position:relative!important;
    z-index:2147482010!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    pointer-events:auto!important;
  }html body #search.ni-global-search .ni-search-field{
    position:relative!important;
    z-index:1!important;
    height:42px!important;
    min-height:42px!important;
    padding-left:38px!important;
    border:1px solid rgba(224,204,193,.92)!important;
    background:#fffefa!important;
    box-shadow:none!important;
  }html body #search.ni-global-search #keyword{
    height:40px!important;
    min-height:40px!important;
    line-height:40px!important;
    color:#5f514c!important;
    font-size:15px!important;
    font-weight:500!important;
    letter-spacing:.04em!important;
    opacity:1!important;
  }html body #search.ni-global-search #keyword::placeholder{color:#ad9990!important;opacity:1!important;}html body #search.ni-global-search .go,
html body #search.ni-global-search .ni-search-submit{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    height:42px!important;
    min-height:42px!important;
    line-height:42px!important;
    min-width:78px!important;
    width:78px!important;
    padding:0!important;
    text-align:center!important;
    vertical-align:middle!important;
    border:1px solid rgba(201,134,141,.55)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fff8f4 0%,#f2ded6 100%)!important;
    color:#8b5652!important;
    font:800 14px/42px "Noto Serif TC","Hiragino Mincho ProN",serif!important;
    letter-spacing:.06em!important;
    text-indent:0!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }.ni-ac-box{
    z-index:2147482020!important;
    border-color:rgba(226,204,193,.9)!important;
    background:#fffdf9!important;
    box-shadow:0 18px 44px rgba(75,54,46,.16)!important;
  }
}@media screen and (max-width:360px){body .ni-mobile-luxe-topbar{grid-template-columns:42px minmax(0,1fr) 86px!important;padding-left:10px!important;padding-right:10px!important;}html body #mainNav .a1,
html body.ni-home-index #mainNav .a1{padding-left:13px!important;padding-right:13px!important;font-size:12px!important;}
}

/* extracted legacy header/search/drawer block 14 */
@media screen and (min-width:701px){html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav{
    overflow:hidden!important;
    box-sizing:border-box!important;
    background-clip:padding-box!important;
  }html body #mainNav .sub_nav table,
html body #mainNav .sub_nav tbody,
html body #mainNav .sub_nav tr{
    overflow:hidden!important;
    box-sizing:border-box!important;
  }html body #mainNav .sub_nav td{
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:transparent!important;
    background-color:transparent!important;
  }html body #mainNav .sub_nav td > div{
    width:125px!important;
    max-width:125px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding-left:0!important;
    border-top:10px solid #fff!important;
  }html body #mainNav .sub_nav a,
html body #mainNav .sub_nav .level_2{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:0 13px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    background-clip:padding-box!important;
  }html body #mainNav .sub_nav a:hover,
html body #mainNav .sub_nav .level_2:hover{
    background:#f7f1eb!important;
    background-color:#f7f1eb!important;
    box-shadow:inset 3px 0 0 rgba(201,134,141,.24)!important;
  }
}@media screen and (max-width:700px){body .ni-mobile-luxe-member-card div[data-ni-mobile-member]{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    min-height:30px!important;
    pointer-events:auto!important;
  }body .ni-mobile-luxe-member-card div[data-ni-mobile-member] a{
    position:relative!important;
    z-index:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:30px!important;
    padding:0 2px!important;
    color:#6c5b54!important;
    font-weight:700!important;
    text-decoration:none!important;
    pointer-events:auto!important;
  }body .ni-mobile-luxe-member-card div[data-ni-mobile-member] a:first-child{
    color:#c46f7c!important;
  }body .ni-mobile-luxe-member-card .ni-member-sep{
    color:#d7c2b8!important;
  }body .ni-mobile-luxe-member-card a{
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
  }
}.ni-ac-box{z-index:2147482020!important;}

/* extracted legacy header/search/drawer block 15 */
@media screen and (min-width:701px){html body #mainNav .sub_nav{overflow:hidden!important;background-clip:padding-box!important;}html body #mainNav .sub_nav td,
html body #mainNav .sub_nav td div{overflow:hidden!important;box-sizing:border-box!important;background-clip:padding-box!important;}html body #mainNav .sub_nav a:hover,
html body #mainNav .sub_nav .level_2:hover{border-radius:0!important;box-shadow:none!important;outline:0!important;}
}@media screen and (max-width:700px){body .ni-mobile-luxe-drawer-head strong{letter-spacing:.035em!important;}body .ni-archived-drawer-links{grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:start!important;}body .ni-archived-drawer-links a{justify-content:center!important;text-align:center!important;min-height:43px!important;padding:0 10px!important;border-radius:999px!important;}body .ni-archived-drawer-links a:after{display:none!important;content:""!important;}body .ni-archived-drawer-links a[href="user.php"],
body .ni-archived-drawer-links a[href="user.php?act=order_list"],
body .ni-archived-drawer-links a[href="user.php?act=collection_list"],
body .ni-archived-drawer-links a[href="user.php?act=message_list"]{grid-column:auto!important;}body .ni-archived-drawer-links a[target="_blank"]{grid-column:1 / -1!important;}body .ni-archived-drawer-links .ni-drawer-payment-link{grid-column:auto!important;background:linear-gradient(180deg,#fffefa 0%,#f5e8e1 100%)!important;border-color:rgba(203,160,148,.72)!important;color:#8c665f!important;}body .ni-archived-drawer-links .ni-drawer-logout-link{
    grid-column:1 / -1!important;
    justify-self:end!important;
    align-self:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin-top:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#9a756d!important;
  }body .ni-archived-drawer-links .ni-drawer-logout-link span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}body .ni-archived-drawer-links .ni-drawer-logout-link:before{
    content:""!important;
    display:block!important;
    width:25px!important;
    height:25px!important;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%239a756d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }body .ni-mobile-luxe-member-card,
body .ni-mobile-luxe-member-card *{pointer-events:auto!important;}body .ni-mobile-luxe-member-card div[data-ni-mobile-member] a{padding:0 4px!important;position:relative!important;z-index:3!important;}
}.ni-ac-box{z-index:2147483020!important;}

/* extracted legacy header/search/drawer block 16 */
@media screen and (min-width:701px){html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav{overflow:hidden!important;box-sizing:border-box!important;background-clip:padding-box!important;}html body #mainNav .sub_nav table,
html body #mainNav .sub_nav tbody,
html body #mainNav .sub_nav tr{overflow:hidden!important;box-sizing:border-box!important;}html body #mainNav .sub_nav td{overflow:hidden!important;box-sizing:border-box!important;background:transparent!important;background-color:transparent!important;}html body #mainNav .sub_nav td > div{width:125px!important;max-width:125px!important;box-sizing:border-box!important;overflow:hidden!important;padding-left:0!important;border-top:10px solid #fff!important;}html body #mainNav .sub_nav a,
html body #mainNav .sub_nav .level_2{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0 13px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;background-clip:padding-box!important;}html body #mainNav .sub_nav a:hover,
html body #mainNav .sub_nav .level_2:hover{background:#f7f1eb!important;background-color:#f7f1eb!important;box-shadow:inset 3px 0 0 rgba(201,134,141,.24)!important;}
}@media screen and (max-width:700px){body .ni-archived-drawer-links{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;align-items:stretch!important;}body .ni-archived-drawer-links a,
body .ni-archived-drawer-links .ni-drawer-payment-link{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:44px!important;padding:0 15px!important;border:1px solid rgba(226,207,197,.88)!important;border-radius:999px!important;background:linear-gradient(180deg,#fffefa 0%,#f7efe9 100%)!important;box-shadow:0 7px 16px rgba(113,82,68,.055)!important;color:#665650!important;text-align:left!important;text-decoration:none!important;font:600 14px/1 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;letter-spacing:.045em!important;box-sizing:border-box!important;}body .ni-archived-drawer-links a:after,
body .ni-archived-drawer-links .ni-drawer-payment-link:after{display:block!important;content:"›"!important;color:#c38d86!important;font-size:22px!important;font-weight:300!important;line-height:1!important;}body .ni-archived-drawer-links .ni-drawer-logout-link{grid-column:1 / -1!important;justify-self:end!important;align-self:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;margin-top:4px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#9a756d!important;}body .ni-archived-drawer-links .ni-drawer-logout-link:after{display:none!important;content:""!important;}body .ni-archived-drawer-links .ni-drawer-logout-link span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}body .ni-archived-drawer-links .ni-drawer-logout-link:before{content:""!important;display:block!important;width:25px!important;height:25px!important;margin:auto!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%239a756d' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E") center/contain no-repeat!important;}html body #search.ni-global-search .ni-search-field,
html body #search.ni-global-search #keyword{pointer-events:auto!important;}
}.ni-ac-box{z-index:2147483060!important;}

/* extracted legacy header/search/drawer block 17 */
html body #search.ni-global-search .ni-search-field{
  overflow:visible!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}html body #search.ni-global-search #keyword,
html body #search.ni-global-search input#keyword,
html body input#keyword[data-ni-autocomplete="front-search"],
html body input[name="keywords"][data-ni-autocomplete="front-search"]{
  display:block!important;
  height:36px!important;
  min-height:36px!important;
  line-height:36px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-radius:0!important;
  -webkit-border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  box-shadow:none!important;
  text-shadow:none!important;
  outline:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}html body #search.ni-global-search #keyword::selection,
html body #search.ni-global-search input#keyword::selection,
html body input#keyword[data-ni-autocomplete="front-search"]::selection,
html body input[name="keywords"][data-ni-autocomplete="front-search"]::selection{
  background:#b9d4ee!important;
  color:#4f4945!important;
  -webkit-text-fill-color:#4f4945!important;
  text-shadow:none!important;
}html body #search.ni-global-search #keyword::-moz-selection,
html body #search.ni-global-search input#keyword::-moz-selection,
html body input#keyword[data-ni-autocomplete="front-search"]::-moz-selection,
html body input[name="keywords"][data-ni-autocomplete="front-search"]::-moz-selection{
  background:#b9d4ee!important;
  color:#4f4945!important;
  text-shadow:none!important;
}
/* NI_HEADER_SEARCH_DRAWER_EXTRACTED_END */

/* NI_BREADCRUMB_CART_HOVER_CONVERGENCE
 * Final legacy bridge reset after extracted header/search/drawer rules.
 * Root causes:
 * 1) category/search pages place a legacy .blank before ur_here, and extracted search rules keep a bottom margin.
 * 2) old #mainNav a:hover / cart_header_panel:hover rules highlight the entire cart capsule.
 */
html body #search.ni-global-search,
html body.ni-home-index #search.ni-global-search{
  margin-bottom:4px!important;
}
html body #search.ni-global-search + .blank5b{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .block.clearfix > .blank:has(+ .ni-breadcrumb-wrap),
html body .block.clearfix > .blank:has(+ .ni-global-breadcrumb-wrap),
html body .block.clearfix > .blank:has(+ .ni-v43-breadcrumb-wrap){
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .block.clearfix > .ni-breadcrumb-wrap,
html body .block.clearfix > .ni-global-breadcrumb-wrap,
html body .block.clearfix > .ni-v43-breadcrumb-wrap{
  margin-top:4px!important;
  margin-bottom:8px!important;
}
html body #mainNav .meun_float:hover .cart_header_panel,
html body #mainNav .cart_header_panel:hover{
  background:var(--ni-common-cartbar-panel)!important;
  border-color:transparent!important;
  box-shadow:var(--ni-common-cartbar-shadow-soft)!important;
  filter:none!important;
  transform:none!important;
}
html body #mainNav .cart_header_panel a:not(.cart_header_checkout):hover,
html body #mainNav .meun_float:hover .cart_header_summary,
html body #mainNav .cart_header_panel:hover .cart_header_summary,
html body #mainNav .meun_float:hover .cart_header_text,
html body #mainNav .cart_header_panel:hover .cart_header_text,
html body #mainNav .meun_float:hover .cart_header_icon,
html body #mainNav .cart_header_panel:hover .cart_header_icon,
html body #mainNav .meun_float:hover .cart_header_total_num,
html body #mainNav .cart_header_panel:hover .cart_header_total_num{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  text-decoration:none!important;
}
html body #mainNav .meun_float:hover .cart_header_summary,
html body #mainNav .cart_header_panel:hover .cart_header_summary,
html body #mainNav .meun_float:hover .cart_header_text,
html body #mainNav .cart_header_panel:hover .cart_header_text{
  color:var(--ni-common-text)!important;
  -webkit-text-fill-color:var(--ni-common-text)!important;
}
html body #mainNav .meun_float:hover .cart_header_icon,
html body #mainNav .cart_header_panel:hover .cart_header_icon{
  display:none!important;
  visibility:hidden!important;
}
html body #mainNav .meun_float:hover .cart_header_total_num,
html body #mainNav .cart_header_panel:hover .cart_header_total_num{
  color:var(--ni-common-cartbar-accent)!important;
  -webkit-text-fill-color:var(--ni-common-cartbar-accent)!important;
}

/* NI_GLOBAL_960_LAYOUT_CONVERGENCE_START
 * Root cause: legacy ECShop templates use mixed active frame widths across style.css,
 * page_header.lbi extracted rules, home carousel CSS and page-specific wrappers.
 * Canonical decision: viewport/content frame max is 960px. Wider legacy widths are downgraded here.
 */
:root{
  --ni-container:960px;
  --ni-page-max:960px;
  --ni-frame:960px;
}
html,
body{
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}
html body > .block,
html body > .block.clearfix,
html body > .block_s,
html body #globalWrapper,
html body .ni-page,
html body .ni-container,
html body .ni-section,
html body .ni-layout-frame,
html body .header_bg.ni-premium-header,
html body .header_bg.ni-premium-header.block,
html body .block.header_bg.ni-premium-header,
html body .ni-premium-header-inner,
html body #mainNav,
html body #mainNav.clearfix,
html body #search.ni-global-search,
html body .ni-global-search,
html body .ni-site-footer,
html body #footer .block,
html body .footer .block,
html body .footer_box .block,
html body .ni-home-carousel-modern > .block{
  max-width:var(--ni-page-max, 960px) !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
@media screen and (min-width:961px){
  html body > .block,
  html body > .block.clearfix,
  html body > .block_s,
  html body #globalWrapper,
  html body .ni-page,
  html body .ni-container,
  html body .ni-section,
  html body .ni-layout-frame,
  html body .header_bg.ni-premium-header,
  html body .header_bg.ni-premium-header.block,
  html body .block.header_bg.ni-premium-header,
  html body .ni-premium-header-inner,
  html body #mainNav,
  html body #mainNav.clearfix,
  html body #search.ni-global-search,
  html body .ni-global-search,
  html body .ni-site-footer,
  html body #footer .block,
  html body .footer .block,
  html body .footer_box .block,
  html body .ni-home-carousel-modern > .block{
    width:var(--ni-page-max, 960px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media screen and (max-width:960px){
  html body > .block,
  html body > .block.clearfix,
  html body > .block_s,
  html body #globalWrapper,
  html body .ni-page,
  html body .ni-container,
  html body .ni-section,
  html body .ni-layout-frame,
  html body .header_bg.ni-premium-header,
  html body .header_bg.ni-premium-header.block,
  html body .block.header_bg.ni-premium-header,
  html body .ni-premium-header-inner,
  html body #mainNav,
  html body #mainNav.clearfix,
  html body #search.ni-global-search,
  html body .ni-global-search,
  html body .ni-site-footer,
  html body #footer .block,
  html body .footer .block,
  html body .footer_box .block,
  html body .ni-home-carousel-modern > .block{
    width:100% !important;
    max-width:100% !important;
  }
}
/* Category/search/member/article legacy two-column pages must compose inside 960px, not redefine a wider frame. */
html body .AreaL,
html body .AreaR{
  box-sizing:border-box !important;
}
@media screen and (min-width:961px){
  html body .AreaL{width:200px !important;}
  html body .AreaR{width:745px !important;}
}
/* NI_GLOBAL_960_LAYOUT_CONVERGENCE_END */

/* NI_CONVERGENCE: global nav/search/breadcrumb correction.
   Keeps active CSS canonical while neutralizing old page-specific menu/search residues. */
html body #mainNav .sub_nav,
html body #mainNav .u1_over .sub_nav,
html body #mainNav .u1:hover .sub_nav,
html body.ni-home-index #mainNav .sub_nav,
html body.ni-home-index #mainNav .u1_over .sub_nav,
html body.ni-home-index #mainNav .u1:hover .sub_nav{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body #mainNav .cart_header_summary:hover,
html body #mainNav .cart_header_icon:hover,
html body #mainNav .cart_header_panel:hover .cart_header_icon,
html body #mainNav .cart_header_panel:hover .cart_header_summary,
html body #mainNav .cart_header_panel:hover .cart_header_text,
html body #mainNav .cart_header_panel:hover .cart_header_total_num{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  filter:none!important;
  transform:none!important;
  text-decoration:none!important;
}
html body #mainNav .cart_header_icon:hover,
html body #mainNav .cart_header_panel:hover .cart_header_icon{
  display:none!important;
  visibility:hidden!important;
}
html body #mainNav .cart_header_panel:hover{
  background:var(--ni-common-cartbar-panel)!important;
  box-shadow:var(--ni-common-cartbar-shadow-soft)!important;
  border-color:transparent!important;
}
html body #mainNav .cart_header_checkout:hover,
html body #mainNav .cart_header_checkout:focus{
  color:#8d5a59!important;
  -webkit-text-fill-color:#8d5a59!important;
  background:var(--ni-common-cartbar-button-hover)!important;
  border-color:rgba(205,171,160,.98)!important;
  box-shadow:var(--ni-common-cartbar-button-shadow-hover)!important;
  transform:translateY(-1px)!important;
}
html body #search.ni-global-search,
html body.ni-home-index #search.ni-global-search{
  display:block!important;
  width:calc(100% - 28px)!important;
  max-width:var(--ni-frame,960px)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:14px auto 12px!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #search.ni-global-search #searchForm,
html body #search.ni-global-search .ni-search-form,
html body.ni-home-index #search.ni-global-search #searchForm,
html body.ni-home-index #search.ni-global-search .ni-search-form{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #search.ni-global-search .ni-search-field,
html body.ni-home-index #search.ni-global-search .ni-search-field{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 18px 0 42px!important;
  border:1px solid rgba(214,180,168,.82)!important;
  border-radius:999px!important;
  background:#fffefa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
  box-sizing:border-box!important;
}
html body #search.ni-global-search #keyword,
html body #search.ni-global-search input#keyword,
html body.ni-home-index #search.ni-global-search #keyword,
html body.ni-home-index #search.ni-global-search input#keyword{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  line-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:15px!important;
  color:#7b6860!important;
  box-sizing:border-box!important;
}
html body #search.ni-global-search .go,
html body #search.ni-global-search .ni-search-submit,
html body #search.ni-global-search input.go,
html body #search.ni-global-search input[type="submit"],
html body.ni-home-index #search.ni-global-search .go,
html body.ni-home-index #search.ni-global-search .ni-search-submit,
html body.ni-home-index #search.ni-global-search input.go,
html body.ni-home-index #search.ni-global-search input[type="submit"]{
  flex:0 0 86px!important;
  width:86px!important;
  min-width:86px!important;
  max-width:86px!important;
  height:44px!important;
  min-height:44px!important;
  line-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(214,180,168,.86)!important;
  border-radius:999px!important;
  background:#fffefa!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
  color:#8f746d!important;
  -webkit-text-fill-color:#8f746d!important;
  font-size:15px!important;
  letter-spacing:.08em!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
html body #search.ni-global-search .go:hover,
html body #search.ni-global-search .ni-search-submit:hover,
html body.ni-home-index #search.ni-global-search .go:hover,
html body.ni-home-index #search.ni-global-search .ni-search-submit:hover{
  border-color:rgba(199,151,139,.92)!important;
  background:#fbf3ee!important;
  color:#8d5a59!important;
  -webkit-text-fill-color:#8d5a59!important;
}
@media screen and (max-width:700px){
  html body #search.ni-global-search,
  html body.ni-home-index #search.ni-global-search{
    width:calc(100% - 20px)!important;
    margin:10px auto 10px!important;
  }
  html body #search.ni-global-search #searchForm,
  html body #search.ni-global-search .ni-search-form,
  html body.ni-home-index #search.ni-global-search #searchForm,
  html body.ni-home-index #search.ni-global-search .ni-search-form{
    gap:8px!important;
    height:42px!important;
    min-height:42px!important;
  }
  html body #search.ni-global-search .ni-search-field,
  html body.ni-home-index #search.ni-global-search .ni-search-field{
    height:40px!important;
    min-height:40px!important;
    padding-left:36px!important;
    padding-right:12px!important;
  }
  html body #search.ni-global-search #keyword,
  html body.ni-home-index #search.ni-global-search #keyword{
    height:38px!important;
    line-height:38px!important;
    font-size:14px!important;
  }
  html body #search.ni-global-search .go,
  html body #search.ni-global-search .ni-search-submit,
  html body.ni-home-index #search.ni-global-search .go,
  html body.ni-home-index #search.ni-global-search .ni-search-submit{
    flex-basis:70px!important;
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:40px!important;
    min-height:40px!important;
    line-height:40px!important;
    font-size:14px!important;
  }
}

/* NI_CARTBAR_HOVER_NEUTRAL_ROOT_CORRECTION_START
 * Root cause:
 * - legacy style.css and migrated legacy-bridge blocks still contain #mainNav a:hover / cart_header_*:hover rules.
 * - the previous reset used inherited color on hover, so inherited #mainNav hover color could still make the summary/icon look active.
 * - some cached/AJAX cart markup may still emit title="進入購物車", causing a black browser tooltip.
 * Canonical decision:
 * - the nav cart surface, icon, text and count are passive on hover.
 * - only .cart_header_checkout is an active hover target.
 */
html body #mainNav .meun_float.ni-cartbar:hover,
html body #mainNav .meun_float.ni-cartbar:focus-within{
  background:transparent!important;
  background-image:none!important;
  filter:none!important;
  transform:none!important;
}
html body #mainNav .meun_float.ni-cartbar:hover .cart_header_panel,
html body #mainNav .meun_float.ni-cartbar:focus-within .cart_header_panel,
html body #mainNav .meun_float.ni-cartbar .cart_header_panel:hover,
html body #mainNav .meun_float.ni-cartbar .cart_header_panel:focus-within{
  background:var(--ni-common-cartbar-panel)!important;
  background-image:var(--ni-common-cartbar-panel)!important;
  border-color:transparent!important;
  box-shadow:var(--ni-common-cartbar-shadow-soft)!important;
  filter:none!important;
  transform:none!important;
}
html body #mainNav .meun_float.ni-cartbar .cart_header_summary,
html body #mainNav .meun_float.ni-cartbar .cart_header_summary:hover,
html body #mainNav .meun_float.ni-cartbar:hover .cart_header_summary,
html body #mainNav .meun_float.ni-cartbar .cart_header_panel:hover .cart_header_summary,
html body #mainNav .meun_float.ni-cartbar .cart_header_summary:focus{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:var(--ni-common-text)!important;
  -webkit-text-fill-color:var(--ni-common-text)!important;
  filter:none!important;
  opacity:1!important;
  outline:0!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transform:none!important;
}
html body #mainNav .meun_float.ni-cartbar .cart_header_text,
html body #mainNav .meun_float.ni-cartbar .cart_header_text:hover,
html body #mainNav .meun_float.ni-cartbar:hover .cart_header_text,
html body #mainNav .meun_float.ni-cartbar .cart_header_panel:hover .cart_header_text{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--ni-common-text)!important;
  -webkit-text-fill-color:var(--ni-common-text)!important;
  filter:none!important;
  opacity:1!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transform:none!important;
}
html body #mainNav .meun_float.ni-cartbar .cart_header_icon,
html body #mainNav .meun_float.ni-cartbar .cart_header_icon:hover,
html body #mainNav .meun_float.ni-cartbar:hover .cart_header_icon,
html body #mainNav .meun_float.ni-cartbar .cart_header_panel:hover .cart_header_icon{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  filter:none!important;
  opacity:0!important;
  outline:0!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transform:none!important;
}
html body #mainNav .meun_float.ni-cartbar .cart_header_total_num,
html body #mainNav .meun_float.ni-cartbar .cart_header_total_num:hover,
html body #mainNav .meun_float.ni-cartbar:hover .cart_header_total_num,
html body #mainNav .meun_float.ni-cartbar .cart_header_panel:hover .cart_header_total_num,
html body #mainNav .meun_float.ni-cartbar .cart_header_total_num .number,
html body #mainNav .meun_float.ni-cartbar .cart_header_total_num font{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--ni-common-cartbar-accent)!important;
  -webkit-text-fill-color:var(--ni-common-cartbar-accent)!important;
  filter:none!important;
  opacity:1!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transform:none!important;
}
html body #mainNav .meun_float.ni-cartbar .cart_header_panel a:not(.cart_header_checkout):hover,
html body #mainNav .meun_float.ni-cartbar .cart_header_panel a:not(.cart_header_checkout):focus{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--ni-common-text)!important;
  -webkit-text-fill-color:var(--ni-common-text)!important;
  filter:none!important;
  outline:0!important;
  text-decoration:none!important;
  transform:none!important;
}
html body #mainNav .meun_float.ni-cartbar .cart_header_checkout:hover,
html body #mainNav .meun_float.ni-cartbar .cart_header_checkout:focus{
  color:#8d5a59!important;
  -webkit-text-fill-color:#8d5a59!important;
  background:var(--ni-common-cartbar-button-hover)!important;
  background-image:var(--ni-common-cartbar-button-hover)!important;
  border-color:rgba(205,171,160,.98)!important;
  box-shadow:var(--ni-common-cartbar-button-shadow-hover)!important;
  transform:translateY(-1px)!important;
}
/* NI_CARTBAR_HOVER_NEUTRAL_ROOT_CORRECTION_END */

/* NI_CONVERGENCE: Mobile search panel design and desktop search preservation
 * Goal: on RWD mobile, keep the horizontal search row hidden until the mobile
 * search icon is pressed.  When opened, show a compact frosted Japanese-style
 * search sheet instead of a full-width row.  This guard is intentionally placed
 * in legacy-bridge.css because this file is loaded after legacy header/search
 * rules that still contain multiple #search mobile overrides.
 */
@media screen and (max-width:700px){
  html body #search.ni-global-search,
  html body.ni-home-index #search.ni-global-search{
    display:block !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:74px !important;
    z-index:2147482400 !important;
    width:min(92vw, 430px) !important;
    max-width:min(92vw, 430px) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:18px 16px 16px !important;
    overflow:visible !important;
    border:1px solid rgba(226,204,193,.86) !important;
    border-radius:28px !important;
    background:linear-gradient(180deg,rgba(255,253,250,.96) 0%,rgba(250,240,235,.94) 100%) !important;
    box-shadow:0 24px 70px rgba(72,52,45,.22), inset 0 1px 0 rgba(255,255,255,.9) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.06) !important;
    backdrop-filter:blur(18px) saturate(1.06) !important;
    box-sizing:border-box !important;
    transform:translate3d(-50%, -8px, 0) scale(.985) !important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  }
  body.ni-mobile-search-open #search.ni-global-search,
  body.ni-mobile-search-open.ni-home-index #search.ni-global-search{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translate3d(-50%, 0, 0) scale(1) !important;
  }
  body.ni-mobile-search-open:before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    z-index:2147482300 !important;
    background:rgba(79,61,54,.22) !important;
    -webkit-backdrop-filter:blur(10px) saturate(1.03) !important;
    backdrop-filter:blur(10px) saturate(1.03) !important;
    pointer-events:auto !important;
  }
  html body #search.ni-global-search:before,
  html body.ni-home-index #search.ni-global-search:before{
    content:"搜尋日系小物" !important;
    display:block !important;
    margin:0 0 12px !important;
    padding:0 4px !important;
    color:#5c4741 !important;
    font:800 18px/1.25 "Noto Serif TC","Hiragino Mincho ProN",serif !important;
    letter-spacing:.08em !important;
  }
  html body #search.ni-global-search:after,
  html body.ni-home-index #search.ni-global-search:after{
    content:"輸入關鍵字、品牌或角色名稱" !important;
    display:block !important;
    margin:10px 4px 0 !important;
    color:#a68f87 !important;
    font:500 12px/1.5 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif !important;
    letter-spacing:.05em !important;
  }
  html body #search.ni-global-search #searchForm,
  html body #search.ni-global-search .ni-search-form,
  html body.ni-home-index #search.ni-global-search #searchForm,
  html body.ni-home-index #search.ni-global-search .ni-search-form{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 78px !important;
    align-items:center !important;
    gap:9px !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:auto !important;
  }
  html body #search.ni-global-search .ni-search-field,
  html body.ni-home-index #search.ni-global-search .ni-search-field{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    height:46px !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 14px 0 42px !important;
    border:1px solid rgba(219,196,184,.92) !important;
    border-radius:999px !important;
    background:rgba(255,255,252,.94) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 18px rgba(118,89,78,.06) !important;
    box-sizing:border-box !important;
  }
  html body #search.ni-global-search .ni-search-field:before,
  html body.ni-home-index #search.ni-global-search .ni-search-field:before{
    content:"" !important;
    position:absolute !important;
    left:16px !important;
    top:50% !important;
    width:17px !important;
    height:17px !important;
    margin-top:-8.5px !important;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23b1847b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat !important;
    opacity:.9 !important;
  }
  html body #search.ni-global-search #keyword,
  html body #search.ni-global-search input#keyword,
  html body.ni-home-index #search.ni-global-search #keyword,
  html body.ni-home-index #search.ni-global-search input#keyword{
    display:block !important;
    width:100% !important;
    height:44px !important;
    min-height:44px !important;
    line-height:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#5f514c !important;
    -webkit-text-fill-color:#5f514c !important;
    font:600 15px/44px "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif !important;
    letter-spacing:.045em !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  html body #search.ni-global-search #keyword::placeholder,
  html body.ni-home-index #search.ni-global-search #keyword::placeholder{
    color:#b5a29a !important;
    opacity:1 !important;
  }
  html body #search.ni-global-search .go,
  html body #search.ni-global-search .ni-search-submit,
  html body #search.ni-global-search input.go,
  html body #search.ni-global-search input[type="submit"],
  html body.ni-home-index #search.ni-global-search .go,
  html body.ni-home-index #search.ni-global-search .ni-search-submit,
  html body.ni-home-index #search.ni-global-search input.go,
  html body.ni-home-index #search.ni-global-search input[type="submit"]{
    display:block !important;
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    height:46px !important;
    min-height:46px !important;
    line-height:46px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(203,143,143,.54) !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#d77d86 0%,#c66572 100%) !important;
    box-shadow:0 10px 22px rgba(198,101,114,.20), inset 0 1px 0 rgba(255,255,255,.28) !important;
    color:#fffdf9 !important;
    -webkit-text-fill-color:#fffdf9 !important;
    text-align:center !important;
    text-indent:0 !important;
    font:800 14px/46px "Noto Serif TC","Hiragino Mincho ProN",serif !important;
    letter-spacing:.08em !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    box-sizing:border-box !important;
  }
  html body #search.ni-global-search .go:hover,
  html body #search.ni-global-search .ni-search-submit:hover,
  html body #search.ni-global-search .go:focus,
  html body #search.ni-global-search .ni-search-submit:focus,
  html body.ni-home-index #search.ni-global-search .go:hover,
  html body.ni-home-index #search.ni-global-search .ni-search-submit:hover,
  html body.ni-home-index #search.ni-global-search .go:focus,
  html body.ni-home-index #search.ni-global-search .ni-search-submit:focus{
    background:linear-gradient(180deg,#dd8a91 0%,#cb6d78 100%) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    transform:translateY(-1px) !important;
  }
  body.ni-mobile-search-open .ni-mobile-luxe-search{
    border-color:rgba(205,139,143,.72) !important;
    background:rgba(255,246,244,.92) !important;
    box-shadow:0 8px 18px rgba(177,112,116,.14) !important;
  }
}
@media screen and (max-width:380px){
  html body #search.ni-global-search,
  html body.ni-home-index #search.ni-global-search{
    width:calc(100vw - 22px) !important;
    padding:16px 13px 14px !important;
    border-radius:24px !important;
  }
  html body #search.ni-global-search #searchForm,
  html body #search.ni-global-search .ni-search-form,
  html body.ni-home-index #search.ni-global-search #searchForm,
  html body.ni-home-index #search.ni-global-search .ni-search-form{
    grid-template-columns:minmax(0,1fr) 68px !important;
    gap:7px !important;
  }
  html body #search.ni-global-search .go,
  html body #search.ni-global-search .ni-search-submit,
  html body.ni-home-index #search.ni-global-search .go,
  html body.ni-home-index #search.ni-global-search .ni-search-submit{
    width:68px !important;
    min-width:68px !important;
    max-width:68px !important;
  }
}

/* NI_CONVERGENCE: mobile drawer root-layer correction.
 * Root cause: the mobile drawer DOM originally lived inside the sticky header; some
 * stacked header/search layers could visually cover or clip it. drawer.js now mounts
 * the overlay/drawer directly under <body>; this final guard makes that root layer
 * own the whole viewport.
 */
@media screen and (max-width:700px){
  html body > .ni-mobile-luxe-overlay[data-ni-mobile-layer-mounted="1"]{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    z-index:2147483400!important;
    background:rgba(65,52,46,.34)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease, visibility 0s linear .22s!important;
  }
  html body.ni-mobile-drawer-open > .ni-mobile-luxe-overlay[data-ni-mobile-layer-mounted="1"]{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .22s ease, visibility 0s linear 0s!important;
  }
  html body > .ni-mobile-luxe-drawer[data-ni-mobile-layer-mounted="1"]{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:auto!important;
    width:min(86vw,326px)!important;
    max-width:326px!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:2147483410!important;
    padding:18px 16px calc(22px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    border-radius:0 28px 28px 0!important;
    background:linear-gradient(180deg,#fffdf9 0%,#f8eee7 100%)!important;
    box-shadow:28px 0 68px rgba(65,47,40,.22)!important;
    transform:translate3d(-104%,0,0)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .26s cubic-bezier(.22,.78,.25,1), visibility 0s linear .26s!important;
  }
  html body.ni-mobile-drawer-open > .ni-mobile-luxe-drawer[data-ni-mobile-layer-mounted="1"]{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .26s cubic-bezier(.22,.78,.25,1), visibility 0s linear 0s!important;
  }
}

/* NI_CONVERGENCE: product description editor-white-background final guard.
 * Root cause fixed: the previous bridge guard removed inline/editor white canvas
 * too broadly and also overrode the canonical 商品規格 / 訂購須知 section bands,
 * because legacy-bridge.css loads after pages.css.  Keep this as the last-loaded
 * bridge, but make the section-heading contract explicit inside the same guard:
 * normal editor cells stay clean; section rows keep the muted tea band; heading
 * labels are forced transparent so nested UEditor spans cannot expose white chips.
 */
/* Product description UEditor background / heading bands are no longer bridged here.
 * Canonical source: themes/quwan/css/ni_product.css + themes/quwan/js/ni_product.js. */
/* NI_DRAWER_CANONICAL_SURFACE
 * Mobile drawer surface, spacing, navigation and root-layer ownership share one
 * canonical bridge here. This block intentionally targets both the original
 * header-owned drawer and the root-mounted drawer so applying a partial package
 * cannot expose the old unstyled / inline link layout.
 */
@media screen and (max-width:700px){
  html body .ni-mobile-luxe-overlay,
  html body > .ni-mobile-luxe-overlay,
  html body > .ni-mobile-luxe-overlay[data-ni-mobile-layer-mounted="1"]{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    z-index:2147483400!important;
    background:rgba(65,52,46,.34)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease, visibility 0s linear .22s!important;
  }
  html body.ni-mobile-drawer-open .ni-mobile-luxe-overlay,
  html body.ni-mobile-drawer-open > .ni-mobile-luxe-overlay,
  html body.ni-mobile-drawer-open > .ni-mobile-luxe-overlay[data-ni-mobile-layer-mounted="1"]{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .22s ease, visibility 0s linear 0s!important;
  }

  html body .ni-mobile-luxe-drawer,
  html body > .ni-mobile-luxe-drawer,
  html body > .ni-mobile-luxe-drawer[data-ni-mobile-layer-mounted="1"]{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:auto!important;
    width:min(86vw,326px)!important;
    max-width:326px!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:2147483410!important;
    padding:18px 16px calc(22px + env(safe-area-inset-bottom))!important;
    flex-direction:column!important;
    gap:16px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    border:0!important;
    border-radius:0 28px 28px 0!important;
    background:linear-gradient(180deg,#fffdf9 0%,#f8eee7 100%)!important;
    box-shadow:28px 0 68px rgba(65,47,40,.22)!important;
    box-sizing:border-box!important;
    transform:translate3d(-104%,0,0)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .26s cubic-bezier(.22,.78,.25,1), visibility 0s linear .26s!important;
  }
  html body.ni-mobile-drawer-open .ni-mobile-luxe-drawer,
  html body.ni-mobile-drawer-open > .ni-mobile-luxe-drawer,
  html body.ni-mobile-drawer-open > .ni-mobile-luxe-drawer[data-ni-mobile-layer-mounted="1"]{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .26s cubic-bezier(.22,.78,.25,1), visibility 0s linear 0s!important;
  }
  html body.ni-mobile-drawer-open{overflow:hidden!important;}

  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-drawer-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:4px 0 2px!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-drawer-head strong{
    display:block!important;
    color:#5f514c!important;
    font:700 19px/1.25 "Noto Serif TC","Hiragino Mincho ProN",serif!important;
    letter-spacing:.035em!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-drawer-head span{
    display:block!important;
    margin-top:5px!important;
    color:#b0897e!important;
    font:600 11px/1.2 Georgia,"Times New Roman",serif!important;
    letter-spacing:.16em!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-close{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#8b746b!important;
    font:300 26px/1 Arial,sans-serif!important;
    text-decoration:none!important;
    cursor:pointer!important;
  }

  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-member-card{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:14px 14px 13px!important;
    border:1px solid rgba(227,207,196,.88)!important;
    border-radius:22px!important;
    background:rgba(255,255,252,.70)!important;
    box-shadow:0 10px 24px rgba(119,86,70,.06)!important;
    color:#6c5b54!important;
    box-sizing:border-box!important;
    pointer-events:auto!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-member-card small{
    display:block!important;
    margin:0 0 6px!important;
    color:#bd8a82!important;
    font:700 10px/1 Georgia,"Times New Roman",serif!important;
    letter-spacing:.18em!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-member-card div,
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-member-card div[data-ni-mobile-member]{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    min-height:30px!important;
    color:#695851!important;
    font:500 13px/1.6 "Noto Sans TC","PingFang TC",sans-serif!important;
    letter-spacing:.04em!important;
    pointer-events:auto!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-member-card div[data-ni-mobile-member] a{
    position:relative!important;
    z-index:3!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:30px!important;
    padding:0 4px!important;
    color:#6c5b54!important;
    font-weight:700!important;
    text-decoration:none!important;
    pointer-events:auto!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-member-card div[data-ni-mobile-member] a:first-child{
    color:#c46f7c!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-member-card .ni-member-sep{
    color:#d7c2b8!important;
  }

  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-drawer-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:18px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-section{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-section-title{
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:0 6px!important;
    border:0!important;
    background:transparent!important;
    color:#9a756d!important;
    font:800 15px/1.4 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;
    letter-spacing:.06em!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-section-body{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-link,
  html body .ni-mobile-luxe-drawer .ni-drawer-nav-group,
  html body .ni-mobile-luxe-drawer .ni-drawer-nav-toggle{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-nav-group{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-link,
  html body .ni-mobile-luxe-drawer .ni-drawer-nav-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 22px!important;
    border:1px solid rgba(226,207,197,.88)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fffefa 0%,#f7efe9 100%)!important;
    box-shadow:0 7px 16px rgba(113,82,68,.055)!important;
    color:#665650!important;
    text-align:left!important;
    text-decoration:none!important;
    font:800 16px/1 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;
    letter-spacing:.045em!important;
    cursor:pointer!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-link:after{
    display:block!important;
    content:"›"!important;
    flex:0 0 auto!important;
    color:#c38d86!important;
    font-size:24px!important;
    font-weight:300!important;
    line-height:1!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-nav-toggle .ni-drawer-chevron{
    display:block!important;
    flex:0 0 auto!important;
    color:#c38d86!important;
    font-size:24px!important;
    font-weight:300!important;
    line-height:1!important;
    transform:rotate(0deg)!important;
    transition:transform .18s ease!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-nav-group.is-open .ni-drawer-chevron{
    transform:rotate(90deg)!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    margin:8px 0 2px!important;
    padding:0 0 0 18px!important;
    box-sizing:border-box!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav[hidden]{display:none!important;}
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:36px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#7a665f!important;
    text-decoration:none!important;
    font:700 14px/1 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;
    letter-spacing:.035em!important;
    box-sizing:border-box!important;
    transition:background-color .14s ease,color .14s ease,box-shadow .14s ease!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link:after{
    content:"›"!important;
    color:#c9a09a!important;
    font-size:18px!important;
    font-weight:300!important;
    line-height:1!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link:hover,
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link:focus,
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link:active,
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link.is-active{
    background:rgba(217,171,163,.20)!important;
    color:#6a514a!important;
    box-shadow:inset 4px 0 0 rgba(198,132,132,.42)!important;
    text-decoration:none!important;
    outline:0!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link:hover:after,
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link:focus:after,
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link:active:after,
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-link.is-active:after{
    color:#b87878!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-subnav-child{
    margin-left:10px!important;
    width:calc(100% - 10px)!important;
    color:#8d7a72!important;
    font-weight:600!important;
  }
}

/* NI_CONVERGENCE: product mobile bottom whitespace final guard.
 * Product desc heading bands are owned by ni_product.css/js; this bridge keeps only spacing.
 */
@media screen and (max-width:700px){
  html body,
  html body.goods_body{
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  html body.goods_body .ni-v43-product-desc-wrap,
  html body.goods_body .box.ni-goods-detail-desc-only.ni-v43-product-desc-wrap{
    margin-bottom:16px!important;
  }
  html body.goods_body .ni-v43-modern-products{
    margin-top:14px!important;
  }
  html body .footer_box,
  html body #footer,
  html body .ni-footer-guide{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body .footer_box .footer-copy,
  html body .footer_box .copyright,
  html body #footer .copyright{
    margin-bottom:0!important;
  }
}

/* NI_MOBILE_NAV_CART_ISLAND_CANONICAL
 * Restore the mobile horizontal navigation and global bottom cart island from
 * ecshop_frontend_mobile_drawer_desc_canvas_convergence_pack_full while keeping
 * the newer drawer and goods_desc convergence rules in this package.
 */
@media screen and (max-width:700px){
  html body #mainNav,
  html body #mainNav.clearfix,
  html body.ni-home-index #mainNav,
  html body.ni-home-index #mainNav.clearfix{
    position:sticky!important;
    top:58px!important;
    z-index:100480!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:none!important;
    line-height:normal!important;
    margin:0!important;
    padding:0 14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    border:0!important;
    border-top:0!important;
    border-bottom:1px solid rgba(226,211,201,.78)!important;
    background:rgba(255,251,247,.985)!important;
    background-image:none!important;
    box-shadow:0 8px 18px rgba(91,66,56,.045)!important;
    box-sizing:border-box!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body #mainNav::-webkit-scrollbar{display:none!important;}
  html body #mainNav .u1,
  html body #mainNav #cur,
  html body.ni-home-index #mainNav .u1,
  html body.ni-home-index #mainNav #cur{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    line-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body #mainNav .u1:after,
  html body.ni-home-index #mainNav .u1:after{
    display:none!important;
    content:none!important;
  }
  html body #mainNav .a1,
  html body #mainNav .home_a,
  html body #mainNav #cur .a1,
  html body #mainNav .u1_over .a1,
  html body #mainNav .u1:hover .a1,
  html body.ni-home-index #mainNav .a1,
  html body.ni-home-index #mainNav .home_a,
  html body.ni-home-index #mainNav #cur .a1,
  html body.ni-home-index #mainNav .u1_over .a1,
  html body.ni-home-index #mainNav .u1:hover .a1{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:auto!important;
    max-width:none!important;
    height:44px!important;
    line-height:44px!important;
    margin:0!important;
    padding:0 15px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#7a6860!important;
    text-shadow:none!important;
    text-decoration:none!important;
    font:700 13px/44px "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif!important;
    letter-spacing:.06em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }
  html body #mainNav .a1:after,
  html body.ni-home-index #mainNav .a1:after{
    content:""!important;
    position:absolute!important;
    left:15px!important;
    right:15px!important;
    bottom:7px!important;
    height:2px!important;
    border-radius:999px!important;
    background:transparent!important;
    transform:scaleX(.45)!important;
    opacity:0!important;
    transition:opacity .18s ease,transform .18s ease,background .18s ease!important;
  }
  html body #mainNav #cur .a1,
  html body #mainNav .u1_over .a1,
  html body #mainNav .u1:hover .a1,
  html body.ni-home-index #mainNav #cur .a1,
  html body.ni-home-index #mainNav .u1_over .a1,
  html body.ni-home-index #mainNav .u1:hover .a1{
    color:#b7757c!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  html body #mainNav #cur .a1:after,
  html body #mainNav .u1_over .a1:after,
  html body #mainNav .u1:hover .a1:after,
  html body.ni-home-index #mainNav #cur .a1:after,
  html body.ni-home-index #mainNav .u1_over .a1:after,
  html body.ni-home-index #mainNav .u1:hover .a1:after{
    background:#c9868d!important;
    opacity:1!important;
    transform:scaleX(1)!important;
  }
  html body #mainNav .sub_nav,
  html body #mainNav .u1_over .sub_nav,
  html body #mainNav .u1:hover .sub_nav{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body.goods_body #mainNav .meun_float.ni-product-soft-hidden:not(.cart-open):not(.ni-cart-open):not(.ni-common-checkout-hover):not(:hover):not(:focus-within){
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 18px))!important;
    filter:saturate(.9)!important;
    transition:opacity .22s ease,transform .22s ease,filter .18s ease!important;
  }
  html body.goods_body #mainNav .meun_float.ni-product-soft-hidden.cart-open,
  html body.goods_body #mainNav .meun_float.ni-product-soft-hidden.ni-cart-open,
  html body.goods_body #mainNav .meun_float.ni-common-checkout-hover,
  html body.goods_body #mainNav .meun_float:hover,
  html body.goods_body #mainNav .meun_float:focus-within{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    filter:none!important;
  }
  html body{
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
}

/* NI_LISTING_LEGACY_BRIDGE_RETIRED: listing shell/card/sidebar overrides moved to themes/quwan/assets/css/page-listing.css. */
/* NI_SIDEBAR_LEGACY_BRIDGE_RETIRED: sidebar old box resets are no longer needed for listing pages. */

/* NI_HEADER_COLLECTION_NO_HEART: 頁首「我的收藏」僅保留文字，移除 ♡ / 愛心 before 圖示。 */
body .ni-premium-actions a[href*="collection_list"]::before,
body .top_link.ni-premium-actions a[href*="collection_list"]::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* NI_HEADER: 頂部 quicknav 已自模板移除；會員列在上、quicknav 在下 */
body .ni-premium-brandrow{
  --ni-header-session-gap:clamp(8px,.833vw,10px)!important;
  --ni-header-brandrow-pad-y:clamp(6px,.937vw,10px)!important;
  align-items:center!important;
  min-height:clamp(72px,8.75vw,84px)!important;
  margin:0!important;
  padding:var(--ni-header-brandrow-pad-y) clamp(12px,1.667vw,16px) var(--ni-header-brandrow-pad-y)!important;
}
body .ni-premium-brandrow .ni-premium-actions-wrap{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  align-self:center!important;
  justify-content:end!important;
  gap:clamp(7px,1.042vw,10px)!important;
  row-gap:var(--ni-header-session-gap)!important;
  width:100%!important;
  max-width:520px!important;
  min-width:0!important;
  margin:0 0 0 auto!important;
  padding:0!important;
}
body .ni-premium-brandrow .ni-premium-actions-wrap > .ni-premium-actions__session{
  grid-row:1!important;
  grid-column:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(6px,.833vw,8px)!important;
  min-width:0!important;
  margin-top:0!important;
  padding-right:2px!important;
}
body .ni-premium-brandrow .ni-premium-actions-wrap > .ni-premium-actions{
  grid-row:2!important;
  grid-column:1 / -1!important;
  max-width:none!important;
  width:100%!important;
  margin:0!important;
}
body .ni-premium-actions__username{
  display:block!important;
  min-width:0!important;
  max-width:calc(100% - 32px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#75665e!important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
  font-size:clamp(11px,1.25vw,13px)!important;
  font-weight:500!important;
  letter-spacing:clamp(.02em,.005vw,.06em)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-decoration:none!important;
}
body .ni-premium-actions__username:hover,
body .ni-premium-actions__username:focus,
body .ni-premium-actions__auth-link:hover,
body .ni-premium-actions__auth-link:focus{
  color:#9b6463!important;
  text-decoration:none!important;
  outline:none!important;
}
body .ni-premium-actions__auth-link{
  display:inline!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  color:#75665e!important;
  font-family:"Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
  font-size:clamp(11px,1.25vw,13px)!important;
  font-weight:500!important;
  letter-spacing:clamp(.02em,.005vw,.06em)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
body .ni-premium-actions__auth-sep{
  display:inline-block!important;
  flex:0 0 auto!important;
  align-self:center!important;
  width:1px!important;
  min-width:1px!important;
  height:clamp(10px,1.25vw,12px)!important;
  margin:0 clamp(5px,.729vw,7px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(206,180,166,.88)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  pointer-events:none!important;
}
body .ni-premium-actions__session--guest{
  gap:clamp(3px,.42vw,5px)!important;
}
html body .header_bg.ni-premium-header + #mainNav,
html body .header_bg.ni-premium-header + #mainNav.clearfix{
  margin-top:0!important;
  padding-top:0!important;
}
html body .header_bg.ni-premium-header .ni-premium-header-inner{
  padding-bottom:0!important;
}
body .ni-premium-actions__logout{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#9a756d!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
body .ni-premium-actions__logout-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  pointer-events:none!important;
}
body .ni-premium-actions__logout-icon svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.85!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body .ni-premium-actions__logout-label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body .ni-premium-actions__logout:hover,
body .ni-premium-actions__logout:focus{
  color:#9b6463!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}
@media screen and (max-width:700px){
  body .ni-premium-brandrow .ni-premium-actions-wrap > .ni-premium-actions__session{
    grid-row:1!important;
    grid-column:2!important;
    justify-self:end!important;
    padding-right:0!important;
  }
  body .ni-premium-brandrow .ni-premium-actions-wrap > .ni-premium-actions{
    grid-row:2!important;
    grid-column:1 / -1!important;
  }
}

/* NI_MOBILE_DRAWER: 會員卡 + 底部登出圖示 */
@media screen and (max-width:700px){
  html body .ni-mobile-luxe-drawer .ni-mobile-member-card__row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:100%!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-member-card__label{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:0!important;
    gap:0!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-member-card__label small{
    display:block!important;
    order:1!important;
    margin:0!important;
    color:#bd8a82!important;
    font:700 10px/1 Georgia,"Times New Roman","Palatino Linotype",serif!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-member-card__title{
    display:block!important;
    order:2!important;
    margin:6px 0 0!important;
    color:#6c5b54!important;
    font:600 15px/1.35 "Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
    letter-spacing:.06em!important;
    font-weight:600!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-member-card__meta,
  html body .ni-mobile-luxe-drawer .ni-mobile-member-card__meta[data-ni-mobile-member]{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:62%!important;
    margin:0!important;
    padding:0!important;
    gap:6px!important;
    text-align:right!important;
    pointer-events:auto!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-member__name{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#b86b72!important;
    font-family:"Noto Serif TC","Noto Sans TC",Nunito,serif!important;
    font-size:22px!important;
    font-weight:700!important;
    font-style:normal!important;
    line-height:1.1!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-decoration:none!important;
    -webkit-font-smoothing:antialiased!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-member__auth-link{
    color:#c46f7c!important;
    font:600 14px/1.3 "Noto Serif TC","Hiragino Mincho ProN","PMingLiU",serif!important;
    letter-spacing:.05em!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-member__auth-sep{
    display:inline-block!important;
    flex:0 0 auto!important;
    align-self:center!important;
    width:1px!important;
    height:12px!important;
    margin:0 6px!important;
    background:rgba(206,180,166,.88)!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-luxe-drawer-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:0 6px!important;
    box-sizing:border-box!important;
  }
  html body .ni-mobile-luxe-drawer .ni-drawer-section-head .ni-drawer-section-title{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-drawer-footer{
    display:none!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-drawer__logout{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#9a756d!important;
    text-decoration:none!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-drawer__logout-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    color:inherit!important;
    pointer-events:none!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-drawer__logout-icon svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.85!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-drawer__logout-label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  html body .ni-mobile-luxe-drawer .ni-mobile-drawer__logout:hover,
  html body .ni-mobile-luxe-drawer .ni-mobile-drawer__logout:focus{
    color:#9b6463!important;
    background:transparent!important;
    outline:none!important;
  }
}

/* * 前台所有按鈕字型唯一來源：--ni-font-button（Noto Sans TC）。 * 本段置於 legacy-bridge 末尾，壓過歷史 font:800 "Noto Sans TC" / serif 按鈕殘留。 */
html body[data-ni-modern-shell="1"] :is(
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  .button,
  .btn,
  a.button,
  a.btn,
  .ni-button,
  a.ni-button,
  button.ni-button,
  input.ni-button,
  .ni-system-btn,
  a.ni-system-btn,
  .ni-system-link,
  .ni-product-card__cta,
  .ni-v43-btn,
  a.ni-v43-btn,
  .ni-member-submit,
  .ni-member-soft-link,
  .ni-member-collection-button,
  .ni-member-collection-link,
  .ni-member-dashboard__button,
  .ni-member-order-card__primary,
  .ni-member-order-card__secondary,
  .ni-member-account-pay-button input,
  .ni-member-account-pay-button button,
  .ni-member-account-pay-button a,
  .ni-order-query-button,
  .ni-drawer-link,
  .ni-drawer-nav-toggle,
  .ni-drawer-subnav-link,
  .ni-drawer-payment-link,
  .ni-qty-btn,
  .ni-flow-auth-submit,
  .ni-flow-submit-order,
  .ni-flow-mobile-submit__button,
  .userCenterBox input[type="submit"],
  .userCenterBox input[type="button"],
  .userCenterBox button,
  #search.ni-global-search input[type="submit"],
  .ni-footer-subscribe input[type="submit"],
  .ni-footer-subscribe button,
  .ni-pagination a,
  .ni-pagination .pagebar a,
  .ni-pagination .page_now
){
  font-family:var(--ni-font-button, var(--ni-font-body)) !important;
  font-weight:var(--ni-button-font-weight, 700) !important;
  font-synthesis:none !important;
  letter-spacing:var(--ni-button-letter-spacing, .03em) !important;
}