/* === nhshEN menu — 標準板+客製覆寫：載 common_menuBase，下面覆寫色變數與板專屬規則 === */
div.menuColumn_odd {
    --menu-surface-bg: rgba(251, 237, 207, 0.9);
    --menu-bar-bg: rgba(251, 237, 207, 0.9);
    --menu-panel-bg-desktop: rgba(251, 237, 207, 0.9);
    --menu-btn-bg: #414141;
    --menu-focus-color: #27156b;
    --menu-hover-bg: rgba(251, 237, 207, 0.9);
    --menu-focus-bg: rgba(0, 0, 0, 0);
    --menu-sub-bg: rgba(251, 237, 207, 0.9);
}
@media all and (min-width: 0) {
  .odd-nhsh1-flex-2nd {
    display: flex;
    flex-direction: row;
    row-gap: 1em;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 0.5em
  }
  .odd-nhsh1-grid-img-2nd {
    display: grid !important;
    row-gap: 1em;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 0.5em
  }
  .odd-nhsh1-grid-img-2-2nd {
    display: grid !important;
    row-gap: 1em;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 0.5em
  }
}
@media all and (min-width: 1000px) {
  .odd-nhsh1-grid-img-2nd {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1em;
    row-gap: 1em;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 0.5em
  }
  .odd-nhsh1-grid-block-2nd {
    display: grid;
  }
  .odd-nhsh1-grid-img-2-2nd {

    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1em;
    row-gap: 1em;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 0.5em;
  }

  .odd-nhsh1-grid-img-2-2nd img {
    width:75%;
  }
  .odd-nhsh1-flex-2nd {
    display: flex !important;
    flex-direction: row;
    row-gap: 1em;
    column-gap: 1em;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 0.5em;
  }
}
@media all {
  div.loading_odd {
    display: none !important;
  }
  div.linkBlockBlock_odd > div.login_odd div.contents_odd {
    width: calc(100% - 10px);
    padding-left: 5px;
    margin-top: 10px;
    position: relative;
    font-size: 0.9em;
  }
  div.linkBlockBlock_odd > div.login_odd div.contents_odd input.login {
    width: calc(100% - 2px);
    height: calc(1.2em * 1.4);
    border-radius: 0.3em;
    border: none;
    background-color: rgba(255, 255, 255, 0.6);
    transition: 300ms;
    border: 1px solid #AAA;
  }
  div.linkBlockBlock_odd > div.login_odd div.contents_odd input.login.account {
    width: calc(50% - 3px - 0.6em);
  }
  div.linkBlockBlock_odd > div.login_odd div.contents_odd select.login {
    width: calc(100% - 2px);
    height: calc(1.2em * 1.4);
    border-radius: 0.3em;
    border: none;
    background-color: rgba(255, 255, 255, 0.6);
    transition: 300ms;
    border: 1px solid #AAA;
  }
  div.linkBlockBlock_odd > div.login_odd div.contents_odd select.login.account {
    width: calc(50% - 3px - 0.6em);
  }
  div.linkBlockBlock_odd > div.login_odd div.loginBtns_odd {
    text-align: right;
  }
  div.linkBlockBlock_odd > div.login_odd div.loginBtns_odd a:nth-child(1) {
    float: left;
  }
  div.linkBlockBlock_odd > div.login_odd div.loginBtns_odd a:nth-child(n+2) {
    font-size: 0.8em;
  }
}
div.menuColumn_odd[data-set="1"] {
  background-color: rgba(240, 240, 240, 0.9);
}
@media all {
  div.login_odd {
    background-color: white;
  }
}
@media all and (min-width: 1000px) {
  div.menuColumn_odd {
    position: relative !important;
  }
  div#menu_odd {
    position: relative !important;
  }
  ul#menu a,ul#menu button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media all and (min-width: 1000px) {
  ul#menu {
    text-align: left !important;
  }
  div.menuColumn_odd {
    width: 95% !important;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  div.menuColumn_odd > div#menu_odd > ul#menu {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (min-width: 1367px) {
  div.menuColumn_odd {
    width: 90% !important;
    margin-left: 5%;
    margin-right: 5%;
  }
}