.menu {
    display: flex;
    flex-direction: column; /* 將主功能表項目和子功能表項目垂直排列 */
  }
  .menuItem, .subMenuItem {
      padding: 8px; /* 調整內邊距 */
      cursor: pointer;
  }
  .subMenuItem {
    display: inline;
  }
  .subMenu {
    display: none; /* 隱藏子選單 */
  }
  .menuItem:hover, .subMenuItem:hover {
    background-color: #003399; /* 調整滑鼠懸停時的背景色 */
    color:yellow;
  }
  .tip {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  .tipText {
    visibility: hidden;
    font-size:12pt;
    width: 540px;
    background-color: #333;
    color: #fff;
    text-align:left;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 50%; /* 將 top 改為 50% */
    left: 100%; /* 將 left 改為 100% */
    margin-top: -20px; /* 調整 margin-top，使文字垂直置中 */
    margin-left: 10px; /* 調整 margin-left，增加與字體之間的間距 */
    opacity: 0;
    transition: opacity 0.3s;
  }
  .tip:hover .tipText {
    visibility: visible;
    opacity: 1;
  }
  span{
      display: block;
  }