#Training{position: relative;width: 100%;}
#Training .titlee{display: flex;flex-direction: column;align-content: center;align-items: center;}
#Training .titlee h2{font-size: 24px;line-height: 180%;color: #505252;}
#Training .baar{margin: 30px 0;border-left: 4px solid #d6d6d6;padding-left: 48px;animation-name: fadeInUp;}
#Training .baar p{font-size:16px;line-height:180%;}
#Training .info{margin: 10px 0;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}

/* =========================
   Table (AA-friendly)
   支援：caption / thead / th / td
========================= */

/* 表格寬度沿用你原本的版面策略 */
#Training .nalist .ddGG{display: flex;justify-content: center;flex-direction: column;}
#Training .nalist .ddGG table{width: -webkit-fill-available; width: 100%; border-collapse: collapse;}

/* caption：螢幕不顯示，但讀屏可讀（你有 sr-only 就可用 sr-only 類） */
#Training table caption{
  position: absolute;
  width: 1px;height: 1px;
  padding: 0;margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* 表頭：改成 thead th（原本 tr:nth-child(1) td） */
#Training .nalist thead th{
  text-align: center;
  background-color: var(--primary);
  color: #ffffff;
  padding: 10px 10px;
  font-size: 16px;
  border: #4e4e4e12 1px solid;
}

/* rowgroup 標題行（你用 th colspan="2" 的那些行） */
#Training .nalist tbody th[scope="rowgroup"]{
  background-color: rgb(144 144 144 / 6%);
  color: #323232;
  font-weight: 600;
  text-align: left;
  padding: 12px 10px;
  border: #4e4e4e12 1px solid;
}

/* 一般儲存格 */
#Training .nalist td{
  padding: 10px 10px;
  font-size: 16px;
  border: #4e4e4e12 1px solid;
  color: #333;
  vertical-align: top;
}

/* 你原本的 Txt 欄位（如果還會出現 class="Txt"） */
#Training .nalist td.Txt{
  text-align: center;
  background-color: rgb(144 144 144 / 6%);
  color: #323232;
  width: 280px;
}

/* 原本 Txt03 保留 */
#Training .nalist td.Txt03{background-color: rgb(144 144 144 / 6%);}

/* 連結顏色 */
#Training .nalist td a{
  color: var(--primary);
  vertical-align: initial;
  text-decoration: underline; /* 連結可辨識更 AA */
  text-underline-offset: 2px;
}

/* focus 可見（鍵盤可用） */
#Training .nalist td a:focus-visible{
  outline: 3px solid rgba(23, 168, 173, 0.7);
  outline-offset: 2px;
  border-radius: 2px;
}

/* banfull 維持你原本 */
#Training .banfull table{width: 95%;text-align: center;margin: 30px auto;}
#Training .banfull table tr:first-child td{background-color: #f3f5f4;} /* 若 banfull 仍用舊表格結構，保留 */

/* 其他文字區塊 */
#Training .info h2{font-size: 24px;line-height: 200%;border-bottom: #5d5d5d47 1px solid;margin-bottom: 15px;}
#Training .info h3{font-size: 20px;line-height: 180%;margin-left: 10px;color: #3f51b5;font-weight: 400;}
#Training .info p{font-size:16px;line-height:200%;margin-left: 10px;}

/* =========================
   RWD：小螢幕表格橫滑
========================= */
@media screen and (max-width: 890px) {
  #Training .nalist .ddGG{
    width: 100%;
    overflow-x: auto;               /* 原本 scroll -> auto */
    -webkit-overflow-scrolling: touch;
    margin: 0 0 .5em;
  }
  #Training .nalist .ddGG table{
    margin: 10px 10px;
    width: 645px;                   /* 沿用你原本固定寬 */
    max-width: none;
  }
}

@media screen and (max-width: 560px) {
  #Training .nalist td.Txt{width: 200px;}
}