/* 對按鈕、鏈接等元素設定焦點樣式 */
button:focus, a:focus, input:focus, textarea:focus, select:focus {
    outline: none;  /* 移除預設的輪廓 */
    border: 2px solid #4CAF50;  /* 設定邊框顏色 */
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.8); /* 增加焦點的陰影 */
}

/* 針對菜單的焦點樣式，確保菜單項目獲得焦點時有明確的視覺變化 */
.navbar .nav-item:focus, .menu-item:focus {
    outline: none;
    background-color: #f2f2f2;  /* 改變背景顏色以便標示焦點 */
    color: #4CAF50; /* 文字顏色變化 */
}

/* 確保所有超鏈接也有焦點樣式 */
a:focus {
    display: inline-block; /* 或 block */
    border: 1px solid #4CAF50;
    text-decoration: underline;
}
.btn-group .btn:focus {
    outline: none; /* 移除預設的虛線輪廓 */
    border-color: #5cb85c; /* 設置邊框顏色 */
    box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.8); /* 設置焦點的陰影效果 */
}

#jump-main {
  width: 150px;
  height: 75px;
  text-align: center;
  opacity: 0; /* 初始隱藏 */
  pointer-events: none; /* 初始不允許接收事件（如焦點） */
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
}
/* 當錨點獲得焦點時顯示 */
#jump-main:focus {
  opacity: 1; /* 顯示元素 */
  pointer-events: auto; /* 允許元素接收焦點 */
}
#aU{
  position: absolute;
  left: 150px;
  top: 0;
  opacity: 0;
}
#aC{
  position: absolute;
  left: 150px;
  top: 90px;
  z-index: 999;
  opacity: 0;
}
#aB{
  opacity: 0;
}