diff --git a/assets/images/orbitek.png b/assets/images/orbitek.png
new file mode 100644
index 0000000..88e3dba
Binary files /dev/null and b/assets/images/orbitek.png differ
diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js
index 0c62e34..33dd23c 100644
--- a/assets/javascripts/app.js
+++ b/assets/javascripts/app.js
@@ -1,35 +1,59 @@
 ;(function($, win, undefined) {
   // ECMAScript 5 嚴格模式
   'use strict';
-$(document).ready(function() {
-  // 確保兩個元素都存在
-  if ($('.header-nav blockquote').length && $('.orbit-bar-menu').length) {
-    $('.header-nav blockquote').appendTo('.orbit-bar-menu');
-  }
-});
-  //header fixed在上方
-$(function(){
-  function initdata1(){
+  //blockquote移動
+  $(function() {
+    // 1. 定義變數，減少重複選取 DOM 的效能消耗
+    var $signLanguageBox = $('.orbit-bar-search-sign-language');
+    var $headerNav = $('.header-nav');
+    var $target = $('.header-nav blockquote'); 
 
-    if (!$('.homebanner').length) return;
+    function handleNavMove() {
+      var windowWidth = window.innerWidth;
 
-    // 取得 65.5em 對應的 px
-    var em = parseFloat($('body').css('font-size'));
-    var minHeight = 65.5 * em;
+      if (windowWidth > 768) {
+        if ($signLanguageBox.length && $signLanguageBox.find('blockquote').length === 0) {
+          $signLanguageBox.prepend($target);
+        }
+      } else {
+        if ($headerNav.length && $headerNav.find('blockquote').length === 0) {
+          $headerNav.append($target); // 或者用 .prepend() 取決於你要放的位置
+        }
+      }
+    }
 
-    // 判斷 .layout-content 高度
-    if ($('.layout-content').height() < minHeight) return;
+    // 初始執行一次
+    handleNavMove();
 
-    var scrollTop = $(window).scrollTop();
-    $('.outdropdowns').toggleClass('navFixed', scrollTop > 5);
-  }
-
-  initdata1();
-
-  $(window).on('scroll', function(){
-    requestAnimationFrame(initdata1);
+    // 監聽視窗縮放
+    $(window).on('resize', function() {
+      // 加上防抖 (Debounce) 可以讓效能更好，但若要即時反應可直接執行
+      handleNavMove();
+    });
+  });
+  //header fixed在上方
+  $(function(){
+    function initdata1(){
+
+      if (!$('.homebanner').length) return;
+
+      // 取得 65.5em 對應的 px
+      var em = parseFloat($('body').css('font-size'));
+      var minHeight = 65.5 * em;
+
+      // 判斷 .layout-content 高度
+      if ($('.layout-content').height() < minHeight) return;
+
+      var scrollTop = $(window).scrollTop();
+      $('.outdropdowns').toggleClass('navFixed', scrollTop > 5);
+    }
+
+    initdata1();
+
+    $(window).on('scroll', function(){
+      requestAnimationFrame(initdata1);
+    });
   });
-});
   // 初始函數: 把所有的程式碼都包在init裡面，方便在之後的jQuery ready 函數裡一次呼叫
   function init() {
       // 快取一些常用的變數
@@ -333,7 +357,68 @@ $(function(){
               $that.removeClass('opened');
             }
           })
+        },
+        SiteMenuHandler: function() {
+          /**
+           * 處理 .sitemenu-dropdown-toggle 點擊滑動效果
+           */
+          $(document).on('click', '.sitemenu-dropdown-toggle', function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+
+            var $toggle = $(this);
+            var $subMenu = $toggle.next('.sitemenu-list');
+            var isOpened = $toggle.hasClass('opened');
+            var isLevel1 = $toggle.parent().hasClass('level-1');
+
+            // 設定滑動速度 (毫秒)，400-500ms 是最舒適的滑動感
+            var duration = 400; 
+
+            if (!isOpened) {
+              /** --- 展開選單 --- **/
+
+              if (isLevel1) {
+                // 手風琴：關閉其他第一層，並將其箭頭轉回 down
+                var $otherL1 = $('.sitemenu-item.level-1 > .sitemenu-dropdown-toggle').not($toggle);
+                $otherL1.removeClass('opened fa-caret-up').addClass('fa-caret-down');
+                $otherL1.siblings('.sitemenu-list').stop(true, true).slideUp(duration);
+              } else {
+                // 深層手風琴：僅關閉同父層下的其他子選單
+                var $otherDeep = $toggle.parent().siblings().find('.sitemenu-dropdown-toggle');
+                $otherDeep.removeClass('opened fa-caret-up').addClass('fa-caret-down');
+                $toggle.parent().siblings().find('.sitemenu-list').stop(true, true).slideUp(duration);
+              }
+
+              // 執行滑動展開
+              $subMenu.stop(true, true).slideDown(duration, function() {
+                // 核心修正：展開後強制抹除 Bootstrap Popper.js 的位移，防止選單歪掉
+                $(this).css({
+                  'transform': 'none',
+                  'top': 'auto',
+                  'left': 'auto',
+                  'position': 'static',
+                  'display': 'block' // 確保狀態正確
+                });
+              });
+
+              // 切換圖示：down -> up
+              $toggle.addClass('opened').removeClass('fa-caret-down').addClass('fa-caret-up');
+
+            } else {
+              /** --- 收合選單 --- **/
+              
+              $subMenu.stop(true, true).slideUp(duration);
+              
+              // 切換圖示：up -> down
+              $toggle.removeClass('opened fa-caret-up').addClass('fa-caret-down');
+
+              // 遞迴重設：關閉父層時，確保內部子層也收合且箭頭向下
+              $subMenu.find('.sitemenu-list').stop(true, true).slideUp(duration);
+              $subMenu.find('.sitemenu-dropdown-toggle').removeClass('opened fa-caret-up').addClass('fa-caret-down');
+            }
+          });
         }
+        
       };
 
       // 把orbit物件加到window物件裡面並改名為ORBITFRONT來減少名稱衝突的機會
@@ -371,6 +456,7 @@ $(function(){
         $('.mobile-menu').append($('.modules-menu'));
         $('.header-buttom').appendTo($('.modules-menu'));
         orbit.ClickMenuHandler();
+        orbit.SiteMenuHandler();
       }
 
       // 自適應網頁使用，當使用者改變瀏覽器寬度時呼叫orbit.nav.setDropdown函數
@@ -387,8 +473,7 @@ $(function(){
             $('.header-buttom').appendTo($('.modules-menu'));
             orbit.MobileMenu();
             orbit.ClickMenuHandler();
-            // $('.navbar-toggle').bind('click', orbit.ClickMenuHandler);
-            // $('.navbar-toggle').bind(orbit.ClickMenuHandler());
+            orbit.SiteMenuHandler();
           }
         },500 )} else {
           resizeTimer = setTimeout(function(){
@@ -736,55 +821,36 @@ $(function(){
               $this.attr('title', '按鈕');
             }
           });
-        //img無障礙
-        $('img').each(function() {
-          var $img = $(this);
-          var currentAlt = $img.attr('alt');
-          var currentTitle = $img.attr('title');
 
-          // --- 1. 處理裝飾性圖片 (最高優先權) ---
-          // 若開發者標註為 "裝飾圖片"，則清空 alt 並移除 title，這是 AA 級的最優解
-          if (currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片") {
-            $img.attr('alt', '');
-            $img.removeAttr('title');
-            return; // 處理完畢，跳過這張圖
-          }
+        function removeEmptyTitles() {
+            // 定義所有需要檢查的 class
+            const targetClasses = [
+                '.w-annc__widget-title',
+                '.widget-title',
+                '.show-title',
+                '.event-annc-title',
+                '.annc-title',
+                '.sitemenu-title',
+                '.widget-link__widget-title'
+            ];
 
-          // --- 2. 處理缺失 alt 或空的 alt (需要補強的圖片) ---
-          if (typeof currentAlt === 'undefined' || currentAlt.trim() === '') {
-            
-            let finalAlt = ""; // 預設值
+            // 將陣列轉換為 jQuery 選擇器字串
+            const selector = targetClasses.join(', ');
 
-            // A. 嘗試從父層 (如 <a>) 的 title 抓取描述
-            var parentTitle = $img.parent().attr('title');
-            
-            // B. 嘗試抓取同區域內的標題文字 (常見於新聞/公告列表)
-            // 會往上找最近的連結，再往下找標題標籤
-            var nearbyTitle = $img.closest('a').find('h1, h2, h3, h4, h5, h6').first().text().trim();
+            $(selector).each(function() {
+                // 使用 $.trim 移除空格、換行符號
+                // 然後檢查裡面是否完全沒有文字
+                const textContent = $.trim($(this).text());
 
-            if (parentTitle && parentTitle.trim() !== '') {
-              finalAlt = parentTitle.trim();
-            } else if (nearbyTitle !== '') {
-              finalAlt = nearbyTitle;
-            }
-
-            // 3. 寫入結果
-            // 如果 finalAlt 仍為空，則設為 "" (這符合 AA 規範，將無來源的圖視為裝飾)
-            $img.attr('alt', finalAlt);
-
-            // 4. 同步處理 title 屬性
-            // 在 AA 級中，如果 img 已經有 alt，通常不需要重複的 title
-            if (currentTitle && currentTitle.trim() === finalAlt) {
-              $img.removeAttr('title'); // 移除重複資訊，避免部分閱讀器讀兩次
-            }
-          }
-        });
-        $(".w-annc__img-wrap a").each(function () {
-            var $this = $(this);
-            // 確保 <a> 內沒有文字節點 (避免重複添加)
-            if ($this.text().trim() === "") {
-                $this.append('<span class="sr-only">公告圖片</span>');
-            }
+                if (textContent === "") {
+                    // 如果沒有文字，則將整個元素刪除
+                    $(this).remove();
+                }
+            });
+        }
+        // 執行 function
+        $(document).ready(function() {
+            removeEmptyTitles();
         });
           $(".widget-link__widget-title").each(function () {
             if ($(this).text().trim() === "") {
@@ -838,105 +904,346 @@ $(function(){
                 $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() === "";
 
-        // 1. 檢查是否有 .sr-only (給螢幕閱讀器專用的隱藏文字)
-        var hasSrOnly = $a.find('.sr-only').length > 0;
+                    // --- 1. 處理「裝飾性圖片」標註 ---
+                    if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片") {
+                        $img.attr('alt', '');
+                        $img.removeAttr('title');
+                        return; 
+                    }
 
-        // 若有 .sr-only，移除屬性避免重複朗讀，這是最符合 AA 的作法
-        if (hasSrOnly) {
-            $a.removeAttr('aria-label');
-            $a.removeAttr('title');
-            $a.removeAttr('alt'); // a 標籤不應有 alt
-            return; 
-        }
+                    // --- 2. 解決【alt 與 title 相同】的問題 ---
+                    if (currentAlt !== '' && currentAlt === currentTitle) {
+                        $img.removeAttr('title');
+                        currentTitle = ''; 
+                    }
 
-        // 2. 移除 a 標籤上錯誤的 alt 屬性 (AA級規範 a 不可有 alt，alt 應在 img 上)
-        if ($a.attr('alt')) {
-            $a.removeAttr('alt');
-        }
+                    // --- 3. 處理「缺失 alt」或「空的 alt」補強邏輯 ---
+                    // 修改點：若是具有連結用途的圖片，alt 不可為空
+                    if (currentAlt === '') {
+                        let finalAlt = "";
 
-        // 3. 開始組合描述字串
-        let contentDesc = ''; // 用來存放連結本身的內容描述
-        let windowTask = '';  // 用來存放開啟視窗的提示
+                        // A. 優先嘗試從父層 (<a>) 的 title 抓取
+                        var parentATitle = $parentA.attr('title');
+                        
+                        // B. 嘗試抓取同區域內的標題文字
+                        var nearbyTitle = $parentA.find('h1, h2, h3, h4, h5, h6').first().text().trim();
 
-        // --- 視窗開啟方式判定 ---
-        if ($a.attr('target') === '_blank') {
-            windowTask = '(在新視窗開啟)';
-        } else if ($a.attr('target') === '_self') {
-            windowTask = '(在本視窗開啟)';
-        }
+                        if (parentATitle && parentATitle.trim() !== '') {
+                            // 移除 title 內的視窗提示字眼，只取純文字作為 alt
+                            finalAlt = parentATitle.replace(/\(在本視窗開啟\)|\(在新視窗開啟\)/g, '').trim();
+                        } else if (nearbyTitle !== '') {
+                            finalAlt = nearbyTitle;
+                        } else if (isLinkImage) {
+                            // 如果是連結圖片且都抓不到文字，給予預設值「連結」避免檢測失敗
+                            finalAlt = "連結";
+                        }
 
-        // --- 連結內容判定 ---
-        var $img = $a.find('img');
-        if ($img.length > 0) {
-            // 優先抓取圖片的 alt，如果沒有 alt 則嘗試抓取圖片的 title
-            contentDesc = $img.attr('alt') || $img.attr('title') || '';
-        }
+                        $img.attr('alt', finalAlt);
 
-        // 如果圖片沒描述，或者根本沒圖片，則抓取連結內的文字
-        if (!contentDesc.trim()) {
-            contentDesc = $a.text().trim();
-        }
-
-        // 如果還是沒文字，檢查是否只有單個 span
-        if (!contentDesc.trim() && $a.children('span').length === 1) {
-            contentDesc = $a.children('span').text().trim();
-        }
-
-        // --- 最終組合 ---
-        // 確保內容描述在前，視窗提示在後，這符合語音操作邏輯
-        let finalLabel = (contentDesc + ' ' + windowTask).trim();
-
-        if (finalLabel) {
-            // 4. 同步設定 aria-label (輔具優先) 與 title (滑鼠提示)
-            // 如果原本沒有設定，才進行補強
-            if (!$a.attr('aria-label')) {
-                $a.attr('aria-label', finalLabel);
+                        // --- 4. 二次清理 ---
+                        if (currentTitle !== '' && currentTitle === finalAlt) {
+                            $img.removeAttr('title');
+                        }
+                    }
+                });
             }
-            if (!$a.attr('title')) {
-                $a.attr('title', finalLabel);
+
+            setTimeout(fixImageAccessibility, 500);
+        });
+
+    // 有連結目的之所有a標籤的無障礙處理
+    $(function() {
+        /**
+         * 全站無障礙 AA 級補強 (整合 HM1240400C 與 HM1240401C 規範)
+         */
+        function fixAccessibilityAll() {
+            // --- 0. 環境與語言偵測 ---
+            //1200ms 後執行（確保所有其他 function 執行完畢後才處理）
+            //Part 1：修正語言選單按鈕
+            //Part 2：掃描所有 <a>
+                //├─ 排除 navbar-brand、javascript: 連結
+                //├─ 空連結 → 隱藏
+                //├─ 文字是路徑/空 → 補隱藏 span
+                //├─ 圖片+文字共存 → 圖片 alt 清空
+                //├─ 無 title → 自動產出 title
+                //├─ 有 title 但與連結文字重複 → 只保留開窗提示
+                //├─ 有 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');
             }
-        }
-      });
-    if (location.href.search('editmode=on') === -1){
-            $('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();
+            // --- Part 2: 全站連結與圖片邏輯處理 ---
+            $('a').each(function() {
+                var $a = $(this);
 
-                // 如果圖片 alt 是空的，就略過（已符合）
-                if (altText === '') return;
-
-                // 如果圖片 alt 等於文字內容，就將 alt 清空，避免重複
-                if (altText === linkText) {
-                  $img.attr('alt', '');
+                // 【條件 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();
+                
+                // --- 【修正 1：隱藏空連結】 ---
+                if (!isEditMode && linkText === "" && $img.length === 0 && $icons.length === 0) {
+                    $a.hide();
+                    return; 
+                }
+
+                // --- 【修正 2：文字語意防禦】 ---
+                if ((linkText === "" || linkText.startsWith('/') || linkText.includes('?')) && $img.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 不應與連結文字重複
+                if (hasOriginalTitle && currentTitle !== "") {
+                    var titleWithoutWindow = currentTitle
+                        .replace('(在本視窗開啟)', '')
+                        .replace('(在新視窗開啟)', '')
+                        .replace('Open in this window', '')
+                        .replace('Open in new window', '')
+                        .replace('另開新視窗前往', '')  
+                        .replace('另開新視窗', '')
+                        .trim();
+
+                    if (titleWithoutWindow === linkText) {
+                        $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');
             });
-            $('a').each(function () {
-              const $a = $(this);
 
-              // 取得可見文字（去掉空白）
-              const text = $a.text().replace(/\u00a0/g, '').trim();
+            // ✅ 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 在新視窗開啟');
+            });
 
-              // 是否有圖片
-              const hasImg = $a.find('img').length > 0;
+            $('.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' : '列印此頁');
+                }
+            });
+        }
 
-              // 若沒有文字、也沒有圖片 → 移除
-              if (text === '' && !hasImg) {
-                $a.remove();
+        // ✅ 延遲 800ms 確保所有其他 function 執行完畢後才處理
+        setTimeout(function() {
+            fixAccessibilityAll();
+        }, 800);
+    });
+        //圖示新增sr-only
+    $(function() {
+      function smartFixIcons() {
+          $('i').each(function() {
+              var $icon = $(this);
+              var $parent = $icon.parent();
+
+              // 1. 基本安全：所有圖示先對螢幕閱讀器隱藏 (避免讀出 Unicode 亂碼)
+              $icon.attr('aria-hidden', 'true');
+
+              // 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 = '日期：';
+              else if (cls.includes('user') || cls.includes('male')) labelText = '發布者：';
+              else if (cls.includes('tag')) labelText = '標籤：';
+              else if (cls.includes('clock') || cls.includes('time')) labelText = '時間：';
+              else if (cls.includes('map-marker') || cls.includes('location')) labelText = '地點：';
+              else if (cls.includes('phone')) labelText = '電話：';
+              else if (cls.includes('envelope') || cls.includes('mail')) labelText = '信箱：';
+              else if (cls.includes('folder')) labelText = '分類：';
+              else if (cls.includes('eye')) labelText = '瀏覽次數：';
+              else if (cls.includes('download')) labelText = '下載檔案：';
+              
+              // --- 策略 B：功能性按鈕 (如果 i 放在 <a> 或 <button> 裡面且容器沒文字) ---
+              var $container = $icon.closest('a, button');
+              if ($container.length > 0 && $container.text().trim() === "") {
+                  // 如果容器裡面什麼字都沒有，這是一個「純圖示按鈕」
+                  // 我們嘗試抓取容器的 title 作為 label
+                  var btnTitle = $container.attr('title');
+                  if (btnTitle) {
+                      labelText = btnTitle;
+                  } else if (cls.includes('search')) labelText = '搜尋';
+                  else if (cls.includes('bars') || cls.includes('navicon')) labelText = '選單';
+                  else if (cls.includes('print')) labelText = '列印此頁';
+                  else if (cls.includes('share')) labelText = '分享至社群';
+                  else if (cls.includes('close') || cls.includes('times')) labelText = '關閉視窗';
+              }
+
+              // --- 3. 執行補強 ---
+              if (labelText !== '') {
+                  // 如果是按鈕內部，用 aria-label 補強容器
+                  if ($container.length > 0 && $container.text().trim() === "") {
+                      $container.attr('aria-label', labelText);
+                  } else {
+                      // 如果是資訊列表，在 i 後面插入 sr-only
+                      $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')=="")
@@ -944,8 +1251,8 @@ $(function(){
       if($('.w-ba-banner__slide a').eq(i).attr('target') == "")
         $('.w-ba-banner__slide a').eq(i).removeAttr('target');
     };
-    // 幫無標題之iframe加上title
-    for(var i=0;i<$('iframe').length;i++)
+      // 幫無標題之iframe加上title
+      for(var i=0;i<$('iframe').length;i++)
       if($('iframe').eq(i).attr('title')=="" || $('iframe').eq(i).attr('title')== undefined ){
         if($('iframe').eq(i).attr('src').search('facebook') != -1 )
           $('iframe').eq(i).attr('title','facebook');
@@ -978,25 +1285,52 @@ $(function(){
     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 並還原文字
@@ -1011,8 +1345,389 @@ $(function(){
         var selectedText = $(this).text().trim();
         $(this).find('span').text(selectedText + '（已選取）');
       });
+      //jPlayer 控制項無障礙標籤補強
+      $(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() {
+          function fixTabLinearOrder() {
+              //  只處理內部含有 .tab_nav 的 .w-annc
+              var $targetAnnc = $('.w-annc').filter(function() {
+                  return $(this).find('.tab_nav').length > 0;
+              });
+
+              // 若頁面上沒有符合條件的 .w-annc，直接離開
+              if ($targetAnnc.length === 0) return;
+
+              var $tabs = $targetAnnc.find('.filter_tab');
+              var $anncList = $targetAnnc.find('.w-annc__list');
+
+              // --- 1. 順向遊走：標籤 -> 對應內容 ---
+              $tabs.on('keydown', function(e) {
+                  if (e.which === 9 && !e.shiftKey) {
+                      var category = $(this).data('category');
+                      var $scope = $(this).closest('.w-annc'); //  限定在同一個 .w-annc
+                      var $visibleItems = $scope.find('.w-annc__item[data-category="' + category + '"]:visible');
+
+                      if ($visibleItems.length > 0) {
+                          var $firstLink = $visibleItems.find('a').first();
+                          if ($firstLink.length > 0) {
+                              e.preventDefault();
+                              $firstLink.focus();
+                          }
+                      }
+                  }
+                  if (e.which === 13 || e.which === 32) {
+                      e.preventDefault();
+                      $(this).click();
+                  }
+              });
+
+              // --- 2. 反向遊走：內容 -> 對應標籤 ---
+              $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'); //  限定在同一個 .w-annc
+                  var category = $currentItem.data('category');
+                  var $visibleItems = $scope.find('.w-annc__item[data-category="' + category + '"]:visible');
+
+                  if (e.which === 9 && e.shiftKey) {
+                      if ($currentLink.is($visibleItems.find('a').first())) {
+                          e.preventDefault();
+                          $scope.find('.filter_tab[data-category="' + category + '"]').focus();
+                      }
+                  }
+
+                  if (e.which === 9 && !e.shiftKey) {
+                      if ($currentLink.is($visibleItems.find('a').last())) {
+                          var $currentTab = $scope.find('.filter_tab[data-category="' + category + '"]');
+                          var $nextTab = $currentTab.next('.filter_tab');
+                          if ($nextTab.length > 0) {
+                              e.preventDefault();
+                              $nextTab.focus();
+                              $nextTab.click();
+                          }
+                      }
+                  }
+              });
+
+              // --- 3. 反向遊走：標籤 -> 上一個標籤的內容最後一個連結 ---
+              $tabs.on('keydown', function(e) {
+                  if (e.which === 9 && e.shiftKey) {
+                      var $scope = $(this).closest('.w-annc'); //  限定在同一個 .w-annc
+                      var $prevTab = $(this).prev('.filter_tab');
+                      if ($prevTab.length > 0) {
+                          var prevCategory = $prevTab.data('category');
+                          $prevTab.click();
+
+                          var $prevItems = $scope.find('.w-annc__item[data-category="' + prevCategory + '"]:visible');
+                          var $lastLink = $prevItems.find('a').last();
+
+                          if ($lastLink.length > 0) {
+                              e.preventDefault();
+                              $lastLink.focus();
+                          }
+                      }
+                  }
+              });
+          }
+
+          fixTabLinearOrder();
+      });
+      //導覽選單子選單無障礙狀態修正 (支援多層級)
+      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 fixTabAccessibility() {
+          var $tabNav = $('.tab_nav');
+          var $tabs = $tabNav.find('li'); // ✅ 你的 HTML 是 li，不是 .filter_tab
+
+          // --- 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' // ✅ 只有 active 的可以被 Tab 聚焦
+            });
+
+            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();
+      };
+    }
+  forFreeGo();
 
 
 
@@ -1027,35 +1742,6 @@ $(function(){
       });
     };
 
-  //公告頁籤
-    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');
-
-    $('.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');
-  });
-
-    var url = window.location.search;
-    if (url == "?editmode=on") {
-    $('.tab_content').css({'position': 'relative','display':'block'});
-  }
-  }
-    annc_widget_nav();
 
   //切換語言停留在同一頁
   if(window.location.pathname!="/")
@@ -1100,9 +1786,8 @@ $(function(){
 
 
   }
-
+  // 處理所有 .fnav-item 裡的 <a>
   $(document).ready(function () {
-    // 處理所有 .fnav-item 裡的 <a>
     $(".fnav-item a").each(function () {
       const $a = $(this);
 
@@ -1280,88 +1965,88 @@ $(function(){
       // 預設 aria-expanded 為 false
       $(".searchbtn2").attr("aria-expanded", "false");
   });
-// 強制保持全站search展開
-$(document).ready(function () {
+  // 強制保持全站search展開
+  $(document).ready(function () {
 
-    const $searchBox = $('.search-box');
-    const $input = $searchBox.find('.input-search');
-    const $btn = $('.btn-search');
+      const $searchBox = $('.search-box');
+      const $input = $searchBox.find('.input-search');
+      const $btn = $('.btn-search');
 
-    // 輔助函式：安全地檢查輸入框是否為空
-    // 解決 Cannot read properties of undefined (reading 'trim')
-    function isInputEmpty() {
-        if ($input.length === 0) return true; // 如果找不到 input，視為空
-        var val = $input.val();
-        return !val || val.toString().trim() === '';
-    }
+      // 輔助函式：安全地檢查輸入框是否為空
+      // 解決 Cannot read properties of undefined (reading 'trim')
+      function isInputEmpty() {
+          if ($input.length === 0) return true; // 如果找不到 input，視為空
+          var val = $input.val();
+          return !val || val.toString().trim() === '';
+      }
 
-    // search移位
-    function moveSearchIfWide() {
-        // 如果 input 正在輸入中，不要移動位置，避免鍵盤消失或閃爍
-        if ($input.is(':focus')) return;
+      // // search移位
+      // function moveSearchIfWide() {
+      //     // 如果 input 正在輸入中，不要移動位置，避免鍵盤消失或閃爍
+      //     if ($input.is(':focus')) return;
 
-        if ($(window).width() > 769) {
-            // 如果已經在正確位置就不動
-            if (!$('.modules-menu-level-0 .searchclass').length) {
-                $('.searchclass').appendTo('.modules-menu-level-0');
-            }
-        } else {
-            // 行動版位置
-            if ($('.navbar-brand').length > 0) {
-                $('.navbar-brand').after($('.searchclass'));
-            }
-        }
-    }
+      //     if ($(window).width() > 769) {
+      //         // 如果已經在正確位置就不動
+      //         if (!$('.modules-menu-level-0 .searchclass').length) {
+      //             $('.searchclass').appendTo('.modules-menu-level-0');
+      //         }
+      //     } else {
+      //         // 行動版位置
+      //         if ($('.navbar-brand').length > 0) {
+      //             $('.navbar-brand').after($('.searchclass'));
+      //         }
+      //     }
+      // }
 
-    // 初始化與 Resize 監聽
-    moveSearchIfWide();
-    $(window).on('resize', moveSearchIfWide);
-    
-    // 點擊 btn 時：若未展開則展開，展開後才可送出
-    $btn.on('click', function (e) {
-        if (!$searchBox.hasClass('searching')) {
-            e.preventDefault(); // 第一次點擊不送出
-            // 延遲讓 Android 不會立即 blur
-            setTimeout(() => {
-                $searchBox.addClass('searching');
-                if ($input.length > 0) $input[0].focus(); 
-            }, 100);
-        } else if (isInputEmpty()) {
-            // 沒有輸入值 → 不送出，focus 回去
-            e.preventDefault();
-            if ($input.length > 0) $input[0].focus();
-        }
-        // 有輸入值就正常送出
-    });
+      // // 初始化與 Resize 監聽
+      // moveSearchIfWide();
+      // $(window).on('resize', moveSearchIfWide);
+      
+      // 點擊 btn 時：若未展開則展開，展開後才可送出
+      $btn.on('click', function (e) {
+          if (!$searchBox.hasClass('searching')) {
+              e.preventDefault(); // 第一次點擊不送出
+              // 延遲讓 Android 不會立即 blur
+              setTimeout(() => {
+                  $searchBox.addClass('searching');
+                  if ($input.length > 0) $input[0].focus(); 
+              }, 100);
+          } else if (isInputEmpty()) {
+              // 沒有輸入值 → 不送出，focus 回去
+              e.preventDefault();
+              if ($input.length > 0) $input[0].focus();
+          }
+          // 有輸入值就正常送出
+      });
 
-    // 點外面收起（無字才收）
-    $(document).on('click touchstart', function (e) {
-        if (
-            $searchBox.length > 0 &&
-            !$searchBox.is(e.target) &&
-            $searchBox.has(e.target).length === 0 &&
-            isInputEmpty()
-        ) {
-            $searchBox.removeClass('searching');
-        }
-    });
+      // 點外面收起（無字才收）
+      $(document).on('click touchstart', function (e) {
+          if (
+              $searchBox.length > 0 &&
+              !$searchBox.is(e.target) &&
+              $searchBox.has(e.target).length === 0 &&
+              isInputEmpty()
+          ) {
+              $searchBox.removeClass('searching');
+          }
+      });
 
-    // focus 時延遲加 .searching
-    $input.on('focus', function () {
-        setTimeout(() => {
-            $searchBox.addClass('searching');
-        }, 50);
-    });
+      // focus 時延遲加 .searching
+      $input.on('focus', function () {
+          setTimeout(() => {
+              $searchBox.addClass('searching');
+          }, 50);
+      });
 
-    // blur 時延遲移除 .searching
-    $input.on('blur', function () {
-        setTimeout(() => {
-            if (isInputEmpty()) {
-                $searchBox.removeClass('searching');
-            }
-        }, 150);
-    });
-});
+      // blur 時延遲移除 .searching
+      $input.on('blur', function () {
+          setTimeout(() => {
+              if (isInputEmpty()) {
+                  $searchBox.removeClass('searching');
+              }
+          }, 150);
+      });
+  });
   // 當文件物件模型(DOM)載入後，執行init函數
   $(document).ready(function() {
       //常用到的js
@@ -1371,6 +2056,10 @@ $(document).ready(function () {
       // if($('.show-announcement').hasClass('show-announcement')) {
       //   $('.').css('', '');
       // }
+      if ($('.index-publications-4, .index-publications-3').length > 0) {
+      // 針對 .contentwrap3 加上背景顏色
+      $('.contentwrap3').css('background-color', '#ffd54f');
+    }
       $('.i-publication__table').each(function () {
         const $table = $(this);
         const $tbody = $table.find('tbody');
@@ -1396,25 +2085,6 @@ $(document).ready(function () {
         // });
       }
       $('.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 () {
@@ -1501,7 +2171,7 @@ $(document).ready(function () {
       if ($(window).width() <769) {
         $('.modules-menu-level-0').after($('.header-nav'));
       }else{
-        $('.dropdowns').before($('.header-nav'));
+        $('.navbar-header').before($('.header-nav'));
       };
       $('.sitemenu-vertical .sitemenu-dropdown-toggle').click(function(){
         $('.sitemenu-vertical .dropdown-menu').slideToggle();
@@ -1569,7 +2239,7 @@ $(document).ready(function () {
 
           $('.modules-menu-level-0').after($('.header-nav'));
         }else{
-          $('.dropdowns').before($('.header-nav'));
+          $('.navbar-header').before($('.header-nav'));
         };
 
         if ($(window).width() > 821) {
@@ -1631,117 +2301,185 @@ $(document).ready(function () {
       init();
   });
 
-  //orbitbar無障礙js
+  // 1. OrbitBar 基礎與搜尋選單邏輯
   $(document).ready(function() {
-      const isEnglish = document.documentElement.lang === 'en';
+      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'
-        });
+      // 初始化屬性
+      if (isEn) {
+          $orbitLabel.attr({ title: 'Site search and language menu', 'aria-label': 'Site search and language menu' });
       } else {
-        $('label[for="open-orbit-nav"]').attr({
-          title: '全站収尋及語言切換選單',
-          'aria-label': '全站収尋及語言切換選單'
-        });
-        $('.mobile-button').attr({
-          title: '語言切換選單',
-          'aria-label': '語言切換選單'
-        });
+          $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);
+      // --- 【修正重點 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 {
+              // 正向進入
+              $searchArea.addClass('show');
+              $(this).attr('aria-expanded', 'true');
+          }
+      });
 
-      // 如果 <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');
+      // 強制偵測：在 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');
+          }
+      });
 
-        // 确保 <li> 不影响焦点管理，移除 <li> 的 tabindex
-        $li.removeAttr('tabindex');
+      // --- 【修正重點 2】處理選單內第一個元素的 Shift+Tab ---
+      $firstInput.on('keydown', function(e) {
+          if (e.shiftKey && e.keyCode === 9) { // 在第一個輸入框按 Shift + Tab
+              // 讓它自然回到 Label，Label 的 focusin 會接手處理收合
+              // 這裡不做額外動作，交給上面的 focusin 邏輯
+          }
+      });
 
-        // 如果 <li> 被聚焦，自动跳转到 <a> 元素
-        $li.on('focus', function() {
-          $(this).find('a').focus();
-        });
+      // --- 【修正重點 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');
+          }
       }
-    });
-    $('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"]');
-        } else {
-          // 屏幕宽度大于等于 768px 时，恢复原位置
-          $('.orbit-bar-search-sign-language').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);
+  });
+  // 2. 語言按鈕與手機版選單補強
+  $(function() {
+      function fixLanguageA11y() {
+          var $desktopBtn = $('#languagebutton');
+          if ($desktopBtn.length > 0) {
+              $desktopBtn.attr({ 'aria-expanded': 'false', 'role': 'button', 'aria-haspopup': 'true' });
+              $desktopBtn.on('focus', function() {
+                  $(this).closest('#language-li').find('ul').addClass('show');
+                  $(this).attr('aria-expanded', 'true'); 
+                  $('.orbit-bar-search-sign-language').addClass('show'); 
+              });
+          }
 
-      // 监听 #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');
-      });
+          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);
+              });
+          }
 
+          // 強制鎖定 Title
+          var target = document.getElementById('languagebutton');
+          if (target) {
+              var isEn = document.documentElement.lang === 'en';
+              var correctTitle = isEn ? 'Open language menu' : '在本視窗開啟語言選單';
+              var observer = new MutationObserver(function() {
+                  if (target.getAttribute('title') !== correctTitle) target.setAttribute('title', correctTitle);
+              });
+              observer.observe(target, { attributes: true });
+          }
+      }
+      setTimeout(fixLanguageA11y, 600);
+  });
+  // rwd左上選單無障礙
+  $(function() {
+      /**
+       * 修正：當焦點離開整個區塊（含語言選單最後一項）時，關閉大選單
+       */
+      function fixSearchMenuFocusOut() {
+          var $searchArea = $('.orbit-bar-search-sign-language');
+          var $orbitLabel = $('label[for="open-orbit-nav"]');
+          var $langBtn = $('#languagebutton');
 
-      $('#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');
-        }
-      });
-    
+          // 使用 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 () {
@@ -1798,7 +2536,7 @@ $(document).ready(function () {
       addDropdownIcons();
     });
   });
-    //banner動畫淡出
+  //banner動畫淡出
   $(document).ready(function(){
     // 一開始先觸發動畫
     $(".w-ad-banner__slide.cycle-slide-active [data-animation]").each(function(){
@@ -1895,7 +2633,7 @@ $(document).ready(function () {
         $titleTd.closest('tr').hide();
       }
     });
-    $('.universal-table-index .theadsearch tr th').each(function (index) {
+    $('.universal-table-index tr th').each(function (index) {
       const $th = $(this);
       const title = $th.find('.universal-th-text').text().trim();
 
@@ -2020,99 +2758,86 @@ $(document).ready(function() {
     // 執行修復功能
     fixVideoPosterAlt();
 });
-//網站導覽換icon
-$(document).ready(function() {
-  $('a[href="/zh_tw/sitemap"]').html('<i class="fa-solid fa-sitemap"></i>');
-  $('a[href="/en/sitemap"]').html('<i class="fa-solid fa-sitemap"></i>')
-    // // 找到 Sitemap 連結
-    // var $sitemapLink = $('a[href="/zh_tw/sitemap"]');
-    // // 找到目標容器
-    // var $target = $('.searchclass');
-    // // 移動到容器內的最前面
-    // if ($sitemapLink.length && $target.length) {
-    //     $sitemapLink.prependTo($target);
-    // }
-    // var $sitemapLink = $('a[href="/en/sitemap"]');
-    // var $target = $('.searchclass');
-    // if ($sitemapLink.length && $target.length) {
-    //     $sitemapLink.prependTo($target);
-    // }
+$(document).ready(function () {
+  setTimeout(function () {
+    $('iframe.twitter-share-button, iframe.twitter-tweet-button').each(function () {
+      $(this).attr('title', '分享至 X 在新視窗開啟');
+    });
+  }, 1500);
 });
+//網站導覽換icon
+// $(document).ready(function() {
+//   $('a[href="/zh_tw/sitemap"]').html('<i class="fa-solid fa-sitemap"></i>');
+//   $('a[href="/en/sitemap"]').html('<i class="fa-solid fa-sitemap"></i>')
+// });
 //cycle2無障礙
 $(document).ready(function() {
-  // 針對頁面上所有的 Cycle2 輪播
   var $allSlideshows = $('.cycle-slideshow');
 
   function refreshCycleA11y($el) {
-    // 1. 取得該輪播內所有的投影片 (根據你的 HTML，類別為 .cycle-slide1)
-    var $allSlides = $el.find('.cycle-slide1');
-    
-    $allSlides.each(function() {
+    var $items = $el.find('.w-annc__item');
+
+    $items.each(function() {
       var $slide = $(this);
-      
-      // 2. 判斷是否為「正在顯示」的活動投影片
-      // Cycle2 會自動給視覺上可見的投影片加上 .cycle-slide-active
+
       if ($slide.hasClass('cycle-slide-active')) {
-        // 活動中的投影片：輔具可讀、鍵盤可聚焦
-        $slide.attr('aria-hidden', 'false')
-              .find('a, button, input').attr('tabindex', '0');
+        $slide.attr({
+          'aria-hidden': 'false',
+          'tabindex': '0'
+        });
+        $slide.find('a, button, input, [tabindex]').attr('tabindex', '0');
       } else {
-        // 隱藏或複製的投影片：輔具忽略、鍵盤跳過
-        $slide.attr('aria-hidden', 'true')
-              .find('a, button, input').attr('tabindex', '-1');
+        $slide.attr({
+          'aria-hidden': 'true',
+          'tabindex': '-1'
+        });
+        $slide.find('a, button, input, [tabindex]').attr('tabindex', '-1');
       }
     });
 
-    // 3. 取得該 Widget 內的控制按鈕
-    var $widget = $el.closest('.widget-link');
-    var $nextBtn = $widget.find('.next-button');
-    var $prevBtn = $widget.find('.prev-button');
+    var $container = $el.closest('.w-annc');
+    var $prevBtn = $container.find('.btn-left');
 
-    // --- 正向遊走邏輯 ---
-    // 當在「下一張」按鈕按 Tab 時，強制跳到「當前活動第一則」連結
-    $nextBtn.off('keydown.a11y').on('keydown.a11y', function(e) {
-      if (e.keyCode === 9 && !e.shiftKey) {
-        var $activeLink = $el.find('.cycle-slide-active a').first();
-        if ($activeLink.length) {
-          e.preventDefault();
-          $activeLink.focus();
+    $el.find('.cycle-slide-active a, .cycle-slide-active button').first()
+       .off('keydown.a11y').on('keydown.a11y', function(e) {
+        if (e.keyCode === 9 && e.shiftKey) {
+          if ($prevBtn.length) {
+            e.preventDefault();
+            $prevBtn.focus();
+          }
         }
-      }
-    });
-
-    // --- 反向遊走邏輯 (依照您的需求修改) ---
-    // 當在「活動投影片」的第一個連結按 Shift + Tab 時，強制跳回「下一張」按鈕
-    $el.find('.cycle-slide-active a').first().off('keydown.a11y').on('keydown.a11y', function(e) {
-      if (e.keyCode === 9 && e.shiftKey) {
-        if ($nextBtn.length) {
-          e.preventDefault();
-          $nextBtn.focus();
-        }
-      }
-    });
+      });
   }
 
-  // 4. 監聽 Cycle2 生命週期事件
-  // cycle-initialized: 初始化完成時執行
-  // cycle-after: 每次輪播切換動畫完成後重新計算 tabindex
-  $allSlideshows.on('cycle-initialized cycle-after', function() {
-    refreshCycleA11y($(this));
+  $(document).on('keydown', '.btn-right, .btn-left', function(e) {
+    if (e.keyCode === 13) {
+      var $btn = $(this);
+      var $el = $btn.closest('.w-annc').find('.cycle-slideshow');
+
+      $el.one('cycle-after', function() {
+        //  延長等待時間，確保 Cycle2 已將所有可見項目加上 cycle-slide-active
+        setTimeout(function() {
+          refreshCycleA11y($el);
+          $btn.focus();
+        }, 300);
+      });
+    }
   });
 
-  // 5. 安全機制：如果頁面載入過快導致錯過事件，手動觸發一次
-  $allSlideshows.each(function() {
+  //  cycle-after 事件也延長等待時間
+  $allSlideshows.on('cycle-initialized cycle-after', function() {
     var $this = $(this);
-    // 延遲一下確保 Cycle2 已完成 DOM 複製
     setTimeout(function() {
       refreshCycleA11y($this);
     }, 300);
   });
+
+  $allSlideshows.each(function() {
+    var $this = $(this);
+    setTimeout(function() {
+      refreshCycleA11y($this);
+    }, 500);
+  });
 });
-  // 執行 member等高計算，目前改用flexbox故mark掉 by ika 20160105
-  // $(window).load(function() {
-  //   if ($('.index-member-3').length && $(window).width() > 992) {
-  //     ORBITFRONT.member.equalHeight('.i-member-item-inner');
-  //   }
-  // });
 
 }(jQuery, window));
diff --git a/assets/stylesheets/bootstrap/_mixins.scss b/assets/stylesheets/bootstrap/_mixins.scss
index cbbafd9..a585369 100644
--- a/assets/stylesheets/bootstrap/_mixins.scss
+++ b/assets/stylesheets/bootstrap/_mixins.scss
@@ -304,7 +304,7 @@
   background-image: -webkit-linear-gradient(left, color-stop($start-color $start-percent), color-stop($end-color $end-percent)); // Safari 5.1-6, Chrome 10+
   background-image:  linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
   -pie-background:  linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
 }
@@ -317,7 +317,7 @@
   background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent);  // Safari 5.1-6, Chrome 10+
   background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
   -pie-background: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
 }
@@ -327,13 +327,13 @@
   background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
   background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
   -pie-background: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
 }
 @mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
   background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
   background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
   -pie-background: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   background-repeat: no-repeat;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
 }
@@ -341,7 +341,7 @@
   background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
   background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
   -pie-background: linear-gradient($start-color, $mid-color $color-stop, $end-color);
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   background-repeat: no-repeat;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
 }
@@ -354,7 +354,7 @@
   background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
   background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
   -pie-background: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
 }
 
 // Reset filters for IE
diff --git a/assets/stylesheets/template/base/_global.scss b/assets/stylesheets/template/base/_global.scss
index 9af65a5..644fe1d 100644
--- a/assets/stylesheets/template/base/_global.scss
+++ b/assets/stylesheets/template/base/_global.scss
@@ -171,10 +171,6 @@ a.btn-primary {
     }
   }
 }
-img {
-    max-width: 100%;
-    height: auto;
-}
 .w-annc,.i-video_data,.w-video_data,.w-ba-banner,.widget-link{
   img{
     width: 100%;
diff --git a/assets/stylesheets/template/base/_unity.scss b/assets/stylesheets/template/base/_unity.scss
index 79fd492..7044d72 100644
--- a/assets/stylesheets/template/base/_unity.scss
+++ b/assets/stylesheets/template/base/_unity.scss
@@ -5,17 +5,17 @@
   .page-module-title{
     display: block !important;
     text-align: left !important;
-      &:before{
-        display: block;
-        position: relative;
-        text-align: center;
-        content: '';
-        height: 6px;
-        width: 80px;
-        background-color: $theme-color-second;
-        margin-bottom: 0.2em;
+      // &:before{
+      //   display: block;
+      //   position: relative;
+      //   text-align: center;
+      //   content: '';
+      //   height: 6px;
+      //   width: 80px;
+      //   background-color: $theme-color-second;
+      //   margin-bottom: 0.2em;
 
-      }
+      // }
   }
 }
 
@@ -23,21 +23,21 @@
     span{
     width: 100%;
     display: flex;
-    justify-content: center;
+    // justify-content: center;
     align-items: center;
     flex-wrap: wrap;
-      &:before{
-          background: url(/assets/titleicon.png) no-repeat left center;
-          display: block;
-          position: relative;
-          text-align: center;
-          content: '';
-          width: 35px;
-          height: 35px;
-          background-size: contain;
-          margin-top: 9px;
-          margin-right: 4px;
-      }
+      // &:before{
+      //     background: url(/assets/titleicon.png) no-repeat left center;
+      //     display: block;
+      //     position: relative;
+      //     text-align: center;
+      //     content: '';
+      //     width: 35px;
+      //     height: 35px;
+      //     background-size: contain;
+      //     margin-top: 9px;
+      //     margin-right: 4px;
+      // }
     }
   }
 
@@ -47,7 +47,7 @@
   font-size: $font-h3;
   font-weight: bold;
   color: $theme-color-main;
-  text-align: center;
+  // text-align: center;
   .layout-footer & {
     margin-bottom: 0.625em;
     border-bottom: none;
diff --git a/assets/stylesheets/template/base/_variables.scss b/assets/stylesheets/template/base/_variables.scss
index 71f59d9..10236af 100644
--- a/assets/stylesheets/template/base/_variables.scss
+++ b/assets/stylesheets/template/base/_variables.scss
@@ -133,7 +133,9 @@ $border-width: 0.25em;
 
 
 
-
+.fa-classic, .fa-regular, .fa-solid, .far, .fas{
+  font-family: var(--fa-style-family, "FontAwesome")!important;
+}
 
 
 
diff --git a/assets/stylesheets/template/layout/bo5.scss b/assets/stylesheets/template/layout/bo5.scss
index e25c39f..f476882 100644
--- a/assets/stylesheets/template/layout/bo5.scss
+++ b/assets/stylesheets/template/layout/bo5.scss
@@ -168,7 +168,6 @@ a {
     background-color: #fff;
 }
 .h1, .h2, .h3, h1, h2, h3 {
-    padding-top: 1.25em;
     margin-bottom: 0.625em;
 }
 
@@ -305,7 +304,6 @@ a {
     padding-top: 0!important;
 }
 .i-annc__content-wrap{
-    background: radial-gradient(circle at 60% 90%, #eaf6fd, transparent 60%), radial-gradient(circle at 10% 10%, #bddbf8, transparent 25%), #dbdee280;
     padding: 0.5em;
     height: 100%;
 }
diff --git a/assets/stylesheets/template/layout/content.scss b/assets/stylesheets/template/layout/content.scss
index 997e0f9..56abc79 100644
--- a/assets/stylesheets/template/layout/content.scss
+++ b/assets/stylesheets/template/layout/content.scss
@@ -24,7 +24,6 @@
 .layout-content {
   position: relative;
   min-height: 55.5em;
-  background: #F8F9FA;
   .container {
     @extend .response-container;
   }
@@ -42,6 +41,8 @@
   -ms-transition: .3s ease-out;
   -o-transition: .3s ease-out;
   transition: .3s ease-out;
+      z-index: 1;
+    position: relative;
 }
 .fa, .fas{
     font-family: "FontAwesome";
diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss
index 9c8ea2e..3164df2 100644
--- a/assets/stylesheets/template/layout/header.scss
+++ b/assets/stylesheets/template/layout/header.scss
@@ -86,6 +86,12 @@ a[href="/en/sitemap"]{
     margin: 0;
     font-size: unset;
     border-left: 0;
+    @media(min-width:769px){
+      float: left;
+      .movelanguage{
+        float: right;
+      }
+    }
     &:after, &:before{
       display: none;
     }
@@ -100,7 +106,6 @@ a[href="/en/sitemap"]{
   }
 }
 .outdropdowns{
-  background-color: #fff;
   position: relative;
   z-index: 1;
   padding: 0.5em 0;
@@ -143,7 +148,7 @@ a[href="/en/sitemap"]{
     list-style: none;
   }
   a[accesskey]{
-    position: relative!important;
+
   }
 
   .container {
@@ -197,6 +202,9 @@ a[href="/en/sitemap"]{
     z-index: 10;
     padding: 0;
     margin: 0;
+        display: flex;
+        justify-content: space-between;
+        align-items: anchor-center;
     // @media (max-width: $screen-sm) {
     //   width: 100%;
     //   display: flex;
@@ -237,9 +245,9 @@ a[href="/en/sitemap"]{
           margin: 0;
         }
         width: 80%;
-        height: 3em;
         padding: 0;
         margin: 0;
+        white-space: normal;
       }
 
       .site-logo {
@@ -263,9 +271,7 @@ a[href="/en/sitemap"]{
 }
 
 .navbar-toggle {
-  margin-top: 0.8em;
-  position: absolute;
-  right: 0;
+
   // border-radius: 0.125em;
   // border-width: 0.125em;
   // border-color: lighten($theme-color-main, 30%);
diff --git a/assets/stylesheets/template/layout/slide.scss b/assets/stylesheets/template/layout/slide.scss
index 7abb8c5..93633ac 100644
--- a/assets/stylesheets/template/layout/slide.scss
+++ b/assets/stylesheets/template/layout/slide.scss
@@ -4,7 +4,6 @@
 
 .layout-slide {
   position: relative;
-  overflow: hidden;
   z-index: 0;
   .w-ad-banner {
     margin: auto;
diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss
index e064db6..ae5c900 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;
 }
@@ -45,7 +54,6 @@ iframe{
   }
 .w-ba-banner {
   position: relative;
-  overflow: hidden;
   width: 100%;
   .cursor {
     cursor: pointer;
@@ -119,7 +127,7 @@ iframe{
     width: 0.8em;
     height: 0.8em;
     border-radius: 50%;
-    behavior: url("/assets/ie_support/PIE2/PIE.htc");
+    //behavior: url("/assets/ie_support/PIE2/PIE.htc");
     opacity: .5;
 	  cursor:pointer;
     border:0;
@@ -315,7 +323,7 @@ ul.button-mid{
 .ad-banner-widget-1 {
   .banner-overlay{
     padding: 3.5em 5em;
-    background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
+    background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000000a3);
     position: absolute;
     z-index: 100;
     color: #fff;
@@ -574,7 +582,7 @@ ul.button-mid{
   .banner-overlay{
     color: #fff;
     padding: 3.5em 5em;
-    background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
+    background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000000a3);
     .ad-overlay2{
       margin: 0 3em;
     }
@@ -610,7 +618,7 @@ ul.button-mid{
   margin-bottom: 1em;
   .w-ad-banner__caption{
     padding: 2em 1em;
-    background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000);
+    background-image: linear-gradient(180deg, transparent 0, #00000066 40%, #000000a3);
     position: absolute;
     width: 100%;
     bottom: 0;
diff --git a/assets/stylesheets/template/modules/announcement.scss b/assets/stylesheets/template/modules/announcement.scss
index dbbd401..468b527 100644
--- a/assets/stylesheets/template/modules/announcement.scss
+++ b/assets/stylesheets/template/modules/announcement.scss
@@ -8,6 +8,9 @@
 
 // Announcement widget
 // ## Gerneral styles for widgets
+.article-thumbs {
+    margin-bottom: 1em;
+}
 .w-annc__entry-title {
     padding: 0;
 }
@@ -244,10 +247,10 @@
   // }
 // }
   .w-annc__item{
-    background-color: #fff;
-    border: 1px solid #dedcdc;
     margin-bottom: 1em;
     padding: 0;
+    overflow: hidden;
+    padding-bottom: 0;
     &:hover{
       transition: all .3s;
       transform: translate(-5px, -10px);
@@ -255,6 +258,9 @@
       overflow: hidden;
     }
   }
+  .w-annc__img-wrap {
+    padding: 0;
+  }
   .w-annc__content-wrap {
     padding-top: 1em;
     @media(max-width: $screen-xs){
@@ -262,11 +268,7 @@
       padding-left: 0.9375em;
     }
   }
-  .w-annc__item{
-    padding-bottom: 0;
-  }
   .w-annc__img-wrap {
-    height: 13.5em;
     margin:0;
   }
 
@@ -277,11 +279,14 @@
 
 // Widget-3
 .widget-announcement-3 {
+  .w-annc__img-wrap {
+    padding: 0;
+  }
   .w-annc__item{
-    background-color: #fff;
-    border: 1px solid #dedcdc;
     margin-bottom: 1em;
     padding: 0;
+    overflow: hidden;
+    padding-bottom: 0;
     &:hover{
       transition: all .3s;
       transform: translate(-5px, -10px);
@@ -300,7 +305,6 @@
     padding-bottom: 0;
   }
   .w-annc__img-wrap {
-    height: 13.5em;
     margin:0;
   }
 
@@ -1147,7 +1151,6 @@
     margin-right: 0.5em;
     margin-left: 0.5em;
     margin-bottom: 1em;
-    overflow: hidden;
     position: relative !important;
     @media(min-width:768px){
       &:nth-child(1){
@@ -1910,7 +1913,7 @@
     margin-bottom: 0;
     padding-bottom: 0.8em;
     padding-top: 0.8em;
-    border-bottom: 0.0625em solid #ddd;
+    // border-bottom: 0.0625em solid #ddd;
   }
 
   .w-annc__entry-title {
@@ -2044,6 +2047,25 @@
 }
 //widget 15
 .widget-announcement-15 {
+  .cycle-carousel-wrap {
+    align-items: stretch;
+  }
+  .w-annc__item {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .w-annc__item_inner {
+    display: flex;
+    flex-direction: column;
+    height: 100%; /* 撐滿父層高度 */
+  }
+
+  .w-annc__content-wrap {
+    display: flex;
+    flex-direction: column;
+    flex: 1; /* 內容區塊自動填滿剩餘空間 */
+  }
    .w-annc__item{
     @media (max-width: $screen-xs) {
       width: 93vw !important;
@@ -2058,13 +2080,6 @@
   .cycle-slide-active{
     opacity: 1!important;
   }
-  // .w-annc__entry-title{
-  //   height: 2.5em;
-  // }
-  // .cycle-carousel-wrap{
-  //   display: flex;
-  //   align-items: baseline;
-  // }
   .w-annc__title {
    font-family: $main-font;
  }
@@ -2453,7 +2468,6 @@
 
   .i-annc__item {
     list-style: none;
-    overflow: hidden;
     padding: 1em 0;
     // box-shadow: #0000004d 0 0 4px;
     // background: #fff;
@@ -2551,8 +2565,8 @@
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-    overflow: hidden;
     text-overflow: ellipsis;
+    overflow: hidden;
     // clear: both;
   }
 
@@ -3192,7 +3206,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
   text-align: center;
   background-color: #aab2bd;
   border-radius: 4px;
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   z-index: 100;
@@ -3213,7 +3227,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
   background-color: #4fc1e9;
   border: 4px solid #f5f7fa;
   border-radius: 50%;
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%
 }
@@ -3235,7 +3249,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
   margin-top: 31px;
   background-color: #CCC;
   border-radius: 4px;
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px
 }
@@ -3290,7 +3304,7 @@ table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, tabl
 .VivaTimeline dl dd .events .events-footer ol li {
   background: #32b487;
   border-radius: 5px;
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   margin: 10px;
   display: inline-block;
   width: 10px;
diff --git a/assets/stylesheets/template/modules/archives.scss b/assets/stylesheets/template/modules/archives.scss
index 59da001..cdf598b 100644
--- a/assets/stylesheets/template/modules/archives.scss
+++ b/assets/stylesheets/template/modules/archives.scss
@@ -151,18 +151,19 @@
 .i-archive-title {
   @extend .unity-title;
 }
-.link{
-    background-color: #1273eb; margin-right: 0.5em;}
-.txt { background-color: #6dbb73;     margin-right: 0.5em;}
-.xlsx { background-color: #bb6d7f;     margin-right: 0.5em;}
-.pdf { background-color: #3b8347;     margin-right: 0.5em;}
-.docx { background-color: #846dbb;     margin-right: 0.5em;}
-.pptx { background-color: #6d77bb;     margin-right: 0.5em;}
-.jpg { background-color: #bb6d6d;     margin-right: 0.5em;}
-.zip { background-color: #dcb957;     margin-right: 0.5em;}
-.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;
-}
+/* 2. 對應的檔案顏色 (轉為 iOS 半透明色調) */
+.link { background-color: rgba(18, 115, 235, 0.6) !important; } /* iOS Blue */
+.txt  { background-color: rgba(109, 187, 115, 0.6) !important; } /* iOS Green */
+.xlsx { background-color: rgba(187, 109, 127, 0.6) !important; } /* iOS Pink/Red */
+.pdf  { background-color: rgba(59, 131, 71, 0.7) !important; }  /* 深一點的 Green */
+.docx { background-color: rgba(132, 109, 187, 0.6) !important; } /* iOS Purple */
+.doc { background-color: rgba(18, 115, 235, 0.6)!important; }
+.pptx { background-color: rgba(109, 119, 187, 0.6) !important; } /* iOS Indigo */
+.jpg  { background-color: rgba(187, 109, 109, 0.6) !important; } /* iOS Red */
+.zip  { background-color: rgba(220, 185, 87, 0.6) !important; }  /* iOS Yellow/Orange */
+.rar  { background-color: rgba(230, 149, 0, 0.6) !important; }   /* iOS Orange (與 zip 區隔，更偏橘) */
+.xls  { background-color: rgba(109, 187, 115, 0.6) !important; } /* 沿用 iOS Green (試算表系列) */
+.odt  { background-color: rgba(100, 100, 100, 0.6) !important; } /* iOS Gray (通用文件/系統灰色) */
 // Archive index 1
 .index-archive-1 {
   font-family: $main-font;
diff --git a/assets/stylesheets/template/modules/calendar.scss b/assets/stylesheets/template/modules/calendar.scss
index da398f7..cb27d8d 100644
--- a/assets/stylesheets/template/modules/calendar.scss
+++ b/assets/stylesheets/template/modules/calendar.scss
@@ -163,7 +163,7 @@
 .modal-content{
   box-shadow: 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f, 0 11px 15px -7px #00000033;
   border-radius: 8px;
-  behavior: url("/assets/ie_support/PIE2/PIE.htc");
+  //behavior: url("/assets/ie_support/PIE2/PIE.htc");
   border: 0;
 }
 .fc .fc-daygrid-day.fc-day-today{
@@ -256,7 +256,7 @@
     height: 2em;
     position: relative;
     border-radius: 2em;
-    behavior: url("/assets/ie_support/PIE2/PIE.htc");
+    //behavior: url("/assets/ie_support/PIE2/PIE.htc");
     display: block;
     border: 1px solid #fff;
   }
diff --git a/assets/stylesheets/template/modules/event_news.scss b/assets/stylesheets/template/modules/event_news.scss
index 1337f4c..2d0a00d 100644
--- a/assets/stylesheets/template/modules/event_news.scss
+++ b/assets/stylesheets/template/modules/event_news.scss
@@ -71,6 +71,109 @@
     }
   }
 }
+//event-news-4
+.event-news-4{
+  
+  .w-annc__title {
+    font-family: $main-font;
+    display: -webkit-box;
+   -webkit-line-clamp: 2;
+   -webkit-box-orient: vertical;
+   overflow: hidden;
+   text-overflow: ellipsis;
+   white-space: normal;
+  }
+  .w-annc__more { margin-top: 1.5em; }
+  .w-annc__list > .w-annc__item:nth-child(3n+1) {
+    clear: both;
+  }
+  .w-annc__img-wrap {
+    height: 14.5em;
+    margin:0;
+    .w-annc__img{
+      width: 100%;
+    }
+  }
+  .w-annc__content-wrap{
+    padding: 1.5em;
+    div{
+      display: -webkit-box;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -webkit-box-decoration-break: clone;
+      box-decoration-break: clone;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
+    }
+  }
+  .w-annc__content-wrap {
+   &:after {
+     content: '';
+     display: block;
+     margin-top: 5px;
+     height: 4px;
+     width: 0;
+     background: transparent;
+     transition: width .5s ease, background-color .5s ease;
+   }
+  }
+   .w-annc__item{
+    padding: 0.5em;
+    margin: 0!important;
+  }
+   .w-annc__item_inner{
+     -webkit-transition: .3s all ease;
+     -o-transition: .3s all ease;
+     transition: .3s all ease;
+     background: #fff;
+      -webkit-box-shadow: 0 1px 2px 0 #0000002e;
+      box-shadow: 0 1px 2px 0 #0000002e;
+      margin: 0;
+      margin-bottom: 1em;
+     &:hover{
+      -webkit-transition: all .3s ease;
+      -moz-transition: all .3s ease;
+      -ms-transition: all .3s ease;
+      -o-transition: all .3s ease;
+      transition: all .3s ease;
+         .w-annc__content-wrap:after{
+           width: 100%;
+          background: $theme-color-main;
+         }
+     }
+   }
+  .w-annc__item_inner{
+      &:hover{
+        -webkit-transform: translateY(-6px);
+        -ms-transform: translateY(-6px);
+        transform: translateY(-6px);
+        box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
+        -webkit-box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
+      img{
+          // transform: scale(1.2);
+          -webkit-transition: .3s ease-out;
+          -moz-transition: .3s ease-out;
+          -ms-transition: .3s ease-out;
+          -o-transition: .3s ease-out;
+          transition: .3s ease-out;
+      }
+      .transitionfade{
+        height: inherit;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        background-color: rgba(0,0,0,.4);
+        -webkit-transition: .3s ease-out;
+        -moz-transition: .3s ease-out;
+        -ms-transition: .3s ease-out;
+        -o-transition: .3s ease-out;
+        transition: .3s ease-out;
+      }
+    }
+  }
+}
 //event-news-21
 .event-news-21 {
   .w-annc__item{
diff --git a/assets/stylesheets/template/modules/member.scss b/assets/stylesheets/template/modules/member.scss
index b73e9e6..2557d4f 100644
--- a/assets/stylesheets/template/modules/member.scss
+++ b/assets/stylesheets/template/modules/member.scss
@@ -8,7 +8,7 @@
 // Member Index
 // ## Gerneral styles for Index
 .member-data-value-name a {
-  font-size: 1.5;
+  font-size: 1.5em;
   color: $theme-color-second;
   font-weight: bold;
 }
@@ -23,19 +23,19 @@
 .i-member-profile-item{
   list-style: none;
 }
-.i-member-pic-wrap{
-  overflow: hidden;
-}
+// .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;
-    }
+    // 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
@@ -300,7 +300,7 @@
     @media(max-width:580px) {
       overflow: hidden;
       border-radius: 50%;
-      behavior: url("/assets/ie_support/PIE2/PIE.htc");
+      //behavior: url("/assets/ie_support/PIE2/PIE.htc");
       height: 14em;
       width: 14em;
       margin: 1.5em auto 1em auto;
@@ -374,7 +374,7 @@
     @media(max-width:580px) {
       overflow: hidden;
       border-radius: 50%;
-      behavior: url("/assets/ie_support/PIE2/PIE.htc");
+      //behavior: url("/assets/ie_support/PIE2/PIE.htc");
       height: 14em;
       width: 14em;
       margin: 1.5em auto 1em auto;
@@ -627,7 +627,7 @@
 
   .i-member-profile-list {
     @include list-reset;
-    color: #737f85;
+    color: #576972;
   }
 
   .i-member-profile-item {
diff --git a/assets/stylesheets/template/modules/menu.scss b/assets/stylesheets/template/modules/menu.scss
index 5aa7bae..394c2ab 100644
--- a/assets/stylesheets/template/modules/menu.scss
+++ b/assets/stylesheets/template/modules/menu.scss
@@ -219,7 +219,7 @@
       display: flex;
       flex-wrap: wrap;
       justify-content: flex-end;
-      width: 76%;
+      width: 80%;
       }
     .has-dropdown.level-1.active {
       .modules-menu-level-1 {
@@ -280,7 +280,7 @@
 
       & > a {
         display: block;
-        padding: 1em;
+        padding: 1em 0.8em;
         font-family: $main-font;
         font-size: 1.1em;
         &:after{
@@ -559,13 +559,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 {
@@ -658,9 +658,9 @@
 }
 html[lang="en"]{
   .modules-menu .modules-menu-level-0{
-    @media (min-width: 1025px){
-      width: 50%;
-    }
+    // @media (min-width: 1025px){
+    //   width: 50%;
+    // }
   }
   .modules-menu-level-1{
     @media(min-width:769px){
@@ -668,3 +668,6 @@ html[lang="en"]{
     }
   }
 }
+i.kenmenu-drop.fa-solid.fa-chevron-down {
+    font-size: 0.5em;
+}
\ No newline at end of file
diff --git a/assets/stylesheets/template/modules/universal-table.scss b/assets/stylesheets/template/modules/universal-table.scss
index 50d2fd2..6789b2c 100644
--- a/assets/stylesheets/template/modules/universal-table.scss
+++ b/assets/stylesheets/template/modules/universal-table.scss
@@ -1,6 +1,9 @@
 @charset "utf-8";
 
 @import "../initial";
+.universal-th-text{
+  white-space: pre;
+}
 .universal-table-index h3 {
     padding: 0;
 }
@@ -121,11 +124,11 @@
     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;
     margin-left: 1em;
+    
 
     i {
       color: #fff;
@@ -142,7 +145,6 @@
     background-position: 10px center;
     display: inline-block;
     background-color: $theme-color-second;
-    behavior: url("/assets/ie_support/PIE2/PIE.htc");
     text-align: center;
     border: 0;
     &:hover{
diff --git a/assets/stylesheets/template/modules/video.scss b/assets/stylesheets/template/modules/video.scss
index e707224..82b92ce 100644
--- a/assets/stylesheets/template/modules/video.scss
+++ b/assets/stylesheets/template/modules/video.scss
@@ -1,6 +1,9 @@
 @charset "utf-8";
 
 @import "../initial";
+.video_tablist a{
+      margin: 0.25em;
+}
 .i-annc__page-title{
   @extend .unity-title;
 }
diff --git a/assets/stylesheets/template/modules/web_resource.scss b/assets/stylesheets/template/modules/web_resource.scss
index a341ee1..db4c05b 100644
--- a/assets/stylesheets/template/modules/web_resource.scss
+++ b/assets/stylesheets/template/modules/web_resource.scss
@@ -68,9 +68,6 @@
   }
 
   &.widget1 {
-    img{
-      // width: 32%;
-    }
     .widget-content {
       text-align: center;
 
@@ -98,14 +95,18 @@
         width: 25%;
       }
       @media(max-width:768px){
-            width: 50%;
+            width: 100%;
       }
       &:hover{
         .link-img-wrap img{
-          transform:scale(0.9,0.9);
+          transform:scale(1.1,1.1);
               transition: all 0.3s;
         }
       }
+      .widget-content-title {
+        padding-top: 0.5em;
+        @extend .i-subtitle;
+      }
     }
     .widget-title {
       @extend .unity-title;
@@ -394,6 +395,65 @@
     gap: 1em;
       }
   }
+  &.widget12{
+    .widget-content {
+      line-height: 2.5em;
+      width: 20%;
+      padding: 0;
+      text-align: center;
+      @media(max-width:1200px)and(min-width: 1025px){
+        padding: 0 !important;
+      }
+      @media(max-width:1024px)and(min-width: 769px){
+        width: 33vw !important;
+        padding: 0.5em !important;
+      }
+      @media(max-width:768px)and(min-width: $screen-xs){
+
+      }
+      @media(max-width:$screen-xs){
+
+      }
+      .link-img-wrap{
+        border-radius:10em;
+        width: 10em;
+        height: 10em;
+        overflow: hidden;
+        margin: auto;
+        &:hover{
+          border-radius:2em;
+          -webkit-transition: .3s all ease;
+          -o-transition: .3s all ease;
+          transition: .3s all ease;
+        }
+      }
+
+      & + .widget-content {
+      }
+
+      .widget-content-title {
+        padding:0;
+        border-radius: 0.5em;
+        color: #333;
+        font-weight: bold;
+        text-align: center;
+        width: fit-content;
+        margin: auto;
+        line-height: 1.5;
+        padding-top: 1em;
+        span{
+          display: block;
+        }
+        @media(max-width: 768px){
+          width: auto;
+          padding: 0.2em 0.5em;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          line-height: normal;
+        }
+      }
+    }
+  }
 }
 
 // Link INDEX
diff --git a/assets/stylesheets/template/template.scss b/assets/stylesheets/template/template.scss
index 0afd1c0..bf7840b 100644
--- a/assets/stylesheets/template/template.scss
+++ b/assets/stylesheets/template/template.scss
@@ -53,11 +53,6 @@ input:hover {
   clip: rect(0, 0, 0, 0);
   border: 0;
 }
-
-.dropdown-toggle:focus {
-  // outline: 2px solid #43B5FC;
-  outline: transparent;
-}
 .container{
   margin: auto;
 }
@@ -69,17 +64,21 @@ input:hover {
 //   }
 // }
 .internalfullwidth{
- @media(min-width: $screen-lg){
-  transform: translateX(calc(-50vw + 585px));
+ @media(min-width: 1280px){
+  transform: translateX(calc(-50vw + 625px));
   width: 100vw;
  }
- @media(max-width:1199px)and(min-width:768px){
+@media(max-width:1279px)and(min-width:1025px){
   width: 100vw;
-  transform: translateX(-1.95em);
+  transform: translateX(-0.95em);
+ }
+ @media(max-width:1024px)and(min-width:768px){
+  width: 100vw;
+  transform: translateX(-1.75em);
  }
  @media(max-width:767px){
   width: 100vw;
-  transform: translateX(-0.95em);
+  transform: translateX(-0.75em);
  }
 }
 // container setting
@@ -120,7 +119,38 @@ input:hover {
 }
 
 .extra { clear: both; }
+.tab-content .tab-pane {
 
+display: block !important;
+
+height: 0;
+
+overflow: hidden;
+
+}
+.tab-content .tab-pane.active {
+
+height: auto;
+
+overflow: visible;
+
+}
+.tab-content .tab-pane {
+
+display: block !important;
+
+height: 0;
+
+overflow: hidden;
+
+}
+.tab-content .tab-pane.active {
+
+height: auto;
+
+overflow: visible;
+
+}
 //公告頁籤
 ul.tab_nav {
     list-style-type: none;
@@ -147,7 +177,6 @@ ul.tab_nav {
       border-radius: 0;
       border: none;
       @media(max-width:$screen-xs){
-        width: 130px;
         text-align: center;
       }
       &:before,
@@ -544,6 +573,60 @@ ul.tab_nav {
     }
   }
 }
+#tdstylesp{
+  @media (max-width: 480px) {
+    thead,
+    tbody,
+    tr,
+    th,
+    td {
+      display: block;
+      width: 100%;
+    }
+
+    /* thead 隱藏，改用 data-label 顯示 */
+    thead {
+      display: none;
+    }
+
+    tbody tr {
+      border: 1px solid #ddd;
+      margin-bottom: 12px;
+    }
+
+    tbody td {
+      position: relative;
+      padding-left: 45%;
+      text-align: left;
+      border-bottom: 1px solid #eee;
+      min-height: 72px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    /* 用 data-label 顯示對應標題 */
+    tbody td::before {
+      content: attr(data-label);
+      position: absolute;
+      left: 8px;
+      width: 40%;
+      font-weight: bold;
+      color: #333;
+      white-space: normal;
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          -webkit-line-clamp: 2;
+    }
+
+    /* 空白格不顯示 */
+    tbody td:empty,
+    tbody td[data-label=""]::before {
+      display: none;
+    }
+  }
+}
 // //取消內頁tdrwd可加在內頁編輯
 // .internal-page table td{
 //   border: 1px solid #ddd!important;
@@ -852,7 +935,7 @@ a.ui-state-default{
   }
   @media(max-width: 768px){
         position: absolute;
-        right: 3em;
+        right: 6em;
         color: #fff;
         top: 1em;
   }
diff --git a/assets/stylesheets/template/widget/sitemenu.scss b/assets/stylesheets/template/widget/sitemenu.scss
index 3d96bf4..290a692 100644
--- a/assets/stylesheets/template/widget/sitemenu.scss
+++ b/assets/stylesheets/template/widget/sitemenu.scss
@@ -132,7 +132,6 @@
 }
 .sitemenu-title{
   font-weight: bold;
-  margin-top: 0;
 }
 .sitemenu-vertical2{
    .sitemenu-item.level-1 {
@@ -158,7 +157,7 @@
     border-bottom: 1px solid #cacaca;
     color: #333333;
     border-radius: 4px;
-    behavior: url("/assets/ie_support/PIE2/PIE.htc");
+    //behavior: url("/assets/ie_support/PIE2/PIE.htc");
     border: 2px solid #DDD;
     padding: 1em;
     margin: 0 0 10px 0;
@@ -241,7 +240,7 @@
     position: relative;
     color: #333333;
     border-radius: 4px;
-    behavior: url("/assets/ie_support/PIE2/PIE.htc");
+    //behavior: url("/assets/ie_support/PIE2/PIE.htc");
     border: 2px solid #DDD;
     padding: 1em;
     margin: 0 0 10px 0;
diff --git a/home/footer.html.erb b/home/footer.html.erb
index 8cf0121..7d36c98 100644
--- a/home/footer.html.erb
+++ b/home/footer.html.erb
@@ -8,7 +8,7 @@
       <section class="extra-box col-sm-12" data-pp="23"></section>
     </div>
       <div class="layout-footer-content">{{footer-data}}</div>
-      <div class="footer-counter"><a href="https://ruling.digital/"><img src="/assets/ruling_logo.png" alt="ruling-logo-icon"></a>{{site-counter}}</div>
+      <div class="footer-counter"><a href="https://orbitek.co"><img src="/assets/orbitek.png" alt="orbitek-logo-icon" style="width: 15px;"></a>{{site-counter}}</div>
       <div class="footer-updated-date">{{last-updated}}</div>
   </div>
 </footer>
diff --git a/home/header.html.erb b/home/header.html.erb
index c3f472d..a1a7852 100644
--- a/home/header.html.erb
+++ b/home/header.html.erb
@@ -20,16 +20,17 @@
 <header class="navbar layout-header no-print" role="navigation">
 
   <div class="outdropdowns kenjohn">
-    <div class="header-nav container no-print">
+  <div class="container dropdowns">
+    <div class="header-nav  no-print">
     <a id="accesskey_top" accesskey="U" title="accesskey top" href="#" title="Toolbar">:::</a>
       {{header-data}}
   </div>
-  <div class="container dropdowns">
     <div class="navbar-header">
         <a title="{{site_title_1}}" class="navbar-brand" href="{{home_link_1}}"><img class="site-logo" src="{{logo_url_1}}" alt="site-logo"></a>
         <script>$(document).ready(function(){var url =$('.site-logo').eq(0).attr('src');if(url == "/assets/default-site-logo.png"){$('.navbar-brand').eq(0).remove();};if($('.navbar-brand').length == 2){$('.site-logo').css('height','auto')};$('.site-logo').eq(0).css('margin-right',0);$('.navbar-brand').css('padding-right',0)})</script>
         <a title="{{site_title}}" class="navbar-brand" href="{{home_link}}"><img class="site-logo" src="{{logo_url}}" alt="site-logo"> {{site_name}}</a>
-      <button type="button" class="navbar-toggler navbar-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#layout-navigation" title="選單">
+
+        <button type="button" class="navbar-toggler navbar-toggle collapsed" data-bs-toggle="collapse" data-bs-target="#layout-navigation" title="選單">
         <span class="sr-only">Toggle navigation</span>
         <span class="icon-bar icon-bar-top"></span>
         <span class="icon-bar icon-bar-middle"></span>
diff --git a/home/index.html.erb b/home/index.html.erb
index ec41096..70a6ca7 100644
--- a/home/index.html.erb
+++ b/home/index.html.erb
@@ -9,7 +9,7 @@
   <%= render_header %>
   <div class="downIcon" ><div class="scroller"></div><a href="#onesection" tabindex="0" title="移動到第一個區塊" aria-label="往下導覽">
   <span class="visually-hidden">往下導覽</span></a></div>
-  <div class="no-print single-child-datapp homebanner text_marqueewrapper" data-pp="999"></div>
+  <div class="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>
@@ -85,7 +85,7 @@
        <div class="marqueeken">
                     <div class="scroll">
                         <div class="text1">
-                            NATIONAL FORMOSA UNIVERSITY
+                            ORBIT
                         </div>
                     </div>
        </div>
diff --git a/home/page.html.erb b/home/page.html.erb
index bcf4071..df556ba 100644
--- a/home/page.html.erb
+++ b/home/page.html.erb
@@ -7,7 +7,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="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 ">
@@ -44,6 +44,10 @@
           </section>
           <aside class="layout-content-box aside right-column col-sm-3" data-pp="906"></aside>
         </div>
+        <div class="row container samebox">
+          <section class="page-content-box col-sm-6" data-pp="9081"></section>
+          <section class="page-content-box col-sm-6" data-pp="9091"></section>
+        </div>
         <div class="row container">
           <section class="page-content-box " data-pp="907"></section>
           <section class="page-content-box col-sm-6" data-pp="908"></section>
diff --git a/modules/announcement/_annc_widget15.html.erb b/modules/announcement/_annc_widget15.html.erb
index 927efe5..162ee50 100644
--- a/modules/announcement/_annc_widget15.html.erb
+++ b/modules/announcement/_annc_widget15.html.erb
@@ -7,7 +7,7 @@
   </div>
   <div style="position: absolute;top: 50%;width:100%;    z-index: 101;">
     <div style="">
-      <button id="prev-{{subpart-id}}" class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;background: border: 0;background-size: contain;position: absolute;transition:.3s; left: 0.6%;color: #ffffff;
+      <button id="prev-{{subpart-id}}" class="btn-left" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>" style="float: left;height: 2.5em; width: 2.5em;border: 0;background-size: contain;position: absolute;transition:.3s; left: 0.6%;color: #ffffff;
         background: rgba(0, 0, 0, 0.2);
         border-radius: 50%;
         border: none; z-index: 2;"><i class="fa fa-angle-left prev-button" aria-hidden="true" style="font-size: 1.5rem;"></i><span style="display: none;"><%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %></span></button>
@@ -22,10 +22,9 @@
     data-cycle-carousel-visible="3"
     data-cycle-carousel-fluid="true"
     data-cycle-next="#next-{{subpart-id}}"
-    data-cycle-prev="#prev-{{subpart-id}}"s
+    data-cycle-prev="#prev-{{subpart-id}}"
     data-cycle-slides=".w-annc__item" >
     <li class="w-annc__item " >
-    <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
       <div class="w-annc__item_inner">
         <div class="w-annc__img-wrap bullseye" style="position:relative">
           <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
@@ -51,9 +50,19 @@
             <p class="w-annc__subtitle">{{subtitle}}</p>
         </div>
       </div>
-      </a>
     </li>
   </ul>
 </div>
-<script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
+<style type="text/css">
+.w-annc__item_inner{
+	cursor: pointer;
+}
+.widget-title-a {
+  display: block;
+}
+	[data-subpart-id="{{subpart-id}}"] .bullseye{
+		overflow: hidden;
+	}
+</style>
+
 
diff --git a/modules/announcement/_annc_widget2.html.erb b/modules/announcement/_annc_widget2.html.erb
index 76c4e16..a52bd31 100644
--- a/modules/announcement/_annc_widget2.html.erb
+++ b/modules/announcement/_annc_widget2.html.erb
@@ -3,29 +3,27 @@
     <span>{{widget-title}}</span>
   </h3>
   <ul class="w-annc__list" data-level="0" data-list="announcements">
-    <li class="w-annc__item row">
-    <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
-      <div class="w-annc__img-wrap col-sm-4 bullseye">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+    <li class="w-annc__item">
+      <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
+      <div class="w-annc__img-wrap col-sm-4">
+         <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
       </div>
       <div class="w-annc__content-wrap col-sm-8">
-        <div class="w-annc__meta">
-          <span class="w-annc__status-wrap" data-list="statuses" data-level="1">
-            <span class="w-annc__status label status {{status-class}}">{{status}}</span>
-          </span>
-          <span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
-
-            <span class="w-annc__postdate">{{postdate}}</span>
-          </span>
-          <span class="w-annc__category-wrap">
-
-            <span class="w-annc__category">{{category}}</span>
-          </span>
-        </div>
-        <h4 class="w-annc__entry-title">
-          <a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
-        </h4>
-        <p class="w-annc__subtitle">{{subtitle}}</p>
+      <div class="w-annc__meta">
+        <span class="w-annc__status-wrap" data-list="statuses" data-level="1">
+          <span class="w-annc__status label status {{status-class}}">{{status}}</span>
+        </span>
+        <span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
+          <span class="w-annc__postdate">{{postdate}}</span>
+        </span>
+        <span class="w-annc__category-wrap">
+          <span class="w-annc__category">{{category}}</span>
+        </span>
+      </div>
+      <h4 class="w-annc__entry-title">
+        <span class="w-annc__title">{{title}}</span>
+      </h4>
+      <p class="w-annc__subtitle">{{subtitle}}</p>
       </div>
       </a>
     </li>
diff --git a/modules/announcement/_annc_widget3.html.erb b/modules/announcement/_annc_widget3.html.erb
index 8ac5580..4527a08 100644
--- a/modules/announcement/_annc_widget3.html.erb
+++ b/modules/announcement/_annc_widget3.html.erb
@@ -3,31 +3,30 @@
     <span>{{widget-title}}</span>
   </h3>
   <ul class="w-annc__list" data-level="0" data-list="announcements">
-    <li class="w-annc__item row">
-    <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
-      <div class="w-annc__content-wrap col-sm-8">  
+    <li class="w-annc__item">
+      <a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
+        <div class="w-annc__content-wrap col-sm-8">
         <div class="w-annc__meta">
           <span class="w-annc__status-wrap" data-list="statuses" data-level="1">
             <span class="w-annc__status label status {{status-class}}">{{status}}</span>
           </span>
           <span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
-             
             <span class="w-annc__postdate">{{postdate}}</span>
           </span>
           <span class="w-annc__category-wrap">
-             
             <span class="w-annc__category">{{category}}</span>
           </span>
         </div>
         <h4 class="w-annc__entry-title">
-          <a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
+          <span class="w-annc__title">{{title}}</span>
         </h4>
         <p class="w-annc__subtitle">{{subtitle}}</p>
       </div>
-      <div class="w-annc__img-wrap  col-sm-4 bullseye">
-        <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+      <div class="w-annc__img-wrap col-sm-4">
+         <img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
       </div>
-      </a>      
+
+      </a>
     </li>
   </ul>
   <div class="w-annc__more-wrap clearfix">
diff --git a/modules/announcement/_annc_widget4.html.erb b/modules/announcement/_annc_widget4.html.erb
index 26c51fc..8bdbb62 100644
--- a/modules/announcement/_annc_widget4.html.erb
+++ b/modules/announcement/_annc_widget4.html.erb
@@ -6,9 +6,9 @@
     <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
   </div>
   <ul class="w-annc__list  row" data-level="0" data-list="announcements">
-    <li class="w-annc__item  col-md-4">
-	<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
-	 <div class="w-annc__item_inner">
+    <li class="w-annc__item  col-md-4" data-href="{{link_to_show}}" tabindex="0" role="link">
+	
+	 <div class="w-annc__item_inner"  >
 		<div class="w-annc__img-wrap" style="position:relative">
 			<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
 			<div class="transitionfade"></div>
@@ -33,57 +33,146 @@
 		<p class="w-annc__subtitle">{{subtitle}}</p>
 		</div>
 	 </div>
-	</a>
+
     </li>
   </ul>
 </div>
 <style type="text/css">
+.w-annc__item_inner{
+	cursor: pointer;
+}
+.widget-title-a {
+  display: block;
+}
 	[data-subpart-id="{{subpart-id}}"] .bullseye{
 		overflow: hidden;
 	}
 </style>
 <script>
-	function combineul_{{subpart-id}}(){
-		var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
-		parents.each(function(i,v){
-			for(var i=1;i<$(v).find('ul.w-annc__list').length;i++)
-				$(v).find('ul.w-annc__list').eq(0).find('>li').eq(-1).after($(v).find('ul.w-annc__list').eq(i).html());
-			var ullength = $(v).find('ul.w-annc__list').length;
-			for(var i = 1;i < ullength;i++)
-				$(v).find('ul.w-annc__list').eq(-1).remove();
-		})
-	};
-	var num;
-	var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
-	function reorganize_{{subpart-id}}(num){
-		combineul_{{subpart-id}}();
-		var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
-		parents.each(function(i,v){
-			var lilength = $(v).find('li.w-annc__item').length;
-			var ul_length = Math.ceil(lilength/num);
-			for(var ii=1;ii< ul_length;ii++){
-				var clone_ul = $(v).find('ul.w-annc__list').eq(-1).clone();
-				clone_ul.empty();
-				clone_ul.removeClass("active");
-				clone_ul.css("display","");
-				$(v).find('ul.w-annc__list').eq(-1).after(clone_ul.prop("outerHTML"));
-				var lihtml="";
-				if(ii != (ul_length-1)){
-					for(var j=0;j<num;j++){
-						lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
-					};
-				}else{
-					for(var j=0;j< lilength - num *(ul_length-1) ;j++){
-						lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
-					};
-				};
-				$(v).find('ul.w-annc__list').eq(-1).html(lihtml);
-			}
-			if(ul_length != 1 )
-				for(var i=0;i< lilength -num ; i++)
-					$(v).find('ul.w-annc__list').eq(0).find("li.w-annc__item").eq(num).remove();
-		})
+  $(document).ready(function(){
+    $(document).on('click', '.w-annc__item[data-href]', function(e){
+      var url = $(this).data('href');
+      var title = $(this).data('title');
+      if(!url) return;
+      var isExternal = !(url.indexOf('/') === 0);
+      if(isExternal){
+        window.open(url, '_blank', 'noopener noreferrer');
+      } else {
+        window.location.href = url;
+      }
+    });
+  });
+  $(document).ready(function(){
+    $(document).on('click keydown', '.w-annc__item[data-href]', function(e){
+      // 鍵盤只接受 Enter(13) 或 Space(32)
+      if(e.type === 'keydown' && e.which !== 13 && e.which !== 32) return;
+      // 避免 Space 捲動頁面
+      if(e.type === 'keydown' && e.which === 32) e.preventDefault();
+      
+      var url = $(this).data('href');
+      if(!url) return;
+      var isExternal = !(url.indexOf('/') === 0);
+      if(isExternal){
+      window.open(url, '_blank', 'noopener noreferrer');
+      } else {
+      window.location.href = url;
+      }
+    });
+  });
+$(document).ready(function() {
+  var $widget = $('.widget-announcement-4');
 
-	};
+  function getAnncItems($list) {
+    return $list.find('.w-annc__item[data-href]:visible');
+  }
 
+  function getActiveTabIndex($tabs) {
+    return $tabs.filter('.active').index($tabs.filter('.active').parent().find('.nav_tabs_filter li'));
+    // 更簡單的寫法：
+  }
+
+  // 1. 頁籤行為攔截
+  $(document).on('keydown', '.nav_tabs_filter li', function(e) {
+    if (e.which !== 9) return;
+
+    var $tabs = $widget.find('.nav_tabs_filter li');
+    var $list = $widget.find('.w-annc__list');
+    var index = $tabs.index(this);
+
+    if (index === -1) return;
+
+    if (!e.shiftKey) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      $(this).click();
+      setTimeout(function() {
+        var $items = getAnncItems($list);
+        if ($items.length > 0) {
+          $items.first().focus();
+        } else {
+          if (index < $tabs.length - 1) {
+            $tabs.eq(index + 1).focus();
+          }
+        }
+      }, 150);
+    } else {
+      if (index > 0) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        var $prevTab = $tabs.eq(index - 1);
+        $prevTab.click();
+        setTimeout(function() {
+          var $prevItems = getAnncItems($list);
+          if ($prevItems.length > 0) {
+            $prevItems.last().focus();
+          } else {
+            $prevTab.focus();
+          }
+        }, 150);
+      }
+    }
+  });
+
+  // 2. w-annc__item 行為攔截
+  $(document).on('keydown', '.w-annc__item[data-href]', function(e) {
+    if (e.which !== 9) return;
+
+    var $this = $(this);
+    if ($widget.find($this).length === 0) return;
+
+    var $list = $widget.find('.w-annc__list');
+    var $tabs = $widget.find('.nav_tabs_filter li');
+    
+    // 關鍵修正：從 active tab 取得當前 index
+    var activeTabIdx = $tabs.index($tabs.filter('.active'));
+
+    var $allItems = getAnncItems($list);
+    var currentIdx = $allItems.index($this);
+
+    if (e.shiftKey) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      if (currentIdx === 0) {
+        // 回到當前 active 的頁籤
+        $tabs.eq(activeTabIdx).focus();
+      } else {
+        $allItems.eq(currentIdx - 1).focus();
+      }
+    } else {
+      if (currentIdx === $allItems.length - 1) {
+        // 最後一筆 -> 跳到下一個頁籤
+        if (activeTabIdx < $tabs.length - 1) {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+          $tabs.eq(activeTabIdx + 1).focus();
+        }
+        // 已是最後一個頁籤的最後一筆，自然流出
+      } else {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        $allItems.eq(currentIdx + 1).focus();
+      }
+    }
+  });
+});
 </script>
\ No newline at end of file
diff --git a/modules/archive/archive_index10.html.erb b/modules/archive/archive_index10.html.erb
index f9752db..5a1a3d9 100644
--- a/modules/archive/archive_index10.html.erb
+++ b/modules/archive/archive_index10.html.erb
@@ -20,7 +20,7 @@
                <span class="i-archive__status-wrap" data-list="statuses" data-level="2">
                <span class="i-archive__status  label  status  {{status-class}}">{{status}}</span>
                </span>
-               <span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
+               <span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
             </td>
             <td class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
               <a href="{{file-url}}" class="i-archive-files-item" target="{{target}}"  data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
diff --git a/modules/archive/archive_index12.html.erb b/modules/archive/archive_index12.html.erb
index 705b2c1..7bcbec6 100644
--- a/modules/archive/archive_index12.html.erb
+++ b/modules/archive/archive_index12.html.erb
@@ -22,7 +22,7 @@
               <span data-list="statuses" data-level="2">
                 <span class="label status {{status-class}}">{{status}}</span>
               </span>
-              <span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
+              <span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
             </div>
             <div class="i-archive-files-list col-sm-12" data-list="files"  data-level="2">
               <dd>
diff --git a/modules/archive/archive_index14.html.erb b/modules/archive/archive_index14.html.erb
index 6879eb7..49bee9e 100644
--- a/modules/archive/archive_index14.html.erb
+++ b/modules/archive/archive_index14.html.erb
@@ -16,7 +16,7 @@
         <div class="panel-body">
           <ul class="i-archive-files-list" data-list="files"  data-level="2">
             <li>
-              <span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
+              <span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
               <a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
               <span class="label label-primary {{file-type}}">{{file-type}}</span>
             </li>
diff --git a/modules/archive/archive_index2.html.erb b/modules/archive/archive_index2.html.erb
index 110cf74..ed5dfca 100644
--- a/modules/archive/archive_index2.html.erb
+++ b/modules/archive/archive_index2.html.erb
@@ -22,7 +22,7 @@
               <span data-list="statuses" data-level="2">
                 <span class="label status {{status-class}}">{{status}}</span>
               </span>
-              <span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
+              <span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
             </div>
             <div class="i-archive-files-list col-sm-9" data-list="files"  data-level="2">
               <dd>
diff --git a/modules/archive/archive_index4.html.erb b/modules/archive/archive_index4.html.erb
index 9f03e47..dab0713 100644
--- a/modules/archive/archive_index4.html.erb
+++ b/modules/archive/archive_index4.html.erb
@@ -21,7 +21,7 @@
               <span data-list="statuses" data-level="2">
                 <span class="label status {{status-class}}">{{status}}</span>
               </span>
-              <span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
+              <span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
               <dd>
                 <a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
                 <a href="{{file-url}}" class="i-archive-files-item" target="_blank"  data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
diff --git a/modules/archive/archive_index5.html.erb b/modules/archive/archive_index5.html.erb
index d0340cf..4195a4b 100644
--- a/modules/archive/archive_index5.html.erb
+++ b/modules/archive/archive_index5.html.erb
@@ -19,7 +19,7 @@
                  <span class="i-archive__status-wrap" data-list="statuses" data-level="2">
                   <span class="i-archive__status  label  status  {{status-class}}">{{status}}</span>
                  </span>
-                 <span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
+                 <span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
               </div>
               <div class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
                 <a href="{{file-url}}" class="i-archive-files-item" target="_blank"  data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
diff --git a/modules/archive/archive_index7.html.erb b/modules/archive/archive_index7.html.erb
index 79cb3d8..d69e936 100644
--- a/modules/archive/archive_index7.html.erb
+++ b/modules/archive/archive_index7.html.erb
@@ -18,7 +18,7 @@
         <div class="panel-body">
           <ul class="i-archive-files-list" data-list="files"  data-level="2">
             <li>
-              <span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
+              <span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
               <a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
               <span class="label label-primary {{file-type}}">{{file-type}}</span>
             </li>
diff --git a/modules/event_news_mod/_event_news_widget4.html.erb b/modules/event_news_mod/_event_news_widget4.html.erb
index 20930cc..d661290 100644
--- a/modules/event_news_mod/_event_news_widget4.html.erb
+++ b/modules/event_news_mod/_event_news_widget4.html.erb
@@ -1,4 +1,4 @@
-<div class="w-annc  widget-announcement-4">
+<div class="w-annc  event-news-4">
   <div class="w-annc__more-wrap clearfix">
     <h3 class="w-annc__widget-title">
       <span>{{widget-title}}</span>
@@ -6,8 +6,7 @@
     <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= t("event_news.more") %></a>
   </div>
   <ul class="w-annc__list  row" data-level="0" data-list="event_news">
-    <li class="w-annc__item  col-md-4">
-	<a href="{{link_to_show}}" aria-label="前往{{widget-title}}" title="{{widget-title}}" class="widget-title-a">
+    <li class="w-annc__item  col-md-4" data-href="{{link_to_show}}" tabindex="0" role="link" title="{{title}}">
 	 <div class="w-annc__item_inner">
 		<div class="w-annc__img-wrap" style="position:relative">
 			<img class="w-annc__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
@@ -33,57 +32,145 @@
 		<p class="w-annc__subtitle">{{subtitle}}</p>
 		</div>
 	 </div>
-	</a>
     </li>
   </ul>
 </div>
 <style type="text/css">
+.w-annc__item_inner{
+	cursor: pointer;
+}
+.widget-title-a {
+  display: block;
+}
 	[data-subpart-id="{{subpart-id}}"] .bullseye{
 		overflow: hidden;
 	}
 </style>
 <script>
-	function combineul_{{subpart-id}}(){
-		var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
-		parents.each(function(i,v){
-			for(var i=1;i<$(v).find('ul.w-annc__list').length;i++)
-				$(v).find('ul.w-annc__list').eq(0).find('>li').eq(-1).after($(v).find('ul.w-annc__list').eq(i).html());
-			var ullength = $(v).find('ul.w-annc__list').length;
-			for(var i = 1;i < ullength;i++)
-				$(v).find('ul.w-annc__list').eq(-1).remove();
-		})
-	};
-	var num;
-	var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
-	function reorganize_{{subpart-id}}(num){
-		combineul_{{subpart-id}}();
-		var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
-		parents.each(function(i,v){
-			var lilength = $(v).find('li.w-annc__item').length;
-			var ul_length = Math.ceil(lilength/num);
-			for(var ii=1;ii< ul_length;ii++){
-				var clone_ul = $(v).find('ul.w-annc__list').eq(-1).clone();
-				clone_ul.empty();
-				clone_ul.removeClass("active");
-				clone_ul.css("display","");
-				$(v).find('ul.w-annc__list').eq(-1).after(clone_ul.prop("outerHTML"));
-				var lihtml="";
-				if(ii != (ul_length-1)){
-					for(var j=0;j<num;j++){
-						lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
-					};
-				}else{
-					for(var j=0;j< lilength - num *(ul_length-1) ;j++){
-						lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
-					};
-				};
-				$(v).find('ul.w-annc__list').eq(-1).html(lihtml);
-			}
-			if(ul_length != 1 )
-				for(var i=0;i< lilength -num ; i++)
-					$(v).find('ul.w-annc__list').eq(0).find("li.w-annc__item").eq(num).remove();
-		})
+  $(document).ready(function(){
+    $(document).on('click', '.w-annc__item[data-href]', function(e){
+      var url = $(this).data('href');
+      var title = $(this).data('title');
+      if(!url) return;
+      var isExternal = !(url.indexOf('/') === 0);
+      if(isExternal){
+        window.open(url, '_blank', 'noopener noreferrer');
+      } else {
+        window.location.href = url;
+      }
+    });
+  });
+  $(document).ready(function(){
+    $(document).on('click keydown', '.w-annc__item[data-href]', function(e){
+      // 鍵盤只接受 Enter(13) 或 Space(32)
+      if(e.type === 'keydown' && e.which !== 13 && e.which !== 32) return;
+      // 避免 Space 捲動頁面
+      if(e.type === 'keydown' && e.which === 32) e.preventDefault();
+      
+      var url = $(this).data('href');
+      if(!url) return;
+      var isExternal = !(url.indexOf('/') === 0);
+      if(isExternal){
+      window.open(url, '_blank', 'noopener noreferrer');
+      } else {
+      window.location.href = url;
+      }
+    });
+  });
+$(document).ready(function() {
+  var $widget = $('.event-news-4');
 
-	};
+  function getAnncItems($list) {
+    return $list.find('.w-annc__item[data-href]:visible');
+  }
 
+  function getActiveTabIndex($tabs) {
+    return $tabs.filter('.active').index($tabs.filter('.active').parent().find('.nav_tabs_filter li'));
+    // 更簡單的寫法：
+  }
+
+  // 1. 頁籤行為攔截
+  $(document).on('keydown', '.nav_tabs_filter li', function(e) {
+    if (e.which !== 9) return;
+
+    var $tabs = $widget.find('.nav_tabs_filter li');
+    var $list = $widget.find('.w-annc__list');
+    var index = $tabs.index(this);
+
+    if (index === -1) return;
+
+    if (!e.shiftKey) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      $(this).click();
+      setTimeout(function() {
+        var $items = getAnncItems($list);
+        if ($items.length > 0) {
+          $items.first().focus();
+        } else {
+          if (index < $tabs.length - 1) {
+            $tabs.eq(index + 1).focus();
+          }
+        }
+      }, 150);
+    } else {
+      if (index > 0) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        var $prevTab = $tabs.eq(index - 1);
+        $prevTab.click();
+        setTimeout(function() {
+          var $prevItems = getAnncItems($list);
+          if ($prevItems.length > 0) {
+            $prevItems.last().focus();
+          } else {
+            $prevTab.focus();
+          }
+        }, 150);
+      }
+    }
+  });
+
+  // 2. w-annc__item 行為攔截
+  $(document).on('keydown', '.w-annc__item[data-href]', function(e) {
+    if (e.which !== 9) return;
+
+    var $this = $(this);
+    if ($widget.find($this).length === 0) return;
+
+    var $list = $widget.find('.w-annc__list');
+    var $tabs = $widget.find('.nav_tabs_filter li');
+    
+    // 關鍵修正：從 active tab 取得當前 index
+    var activeTabIdx = $tabs.index($tabs.filter('.active'));
+
+    var $allItems = getAnncItems($list);
+    var currentIdx = $allItems.index($this);
+
+    if (e.shiftKey) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      if (currentIdx === 0) {
+        // 回到當前 active 的頁籤
+        $tabs.eq(activeTabIdx).focus();
+      } else {
+        $allItems.eq(currentIdx - 1).focus();
+      }
+    } else {
+      if (currentIdx === $allItems.length - 1) {
+        // 最後一筆 -> 跳到下一個頁籤
+        if (activeTabIdx < $tabs.length - 1) {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+          $tabs.eq(activeTabIdx + 1).focus();
+        }
+        // 已是最後一個頁籤的最後一筆，自然流出
+      } else {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        $allItems.eq(currentIdx + 1).focus();
+      }
+    }
+  });
+});
 </script>
\ No newline at end of file
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/faq/faq_index3.html.erb b/modules/faq/faq_index3.html.erb
deleted file mode 100644
index 21d1e43..0000000
--- a/modules/faq/faq_index3.html.erb
+++ /dev/null
@@ -1,31 +0,0 @@
-<div class="index-faqs index2">
-  <h3 class="index-title">
-    <span>{{page-title}}</span>
-  </h3>
-  <ul class="list-unstyled" data-list="faqs" data-level="0">
-    <li class="index-content">
-      <h4 class="index-content-title-wrap">
-        <span class="index-content-title">{{question}}</span>
-        <span data-list="statuses" data-level="1">
-          <span class="label status {{status-class}}">{{status}}</span>
-        </span>
-      </h4>
-      <section class="post">
-      <p>{{answer}}</p>
-      <div data-list="qa_files" data-level="1"><div><a href="{{file_url}}" target="_blank">{{file_title}}</a></div></div>
-      </section>
-    </li>
-  </ul>
-</div>
-{{pagination_goes_here}}
-
-<script>
-$('.index-faqs.index2 .index-content .index-content-title-wrap').click(function(){
-  $('section.post').slideUp(200);
-  $(this).removeClass('open');
-  if($("+section",this).css("display")=="none"){
-      $("+section",this).slideDown(300);
-      $(this).addClass("open"); 
-}
-})
-</script>
\ No newline at end of file
diff --git a/modules/web_resource/_web_res_widget12.html.erb b/modules/web_resource/_web_res_widget12.html.erb
new file mode 100644
index 0000000..089f8de
--- /dev/null
+++ b/modules/web_resource/_web_res_widget12.html.erb
@@ -0,0 +1,144 @@
+<div class="widget-link widget12">
+  <h3 class="widget-title">
+    <span>{{widget-title}}</span>
+  </h3>
+  <div class="widget-slideshow-wrap">
+    <ul class="widget-slideshow list-unstyled" data-level="0" data-list="web_link">
+      <li class="widget-content widget-content-horizontal">
+        <a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">
+          <div class="link-img-wrap{{display_image}}">
+            <img src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+          </div>
+        </a>
+        <div class="widget-content-title">
+          <a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
+          <span data-list="statuses" data-level="1">
+            <span class="label status {{status-class}}">{{status}}</span>
+          </span>
+        </div>
+      </li>
+    </ul>
+  </div>
+  <div class="widget-banner-pager"></div>
+</div>
+<script>
+function initWidget7Carousel() {
+  $('.widget-link.widget7').each(function() {
+    var $widget     = $(this);
+    var $ul         = $widget.find('.widget-slideshow');
+    var $items      = $ul.find('li.widget-content');
+    var $pager      = $widget.find('.widget-banner-pager');
+    var perPage     = 5;
+    var total       = $items.length;
+    var pageCount   = Math.ceil(total / perPage);
+    var current     = 0;
+    var isAnimating = false;
+
+    $ul.css({ position: 'relative', left: 0 });
+
+    // 建立點點
+    $pager.empty();
+    for (var i = 0; i < pageCount; i++) {
+      $pager.append('<span data-page="' + i + '"></span>');
+    }
+
+    function initItemWidth() {
+      var wrapWidth = $widget.find('.widget-slideshow-wrap').outerWidth();
+      var itemWidth = wrapWidth / perPage;
+      $items.css('width', itemWidth + 'px');
+      $ul.css('width', (itemWidth * total) + 'px');
+    }
+
+    function goToPage(page) {
+      if (isAnimating || page === current) return;
+      isAnimating = true;
+
+      var wrapWidth = $widget.find('.widget-slideshow-wrap').outerWidth();
+      var itemWidth = wrapWidth / perPage;
+      var ulWidth   = itemWidth * total;
+
+      // ✅ 關鍵修正：最後一頁不能超過 ul 總寬 - wrap寬
+      var maxLeft   = ulWidth - wrapWidth;
+      var targetLeft = Math.min(page * wrapWidth, maxLeft);
+
+      $ul.animate({ left: -targetLeft }, {
+        duration: 400,
+        easing: 'swing',
+        complete: function() {
+          current = page;
+          isAnimating = false;
+        }
+      });
+
+      $pager.find('span')
+            .removeClass('cycle-pager-active')
+            .filter('[data-page="' + page + '"]')
+            .addClass('cycle-pager-active');
+    }
+
+    $pager.on('click', 'span', function() {
+      goToPage(parseInt($(this).data('page')));
+    });
+
+    $(window).on('resize', function() {
+      initItemWidth();
+      var wrapWidth  = $widget.find('.widget-slideshow-wrap').outerWidth();
+      var itemWidth  = wrapWidth / perPage;
+      var ulWidth    = itemWidth * total;
+      var maxLeft    = ulWidth - wrapWidth;
+      var targetLeft = Math.min(current * wrapWidth, maxLeft);
+      $ul.css('left', -targetLeft);
+    });
+
+    initItemWidth();
+    $pager.find('[data-page="0"]').addClass('cycle-pager-active');
+  });
+}
+
+$(function() {
+  initWidget7Carousel();
+});
+</script>
+<style type="text/css">
+.widget-link {
+  .widget-slideshow-wrap {
+    overflow: hidden;
+    position: relative;
+  }
+
+  .widget-slideshow {
+    display: flex;
+    flex-wrap: nowrap;
+    position: relative;
+    margin: 0;
+    padding: 0;
+    will-change: transform;
+  }
+
+  .widget-content-horizontal {
+    flex-shrink: 0;
+  }
+
+  .widget-banner-pager {
+    clear: both;
+    position: relative;
+    text-align: center;
+    margin-top: 10px;
+
+    .cycle-pager-active {
+      background: #869791;
+    }
+  }
+
+  .widget-banner-pager span {
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    margin: 0 4px;
+    background: #ccc;
+    border-radius: 50%;
+    cursor: pointer;
+  }
+}
+
+</style>
diff --git a/modules/web_resource/_web_res_widget2.html.erb b/modules/web_resource/_web_res_widget2.html.erb
index a8f9920..0e1f8cd 100644
--- a/modules/web_resource/_web_res_widget2.html.erb
+++ b/modules/web_resource/_web_res_widget2.html.erb
@@ -1,4 +1,4 @@
-<div class="widget-link widget1 widget2">
+<div class="widget-link widget2">
   <h3 class="widget-title">
     <span>{{widget-title}}</span>
   </h3>
diff --git a/modules/web_resource/_web_res_widget6.html.erb b/modules/web_resource/_web_res_widget6.html.erb
index bbb298b..3f1ea0e 100644
--- a/modules/web_resource/_web_res_widget6.html.erb
+++ b/modules/web_resource/_web_res_widget6.html.erb
@@ -1,7 +1,7 @@
 <div class="widget-link widget-6">
   <div class="widget-link__more-wrap clearfix">
     <h2 class="widget-title">
-      <span class="title">{{widget-title}}</span>
+      <span >{{widget-title}}</span>
     </h2>
   </div>
   <div class="widget-link_wrapper">
diff --git a/modules/web_resource/info.json b/modules/web_resource/info.json
index 05f48d4..3e71d53 100644
--- a/modules/web_resource/info.json
+++ b/modules/web_resource/info.json
@@ -105,6 +105,14 @@
                 "en" : "11.Horizontal List txt on img (widget-title, link)"
                 },
             "thumbnail" : "web_res_widget2_thumb.png"
-        }
+        },
+          {
+              "filename" : "web_res_widget12",
+              "name" : {
+                  "zh_tw" : "12.輪播 圓形橫式列表 ( 模組標題, 連結 )",
+                  "en" : "12.carousell Horizontal List (widget-title, link)"
+                  },
+              "thumbnail" : "web_res_widget7_thumb.png"
+            }
     ]
 }