.menu-page .subpage__background { top: 0; }
.menu-page .header { position: fixed; background: rgba(20, 7, 0, .94); }
.menu-page__main { padding-top: 1.35rem; min-height: 6.27rem; }
.menu-page__nav { display: flex; flex-direction: column; align-items: center; gap: .316rem; }
.menu-page__link { position: relative; font-size: .18rem; line-height: .216rem; min-height: .44rem; color: #5b5b5b; }
.menu-page__link:hover, .menu-page__link:focus-visible, .menu-page__link.is-current { color: white; }
.menu-page__link.is-current::after { content: ""; position: absolute; top: .26rem; left: 50%; translate: -50% 0; width: .29rem; height: .12rem; background: url(../../images/common/navigation-selected.svg) center/contain no-repeat; }
.menu-page__language {
  margin: .316rem auto 0; width: 1.23rem; display: grid;
  grid-template-columns: 1fr .08rem 1fr .08rem 1fr; column-gap: .06rem;
  justify-items: center; align-items: baseline; color: #5b5b5b;
  font: 400 .2rem/.45rem "Manrope", "Noto Sans SC", "Noto Sans TC", sans-serif;
  letter-spacing: -.004rem;
}
.menu-page__language button { min-height: .45rem; min-width: 0; width: 100%; font: inherit; letter-spacing: inherit; text-align: center; white-space: nowrap; }
.menu-page__language .is-current { color: white; }
.menu-page .site { min-height: max(9.79rem, 100dvh); }