/* === hlhs2 menu — 標準板+客製覆寫：載 common_menuBase，下面覆寫色變數與板專屬規則 === */
div.menuColumn_odd {
    --menu-column-bg: #f0f0f0;
    --menu-panel-bg: rgba(165, 212, 241, .9);
    --menu-bar-bg: #f0f0f0;
    --menu-panel-bg-desktop: rgba(125, 185, 222, 0.2);
    --menu-btn-bg: #414141;
    --menu-focus-color: #27156b;
    --menu-hover-bg: rgba(125, 185, 222, 0.8);
    --menu-sub-bg: rgba(240, 240, 240, 0.9);
}
@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;
  }
}

/* 手機：選單列透明疊在 header 的 logo 列上（absolute 隨頁捲動不常駐、top 由板 JS 以文件座標對齊 logo），50px 高讓漢堡鈕與 logo 同列垂直置中 */
@media only screen and (max-width: 999px) {
    div.menuColumn_odd {
        height    : 50px;
        background: transparent;
        position  : absolute;
    }
}