From f37ae7ae14af1e5b16d64d2293ea84b73268f546 Mon Sep 17 00:00:00 2001
From: ken <poopooken11@gmail.com>
Date: Thu, 25 Jun 2026 16:30:57 +0800
Subject: [PATCH] update

---
 assets/javascripts/app.js                     | 1829 ++++++++++++++---
 .../stylesheets/template/base/_accesskey.scss |    6 +-
 assets/stylesheets/template/base/_global.scss |   49 +-
 assets/stylesheets/template/base/_unity.scss  |    4 +-
 .../stylesheets/template/base/_variables.scss |    3 +
 .../stylesheets/template/layout/content.scss  |    6 +-
 .../stylesheets/template/layout/header.scss   |    4 +-
 .../template/modules/ad_banner.scss           |   33 +-
 .../template/modules/archives.scss            |   21 +-
 .../stylesheets/template/modules/member.scss  |   27 +-
 assets/stylesheets/template/modules/menu.scss |   34 +-
 .../template/modules/universal-table.scss     |   22 +-
 assets/stylesheets/template/template.scss     |    6 +-
 .../template/widget/breadcrumb.scss           |    1 +
 .../stylesheets/template/widget/sitemenu.scss |   31 +-
 home/index.html.erb                           |    2 +-
 home/page.html.erb                            |    2 +-
 modules/ad_banner/_ad_banner_widget2.html.erb |   27 +-
 .../_ad_banner_widget8_video.html.erb         |   15 +-
 modules/archive/archive_index1.html.erb       |    8 +-
 modules/archive/archive_index12.html.erb      |    2 +-
 modules/archive/archive_index14.html.erb      |    2 +-
 modules/archive/archive_index16.html.erb      |    4 +-
 modules/archive/archive_index2.html.erb       |    6 +-
 modules/archive/archive_index3.html.erb       |    4 +-
 modules/archive/archive_index4.html.erb       |    2 +-
 modules/event_news_mod/show.html.erb          |    2 +-
 modules/event_news_mod/show2.html.erb         |    2 +-
 modules/gallery/gallery_index1.html.erb       |    2 +-
 modules/personal_course/index.html.erb        |   10 +-
 .../show_chapter_accordion.html.erb           |    2 +-
 modules/publication/show_journal.html.erb     |    2 +-
 modules/universal_table/index3.html.erb       |    4 +-
 modules/universal_table/index4.html.erb       |    4 +-
 34 files changed, 1781 insertions(+), 397 deletions(-)

diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js
index 1345cd3..c0731f6 100644
--- a/assets/javascripts/app.js
+++ b/assets/javascripts/app.js
@@ -1,7 +1,36 @@
 ;(function($, win, undefined) {
   // ECMAScript 5 嚴格模式
   'use strict';
+  $(function() {
+  var $signLanguageBox = $('.orbit-bar-search-sign-language');
+  var $headerNav       = $('.header-nav');
+  var $target          = $('.header-nav [accesskey="U"], .header-nav [accesskey="W"]');
 
+  // 移除 color: inherit !important
+  $target.each(function() {
+    $(this)[0].style.removeProperty('color');
+  });
+
+  function handleNavMove() {
+    var windowWidth = window.innerWidth;
+
+    if (windowWidth > 768) {
+      if ($signLanguageBox.length && $signLanguageBox.find('[accesskey="U"], [accesskey="W"]').length === 0) {
+        $signLanguageBox.prepend($target);
+      }
+    } else {
+      if ($headerNav.length && $headerNav.find('[accesskey="U"], [accesskey="W"]').length === 0) {
+        $headerNav.append($target);
+      }
+    }
+  }
+
+  handleNavMove();
+
+  $(window).on('resize', function() {
+    handleNavMove();
+  });
+  });
   //header fixed在上方
   function initdata1() {
         if ( $('.homebanner').length != 0) {
@@ -337,7 +366,7 @@
           break;
         case 'member':
           orbit.member.removeEmptyRow();
-          $('.index-member-3 .member-data-title-email').empty();
+
           break;
         case 'archive':
           orbit.archives.removeEmptyTitle('.i-archive__category-item');
@@ -399,6 +428,89 @@
       //   $('.header-buttom').appendTo($('.dropdowns'));
       // }
     function forFreeGo() {
+      setTimeout(function() {
+        $('h1, h2, h3, h4, h5, h6').each(function() {
+            var $heading = $(this);
+            
+            // 檢查是否為空 (去除空白後)
+            if ($.trim($heading.text()) === '' && $heading.children().length === 0) {
+                $heading.remove();
+            }
+        });
+      }, 500);
+            //zoom
+      $(function () {
+        $('.fnav a').each(function () {
+          const $a = $(this);
+
+          // 若已經有可見文字（非 icon），直接通過
+          const visibleText = $a.clone()
+            .children('.icon, i, svg, .caret')
+            .remove()
+            .end()
+            .text()
+            .trim();
+
+          if (visibleText.length > 0) return;
+
+          // 取得可用標籤文字（優先順序）
+          let label =
+            $a.attr('aria-label') ||
+            $a.attr('title') ||
+            $a.find('i[title]').attr('title') ||
+            '';
+
+          label = $.trim(label);
+
+          // 若真的完全沒有，就給一個保底（避免空字串違規）
+          if (!label) {
+            label = '功能按鈕';
+          }
+
+          // aria-label 一定要有
+          $a.attr('aria-label', label);
+
+          // icon 對螢幕閱讀器隱藏
+          $a.find('i, svg').attr('aria-hidden', 'true');
+
+          // 若沒有隱藏文字才補
+          if ($a.find('.sr-only, .visually-hidden').length === 0) {
+            $a.append(`<span class="sr-only">${label}</span>`);
+          }
+        });
+      });
+      //播放驗證碼語音
+      $(function () {
+        $('.ask-question')
+          .find('.controls button.fas.fa-volume-up')
+          .each(function () {
+            const $btn = $(this);
+
+            // 已經補過就不重複處理
+            if ($btn.attr('aria-label')) return;
+
+            $btn.attr({
+              'aria-label': '播放驗證碼語音',
+              'aria-controls': 'captcha_audio',
+              'role': 'button'
+            });
+          });
+      });
+
+      //刪除td的id
+      $('td[id]').removeAttr('id');
+
+      //刪除空的title
+        $('[class*="title"]').each(function () {
+          const $el = $(this);
+
+          // 取純文字（忽略 HTML tag、空白、換行）
+          const text = $.trim($el.text());
+
+          if (text === '') {
+            $el.remove();
+          }
+        });
       //表單legend
       $("fieldset").each(function () {
         const $fieldset = $(this);
@@ -516,28 +628,40 @@
         }
       });
 
-      //li被hover
       function handleHover() {
-        if ($(window).width() > 769) {
-          $('li').off('mouseenter mouseleave').hover(
-            function() {
-              $(this).children('ul').addClass('show');
-            },
-            function() {
-              $(this).children('ul').removeClass('show');
-            }
-          );
-        } else {
-          $('li').off('mouseenter mouseleave'); // 移除 hover 事件
-        }
+          // 先統一移除舊事件，避免重複綁定
+          $('li').off('mouseenter mouseleave focusin focusout');
+
+          if ($(window).width() > 769) {
+              // 1. 處理滑鼠 Hover
+              $('li').hover(
+                  function() { $(this).children('ul').addClass('show'); },
+                  function() { $(this).children('ul').removeClass('show'); }
+              );
+
+              // 2. 處理鍵盤 Tab 聚焦 (關鍵修正)
+              $('li').on('focusin', function() {
+                  // 當焦點進入 li 或其子元素時，顯示選單
+                  $(this).children('ul').addClass('show');
+              });
+
+              $('li').on('focusout', function() {
+                  var $this = $(this);
+                  // 延遲偵測焦點是否真的「離開」了這個 li 區塊
+                  setTimeout(function() {
+                      // 如果新的焦點不在當前這個 li 裡面，才移除 show
+                      if ($this.find(':focus').length === 0) {
+                          $this.children('ul').removeClass('show');
+                      }
+                  }, 10);
+              });
+          }
       }
 
-      // 先執行一次
+      // 初始化與 Resize 監聽保持不變
       handleHover();
-
-      // 監聽視窗大小變化
       $(window).on('resize', function() {
-        handleHover();
+          handleHover();
       });
       //刪除空的h1
       $('h1').each(function() {
@@ -571,6 +695,16 @@
           }
         });
           //無障礙單位轉換
+          $(function() {
+            $('style:contains("font-size")').each(function() {
+              let css = $(this).html();
+              css = css.replace(/font-size\s*:\s*([\d.]+)px\s*;?/gi, (_, px) =>
+                `font-size: ${(parseFloat(px) / 16).toFixed(3)}em;`
+              );
+              $(this).html(css);
+            });
+          });
+
           $("[style*='font-size']").each(function() {
             var fontSize = $(this).css("font-size");
             if (fontSize.includes("px")) {
@@ -623,38 +757,46 @@
             if (!$this.attr('title') || $this.attr('title').trim() === '') {
               $this.attr('title', '按鈕');
             }
-          });        
-          $('img').each(function() {
-            var $this = $(this);
-            if (!$this.attr('alt') || $this.attr('alt').trim() === '') {
-              $this.attr('alt', '這是一張圖片');
-            }
-          });    
-          $('img').each(function() {
-            var $this = $(this);
-            if (!$this.attr('title') || $this.attr('title').trim() === '') {
-              $this.attr('title', '這是一張圖片');
-            }
           });
-          $('img').each(function() {
-              var $this = $(this);
-          
-              // 檢查 img 的 alt 屬性是否為 "裝飾圖片"
-              if ($this.attr('alt') === "裝飾圖片" || $this.attr('title') === "裝飾圖片") {
-                // 設定 alt 為空字串
-                $this.attr('alt', '');
-          
-                // 移除 title 屬性
-                $this.removeAttr('title');
-              }
+
+        function removeEmptyTitles() {
+            // 定義所有需要檢查的 class
+            const targetClasses = [
+                '.w-annc__widget-title',
+                '.widget-title',
+                '.show-title',
+                '.event-annc-title',
+                '.annc-title',
+                '.sitemenu-title',
+                '.widget-link__widget-title'
+            ];
+
+            // 將陣列轉換為 jQuery 選擇器字串
+            const selector = targetClasses.join(', ');
+
+            $(selector).each(function() {
+                // 使用 $.trim 移除空格、換行符號
+                // 然後檢查裡面是否完全沒有文字
+                const textContent = $.trim($(this).text());
+
+                if (textContent === "") {
+                    // 如果沒有文字，則將整個元素刪除
+                    $(this).remove();
+                }
             });
-          $(".w-annc__img-wrap a").each(function () {
-            var $this = $(this);
-            // 確保 <a> 內沒有文字節點 (避免重複添加)
-            if ($this.text().trim() === "") {
-                $this.append('<span class="sr-only">公告圖片</span>');
-            }
+        }
+        // 執行 function
+        $(document).ready(function() {
+            removeEmptyTitles();
         });
+        
+        // $(".w-annc__img-wrap a").each(function () {
+        //     var $this = $(this);
+        //     // 確保 <a> 內沒有文字節點 (避免重複添加)
+        //     if ($this.text().trim() === "") {
+        //         $this.append('<span class="sr-only">公告圖片</span>');
+        //     }
+        // });
           $(".widget-link__widget-title").each(function () {
             if ($(this).text().trim() === "") {
                 $(this).append('<span class="sr-only">公告標題</span>');
@@ -707,94 +849,435 @@
                 $button.attr('aria-label', '播放驗證碼語音');
             }
           });
-      //有連結目的之所有a標籤加上aria-label和title
-      $('a').each(function () {
-        var $a = $(this);
-        var href = $a.attr('href');
-        if (!href) return;
+        // img無障礙
+        $(function() {
+            /**
+             * 圖片無障礙 AA 級補強 (人工檢測優化版)
+             */
+            function fixImageAccessibility() {
+                $('img').each(function() {
+                    var $img = $(this);
+                    var $parentA = $img.closest('a'); // 取得父層連結
+                    var currentAlt = ($img.attr('alt') || '').trim();
+                    var currentTitle = ($img.attr('title') || '').trim();
+                    
+                    // 判定該連結是否「僅靠圖片傳達目的」（連結內無文字）
+                    var isLinkImage = $parentA.length > 0 && $parentA.text().replace(/\u00a0/g, '').trim() === "";
 
-        var hasSrOnly = $a.find('.sr-only').length > 0;
+                    // --- 1. 處理「裝飾性圖片」標註 ---
+                    if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片" || currentAlt === "這是一張圖片" || currentTitle === "這是一張圖片") {
+                        $img.attr('alt', '');
+                        $img.removeAttr('title');
+                        return; 
+                    }
 
-        // 若有 .sr-only，移除 aria-label 和 title 避免重複朗讀
-        if (hasSrOnly) {
-          $a.removeAttr('aria-label');
-          $a.removeAttr('title');
-          return; // 有 .sr-only 就不做其他處理
-        }
+                    // --- 2. 解決【alt 與 title 相同】的問題 ---
+                    if (currentAlt !== '' && currentAlt === currentTitle) {
+                        $img.removeAttr('title');
+                        currentTitle = ''; 
+                    }
 
-        // ----- aria-label 邏輯 -----
-        if (!$a.attr('aria-label')) {
-          let ariaLabel = '';
+                    // --- 3. 處理「缺失 alt」或「空的 alt」補強邏輯 ---
+                    // 修改點：若是具有連結用途的圖片，alt 不可為空
+                    if (currentAlt === '') {
+                        let finalAlt = "";
 
-          // 加入開啟方式
-          if ($a.attr('target') === '_blank') {
-            ariaLabel += '在新視窗開啟 ';
-          } else if ($a.attr('target') === '_self') {
-            ariaLabel += '在本視窗開啟 ';
-          }
+                        // A. 優先嘗試從父層 (<a>) 的 title 抓取
+                        var parentATitle = $parentA.attr('title');
+                        
+                        // B. 嘗試抓取同區域內的標題文字
+                        var nearbyTitle = $parentA.find('h1, h2, h3, h4, h5, h6').first().text().trim();
 
-          // 如果包含圖片且有圖片 title
-          if ($a.find('img').length) {
-            const imgTitle = $a.find('img').attr('title');
-            if (imgTitle) ariaLabel = imgTitle;
-          } else {
-            const text = $a.text().trim();
-            if (text) {
-              ariaLabel += text;
-            } else if ($a.children('span').length === 1) {
-              ariaLabel += $a.children('span').text().trim();
-            }
-          }
+                        if (parentATitle && parentATitle.trim() !== '') {
+                            // 移除 title 內的視窗提示字眼，只取純文字作為 alt
+                            finalAlt = parentATitle.replace(/\(在本視窗開啟\)|\(在新視窗開啟\)/g, '').trim();
+                        } else if (nearbyTitle !== '') {
+                            finalAlt = nearbyTitle;
+                        } else if (isLinkImage) {
+                            // 如果是連結圖片且都抓不到文字，給予預設值「連結」避免檢測失敗
+                            finalAlt = "連結";
+                        }
 
-          if (ariaLabel) {
-            $a.attr('aria-label', ariaLabel);
-          }
-        }
+                        $img.attr('alt', finalAlt);
 
-        // ----- title 邏輯 -----
-        if (!$a.attr('title')) {
-          let titleStr = '';
-
-          if ($a.attr('target') === '_blank') {
-            titleStr += '在新視窗開啟 ';
-          } else if ($a.attr('target') === '_self') {
-            titleStr += '在本視窗開啟 ';
-          }
-
-          if ($a.find('img').length) {
-            titleStr = '這是一張照片';
-          } else {
-            const text = $a.text().trim();
-            if (text) {
-              titleStr += text;
-            } else if ($a.children('span').length === 1) {
-              titleStr += $a.children('span').text().trim();
-            }
-          }
-
-          if (titleStr) {
-            $a.attr('title', titleStr);
-          }
-        }
-      });
-                  $('a').each(function () {
-                const $link = $(this);
-                const linkText = $link.text().trim();
-
-                $link.find('img').each(function () {
-                  const $img = $(this);
-                  const altText = $img.attr('alt')?.trim();
-
-                  // 如果圖片 alt 是空的，就略過（已符合）
-                  if (altText === '') return;
-
-                  // 如果圖片 alt 等於文字內容，就將 alt 清空，避免重複
-                  if (altText === linkText) {
-                    $img.attr('alt', '');
-                  }
+                        // --- 4. 二次清理 ---
+                        if (currentTitle !== '' && currentTitle === finalAlt) {
+                            $img.removeAttr('title');
+                        }
+                    }
                 });
-              });
+            }
 
+            setTimeout(fixImageAccessibility, 500);
+        });
+
+// 有連結目的之所有a標籤的無障礙處理
+$(function() {
+    // Bootstrap 會把原始 title 搬到 data-bs-original-title，先還原回來
+    $('a[data-bs-original-title]').each(function() {
+        var $a = $(this);
+        var originalTitle = $a.attr('data-bs-original-title');
+        if (originalTitle && originalTitle.trim() !== '') {
+            $a.attr('title', originalTitle);
+        }
+    });
+
+    /**
+     * 全站無障礙 AA 級補強 (整合 HM1240400C 與 HM1240401C 規範)
+     */
+    function fixAccessibilityAll() {
+        // --- 0. 環境與語言偵測 ---
+        //1200ms 後執行（確保所有其他 function 執行完畢後才處理）
+        //Part 1：修正語言選單按鈕
+        //Part 2：掃描所有 <a>
+            //├─ 排除 navbar-brand、javascript: 連結
+            //├─ 空連結 → 隱藏
+            //├─ 文字是路徑/空 → 補隱藏 span
+            //├─ 圖片+文字共存 → 圖片 alt 清空
+            //├─ 無 title → 自動產出 title
+            //├─ 有 title 但與連結文字或圖片 alt 重複 → 只保留開窗提示
+            //├─ 有 title 出現空括號 () → 清除並補上正確開窗提示
+            //└─ 移除 aria-label
+        var urlParams = new URLSearchParams(window.location.search);
+        var isEditMode = urlParams.get('editmode') === 'on';
+
+        var pageLang = $('html').attr('lang') || 'zh-Hant';
+        var isEn = pageLang.toLowerCase().startsWith('en');
+
+        var i18n = {
+            langBtn: isEn ? 'Open language menu in this window' : '在本視窗開啟語言選單',
+            newWin: isEn ? 'Open in new window' : '在新視窗開啟',
+            selfWin: isEn ? 'Open in this window' : '在本視窗開啟',
+            link: isEn ? 'Link' : '連結',
+            openImg: isEn ? 'Open image' : '開啟圖片內容',
+            sort: isEn ? 'Sort' : '排序'
+        };
+
+        // --- Part 1: 語言選單修正 ---
+        var $langBtn = $('#languagebutton');
+        if ($langBtn.length > 0) {
+            $langBtn.attr('title', i18n.langBtn);
+            $langBtn.removeAttr('aria-label');
+        }
+
+        // --- Part 2: 全站連結與圖片邏輯處理 ---
+        $('a').each(function() {
+            var $a = $(this);
+
+            // 【條件 1：排除特定 class】
+            if ($a.hasClass('navbar-brand')) {
+                return; 
+            }
+
+            var href = ($a.attr('href') || '').toLowerCase();
+            if (!href || href.startsWith('javascript:')) return;
+
+            // --- 關鍵修正：先偵測是否有原始 title ---
+            var rawTitleAttr = $a.attr('title');
+            var hasOriginalTitle = (typeof rawTitleAttr !== 'undefined' && rawTitleAttr !== false && rawTitleAttr.trim() !== "");
+
+            // 清理 &nbsp; 與 空白
+            var linkText = $a.text().replace(/\u00a0/g, '').trim();
+            var $img = $a.find('img');
+            var $icons = $a.find('i, svg'); 
+            var currentTitle = ($a.attr('title') || '').trim();
+
+            // ✅ 在 D 區塊清空 alt 之前，先記錄圖片原始 alt
+            var imgAltOriginal = $img.length > 0 ? ($img.attr('alt') || '').trim() : '';
+            
+            // --- 【修正 1：隱藏空連結】 ---
+            if (!isEditMode && linkText === "" && $img.length === 0 && $icons.length === 0) {
+                $a.hide();
+                return; 
+            }
+
+            // --- 【修正 2：文字語意防禦】 ---
+            if ((linkText === "" || linkText.startsWith('/') || linkText.includes('?')) && $img.length === 0 && $icons.length === 0) {
+                var accessibleText = i18n.link; 
+                if (href.includes('sort')) {
+                    accessibleText = i18n.sort;
+                }
+                
+                var $span = $a.find('span');
+                if ($span.length > 0) {
+                    $span.text(accessibleText);
+                } else {
+                    $a.append('<span>' + accessibleText + '</span>');
+                    $span = $a.find('span').last();
+                }
+
+                $span.css({
+                    'display': 'inline-block', 'position': 'absolute', 'width': '1px', 'height': '1px',
+                    'padding': '0', 'margin': '-1px', 'overflow': 'hidden', 'clip': 'rect(0, 0, 0, 0)',
+                    'white-space': 'nowrap', 'border': '0'
+                });
+                linkText = accessibleText; 
+            }
+
+            // A. 視窗動作規範
+            var isNewWindow = ($a.attr('target') === '_blank');
+            var windowTask = isNewWindow ? i18n.newWin : i18n.selfWin;
+
+            // B. 偵測檔案類型
+            var fileExt = "";
+            var fileMatches = href.match(/\.(pdf|doc|docx|xls|xlsx|ppt|pptx|odt|ods|odp|zip|rar|jpg|png|csv)$/);
+            if (fileMatches) {
+                fileExt = fileMatches[1].toLowerCase(); 
+            }
+
+            // C. 智慧修正標題判斷
+            var hasBadSymbol = currentTitle.includes('()') || 
+                                currentTitle.includes('Open in new window') ||
+                                currentTitle.includes('/uploads/');
+
+            if (currentTitle.startsWith('/') || currentTitle.includes('?')) {
+                currentTitle = "";
+            }
+
+            // D. 處理【HM1240400C】：圖片與文字毗鄰時，替代文字只能有一份
+            if (($img.length > 0 || $icons.length > 0) && linkText !== "") {
+                if ($img.length > 0) {
+                    $img.attr('alt', '');
+                }
+
+                var $hiddenSpans = $a.find('span').filter(function() {
+                    return $(this).css('display') === 'none' || $(this).attr('style')?.includes('display: none');
+                });
+
+                if ($hiddenSpans.length > 0) {
+                    $hiddenSpans.each(function() {
+                        var $span = $(this);
+                        if ($span.text().includes('/uploads/')) {
+                            $span.text(i18n.openImg);
+                        }
+                        
+                        $span.css({
+                            'display': 'inline-block',
+                            'position': 'absolute',
+                            'width': '1px',
+                            'height': '1px',
+                            'padding': '0',
+                            'margin': '-1px',
+                            'overflow': 'hidden',
+                            'clip': 'rect(0, 0, 0, 0)',
+                            'white-space': 'nowrap',
+                            'border': '0'
+                        });
+                    });
+                }
+            }
+
+            // E. 重新計算標題 (關鍵邏輯：若 hasOriginalTitle 為真，則不進入此區塊)
+            if (!hasOriginalTitle) {
+                if (linkText === "" && $img.length > 0) {
+                    var rawAlt = ($img.attr('alt') || '').trim();
+                    var forbidden = ['這是一張圖片', '圖片', 'image', 'photo', '圖', ''];
+                    var imgAlt = forbidden.some(function(txt) { return rawAlt.toLowerCase() === txt; }) 
+                                    ? ($a.attr('aria-label') || i18n.link) : rawAlt;
+                    
+                    var fileInfo = fileExt ? '[' + fileExt.toUpperCase() + '] ' : '';
+                    $a.attr('title', (fileInfo + imgAlt + " " + windowTask).trim());
+                    $img.attr('alt', imgAlt);
+                } 
+                else if (linkText !== "") {
+                    if (fileExt !== "" || hasBadSymbol || currentTitle === "" || currentTitle.includes('/uploads/')) {
+                        if (fileExt !== "") {
+                            $a.attr('title', linkText + " ." + fileExt + " " + windowTask);
+                        } else {
+                            $a.attr('title', windowTask);
+                        }
+                    }
+                }
+            }
+
+            // ✅ 符合 HM1240404E：title 不應與連結文字或圖片 alt 重複
+            if (hasOriginalTitle && currentTitle !== "") {
+                var titleWithoutWindow = currentTitle
+                    .replace('(在本視窗開啟)', '')
+                    .replace('(在新視窗開啟)', '')
+                    .replace('Open in this window', '')
+                    .replace('Open in new window', '')
+                    .replace('另開新視窗前往', '')  
+                    .replace('另開新視窗', '')
+                    .trim();
+
+                // ✅ title 去掉開窗字串後，若與連結文字或圖片原始 alt 相同，則只保留開窗提示
+                if (
+                    (titleWithoutWindow === linkText && linkText !== i18n.link) ||
+                    (imgAltOriginal !== '' && titleWithoutWindow === imgAltOriginal)
+                ) {
+                    $a.attr('title', windowTask);
+                }
+
+                // ✅ 最終清理：若 title 出現空括號 () 則移除並補上正確開窗提示
+                var finalTitle = ($a.attr('title') || '').trim();
+                if (finalTitle.includes('()')) {
+                    finalTitle = finalTitle.replace(/\(\)/g, '').trim();
+                    $a.attr('title', finalTitle + ' ' + windowTask);
+                }
+            }
+
+            // F. 最終清理：移除冗餘 label，避免螢幕閱讀器唸兩次
+            $a.removeAttr('aria-label');
+        });
+
+        // ✅ G. 補強特定連結（須在迴圈外，因為 javascript: 連結被迴圈跳過）
+        $('.btn-o a').each(function() {
+            var $a = $(this);
+            if (!$a.attr('target')) {
+                $a.attr('target', '_blank');
+                $a.attr('rel', 'noopener noreferrer');
+            }
+            $a.attr('title', isEn ? 'Share to X Open in new window' : '分享至 X 在新視窗開啟');
+        });
+
+        $('.print-button a').each(function() {
+            var $a = $(this);
+            if (!$a.attr('title') || $a.attr('title').trim().toLowerCase() === 'print') {
+                $a.attr('title', isEn ? 'Print this page' : '列印此頁');
+            }
+        });
+
+        $('a.i-archive__file-name').each(function () {
+            var $a = $(this);
+            var isNewWindow = ($a.attr('target') === '_blank');
+            $a.attr('title', isNewWindow ? i18n.newWin : i18n.selfWin);
+        });
+    }
+
+    // ✅ 延遲 800ms 確保所有其他 function 執行完畢後才處理
+    setTimeout(function() {
+        fixAccessibilityAll();
+    }, 800);
+});
+
+ 
+$(function() {
+  function smartFixIcons() {
+    var isEn = $('html').attr('lang') === 'en';
+
+    var labels = {
+      calendar    : isEn ? 'Date: '              : '日期：',
+      user        : isEn ? 'Author: '            : '發布者：',
+      tag         : isEn ? 'Tag: '               : '標籤：',
+      clock       : isEn ? 'Time: '              : '時間：',
+      location    : isEn ? 'Location: '          : '地點：',
+      phone       : isEn ? 'Phone: '             : '電話：',
+      envelope    : isEn ? 'Email: '             : '信箱：',
+      folder      : isEn ? 'Category: '          : '分類：',
+      eye         : isEn ? 'Views: '             : '瀏覽次數：',
+      download    : isEn ? 'Download: '          : '下載檔案：',
+      search      : isEn ? 'Search'              : '搜尋',
+      bars        : isEn ? 'Menu'                : '選單',
+      print       : isEn ? 'Print this page'     : '列印此頁',
+      share       : isEn ? 'Share'               : '分享至社群',
+      close       : isEn ? 'Close window'        : '關閉視窗',
+      closePopup  : isEn ? 'Close announcement'  : '關閉公告視窗',
+      closeGallery: isEn ? 'Close gallery'       : '關閉相簿',
+      toggleDesc  : isEn ? 'Show or hide image description' : '顯示或隱藏圖片說明',
+      themeSwitch : isEn ? 'Switch gallery theme': '切換相簿主題',
+      showOriginal: isEn ? 'Show original image' : '顯示原始圖片'
+    };
+
+    $('i').each(function() {
+      var $icon   = $(this);
+      var $parent = $icon.parent();
+
+      // 1. 所有圖示先對螢幕閱讀器隱藏
+      $icon.attr('aria-hidden', 'true');
+
+      // 特判：.close-screen-btn 內的圖示，移除無關的 sr-only 並設正確 aria-label
+      if ($parent.hasClass('close-screen-btn')) {
+        $parent.find('.sr-only').remove();
+        $parent.attr('aria-label', labels.closePopup);
+        if ($icon.next('.sr-only').length === 0) {
+          $icon.after('<span class="sr-only">' + labels.closePopup + '</span>');
+        }
+        return;
+      }
+
+      // 特判：.gallery-close 內的圖示，移除錯誤的 sr-only 並補正確說明
+      if ($parent.closest('.gallery-close').length > 0) {
+        $parent.closest('.gallery-close').find('.sr-only').remove();
+        $parent.closest('.gallery-close').attr('aria-label', labels.closeGallery);
+        $parent.closest('.gallery-close').attr('role', 'button');
+        $parent.closest('.gallery-close').attr('tabindex', '0');
+        if ($icon.next('.sr-only').length === 0) {
+          $icon.after('<span class="sr-only">' + labels.closeGallery + '</span>');
+        }
+        return;
+      }
+
+      // 特判：.gallery-toggle-desc 補說明
+      if ($parent.closest('.gallery-toggle-desc').length > 0) {
+        var $toggleBtn = $parent.closest('.gallery-toggle-desc');
+        if (!$toggleBtn.attr('aria-label')) {
+          $toggleBtn.attr('aria-label', labels.toggleDesc);
+          $toggleBtn.attr('role', 'button');
+          $toggleBtn.attr('tabindex', '0');
+        }
+        if ($icon.next('.sr-only').length === 0) {
+          $icon.after('<span class="sr-only">' + labels.toggleDesc + '</span>');
+        }
+        return;
+      }
+
+      // 特判：.gallery-theme-switch 補說明
+      if ($parent.closest('.gallery-theme-switch').length > 0) {
+        var $themeBtn = $parent.closest('.gallery-theme-switch');
+        if (!$themeBtn.attr('aria-label')) {
+          $themeBtn.attr('aria-label', labels.themeSwitch);
+          $themeBtn.attr('role', 'button');
+          $themeBtn.attr('tabindex', '0');
+        }
+        if ($icon.next('.sr-only').length === 0) {
+          $icon.after('<span class="sr-only">' + labels.themeSwitch + '</span>');
+        }
+        return;
+      }
+
+      // 2. 已有 aria-label 或 sr-only 就不重複處理
+      if ($icon.attr('aria-label') || $icon.next('.sr-only').length > 0 || $parent.find('.sr-only').length > 0) {
+        return;
+      }
+
+      var cls = ($icon.attr('class') || '').toLowerCase();
+      var labelText = '';
+
+      // --- 策略 A：常見資訊型圖示 ---
+      if      (cls.includes('calendar'))                               labelText = labels.calendar;
+      else if (cls.includes('user') || cls.includes('male'))           labelText = labels.user;
+      else if (cls.includes('tag'))                                    labelText = labels.tag;
+      else if (cls.includes('clock') || cls.includes('time'))          labelText = labels.clock;
+      else if (cls.includes('map-marker') || cls.includes('location')) labelText = labels.location;
+      else if (cls.includes('phone'))                                  labelText = labels.phone;
+      else if (cls.includes('envelope') || cls.includes('mail'))       labelText = labels.envelope;
+      else if (cls.includes('folder'))                                 labelText = labels.folder;
+      else if (cls.includes('eye'))                                    labelText = labels.eye;
+      else if (cls.includes('download'))                               labelText = labels.download;
+
+      // --- 策略 B：功能性按鈕 ---
+      var $container = $icon.closest('a, button');
+      if ($container.length > 0 && $container.text().trim() === '') {
+        var btnTitle = $container.attr('title');
+        if      (btnTitle)                                             labelText = btnTitle;
+        else if (cls.includes('search'))                               labelText = labels.search;
+        else if (cls.includes('bars') || cls.includes('navicon'))      labelText = labels.bars;
+        else if (cls.includes('print'))                                labelText = labels.print;
+        else if (cls.includes('share'))                                labelText = labels.share;
+        else if (cls.includes('close') || cls.includes('times'))       labelText = labels.close;
+        else if (cls.includes('image') || cls.includes('photo'))       labelText = labels.showOriginal;
+      }
+
+      // --- 3. 執行補強 ---
+      if (labelText !== '') {
+        $icon.after('<span class="sr-only">' + labelText + '</span>');
+      }
+    });
+  }
+
+  setTimeout(smartFixIcons, 500);
+});
     // 刪除banner-slide的空連結和空連結目標
     for(var i=0;i<$('.w-ba-banner__slide a').length;i++){
       if($('.w-ba-banner__slide a').eq(i).attr('href')=="")
@@ -836,27 +1319,503 @@
     for(var i = 0;i < $('*[data-list] tr td a').length ; i++)
       if($('*[data-list] tr td a').eq(i).html().trim()=="")
         $('*[data-list] tr td a').eq(i).parent('td').parent('tr').remove();
-    // tab按鍵選到menu,會顯示下層的menu(為了符合無障礙)
+      // tab按鍵選到menu,會顯示下層的menu(為了符合無障礙)
       $('.nav-level-0>li>a').focus(function(e) {
-        e.stopPropagation();
-        $(this).parent().focus();
+          e.stopPropagation();
+          $(this).parent().focus();
           if ($(this).parent().find('.nav-level-1').hasClass('show')) {
+              // 已有 show，不處理
           } else {
-            $('.nav-level-1').removeClass('show');
-            $(this).parent().find('.nav-level-1').addClass('show');
+              $('.nav-level-1').removeClass('show');
+              $('.nav-level-0>li>.menu-drop').removeClass('opened'); //  先清除其他的 opened
+              $(this).parent().find('.nav-level-1').addClass('show');
+              $(this).parent().find('.menu-drop').addClass('opened'); //  加上 opened
           }
       });
-      $('.nav-level-1>li>a').focus(function(e) {
-        e.stopPropagation();
-        if ($(this).parent().find('.nav-level-2').hasClass('show')) {
-        }else{
-          $('.nav-level-2').removeClass('show');
-          $(this).parent().find('.nav-level-2').addClass('show');
-        }
+
+      $('.nav-level-0>li').on('focusout', function(e) {
+          var $li = $(this);
+          setTimeout(function() {
+              if ($li.find(':focus').length === 0) {
+                  $li.find('.nav-level-1').removeClass('show');
+                  $li.find('.menu-drop').removeClass('opened'); //  移除 opened
+              }
+          }, 50);
       });
-      $('show').parent('li').focus();
+
+      $('.nav-level-1>li>a').focus(function(e) {
+          e.stopPropagation();
+          if ($(this).parent().find('.nav-level-2').hasClass('show')) {
+              // 已有 show，不處理
+          } else {
+              $('.nav-level-2').removeClass('show');
+              $('.nav-level-1>li>.menu-drop').removeClass('opened'); //  先清除其他的 opened
+              $(this).parent().find('.nav-level-2').addClass('show');
+              $(this).parent().find('.menu-drop').addClass('opened'); //  加上 opened
+          }
+      });
+
+      $('.nav-level-1>li').on('focusout', function(e) {
+          var $li = $(this);
+          setTimeout(function() {
+              if ($li.find(':focus').length === 0) {
+                  $li.find('.nav-level-2').removeClass('show');
+                  $li.find('.menu-drop').removeClass('opened'); //  移除 opened
+              }
+          }, 50);
+      });
+
+
+      $('.controlplay a[role="radio"]').on('click', function () {
+        // 取消所有的 aria-checked 並還原文字
+        $('.controlplay a[role="radio"]').attr('aria-checked', 'false');
+        $('.controlplay a[role="radio"] span').each(function () {
+          var text = $(this).text().replace('（已選取）', '');
+          $(this).text(text);
+        });
+    
+        // 設定目前被點擊的按鈕為已選取
+        $(this).attr('aria-checked', 'true');
+        var selectedText = $(this).text().trim();
+        $(this).find('span').text(selectedText + '（已選取）');
+      });
+      $(function() {
+    /**
+     * jPlayer 控制項無障礙標籤補強
+     * 1. 修正重複且無意義的 title="按鈕"
+     * 2. 解決鍵盤焦點無法進入隱藏介面的問題
+     */
+    function fixJPlayerAccessibility() {
+        var $playerContainer = $('#jp_container_video_file');
+
+        // --- A. 修正按鈕標題 (解決語義問題) ---
+        $playerContainer.find('button').each(function() {
+            var $btn = $(this);
+            var cls = $btn.attr('class') || '';
+            var newTitle = '';
+
+            // 根據 class 判斷功能
+            if (cls.includes('jp-video-play-icon')) newTitle = '播放影片';
+            else if (cls.includes('jp-play')) newTitle = '播放';
+            else if (cls.includes('jp-stop')) newTitle = '停止';
+            else if (cls.includes('jp-mute')) newTitle = '靜音';
+            else if (cls.includes('jp-volume-max')) newTitle = '最大音量';
+            else if (cls.includes('jp-repeat')) newTitle = '重複播放';
+            else if (cls.includes('jp-full-screen')) newTitle = '全螢幕';
+
+            if (newTitle !== '') {
+                // 修正 title 為具體語義
+                $btn.attr('title', newTitle);
+                // 同時補上 aria-label 確保螢幕閱讀器讀取
+                $btn.attr('aria-label', newTitle);
+            }
+        });
+
+        // --- B. 鍵盤焦點互動修正 (解決 GN1210101E) ---
+        // 當鍵盤 Tab 進入按鈕時，強制讓 UI 介面顯現，否則使用者看不到焦點在哪
+        $playerContainer.on('focusin', 'button', function() {
+            $playerContainer.removeClass('hide-ui');
+        });
+
+        // --- C. CSS 強制補強 (解決 display:none 無法獲取焦點問題) ---
+        // 這是必要的，因為 CSS 若設 display:none，鍵盤永遠進不去
+        $("<style>")
+            .prop("type", "text/css")
+            .html(`
+                .jp-video.hide-ui .jp-gui { 
+                    display: block !important; 
+                    opacity: 0; 
+                    transition: opacity 0.2s;
+                }
+                /* 當按鈕獲得焦點，或是滑鼠移入，強制顯示介面 */
+                .jp-video.hide-ui:focus-within .jp-gui,
+                .jp-video.hide-ui:hover .jp-gui { 
+                    opacity: 1; 
+                }
+                /* 增加明顯的焦點框，讓鍵盤使用者知道現在在哪 */
+                .jp-video button:focus {
+                    outline: 3px solid #005aff !important;
+                    outline-offset: 2px;
+                }
+            `)
+            .appendTo("head");
+          }
+
+          // 執行補強（設定延遲確保 jPlayer 已生成 DOM）
+          setTimeout(fixJPlayerAccessibility, 500);
+      });
+
+      // 移除 .navbar-brand 內部 display:none 元素的補強
+      function removeHiddenElementsInsideBrand() {
+          // 選取 .navbar-brand 內部所有隱藏的元素
+          $('.navbar-brand *').filter(function() {
+              // 同時判定 inline style 與 CSS class 造成的 display: none
+              return $(this).css('display') === 'none';
+          }).remove(); // 徹底從 DOM 中移除該標籤，避免無障礙檢測工具誤判
       }
-    forFreeGo();
+
+      // 使用 setTimeout 確保內容渲染後執行
+      // 建議設定 500~800 毫秒，避開大部分動態載入的時間差
+      setTimeout(function() {
+          removeHiddenElementsInsideBrand();
+      }, 600);
+      //修正 Alt+M 定位點位置
+      $(function() {
+        var $accessKeyM   = $('#accesskey_menu');
+        var $navbarHeader = $('.navbar-brand');
+        var $modulesMenu  = $('.modules-menu');
+
+        function fixAccessKeyM() {
+          var windowWidth = $(window).width();
+
+          if (windowWidth > 769) {
+            // 大螢幕：移到 .navbar-brand 前面
+            if ($navbarHeader.length > 0) {
+              $accessKeyM.insertBefore($navbarHeader);
+              $accessKeyM.css({
+                'display'  : 'inline-block',
+                'position' : 'relative',
+                'float'    : 'left',
+              });
+            }
+          } else {
+            // 小螢幕：移回 .modules-menu 第一個位置
+            if ($modulesMenu.length > 0) {
+              $accessKeyM.prependTo($modulesMenu);
+              $accessKeyM.css({
+                'display'  : '',
+                'position' : '',
+                'float'    : '',
+                'left'     : '',
+              });
+            }
+          }
+        }
+
+        // 初始執行
+        setTimeout(fixAccessKeyM, 500);
+
+        // resize 監聽，加 debounce 避免頻繁觸發
+        var resizeTimer;
+        $(window).on('resize', function() {
+          clearTimeout(resizeTimer);
+          resizeTimer = setTimeout(fixAccessKeyM, 150);
+        });
+      });
+
+      //導覽選單子選單無障礙狀態修正 (支援多層級)
+      function fixNavMenuA11y() {
+          const $navItems = $('#main-nav li');
+
+          $navItems.each(function() {
+              const $li = $(this);
+              const $toggle = $li.children('a');
+              const $subMenu = $li.children('ul');
+
+              // 判斷是否有子選單
+              if ($subMenu.length > 0) {
+                  // 1. 初始化屬性
+                  // aria-haspopup="true" 表示有點擊後彈出選單的功能
+                  // aria-expanded="false" 預設為摺疊
+                  $toggle.attr({
+                      'aria-haspopup': 'true',
+                      'aria-expanded': 'false'
+                  });
+
+                  // 如果 href 是 javascript:void(0);，建議補上 role="button" 讓語音讀出它是按鈕
+                  if ($toggle.attr('href').indexOf('javascript') !== -1) {
+                      $toggle.attr('role', 'button');
+                  }
+
+                  // 2. 焦點移入事件 (Focus)
+                  $toggle.on('focus', function() {
+                      // 這裡假設你的選單是用 CSS 或其他 JS 控制顯示，
+                      // 當焦點進入時，將狀態改為 true
+                      $(this).attr('aria-expanded', 'true');
+                      // 如果需要透過 JS 強制顯示選單可在此加上：$subMenu.addClass('show'); (視你的 CSS 而定)
+                  });
+
+                  // 3. 處理失焦事件 (Focusout)
+                  // 使用 focusout 並檢查焦點是否移出了整個 li 區塊
+                  $li.on('focusout', function(e) {
+                      // 使用 setTimeout 確保能抓到下一個獲焦元素
+                      setTimeout(function() {
+                          if (!$li.is(':focus-within')) {
+                              $toggle.attr('aria-expanded', 'false');
+                              // 如果有 class 控制顯示：$subMenu.removeClass('show');
+                          }
+                      }, 50);
+                  });
+              }
+          });
+      }
+      // 執行修正
+      fixNavMenuA11y();
+      //修正無超連結目的之連結
+      $(function() {
+          /**
+           * 針對所有 href="#" 的連結改為 javascript:void(0); 
+           * 避免使用者點擊後頁面跳回頂端，造成操作困擾
+           */
+          function fixEmptyHref() {
+              $('a[href="#"]').each(function() {
+                  // 將 href 修改為不觸發跳轉的 void 腳本
+                  $(this).attr('href', 'javascript:void(0);');
+                  $(this).attr('role', 'button');
+              });
+          }
+
+          // 延遲執行，確保動態產生的選單也能被補強
+          setTimeout(fixEmptyHref, 500);
+      });
+      //公告頁籤無障礙
+      $(function() {
+          function fixTabLinearOrder() {
+              var $targetAnnc = $('.w-annc').filter(function() {
+                  return $(this).find('.tab_nav').length > 0;
+              });
+
+              if ($targetAnnc.length === 0) return;
+
+              var $tabs = $targetAnnc.find('.filter_tab');
+              var $anncList = $targetAnnc.find('.w-annc__list');
+
+              // 智慧判斷：偵測 filter_tab 用哪個屬性來分類
+              // 優先用 data-tags（若有值），否則用 data-category
+              function getTabKey($tab) {
+                  var tags = $tab.data('tags');
+                  if (tags && tags !== '') return { attr: 'data-tags', value: tags };
+                  var category = $tab.data('category');
+                  if (category && category !== '') return { attr: 'data-category', value: category };
+                  return null;
+              }
+
+              // 根據 key 找對應的可見 w-annc__item
+              function getVisibleItems($scope, key) {
+                  if (!key) return $();
+                  return $scope.find('.w-annc__item[' + key.attr + '="' + key.value + '"]:visible');
+              }
+
+              // 根據 w-annc__item 反查對應的 filter_tab
+              function getTabFromItem($item, $scope) {
+                  var tags = $item.data('tags');
+                  if (tags && tags !== '') {
+                      var $tab = $scope.find('.filter_tab[data-tags="' + tags + '"]');
+                      if ($tab.length) return $tab;
+                  }
+                  var category = $item.data('category');
+                  if (category && category !== '') {
+                      var $tab = $scope.find('.filter_tab[data-category="' + category + '"]');
+                      if ($tab.length) return $tab;
+                  }
+                  return $();
+              }
+
+              $tabs.on('keydown', function(e) {
+                  var $scope = $(this).closest('.w-annc');
+                  var key = getTabKey($(this));
+
+                  // 順向 Tab：頁籤 -> 對應內容第一個連結
+                  if (e.which === 9 && !e.shiftKey) {
+                      var $visibleItems = getVisibleItems($scope, key);
+                      if ($visibleItems.length > 0) {
+                          var $firstLink = $visibleItems.find('a').first();
+                          if ($firstLink.length > 0) {
+                              e.preventDefault();
+                              $firstLink.focus();
+                          }
+                      }
+                  }
+
+                  // 反向 Shift+Tab：頁籤 -> 上一個頁籤的內容最後一個連結
+                  if (e.which === 9 && e.shiftKey) {
+                      var $prevTab = $(this).prev('.filter_tab');
+                      if ($prevTab.length > 0) {
+                          var prevKey = getTabKey($prevTab);
+                          $prevTab.click();
+
+                          var $prevItems = getVisibleItems($scope, prevKey);
+                          var $lastLink = $prevItems.find('a').last();
+
+                          if ($lastLink.length > 0) {
+                              e.preventDefault();
+                              $lastLink.focus();
+                          }
+                      }
+                  }
+
+                  // Enter / Space：切換頁籤並移焦點到內容第一個連結
+                  if (e.which === 13 || e.which === 32) {
+                      e.preventDefault();
+                      $(this).click();
+
+                      var $visibleItems = getVisibleItems($scope, key);
+                      var $firstLink = $visibleItems.find('a').first();
+                      if ($firstLink.length > 0) {
+                          setTimeout(function() { $firstLink.focus(); }, 50);
+                      }
+                  }
+              });
+
+              // 反向遊走：內容 -> 對應標籤；Tab 到最後一個連結跳下一個頁籤
+              $anncList.on('keydown', '.w-annc__item a', function(e) {
+                  var $currentLink = $(this);
+                  var $currentItem = $currentLink.closest('.w-annc__item');
+                  var $scope = $currentLink.closest('.w-annc');
+
+                  // 找出當前 item 對應的 filter_tab
+                  var $currentTab = getTabFromItem($currentItem, $scope);
+                  if (!$currentTab.length) return;
+
+                  // 找出同類別的所有可見 item
+                  var key = getTabKey($currentTab);
+                  var $visibleItems = getVisibleItems($scope, key);
+
+                  // Shift+Tab：若是第一個連結，跳回對應頁籤
+                  if (e.which === 9 && e.shiftKey) {
+                      if ($currentLink.is($visibleItems.find('a').first())) {
+                          e.preventDefault();
+                          $currentTab.focus();
+                      }
+                  }
+
+                  // Tab：若是最後一個連結，跳到下一個頁籤並切換
+                  if (e.which === 9 && !e.shiftKey) {
+                      if ($currentLink.is($visibleItems.find('a').last())) {
+                          var $nextTab = $currentTab.next('.filter_tab');
+                          if ($nextTab.length > 0) {
+                              e.preventDefault();
+                              $nextTab.focus();
+                              $nextTab.click();
+                          }
+                      }
+                  }
+              });
+          }
+
+          setTimeout(fixTabLinearOrder, 500);
+      });
+
+      //頁籤無障礙
+      $(function () {
+          function fixTabAccessibility() {
+
+              // 各自獨立處理每組 .tab_nav，避免多組時跨區塊操作問題
+              $('.tab_nav').each(function() {
+                  var $tabNav = $(this);
+                  var $tabs = $tabNav.find('li');
+
+                  // --- 1. 初始化結構語意 ---
+                  $tabNav.attr('role', 'tablist');
+
+                  $tabs.each(function () {
+                      var $this = $(this);
+                      var isActive = $this.hasClass('active');
+
+                      $this.attr({
+                          'role': 'tab',
+                          'aria-selected': isActive ? 'true' : 'false',
+                          'tabindex': isActive ? '0' : '-1'
+                      });
+
+                      var tabName = $this.text().trim();
+                      $this.attr('title', '切換至 ' + tabName);
+                  });
+
+                  // --- 2. 點擊事件：更新 aria-selected 與 tabindex ---
+                  $tabs.on('click', function () {
+                      var $clickedTab = $(this);
+
+                      $tabs.attr('aria-selected', 'false').attr('tabindex', '-1');
+                      $clickedTab.attr('aria-selected', 'true').attr('tabindex', '0');
+                  });
+
+                  // --- 3. 鍵盤操作補強 ---
+                  $tabs.on('keydown', function (e) {
+                      var $current = $(this);
+                      var currentIndex = $tabs.index($current);
+                      var lastIndex = $tabs.length - 1;
+                      var $target = null;
+
+                      switch (e.which) {
+                          case 13: // Enter
+                          case 32: // Space
+                              e.preventDefault();
+                              $current.trigger('click');
+                              break;
+
+                          case 37: // ← 左方向鍵：移到前一個頁籤
+                          case 38: // ↑ 上方向鍵
+                              e.preventDefault();
+                              $target = currentIndex > 0
+                                  ? $tabs.eq(currentIndex - 1)
+                                  : $tabs.eq(lastIndex);
+                              break;
+
+                          case 39: // → 右方向鍵：移到下一個頁籤
+                          case 40: // ↓ 下方向鍵
+                              e.preventDefault();
+                              $target = currentIndex < lastIndex
+                                  ? $tabs.eq(currentIndex + 1)
+                                  : $tabs.eq(0);
+                              break;
+
+                          case 36: // Home：跳到第一個頁籤
+                              e.preventDefault();
+                              $target = $tabs.eq(0);
+                              break;
+
+                          case 35: // End：跳到最後一個頁籤
+                              e.preventDefault();
+                              $target = $tabs.eq(lastIndex);
+                              break;
+                      }
+
+                      // 移動焦點並觸發點擊切換
+                      if ($target && $target.length) {
+                          $tabs.attr('tabindex', '-1');
+                          $target.attr('tabindex', '0').focus().trigger('click');
+                      }
+                  });
+              });
+          }
+
+          setTimeout(fixTabAccessibility, 500);
+      });
+
+
+      //移除 accesskey="W" 之後的 | 符號
+      $(function() {
+        function removeSeparatorAfterAccesskeyW() {
+            $('a[accesskey="W"]').each(function() {
+                // 取得 a 標籤相鄰的下一個 DOM 節點
+                var nextNode = this.nextSibling;
+                
+                // 檢查節點是否存在、是否為文字節點 (nodeType 3)，且是否包含 '|'
+                if (nextNode && nextNode.nodeType === 3) {
+                    var textValue = nextNode.nodeValue;
+                    if (textValue.includes('|')) {
+                        // 將 '|' 替換為空字串並更新節點值
+                        nextNode.nodeValue = textValue.replace('|', '');
+                    }
+                }
+            });
+        }
+
+        // 執行處理
+        removeSeparatorAfterAccesskeyW();
+      });
+      if ($('#language-li').is(':empty') || $('#language-li').html().trim() === '') {
+        $('#language-li').remove();
+      };
+        $('.header-nav').each(function() {
+          const cleaned = $(this).text().replace(/[\s|]/g, '');
+          if (cleaned === '') {
+            $(this).remove();
+          }
+        });
+    }
+  forFreeGo();
 
 
 
@@ -871,35 +1830,35 @@
       });
     };
 
-  //公告頁籤
-    function annc_widget_nav() {
-    $('.tab_nav').nextAll().addClass('tab_content');
-    $('.tab_content').css("display","none");
-    $('.tab_content').eq(0).css('display', 'block');
+  // //公告頁籤
+  //   function annc_widget_nav() {
+  //   $('.tab_nav').nextAll().addClass('tab_content');
+  //   $('.tab_content').css("display","none");
+  //   $('.tab_content').eq(0).css('display', 'block');
 
-    var num = $('.tab_nav li').length;
-    $('.tab_content').eq(num).css('display', 'block');
-    $('.tab_content').eq(num).nextAll().css('display', 'block');
+  //   var num = $('.tab_nav li').length;
+  //   $('.tab_content').eq(num).css('display', 'block');
+  //   $('.tab_content').eq(num).nextAll().css('display', 'block');
 
-    $('.tab_nav li').off('click').on('click',function() {
-      $('.tab_nav li').removeClass('active');
-      $(this).addClass('active');
-      var fa = $(this).index();
+  //   $('.tab_nav li').off('click').on('click',function() {
+  //     $('.tab_nav li').removeClass('active');
+  //     $(this).addClass('active');
+  //     var fa = $(this).index();
 
-      $('.tab_content').attr('style','');
-      $('.tab_content').css("display","none");
-      $('.tab_content').eq(fa).css('display','block');
-      var num = $('.tab_nav li').length;
-      $('.tab_content').eq(num).css('display', 'block');
-      $('.tab_content').eq(num).nextAll().css('display', 'block');
-  });
+  //     $('.tab_content').attr('style','');
+  //     $('.tab_content').css("display","none");
+  //     $('.tab_content').eq(fa).css('display','block');
+  //     var num = $('.tab_nav li').length;
+  //     $('.tab_content').eq(num).css('display', 'block');
+  //     $('.tab_content').eq(num).nextAll().css('display', 'block');
+  // });
 
-    var url = window.location.search;
-    if (url == "?editmode=on") {
-    $('.tab_content').css({'position': 'relative','display':'block'});
-  }
-  }
-    annc_widget_nav();
+  //   var url = window.location.search;
+  //   if (url == "?editmode=on") {
+  //   $('.tab_content').css({'position': 'relative','display':'block'});
+  // }
+  // }
+  //   annc_widget_nav();
 
   //切換語言停留在同一頁
   if(window.location.pathname!="/")
@@ -1203,6 +2162,14 @@
       // if($('.show-announcement').hasClass('show-announcement')) {
       //   $('.').css('', '');
       // }
+      $(function() {
+        var $headerNav = $('.header-nav');
+        $headerNav.contents().each(function() {
+          if (this.nodeType === 3 && this.nodeValue.trim() === '|') {
+            $(this).remove();
+          }
+        });
+      });
 
       if($('.s-annc').length){
         $(".carousel_images h4").remove();
@@ -1217,25 +2184,7 @@
         // });
       }
       $('.s-annc__tag-wrap ').after($('.s-annc__post-orbithashtags'));
-    $('a').each(function () {
-          const $a = $(this);
 
-          // 有圖示或圖片就不刪
-          if ($a.find('i, img').length > 0) return;
-
-          // 沒有任何實際文字內容（去除空白）
-          const hasVisibleText = $a.text().trim().length > 0;
-
-          // 進一步判斷 span 內部是否完全為空
-          const allChildrenEmpty = $a.children().length > 0 && $a.children().toArray().every(child => {
-            return $(child).text().trim().length === 0;
-          });
-
-          // 如果沒有文字內容且子元素全為空，則移除
-          if (!hasVisibleText && allChildrenEmpty) {
-            $a.remove();
-          }
-    });
     $('.i-member-pic-wrap a').removeAttr('target');
     function markCheckStatusButton() {
         $('.ask-question').each(function () {
@@ -1270,8 +2219,8 @@
       $('.box-social-share').before($('.sitemenu-wrap3'));
       $('.box-social-share').before($('.sitemenu-wrap3'));
       $('.box-social-share').before($('.sitemenu-wrap3'));
-      $(".member-data2-tr").before($(".show-member .table-striped > tbody > tr:nth-of-type(4)"));
-      $(".nav-pills").before($(".show-member .table-striped > tbody > tr:last-child"));
+      // $(".member-data2-tr").before($(".show-member .table-striped > tbody > tr:nth-of-type(4)"));
+      // $(".nav-pills").before($(".show-member .table-striped > tbody > tr:last-child"));
 
       //檔案室手風琴
       $('.panel-title>.collapsed').click(function(){
@@ -1454,118 +2403,276 @@
       init();
   });
 
-  //orbitbar無障礙js
-  $(document).ready(function() {
-      const isEnglish = document.documentElement.lang === 'en';
+// 1. OrbitBar 基礎與搜尋選單邏輯
+$(document).ready(function() {
+    const isEn = document.documentElement.lang === 'en';
+    const $orbitLabel = $('label[for="open-orbit-nav"]');
+    const $searchArea = $('.orbit-bar-search-sign-language');
+    const $firstInput = $('#q'); // 搜尋框通常是選單內第一個獲焦元素
 
-      if (isEnglish) {
-        $('.navbar-toggle').attr({
-          title: 'menu',
-          'aria-label': 'menu'
-        });
-        $('label[for="open-orbit-nav"]').attr({
-          title: 'Site search and language menu',
-          'aria-label': 'Site search and language menu'
-        });
-        $('.mobile-button').attr({
-          title: 'Language menu',
-          'aria-label': 'Language menu'
-        });
-      } else {
-        $('label[for="open-orbit-nav"]').attr({
-          title: '全站収尋及語言切換選單',
-          'aria-label': '全站収尋及語言切換選單'
-        });
-        $('.mobile-button').attr({
-          title: '語言切換選單',
-          'aria-label': '語言切換選單'
-        });
-      }
-      
+    // 初始化屬性
+    if (isEn) {
+        $orbitLabel.attr({ title: 'Site search and language menu', 'aria-label': 'Site search and language menu' });
+    } else {
+        $orbitLabel.attr({ title: '全站搜尋及語言切換選單', 'aria-label': '全站搜尋及語言切換選單' });
+    }
+    $orbitLabel.attr({ 'role': 'button', 'aria-haspopup': 'true', 'aria-expanded': 'false', 'tabindex': '0' });
 
-      $('label[for="open-orbit-login"]').removeAttr('tabindex');
-    $('#orbit-bar').find('li').each(function() {
-      var $li = $(this);
-
-      // 如果 <li> 中没有 <a> 元素，则为 <li> 设置 tabindex="0"
-      if ($li.children('a').length === 0) {
-        $li.attr('tabindex', '0');
-      } else {
-        // 如果 <li> 中有 <a> 元素，则确保 <a> 有 tabindex="0"
-        $li.find('a').attr('tabindex', '0');
-
-        // 确保 <li> 不影响焦点管理，移除 <li> 的 tabindex
-        $li.removeAttr('tabindex');
-
-        // 如果 <li> 被聚焦，自动跳转到 <a> 元素
-        $li.on('focus', function() {
-          $(this).find('a').focus();
-        });
-      }
-    });
-    $('label[for="open-orbit-nav"]').attr('tabindex', '0');
-    // 当屏幕宽度小于 768px 时，将 .orbit-bar-search-sign-language 移动到 <label for="open-orbit-nav"> 后面
-    function moveSearchSignLanguage() {
-        if ($(window).width() < 767) {
-          $('.orbit-bar-search-sign-language').insertAfter('label[for="open-orbit-nav"]');
+    // --- 【修正重點 1】處理 Label 的焦點與按鍵行為 ---
+    $orbitLabel.on('focusin', function(e) {
+        var relatedTarget = e.relatedTarget;
+        // 如果是從選單內部退回來的 (Shift+Tab)
+        if (relatedTarget && ($searchArea.find(relatedTarget).length > 0)) {
+            $searchArea.removeClass('show');
+            $(this).attr('aria-expanded', 'false');
         } else {
-          // 屏幕宽度大于等于 768px 时，恢复原位置
-          $('.orbit-bar-search-sign-language').appendTo('.orbit-bar-inner');
+            // 正向進入
+            $searchArea.addClass('show');
+            $(this).attr('aria-expanded', 'true');
+        }
+    });
+
+    // 強制偵測：在 Label 上按下 Shift+Tab 代表要離開這整塊，立即收合
+    $orbitLabel.on('keydown', function(e) {
+        if (e.shiftKey && e.keyCode === 9) { // Shift + Tab
+            $searchArea.removeClass('show');
+            $searchArea.find('ul').removeClass('show');
+            $(this).attr('aria-expanded', 'false');
+        }
+    });
+
+    // --- 【修正重點 2】處理選單內第一個元素的 Shift+Tab ---
+    $firstInput.on('keydown', function(e) {
+        if (e.shiftKey && e.keyCode === 9) { // 在第一個輸入框按 Shift + Tab
+            // 讓它自然回到 Label，Label 的 focusin 會接手處理收合
+            // 這裡不做額外動作，交給上面的 focusin 邏輯
+        }
+    });
+
+    // --- 【修正重點 3】處理離開大區塊（往後 Tab）的狀態清除 ---
+    $searchArea.on('focusout', function() {
+        var $thisArea = $(this);
+        setTimeout(function() {
+            if (!$thisArea.is(':focus-within') && !$(document.activeElement).is($orbitLabel)) {
+                $thisArea.removeClass('show');
+                $thisArea.find('ul').removeClass('show');
+                $orbitLabel.attr('aria-expanded', 'false');
+                $('#languagebutton').attr('aria-expanded', 'false');
+            }
+        }, 150);
+    });
+
+    // 點擊行為
+    $orbitLabel.on('click', function() {
+        var isOpen = $searchArea.hasClass('show');
+        $searchArea.toggleClass('show', !isOpen);
+        $(this).attr('aria-expanded', !isOpen);
+    });
+
+    // RWD 位置搬移
+    function moveSearch() {
+        if ($(window).width() < 767) {
+            $searchArea.insertAfter('label[for="open-orbit-nav"]');
+        } else {
+            $searchArea.appendTo('.orbit-bar-inner');
         }
     }
-    
-    moveSearchSignLanguage();
-    $(window).resize(function() {
-      moveSearchSignLanguage();
-    });
-      // 当 <label for="open-orbit-nav"> 被选中时，显示 .orbit-bar-search-sign-language
-      $('label[for="open-orbit-nav"]').on('focus', function() {
-        $('.orbit-bar-search-sign-language').addClass('show');
-      })
-      $('#languagebutton').on('focus', function() {
-        $('#language-li ul').addClass('show');
-      });
+    moveSearch();
+    $(window).resize(moveSearch);
+});
 
-      // 监听 #language 元素被 Tab 键选中时
-      $('#language-li-ul li').on('focus', function() {
-        // 给 #language 内部的 ul 元素添加 show 类
-        $(this).find('ul').addClass('show');
-      });
-      $('#language-li-ul li ul > li:last-child>a').on('blur', function() {
-        $('#language-li-ul li ul').removeClass('show');
-      });
-      $('.orbit-bar-title a').on('focus', function() {
-        $('#language-li-ul li ul').removeClass('show');
-      });
+// 2. 語言按鈕與手機版選單補強
+$(function() {
+    function fixLanguageA11y() {
+        var isEn = document.documentElement.lang === 'en';
+        var correctTitle = isEn ? 'Open language menu' : '在本視窗開啟語言選單';
+        var $desktopBtn = $('#languagebutton');
+        var $langLi = $('#language-li');
+        var $langUl = $('#language-li ul');
 
+        // =============================================
+        // ✅ 新增 GN1210101E：繁體中文 li 補上可聚焦 <a>
+        // 桌面版 + 手機版都處理
+        // =============================================
+        var $activeLis = $langUl.find('li.active')
+            .add($('#language-li-ul').find('li.active'));
 
-      $('#language-li').on('focus', function() {
-        // 给 #language 内部的 ul 元素添加 show 类
-        $(this).find('ul').addClass('show');
-      });  
-      $('#language-li ul > li:last-child>a').on('blur', function() {
-        $('#language-li ul').removeClass('show');
-        $('.orbit-bar-search-sign-language').removeClass('show');
-      });
-      $('label[for="open-orbit-login"]').on('blur', function() {
-        $('.orbit-bar-search-sign-language').removeClass('show');
-      });
-      $('#gotocenter').on('focus', function() {
-        // 当 #gotocenter 被选中时，移除 .orbit-bar-search-sign-language 上的 show 类
-        $('.orbit-bar-search-sign-language').removeClass('show');
-      });
-      $('label[for="open-orbit-nav"]').on('click', function() {
-        // 切換 .orbit-bar-search-sign-language 的 .show 類別
-        $('.orbit-bar-search-sign-language').removeClass('show');
-      });
-      $('li[tabindex="0"]').each(function () {
-        const $li = $(this);
-        if ($li.find('input').length > 0) {
-          $li.removeAttr('tabindex');
+        $activeLis.each(function() {
+            var $li = $(this);
+            if ($li.find('a, button').length === 0) {
+                var activeText = $li.text().trim();
+                $li.html(
+                    '<a href="javascript:;" ' +
+                    'aria-current="true" ' +
+                    'title="' + (isEn ? 'Current language' : '目前語言') + '" ' +
+                    'tabindex="0">' +
+                    activeText +
+                    '</a>'
+                );
+            }
+        });
+
+        // =============================================
+        // Desktop 語言按鈕
+        // =============================================
+        if ($desktopBtn.length > 0) {
+            $desktopBtn.attr({
+                'aria-expanded': 'false',
+                'role': 'button',
+                'aria-haspopup': 'true',
+                'title': correctTitle
+            });
+            $desktopBtn.removeAttr('aria-label');
+
+            function openLangMenu() {
+                $langUl.addClass('show');
+                $desktopBtn.attr('aria-expanded', 'true');
+                $('.orbit-bar-search-sign-language').addClass('show');
+            }
+            function closeLangMenu() {
+                $langUl.removeClass('show');
+                $desktopBtn.attr('aria-expanded', 'false');
+            }
+
+            // 原有：focus 展開
+            $desktopBtn.on('focus', function() {
+                openLangMenu();
+            });
+
+            // ✅ 新增 GN1210100E：Enter / Space 切換、Escape 收合
+            $desktopBtn.on('keydown', function(e) {
+                if (e.which === 13 || e.which === 32) {
+                    e.preventDefault();
+                    $langUl.hasClass('show') ? closeLangMenu() : openLangMenu();
+                }
+                if (e.which === 27) {
+                    closeLangMenu();
+                    $desktopBtn.focus();
+                }
+            });
+
+            // 原有：click 切換
+            $desktopBtn.on('click', function(e) {
+                e.preventDefault();
+                $langUl.hasClass('show') ? closeLangMenu() : openLangMenu();
+            });
+
+            // ✅ 新增：選單內 Escape 跳回按鈕
+            $langUl.find('a').on('keydown', function(e) {
+                if (e.which === 27) {
+                    e.preventDefault();
+                    closeLangMenu();
+                    $desktopBtn.focus();
+                }
+            });
+
+            // 原有：焦點離開整個 language-li 時收合
+            $langLi.on('focusout', function() {
+                var $container = $(this);
+                setTimeout(function() {
+                    if (!$container.is(':focus-within')) {
+                        closeLangMenu();
+                    }
+                }, 150);
+            });
         }
-      });
-    
-  });
+
+        // =============================================
+        // 手機版選單補強（原有邏輯完整保留）
+        // =============================================
+        var $mobileBtn = $('.mobile-button');
+        if ($mobileBtn.length > 0) {
+            $mobileBtn.attr({ 'role': 'button', 'tabindex': '0', 'aria-haspopup': 'true', 'aria-expanded': 'false' });
+            $mobileBtn.on('focus', function() {
+                $(this).closest('li').find('ul').addClass('show');
+                $(this).attr('aria-expanded', 'true');
+            });
+            $mobileBtn.on('keydown', function(e) {
+                if (e.which === 13 || e.which === 32) {
+                    e.preventDefault();
+                    var $ul = $(this).closest('li').find('ul');
+                    $ul.toggleClass('show');
+                    $(this).attr('aria-expanded', $ul.hasClass('show') ? 'true' : 'false');
+                }
+            });
+            $('#language-li-ul').on('focusout', function() {
+                var $container = $(this);
+                setTimeout(function() {
+                    if (!$container.is(':focus-within')) {
+                        $container.find('ul').removeClass('show');
+                        $mobileBtn.attr('aria-expanded', 'false');
+                    }
+                }, 150);
+            });
+        }
+
+        // =============================================
+        // 原有：MutationObserver 強制鎖定 title
+        // =============================================
+        var target = document.getElementById('languagebutton');
+        if (target) {
+            var observer = new MutationObserver(function() {
+                if (target.getAttribute('title') !== correctTitle) {
+                    target.setAttribute('title', correctTitle);
+                }
+            });
+            observer.observe(target, { attributes: true, attributeFilter: ['title'] });
+        }
+    }
+
+    setTimeout(fixLanguageA11y, 600);
+});
+// rwd左上選單無障礙
+$(function() {
+    /**
+     * 修正：當焦點離開整個區塊（含語言選單最後一項）時，關閉大選單
+     */
+    function fixSearchMenuFocusOut() {
+        var $searchArea = $('.orbit-bar-search-sign-language');
+        var $orbitLabel = $('label[for="open-orbit-nav"]');
+        var $langBtn = $('#languagebutton');
+
+        // 使用 focusout 監聽整個搜尋/語言區域
+        $searchArea.on('focusout', function(e) {
+            // 關鍵：使用 setTimeout 讓 document.activeElement 抓到下一個獲焦元素
+            setTimeout(function() {
+                // 如果目前的焦點不在 $searchArea 裡面，也不是回到觸發的 $orbitLabel 上
+                if (!$searchArea.is(':focus-within') && !$(document.activeElement).is($orbitLabel)) {
+                    
+                    // 1. 移除大區塊顯示
+                    $searchArea.removeClass('show');
+                    
+                    // 2. 移除子層語言選單顯示
+                    $searchArea.find('ul').removeClass('show');
+                    
+                    // 3. 狀態重置為「折疊」供語音報讀
+                    $orbitLabel.attr('aria-expanded', 'false');
+                    $langBtn.attr('aria-expanded', 'false');
+                }
+            }, 50); 
+        });
+
+        // 桌面版 Language 按鈕特殊處理：焦點移入時
+        $langBtn.on('focus', function() {
+            // 確保父層搜尋區塊是顯示的 (針對從別處直接 tab 過來的情況)
+            $searchArea.addClass('show');
+            $(this).attr('aria-expanded', 'true');
+        });
+
+        // 針對手機版 mobile-button (span) 同理處理
+        $('.mobile-button').on('focusout', function() {
+            var $mobileParent = $('#language-li-ul');
+            setTimeout(function() {
+                if (!$mobileParent.is(':focus-within')) {
+                    $mobileParent.find('ul').removeClass('show');
+                    $('.mobile-button').attr('aria-expanded', 'false');
+                }
+            }, 50);
+        });
+    }
+
+    setTimeout(fixSearchMenuFocusOut, 600);
+});
   //萬用表格查詢按鈕翻中英
   $(document).ready(function () {
       const lang = $('html').attr('lang');
@@ -1680,6 +2787,152 @@ $(document).ready(function(){
     $("iframe[src*='google']").attr('title','googleOauth');
   });
 
+//隱藏Hashtags
+$(document).ready(function () {
+  $('.universal-table-show .table-title').each(function () {
+    var $titleTd = $(this);
+    var titleText = $titleTd.text().trim();
+    var $nextTd = $titleTd.next('td');
+
+    if (titleText === 'Hashtags' && $nextTd.length > 0 && $nextTd.text().trim() === '') {
+      $titleTd.closest('tr').hide();
+    }
+  });
+});
+$(document).ready(function () {
+  $('.universal-table-index .theadsearch tr th').each(function (index) {
+    const $th = $(this);
+    const title = $th.find('.universal-th-text').text().trim();
+
+    // 找到 Hashtags 欄
+    if (title === 'Hashtags') {
+      let allEmpty = true;
+
+      // 走訪 tbody 的每一列檢查對應欄位是否都為空
+      $('.universal-table-index tbody tr').each(function () {
+        const $td = $(this).find('td').eq(index);
+        if ($td.text().trim() !== '') {
+          allEmpty = false;
+          return false; // 提前跳出 each
+        }
+      });
+
+      if (allEmpty) {
+        // 隱藏 thead 裡對應的 th
+        $th.hide();
+
+        // 隱藏 tbody 所有對應的 td 欄位
+        $('.universal-table-index tbody tr').each(function () {
+          $(this).find('td').eq(index).hide();
+        });
+      }
+    }
+  });
+});
+$(document).ready(function () {
+  setTimeout(function () {
+    $('iframe.twitter-share-button, iframe.twitter-tweet-button').each(function () {
+      $(this).attr('title', '分享至 X 在新視窗開啟');
+    });
+  }, 1500);
+});
+//orbitbarlogo無障礙
+$(function() {
+  var $logo  = $('.orbit-bar-logo');
+  var $inner = $logo.contents().not('p');
+
+  var $span = $('<span>').addClass('orbit-bar-logo').append($inner);
+  $logo.replaceWith($span);
+});
+//orbitbar登入無障礙
+$(function() {
+  var $loginWindow = $('.login-window');
+  var $checkbox    = $('#open-orbit-login');
+
+  // login-window 顯示時，焦點移到 label.close
+  $checkbox.on('change', function() {
+    if ($(this).is(':checked')) {
+      setTimeout(function() {
+        $('.login-window .login-header label.close').focus();
+      }, 50);
+    }
+  });
+
+  // login-window 失去焦點時，關閉並還原焦點
+  $loginWindow.on('focusout', function() {
+    var $thisWindow = $(this);
+    setTimeout(function() {
+      // document.hasFocus() 為 false 代表焦點移到瀏覽器外（開發者工具、右鍵選單等），不關閉
+      if (!document.hasFocus()) return;
+
+      if (!$thisWindow.is(':focus-within') && $checkbox.is(':checked')) {
+        $(".orbit-bar-logo").one("focusin", function() {
+          if (window.orbit_login_button) {
+            window.orbit_login_button.focus();
+          }
+        });
+        $checkbox.click();
+      }
+    }, 500);
+  });
+});
+//gallery層級問題
+$(function() {
+  var target = document.getElementById('gallery-theater-stage');
+  if (!target) return;
+
+  var observer = new MutationObserver(function() {
+    var display = target.style.display;
+    if (display === 'block') {
+      $('.verticalhome').css('z-index', '2000');
+    } else if (display === 'none') {
+      $('.verticalhome').css('z-index', 'auto');
+    }
+  });
+
+  observer.observe(target, {
+    attributes    : true,
+    attributeFilter: ['style']
+  });
+});
+$(document).ready(function() {
+
+  function removeFakeLinks() {
+    $('a.fake_link').remove();
+  }
+
+  // 初始執行一次
+  removeFakeLinks();
+
+  // Shift+Tab 時也執行
+  $(document).on('keydown', function(e) {
+    if (e.key === 'Tab' && e.shiftKey) {
+      removeFakeLinks();
+    }
+  });
+
+  // MutationObserver 監聽 DOM 變化，fake_link 一出現就移除
+  var observer = new MutationObserver(function(mutations) {
+    mutations.forEach(function(mutation) {
+      mutation.addedNodes.forEach(function(node) {
+        // 直接是 fake_link
+        if ($(node).is('a.fake_link')) {
+          $(node).remove();
+        }
+        // 或其子元素內含 fake_link
+        if ($(node).find) {
+          $(node).find('a.fake_link').remove();
+        }
+      });
+    });
+  });
+
+  observer.observe(document.body, {
+    childList: true,
+    subtree: true
+  });
+
+});
   // 執行 member等高計算，目前改用flexbox故mark掉 by ika 20160105
   // $(window).load(function() {
   //   if ($('.index-member-3').length && $(window).width() > 992) {
diff --git a/assets/stylesheets/template/base/_accesskey.scss b/assets/stylesheets/template/base/_accesskey.scss
index 5f8b74e..3fdd8d7 100644
--- a/assets/stylesheets/template/base/_accesskey.scss
+++ b/assets/stylesheets/template/base/_accesskey.scss
@@ -1,13 +1,13 @@
 @charset "utf-8";
 
 a[accesskey] {
-  position: absolute!important;
+  position: absolute;
   margin-left: -0.9375em;
-  color: transparent !important;
+  color: transparent ;
 }
 
 #orbit-bar a[accesskey] {
-  color: #666666 !important;
+  color: #666666;
 	margin-left: 0;
 	position: relative;
 	&:hover {
diff --git a/assets/stylesheets/template/base/_global.scss b/assets/stylesheets/template/base/_global.scss
index ae5340e..ebaac2e 100644
--- a/assets/stylesheets/template/base/_global.scss
+++ b/assets/stylesheets/template/base/_global.scss
@@ -2,8 +2,9 @@
 
 @import "../initial";
 @import "variables";
-#orbit-bar .orbit-bar-title a{
-  color: #333!important;
+
+.fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
+    font-family: var(--fa-style-family, "FontAwesome");
 }
 #orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
   .orbit-bar-search-sign-language{
@@ -11,6 +12,48 @@
   }
 }
 
+.login-btn:focus {
+        outline: 0.3125em auto -webkit-focus-ring-color !important;
+    transition: all 0.2s ease-in-out!important;
+}
+.orbit-bar-inner{
+  li.active {
+    @media(min-width:768px){
+    padding: 0 !important;
+    }
+  }
+}
+label[for="open-orbit-login"] {
+  @media(max-width:768px){
+    display: none!important;
+  }
+}
+[accesskey="U"],[accesskey="W"]{
+    @media(max-width:768px){
+      color: #666!important;
+    }
+}
+.orbit-bar-inner{
+  [accesskey="U"]{
+    height: 40px;
+    display: inline-block!important;
+    line-height: 40px;
+    float: left;
+    @media(min-width:769px){
+    color: #fff!important;
+    }
+  }
+  [accesskey="W"]{
+    height: 40px;
+    display: inline-block!important;
+    line-height: 40px;
+    float: left;
+    color: #fff!important;
+    @media(min-width:769px){
+    color: #fff!important;
+    }
+  }
+}
 .orbit-bar-search-sign-language{
   @media(max-width:767px){
     position: absolute !important;
@@ -34,6 +77,8 @@ body #orbit-bar .orbit-bar-search-sign-language #search input[type="search"]{
 }
 #orbit-bar .orbit-bar-inner > ul > li > ul li{
   list-style: none!important;
+  min-height: 28px;
+  position: relative;
 }
 li{
   list-style: disc;
diff --git a/assets/stylesheets/template/base/_unity.scss b/assets/stylesheets/template/base/_unity.scss
index c053d6f..76204c2 100644
--- a/assets/stylesheets/template/base/_unity.scss
+++ b/assets/stylesheets/template/base/_unity.scss
@@ -62,12 +62,12 @@
   }
 }
 .i-title{
-  font-size: 1.2rem;
+  font-size: 1.1rem;
   line-height: 1.3;
   font-weight: normal;
 }
 .i-subtitle{
-  font-size: 1.1rem;
+  font-size: 1rem;
   font-weight: normal;
 }
 .metadata-date{
diff --git a/assets/stylesheets/template/base/_variables.scss b/assets/stylesheets/template/base/_variables.scss
index fd78e26..d83bdee 100644
--- a/assets/stylesheets/template/base/_variables.scss
+++ b/assets/stylesheets/template/base/_variables.scss
@@ -21,6 +21,9 @@ $theme-color-third: #383e5e;
 $theme-color-green: #32D9C3;
 $theme-color-hover:#dd177d;
 
+.fa, .fa-classic, .fa-regular, .fa-solid, .far, .fas {
+    font-family: "Font Awesome 6 Free", FontAwesome;
+}
 // Font stacks
 $main-font: "Noto Sans TC", sans-serif;
 $sub-font: "Noto Sans TC", sans-serif;
diff --git a/assets/stylesheets/template/layout/content.scss b/assets/stylesheets/template/layout/content.scss
index 38b6ecd..d5def66 100644
--- a/assets/stylesheets/template/layout/content.scss
+++ b/assets/stylesheets/template/layout/content.scss
@@ -6,6 +6,10 @@
     padding: 0;
   }
 }
+.main-content{
+  background: #fff;
+    padding: 1em;
+}
 .verticalhome{
   position: relative;
   width: 100%;
@@ -227,7 +231,7 @@
     opacity: .15;
     background: #00356a61;
     border-radius: 100%;
-    z-index: 0;
+    z-index: -1;
   }
   @media(max-width:768px){
     &:before{
diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss
index af0c822..7429dd9 100644
--- a/assets/stylesheets/template/layout/header.scss
+++ b/assets/stylesheets/template/layout/header.scss
@@ -46,7 +46,7 @@
     list-style: none;
   }
   a[accesskey] {
-    position: absolute;
+    position:relative;
   }
 
   .container {
@@ -86,7 +86,7 @@
     a {
       color: #333;
       text-decoration: none;
-      padding:15px 15px 12px 15px;
+      padding:5px;
     }
 
     @media (min-width:1025px) {
diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss
index 2a9fc04..fc56490 100644
--- a/assets/stylesheets/template/modules/ad_banner.scss
+++ b/assets/stylesheets/template/modules/ad_banner.scss
@@ -37,6 +37,15 @@ ul.button-mid{
 .banner-pager .active-slide button{
   background: $theme-color-second!important;
 }
+.w-ba-banner .button-mid {
+    position: absolute;
+    width: 100%;
+    height: 0;
+    top: 50%;
+}
+.next-button, .prev-button {
+    cursor: pointer;
+}
 iframe{
   border: none;
 }
@@ -254,12 +263,12 @@ ul.button-mid{
     width: 100%;
     height: 100%;
   }
-  .banner-pager {
-    right: 1em;
-    top: -2em;
-    z-index: 100;
-    display: none;
-  }
+  // .banner-pager {
+  //   right: 1em;
+  //   top: -2em;
+  //   z-index: 100;
+  //   display: none;
+  // }
   .button-mid{
     z-index: 101;
   }
@@ -377,12 +386,12 @@ ul.button-mid{
   }
 
 
-  .banner-pager {
-    right: 1em;
-    top: -2em;
-    z-index: 100;
-    display: none;
-  }
+  // .banner-pager {
+  //   right: 1em;
+  //   top: -2em;
+  //   z-index: 100;
+  //   display: none;
+  // }
 }
 
 // Widget 3
diff --git a/assets/stylesheets/template/modules/archives.scss b/assets/stylesheets/template/modules/archives.scss
index 501260a..466f406 100644
--- a/assets/stylesheets/template/modules/archives.scss
+++ b/assets/stylesheets/template/modules/archives.scss
@@ -144,14 +144,18 @@
 .i-archive-title {
   @extend .unity-title;
 }
-.link{margin-left: 0.5em;}
-.txt { background-color: #6dbb73;     margin-left: 0.5em;}
-.xlsx { background-color: #bb6d7f;     margin-left: 0.5em;}
-.pdf { background-color: #3b8347;     margin-left: 0.5em;}
-.docx { background-color: #846dbb;     margin-left: 0.5em;}
-.pptx { background-color: #6d77bb;     margin-left: 0.5em;}
-.jpg { background-color: #bb6d6d;     margin-left: 0.5em;}
-.zip { background-color: #dcb957;     margin-left: 0.5em;}
+.link { background-color: #1368d4 !important; } /* 對比 4.6:1 */
+.txt  { background-color: #3a8a40 !important; } /* 對比 4.6:1 */
+.xlsx { background-color: #9e3050 !important; } /* 對比 4.6:1 */
+.pdf  { background-color: #2a7d36 !important; } /* 對比 4.6:1 */
+.docx { background-color: #5e46a0 !important; } /* 對比 4.6:1 */
+.doc  { background-color: #1368d4 !important; } /* 對比 4.6:1 */
+.pptx { background-color: #3d4aa0 !important; } /* 對比 4.6:1 */
+.jpg  { background-color: #8f3333 !important; } /* 對比 4.6:1 */
+.zip  { background-color: #8a6400 !important; } /* 對比 4.6:1 */
+.rar  { background-color: #9e5000 !important; } /* 對比 4.6:1 */
+.xls  { background-color: #3a8a40 !important; } /* 對比 4.6:1 */
+.odt  { background-color: #767676 !important; } /* 對比 4.6:1 */
 .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
     // border-top: 0.0625em solid #ddd;
 }
@@ -531,6 +535,7 @@
   }
   li{
     list-style: none;
+    margin-bottom: 0.5em;
   }
 }
 .index-archive-15{
diff --git a/assets/stylesheets/template/modules/member.scss b/assets/stylesheets/template/modules/member.scss
index 4937ab1..f1b5387 100644
--- a/assets/stylesheets/template/modules/member.scss
+++ b/assets/stylesheets/template/modules/member.scss
@@ -9,22 +9,23 @@
 // ## Gerneral styles for Index
 .i-member-profile-item{
   list-style: none;
+  word-break: break-all;
 }
 .i-member-pic-wrap{
   overflow: hidden;
 }
-.i-member-item{
-  &:hover{
-    img{
-      transform: scale(1.1) !important;
-      -webkit-transition: .3s ease-out;
-      -moz-transition: .3s ease-out;
-      -ms-transition: .3s ease-out;
-      -o-transition: .3s ease-out;
-      transition: .3s ease-out;
-    }
-  }
-}
+// .i-member-item{
+//   &:hover{
+//     img{
+//       transform: scale(1.1) !important;
+//       -webkit-transition: .3s ease-out;
+//       -moz-transition: .3s ease-out;
+//       -ms-transition: .3s ease-out;
+//       -o-transition: .3s ease-out;
+//       transition: .3s ease-out;
+//     }
+//   }
+// }
 // Index 1
 .index-member-1 {
   .i-member__status-title {
@@ -494,7 +495,7 @@
     padding-bottom: 1em;
   }
   .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
-    background-color: #91bfea;
+    background-color:$theme-color-second;
   }
   .nav-pills>li>a {
     border-radius: unset;
diff --git a/assets/stylesheets/template/modules/menu.scss b/assets/stylesheets/template/modules/menu.scss
index 3e1a6e7..7c83c15 100644
--- a/assets/stylesheets/template/modules/menu.scss
+++ b/assets/stylesheets/template/modules/menu.scss
@@ -224,7 +224,7 @@
       list-style: none;
       display: flex;
       flex-wrap: wrap;
-      justify-content: flex-start;
+      justify-content: flex-end;
       }
     .has-dropdown.level-1.active {
       .modules-menu-level-1 {
@@ -264,7 +264,7 @@
       top: 2em;
       @media(max-width: 769px){
         top: 1em;
-        font-size: 1em;
+        font-size: 0.9em;
       }
     }
 
@@ -285,9 +285,9 @@
 
       & > a {
         display: block;
-        padding: 1em;
+        padding: 1em 0.7em;
         font-family: $main-font;
-        font-size: 1em;
+        font-size: 0.9em;
         &:after{
           content:'';
           position:absolute;
@@ -367,6 +367,12 @@
             left: auto;
           }
         }
+             &:last-child{
+               background: #ec6641;
+             }
+             &:nth-last-child(2){
+              background: #568bb9;
+             }
         &:last-child {
           margin-right: 0;
 
@@ -395,7 +401,7 @@
         }
 
         & > a {
-          font-size:1em;
+          font-size: 0.9em;
           color:#fff;
           font-weight: bold;
           position: relative;
@@ -442,7 +448,7 @@
         font-family: $main-font;
         font-weight: 600;
         color:#333;
-        font-size: 1em;
+        font-size: 0.9em;
         @media(max-width: 768px){
            color:#fff;
         }
@@ -570,13 +576,13 @@
 }
   .navbar-toggle {
     position: absolute;
-    left: 0;
+    left: 1em;
     background: transparent;
     top: 40px;
     z-index: 1;
-    height: 100vh;
+    height: 93vh;
     margin: 0;
-    width: 20%;
+    width: 13%;
     border: 0;
   }
   .cover {
@@ -668,11 +674,11 @@
   }
 }
 html[lang="en"]{
-  .modules-menu .modules-menu-level-0{
-    @media (min-width: 1025px){
-      width: 50%;
-    }
-  }
+  // .modules-menu .modules-menu-level-0{
+  //   @media (min-width: 1025px){
+  //     width: 50%;
+  //   }
+  // }
   .modules-menu-level-1{
     @media(min-width:769px){
       min-width: 220px!important;
diff --git a/assets/stylesheets/template/modules/universal-table.scss b/assets/stylesheets/template/modules/universal-table.scss
index 0df16c3..9e3761b 100644
--- a/assets/stylesheets/template/modules/universal-table.scss
+++ b/assets/stylesheets/template/modules/universal-table.scss
@@ -1,7 +1,9 @@
 @charset "utf-8";
 
 @import "../initial";
-
+.universal-form-inline{
+  position: relative;
+}
 .universal-table-index tbody{
   width:100% ;
 }
@@ -34,7 +36,7 @@
   width: 100%;
   position: relative;
   @media(max-width:$screen-xs){
-    margin-top: 3em;
+
   }
 }
 .universal-btn{
@@ -78,6 +80,7 @@
       display: flex;
       flex-wrap: wrap;
       width: 100%;
+      border:0!important;
       tr{
         display: flex;
         flex-wrap: wrap;
@@ -100,19 +103,21 @@
   cursor: pointer;
   padding: 0;
   position: absolute;
-  right:1em;
+  right:0;
   z-index:2;
   @media(max-width: $screen-xs){
     margin-top: 0.5em;
     right:0;
-    top:-4em;
+    top:0;
+    position: relative;
+    float: right;
+    margin-bottom: 0.5em;
   }
   .searchbtn2, .universal-btn {
     line-height: 2em;
     padding: 2px 15px 2px 15px;
     font-size: 1em;
     border-radius: 5px;
-    behavior: url("/assets/ie_support/PIE2/PIE.htc");
     color:#fff;
     font-weight: 400;
     letter-spacing: 0;
@@ -132,12 +137,11 @@
   .searchbtn2{
     background-position: 10px center;
     display: inline-block;
-    background-color: $theme-color-second;
-    behavior: url("/assets/ie_support/PIE2/PIE.htc");
+    background-color: $theme-color-third;
     text-align: center;
     border: 0;
     &:hover{
-      background-color:$theme-color-third;
+      background-color:$theme-color-second;
     }
   }
   i{
@@ -209,6 +213,8 @@
   margin-top: 1em;
   z-index: 1;
   position: relative;
+  width: 100%;
+  clear: both;
       .fa-search{
         color: #333!important;
       }
diff --git a/assets/stylesheets/template/template.scss b/assets/stylesheets/template/template.scss
index 5a2a6d4..78bb5d2 100644
--- a/assets/stylesheets/template/template.scss
+++ b/assets/stylesheets/template/template.scss
@@ -71,6 +71,10 @@
   transform: translateX(-0.95em);
  }
 }
+.view_count{
+  position: absolute;
+  right: 0;
+}
 // container setting
 .response-container {
   position: relative;
@@ -124,7 +128,7 @@ ul.tab_nav {
       list-style: none;
       position: relative;
       padding: 0.5em;
-      margin: 0.2em;
+      margin:0;
       cursor: pointer;
       transition: all 0.5s;
       -moz-transition: all 0.5s;
diff --git a/assets/stylesheets/template/widget/breadcrumb.scss b/assets/stylesheets/template/widget/breadcrumb.scss
index 306f5bf..4082692 100644
--- a/assets/stylesheets/template/widget/breadcrumb.scss
+++ b/assets/stylesheets/template/widget/breadcrumb.scss
@@ -11,6 +11,7 @@
 .breadcrumb {
   @media(max-width: 768px){
     padding: 0;
+    margin-bottom: 1em;
   }
   margin-left: 0;
   margin-bottom: 0;
diff --git a/assets/stylesheets/template/widget/sitemenu.scss b/assets/stylesheets/template/widget/sitemenu.scss
index a0d6c0c..e81d2f1 100644
--- a/assets/stylesheets/template/widget/sitemenu.scss
+++ b/assets/stylesheets/template/widget/sitemenu.scss
@@ -14,12 +14,12 @@
   margin-bottom: 1em;
   background: #fff;
   padding: 1em;
-  z-index: 1;
   position: relative;
 }
 .sitemenu-item{
   list-style: none;
   overflow: hidden;
+
 }
 .sitemenu-horizontal {
   // padding-left: 1em;
@@ -156,7 +156,6 @@
     background-position: 15px;
     background-repeat: no-repeat;
     overflow: hidden;
-    white-space: nowrap;
     text-overflow: ellipsis;
     position: relative;
     border-bottom: 1px solid #cacaca;
@@ -167,6 +166,32 @@
     width: 100%;
     display: flex;
     background: #f3f3f3;
+    &:after{
+        z-index: 0;
+        content: '';
+        position: absolute;
+        top: -100%;
+        left: -100%;
+        width: 200%;
+        height: 200%;
+        background: linear-gradient(
+          45deg,
+          rgba(255, 255, 255, 0) 30%,
+          #fff 50%,
+          rgba(255, 255, 255, 0) 70%
+        );
+        transform: translateX(-100%) rotate(0deg);
+        transition: all 1.2s ease;
+        pointer-events: none;
+    }
+    &:hover{
+      -webkit-transition: .3s all ease;
+      -o-transition: .3s all ease;
+      transition: .3s all ease;
+      &:after{
+        transform: translateX(100%) rotate(0deg);
+      }
+    }
     &:hover{
           border: 2px solid #333333;
           background: $theme-color-second;
@@ -239,12 +264,10 @@
   .sitemenu-link {
     font-size:1.2em;
     color: #333333;
-    white-space: nowrap;
     text-overflow: ellipsis;
     position: relative;
     color: #333333;
     border-radius: 4px;
-    behavior: url("/assets/ie_support/PIE2/PIE.htc");
     border: 2px solid #DDD;
     padding: 1em;
     margin: 0 0 10px 0;
diff --git a/home/index.html.erb b/home/index.html.erb
index f0b3043..303463e 100644
--- a/home/index.html.erb
+++ b/home/index.html.erb
@@ -9,7 +9,7 @@
   <%= render_orbit_bar %>
   <div class="background" data-pp="100"></div>
   <%= render_header %>
-  <div class="no-print single-child-datapp homebanner text_marqueewrapper" data-pp="999"></div>
+  <div class="layout-slide no-print single-child-datapp homebanner" data-pp="999"></div>
   <div class="layout-slide no-print single-child-datapp homebanner" data-pp="300"></div>
   <div class="layout-content2 topcontent">
     <div class=" single-child-datapp onesection" id="onesection" data-pp="1999"></div>
diff --git a/home/page.html.erb b/home/page.html.erb
index 2aa5e6b..f8cabca 100644
--- a/home/page.html.erb
+++ b/home/page.html.erb
@@ -8,7 +8,7 @@
   <%= render_orbit_bar %>
   <div class="background" data-pp="100"></div>
   <%= render_header %>
-  <div class="no-print single-child-datapp homebanner text_marqueewrapper" data-pp="998"></div>
+  <div class="layout-slide no-print single-child-datapp homebanner" data-pp="998"></div>
   <section class="layout-slide no-print single-child-datapp homebanner" data-pp="300"></section>
   <!-- <div class="contentwrap">
     <div class="container ">
diff --git a/modules/ad_banner/_ad_banner_widget2.html.erb b/modules/ad_banner/_ad_banner_widget2.html.erb
index 0ea3755..e7c9f79 100644
--- a/modules/ad_banner/_ad_banner_widget2.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2.html.erb
@@ -21,7 +21,7 @@
         data-cycle-title="{{title}}"
         data-cycle-desc="{{context}}"
         data-overlay-template="<h3>{{title}}</h3>{{desc}}"
-        data-target="{{target}}"
+        data-bs-target="{{target}}"
       >
        <a href="{{link}}" target="{{target}}" title="{{alt_title}}">
            <img class="w-ba-banner__image banner-responsive" src="{{image_link}}" alt="{{alt_title}}">
@@ -41,10 +41,10 @@
       <p style="display: none;"><%= I18n.t("ad_banner.pause") %></p>
     </a>
   </ul>
-	<ul class="button-mid">
-  <i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></i>
-  <i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
-	</ul>
+  <ul class="button-mid">
+    <i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
+    <i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
+  </ul>
 </div>
 <script>
 	var flag = 1;
@@ -60,5 +60,20 @@
 	})
 	$('.prev-button').off('click').on('click',function(){
 		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
-	})
+	});
+    /* 修正點：處理 Pager 無障礙朗讀文字 */
+  $('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) {
+    var $container = $(this).closest('.w-ba-banner');
+    var $slides = $(this).find('.w-ba-banner__slide');
+    var $pagerButtons = $container.find(".banner-pager button");
+
+    $pagerButtons.each(function(index) {
+      var slideTitle = $slides.eq(index).data('cycle-title') || "";
+      var ariaLabel = "第 " + (index + 1) + " 張投影片 " + slideTitle;
+      $(this).attr({
+        "aria-label": ariaLabel,
+        "title": ariaLabel
+      });
+    });
+  });
 </script>
diff --git a/modules/ad_banner/_ad_banner_widget8_video.html.erb b/modules/ad_banner/_ad_banner_widget8_video.html.erb
index dc0367f..c9d7992 100644
--- a/modules/ad_banner/_ad_banner_widget8_video.html.erb
+++ b/modules/ad_banner/_ad_banner_widget8_video.html.erb
@@ -12,6 +12,7 @@
     data-cycle-timeout="{{timeout}}"
     data-cycle-fx="carousel"
     data-cycle-carousel-visible="3"
+    data-cycle-carousel-advance="1"
     data-cycle-carousel-fluid="true"
     data-pager=".banner_caption_{{subpart-id}}"
     data-pager-template="<li><button title='pager' aria-label='Pager'></button></li>"
@@ -406,15 +407,17 @@
       $(this).addClass('active');
       $(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active');
     });
-    $('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
-      $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
-    })
-    $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
-      $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
-    })
   })
 </script>
 <style type="text/css">
+.w-ba-banner__wrap {
+  transform: translate3d(0,0,0);
+}
+
+.w-ba-banner__slide {
+  backface-visibility: hidden;
+  will-change: transform;
+}
   .jarallax-video-audio, .jarallax-video-control-play{
     z-index: 201;
     font-size: 2em;
diff --git a/modules/archive/archive_index1.html.erb b/modules/archive/archive_index1.html.erb
index 6d99116..9eaf312 100644
--- a/modules/archive/archive_index1.html.erb
+++ b/modules/archive/archive_index1.html.erb
@@ -1,5 +1,7 @@
 <div class="i-archive  index-archive-1">
-  <h3 class="i-archive-title">{{page-title}}</h3>
+    <h3 class="i-archive-title">
+    <span>{{page-title}}</span>
+  </h3>
   <ul class="i-archive__list list-unstyled" data-list="categories" data-level="0">
     <li class="i-archive__item">
       <h4 class="i-archive__category-title">{{category-title}}</h4>
@@ -14,9 +16,7 @@
           <span class="description" style="margin-top: 0.5em;clear: both;width: 100%;position: relative;display: block;">{{description}}</span>
           <dl class="i-archive__file-list" data-list="files"  data-level="2">
             <dd class="i-archive__file-wrap">
-              <i class="fa-solid fa-file"></i>
-              <a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
-              <span class="i-archive__file-type  label label-primary {{file-type}}">{{file-type}}</span>
+              <a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}"><i class="fa-solid fa-file" style="    padding-right: 0.5em;"></i>{{file-name}}<span class="i-archive__file-type  label label-primary {{file-type}}">{{file-type}}</span></a>
             </dd>
           </dl>
         </div>
diff --git a/modules/archive/archive_index12.html.erb b/modules/archive/archive_index12.html.erb
index 32aaf84..d6f9ca9 100644
--- a/modules/archive/archive_index12.html.erb
+++ b/modules/archive/archive_index12.html.erb
@@ -7,7 +7,7 @@
       <div class="panel-heading" style="padding: 0.625em 0.9375em;">
         <h4 class="panel-title">
           <i class="fa fa-file-text" aria-hidden="true"></i>
-          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
+          <a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
             {{category-title}}
             <i class="fa fa-chevron-down" aria-hidden="true"></i>
           </a>
diff --git a/modules/archive/archive_index14.html.erb b/modules/archive/archive_index14.html.erb
index 1cffc2d..619ab08 100644
--- a/modules/archive/archive_index14.html.erb
+++ b/modules/archive/archive_index14.html.erb
@@ -7,7 +7,7 @@
       <div class="panel-heading" style="padding: 0.625em 0.9375em;">
         <h4 class="panel-title">
           <i class="fa fa-file-text" aria-hidden="true"></i>
-          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
+          <a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
             {{archive-title}}
             <i class="fa fa-chevron-down" aria-hidden="true"></i>
           </a>
diff --git a/modules/archive/archive_index16.html.erb b/modules/archive/archive_index16.html.erb
index faacba8..a1be126 100644
--- a/modules/archive/archive_index16.html.erb
+++ b/modules/archive/archive_index16.html.erb
@@ -6,9 +6,9 @@
     <div class="panel panel-default default-collapse" data-list="archives" data-level="1">
       <div class="panel-heading" style="padding: 0.625em 0.9375em;">
         <h4 class="panel-title">
-          <div class="date col-sm-2">{{created_at}}</div>
+          <div class="date ">{{created_at}}</div>
           <i class="fa fa-file-text" aria-hidden="true"></i>
-          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
+          <a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
             {{archive-title}}
             <i class="fa fa-chevron-down" aria-hidden="true"></i>
           </a>
diff --git a/modules/archive/archive_index2.html.erb b/modules/archive/archive_index2.html.erb
index 6f18b5a..c66ae1c 100644
--- a/modules/archive/archive_index2.html.erb
+++ b/modules/archive/archive_index2.html.erb
@@ -1,12 +1,12 @@
 <div class="i-archive index-archive-2">
-  <h1 class="i-archive-title">
+  <h3 class="i-archive-title">
     <span>{{page-title}}</span>
-  </h1>
+  </h3>
   <div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
     <div class="panel panel-default">
       <div class="panel-heading">
         <h4 class="panel-title">
-          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
+          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}" role="button">
              <i class="fa fa-th-list"></i>
              {{category-title}}
           </a>
diff --git a/modules/archive/archive_index3.html.erb b/modules/archive/archive_index3.html.erb
index bbd7caf..228f4a1 100644
--- a/modules/archive/archive_index3.html.erb
+++ b/modules/archive/archive_index3.html.erb
@@ -1,5 +1,7 @@
 <div class="i-archive  index-archive-3">
-  <h3 class="i-archive-title">{{page-title}}</h3>
+    <h3 class="i-archive-title">
+    <span>{{page-title}}</span>
+  </h3>
   <ul class="i-archive__list list-unstyled" data-list="categories" data-level="0">
     <li class="i-archive__item">
       <h4 class="i-archive__category-title">{{category-title}}</h4>
diff --git a/modules/archive/archive_index4.html.erb b/modules/archive/archive_index4.html.erb
index e4c39a4..6d6095f 100644
--- a/modules/archive/archive_index4.html.erb
+++ b/modules/archive/archive_index4.html.erb
@@ -6,7 +6,7 @@
     <div class="panel panel-default">
       <div class="panel-heading">
         <h4 class="panel-title">
-          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
+          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}" role="button">
             <i class="fa fa-th-list"></i>{{category-title}}
           </a>
         </h4>
diff --git a/modules/event_news_mod/show.html.erb b/modules/event_news_mod/show.html.erb
index 03499ef..a0c4bc6 100644
--- a/modules/event_news_mod/show.html.erb
+++ b/modules/event_news_mod/show.html.erb
@@ -37,7 +37,7 @@
   <section class="s-annc__post-wrap">
     <div class="s-annc__sub-img2">
       <div class="s-annc__sub-img {{hide_class}}">
-        <img src="{{img_src}}"></img>
+        <img src="{{img_src}}" alt="{{img_description}}"></img>
         <span class="s-annc__img_description">{{img_description}}</span>
       </div>
     </div>
diff --git a/modules/event_news_mod/show2.html.erb b/modules/event_news_mod/show2.html.erb
index 6d402f0..88def01 100644
--- a/modules/event_news_mod/show2.html.erb
+++ b/modules/event_news_mod/show2.html.erb
@@ -37,7 +37,7 @@
   <section class="s-annc__post-wrap">
     <div class="s-annc__sub-img2">
       <div class="s-annc__sub-img {{hide_class}}">
-        <img src="{{img_src}}"></img>
+        <img src="{{img_src}}" alt="{{img_description}}"></img>
         <span class="s-annc__img_description">{{img_description}}</span>
       </div>
     </div>
diff --git a/modules/gallery/gallery_index1.html.erb b/modules/gallery/gallery_index1.html.erb
index e7c011e..6f0801b 100644
--- a/modules/gallery/gallery_index1.html.erb
+++ b/modules/gallery/gallery_index1.html.erb
@@ -3,7 +3,7 @@
     <span>{{page-title}}</span>
   </h3>
   <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
-    <div class="index-content col-sm-3">
+    <div class="index-content col-sm-6">
       <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
       <div class="index-content-inner">
         <div class="index-pic">
diff --git a/modules/personal_course/index.html.erb b/modules/personal_course/index.html.erb
index 83fd717..070f753 100644
--- a/modules/personal_course/index.html.erb
+++ b/modules/personal_course/index.html.erb
@@ -3,19 +3,23 @@
   <thead>
     <tr>
       <th class="col-md-1">{{th_year}}</th>
-      <th class="col-md-6">{{th_course_title}}</th>
-      <th class="col-md-3">{{th_course_category}}</th>
+      <th class="col-md-4">{{th_course_title}}</th>
+      <th class="col-md-2">{{th_course_class}}</th>
+      <th class="col-md-2">{{th_course_category}}</th>
       <th class="col-md-1 min-tablet">{{th_course_semester}}</th>
       <th class="col-md-1 min-tablet-l">{{th_authors}}</th>
+      <th class="col-md-1 min-tablet-2">{{th_url}}</th>
     </tr>
   </thead>
   <tbody data-level="0" data-list="courses">
     <tr>
       <td>{{year}}</td>
       <td><a href="{{link_to_show}}">{{title}}</a></td>
+      <td>{{course_class}}</td>
       <td>{{category}}</td>
       <td>{{semester}}</td>
       <td>{{authors}}</td>
+      <td>{{url}}</td>
     </tr>
   </tbody>
 </table>
@@ -33,4 +37,4 @@ $('table.courses-index').each(function(){
     });
   }
 });;
-</script>
\ No newline at end of file
+</script>
diff --git a/modules/publication/show_chapter_accordion.html.erb b/modules/publication/show_chapter_accordion.html.erb
index 8f5e03f..e1c29d2 100644
--- a/modules/publication/show_chapter_accordion.html.erb
+++ b/modules/publication/show_chapter_accordion.html.erb
@@ -7,7 +7,7 @@
           <span data-list="tags" data-level="1">
             <span class="s-annc__tag label label-default">{{tag}}</span>
           </span>
-          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
+          <a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
             {{title}}
             <i class="fa fa-chevron-down" aria-hidden="true"></i>
           </a>
diff --git a/modules/publication/show_journal.html.erb b/modules/publication/show_journal.html.erb
index 3bc1b1b..89ded72 100644
--- a/modules/publication/show_journal.html.erb
+++ b/modules/publication/show_journal.html.erb
@@ -10,7 +10,7 @@
           <span data-list="tags" data-level="0">
             <span class="s-annc__tag label label-default">{{tag}}</span>
           </span>
-          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
+          <a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
             {{archive-title}}
             <i class="fa fa-chevron-down" aria-hidden="true"></i>
           </a>
diff --git a/modules/universal_table/index3.html.erb b/modules/universal_table/index3.html.erb
index a27344f..c59bf4b 100644
--- a/modules/universal_table/index3.html.erb
+++ b/modules/universal_table/index3.html.erb
@@ -80,7 +80,7 @@
   </div>
   <div class="searchbox">
   <div class="theadsearch2">
-    <div class="row col-md-11 col-xs-12" data-list="searchable-columns" data-level="0">
+    <div class="row col-md-10 col-xs-12" data-list="searchable-columns" data-level="0">
       <div class="{{col-class}}">
         <a href="{{sort-url}}" class="{{sort}}" aria-label="重新排序{{title}}"><i class="universal-th-icon fa fa-{{sort-class}}" aria-hidden="true"></i></a>
         <div class="universal-th-text {{title-class}}">{{title}}</div>
@@ -94,7 +94,7 @@
         </div>
       </div>
     </div>
-    <div class="col-md-1 col-xs-12 submit-btn-wrap">
+    <div class="col-md-2 col-xs-12 submit-btn-wrap">
       <button class="btn btn-primary pull-right" type="submit" class="btn btn-default">Go</button>
     </div>
   </div>
diff --git a/modules/universal_table/index4.html.erb b/modules/universal_table/index4.html.erb
index 22c9816..ff6423a 100644
--- a/modules/universal_table/index4.html.erb
+++ b/modules/universal_table/index4.html.erb
@@ -74,7 +74,7 @@
   </div>
   <div class="searchbox">
   <div class="theadsearch2">
-    <div class="row col-md-11 col-xs-12" data-list="searchable-columns" data-level="0">
+    <div class="row col-md-10 col-xs-12" data-list="searchable-columns" data-level="0">
       <div class="{{col-class}}">
         <a href="{{sort-url}}" class="{{sort}}" aria-label="重新排序{{title}}"><i class="universal-th-icon fa fa-{{sort-class}}" aria-hidden="true"></i></a>
         <div class="universal-th-text {{title-class}}">{{title}}</div>
@@ -88,7 +88,7 @@
         </div>
       </div>
     </div>
-    <div class="col-md-1 col-xs-12 submit-btn-wrap">
+    <div class="col-md-2 col-xs-12 submit-btn-wrap">
       <button class="btn btn-primary pull-right" type="submit" class="btn btn-default">Go</button>
     </div>
   </div>