/* 離線副本選單 hover 修正
 *
 * 原因：templates/investa/css/presets/preset1.css 原為深色頁首（#1C272A）設計，
 * 規則 .sp-megamenu-parent>li:hover>a { color:#ffffff } 以及作用中項目同樣使用白字。
 * 本站自訂 CSS（HTML 內 inline，ring-add）已把 #sp-header、.sp-megamenu-parent
 * 改成白底，頂層選單字色改為 #242F56，但沒有改寫上述 hover 白字，
 * 因此滑鼠移上時變成白字配白底，看起來像消失。
 *
 * 作法：不改原始 preset1.css，改以此覆蓋檔修正。
 * 一般頂層項目 hover 改為品牌藍紫 #505d9c（與未 hover 的 #242F56 有區別，白底可讀）。
 * 第一個項目本身是藍底 #659add、作用中項目是橘底 #ec916a，維持白字對比足夠。
 * 下拉項目背景為橘色 #ec916a，hover 改為深藍 #242F56，避免淺色或白字看不見。
 */
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:hover > a .menu-title {
  color: #505d9c !important;
}

.sp-megamenu-parent > li:first-child:hover > a,
.sp-megamenu-parent > li:first-child:hover > a .menu-title,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li.active > a .menu-title,
.sp-megamenu-parent > li.active:hover > a .menu-title {
  color: #ffffff !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus {
  color: #242F56 !important;
}