Showing source for: https://pyps.chc.edu.tw/
Duration: 1.565947s
Server: Apache

<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
            <link rel="Shortcut Icon" type="image/x-icon" href="https://pyps.chc.edu.tw/storage/074632/title_image/logo.ico" />
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="彰化縣培英國小全球資訊網全球資訊網">
    <meta name="author" content="">
    <meta http-equiv="Content-Security-Policy" content="script-src * 'unsafe-inline' 'unsafe-eval';">
    <title>彰化縣培英國小全球資訊網</title>
    <script src="https://pyps.chc.edu.tw/js/jquery-3.7.1.min.js"></script>
    <script src="https://pyps.chc.edu.tw/js/jquery.validate.js"></script>
    <script src="https://pyps.chc.edu.tw/js/additional-methods.min.js"></script>
    <script src="https://pyps.chc.edu.tw/js/messages_zh_TW.min.js"></script>
    <!-- icons -->    
    <link rel="stylesheet" href="https://pyps.chc.edu.tw/bootstrap/css/bootstrap.min.css">
    <link href="https://pyps.chc.edu.tw/css/bootstrap-navbar.css" rel="stylesheet">
    <link href="https://pyps.chc.edu.tw/fontawesome-5.15.4/css/all.css" rel="stylesheet">
    <link href="https://pyps.chc.edu.tw/css/my_css.css" rel="stylesheet">
    <style>
        /* 動態導覽欄顏色 (來自後台設定,需保留於 Blade 內) */
        .navbar-custom {
            background-color: #4bab10;
        }
        .navbar-custom .navbar-brand,
        .navbar-custom .navbar-text {
            color: #ffffff;
        }
        .navbar-custom .navbar-nav .nav-link {
            color: #f3f012;
        }
        .navbar-custom .nav-item.active .nav-link,
        .navbar-custom .nav-item:hover .nav-link {
            color: #4a69d6;
        }
        /* =========================================================
           無障礙 2.4.7 焦點可視 (Focus Visible) 完整四邊橘框修正
           ========================================================= */
        /* 1. 「跳過導覽連結」焦點獲得時顯眼彈出樣式 */
        .sr-only-focusable {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            margin: -1px !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            white-space: nowrap !important;
            border: 0 !important;
        }
        .sr-only-focusable:focus {
            position: absolute !important;
            top: 10px !important;
            left: 10px !important;
            z-index: 999999 !important;
            width: auto !important;
            height: auto !important;
            padding: 10px 18px !important;
            margin: 0 !important;
            overflow: visible !important;
            clip: auto !important;
            white-space: normal !important;
            background-color: #0d47a1 !important; /* 高對比深藍背景 */
            color: #ffffff !important;            /* 純白文字 */
            font-weight: bold !important;
            font-size: 1.1rem !important;
            border: 2px solid #ffffff !important;
            border-radius: 6px !important;
            outline: 4px solid #d97706 !important;
            outline-offset: -2px !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
            text-decoration: none !important;
        }
        /* 2. 全站所有聚焦元素呈現完整四邊高對比橘色焦點框 */
        :focus,
        :focus-visible {
            outline: 3px solid #d97706 !important;
            outline-offset: -3px !important; /* 向內收縮 3px,防止左右邊框被螢幕切掉 */
            box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.3) !important;
        }
    </style>
    </head>
<body id="page-top" style="background-color:#f0f1f6;font-family:'Arial','Microsoft JhengHei','微軟正黑體','黑體',sans-serif;">
<!-- 全站統一無障礙跳過導覽 -->
<a class="sr-only-focusable" href="#navbar" accesskey="U" title="頂部導覽區 (Alt+U)">跳到頂部導覽區</a>
<a class="sr-only-focusable" href="#main-content" accesskey="C" title="中央內容區 (Alt+C)">跳到中央內容區</a>
<a class="sr-only-focusable" href="#footer" accesskey="Z" title="底部資訊區 (Alt+Z)">跳到底部資訊區</a>
<div id="navbar-container">
    <!-- 全局手機端導覽列排版修補 (獨立於顏色判斷之外) -->
<style>
    @media (max-width: 767.98px) {
        /* 1. 導覽列強制單行不折行 */
        .navbar {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding: 0.5rem 0.75rem !important;
        }
        /* 2. 標題與 Logo 區塊:字體自動縮小,過長單行縮略 */
        .navbar-brand {
            font-size: 1.05rem !important; /* 縮小手機端標題字體 */
            font-weight: bold;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important; /* 超過寬度顯示 ... */
            max-width: calc(100% - 60px) !important; /* 預留 60px 給右側漢堡按鈕 */
            margin-right: 0 !important;
            display: flex !important;
            align-items: center !important;
        }
        /* Logo 縮小適應高度 */
        .navbar-brand img {
            width: 30px !important;
            height: 30px !important;
            margin-right: 6px !important;
            flex-shrink: 0;
        }
        /* 3. 漢堡選單按鈕美化 (去除舊式灰色立體邊框與陰影) */
        .navbar-toggler {
            padding: 5px 10px !important;
            font-size: 1.25rem !important;
            background-color: rgba(255, 255, 255, 0.2) !important; /* 半透明質感扁平底色 */
            border: 1px solid rgba(255, 255, 255, 0.4) !important;  /* 微光柔和外框 */
            border-radius: 6px !important;
            color: inherit !important; /* 繼承選單文字顏色 */
            box-shadow: none !important;
            outline: none !important;
            flex-shrink: 0 !important; /* 強迫按鈕不被壓扁 */
        }
        /* 按鈕點擊或獲得焦點時的提示框 */
        .navbar-toggler:focus, .navbar-toggler:hover {
            background-color: rgba(255, 255, 255, 0.35) !important;
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) !important;
        }
    }
</style>
<style>
    .navbar-custom {
        /* $navbar_custom[0]: Navbar 底色 */
        background-color: #4bab10 !important;
        /* $navbar_custom[1]: 網站名稱 / 文字顏色 */
        --nav-brand-color: #ffffff;
        /* $navbar_custom[2]: 連結文字顏色 */
        --nav-link-color: #f3f012;
        /* $navbar_custom[3]: Hover / Active 文字顏色 */
        --nav-hover-color: #4a69d6;
    }
</style>
<nav class="navbar navbar-expand-lg navbar-custom " id="mainNav" role="navigation" aria-label="主要選單導覽">
    <div class="container-fluid">        
        <a class="navbar-brand js-scroll-trigger d-inline-flex align-items-center" href="https://pyps.chc.edu.tw/index" title="返回網站首頁">
            <img src="https://pyps.chc.edu.tw/storage/074632/title_image/logo.ico" width="30" height="30" class="mr-2" alt="" aria-hidden="true">
            <span style="white-space: nowrap;">彰化縣培英國小全球資訊網</span>
        </a>        
        <button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="切換導覽選單顯示">
            <span class="navbar-toggler-icon" aria-hidden="true"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
            <li class="nav-item ">
            <a class="nav-link" href="https://pyps.chc.edu.tw/posts" >
            公告系統
            </a>
            </li>
            <li class="nav-item ">
            <a class="nav-link" href="https://pyps.chc.edu.tw/open_files" >
            檔案庫
            </a>
            </li>
            <li class="nav-item dropdown ">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLinkDepartments" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            學校介紹
            </a>
            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLinkDepartments">
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/1/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 學校沿革
            </a>
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/2/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 學校資料
            </a>
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/7/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 我們校長
            </a>
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/8/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 教務處
            </a>
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/9/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 學務處
            </a>
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/10/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 總務處
            </a>
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/11/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 輔導室
            </a>
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/12/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 幼兒園
            </a>
            <a class="dropdown-item" href="https://pyps.chc.edu.tw/departments/13/show">
            <i class="fas fa-puzzle-piece" aria-hidden="true"></i> 會計室
            </a>
            </div>
            </li>
            <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#!" id="navbarDropdownMenuLink_1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            教職員工
            </a>
            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink_1">
            <li>
            <a class="dropdown-item" href="https://cloudschool.chc.edu.tw/" target="_blank"  title="學務系統 (另開新視窗)" >
            <i class="fas fa-globe" aria-hidden="true"></i>
            學務系統
            <i class="fas fa-level-up-alt" aria-hidden="true"></i>
            <span class="sr-only">(另開新視窗)</span>
            </a>
            </li>
            <li>
            <a class="dropdown-item" href="https://accounts.google.com/v3/signin/identifier?continue=https%3A%2F%2Faccounts.google.com%2Fsignin%2Fchrome%2Fsync%2Ffinish%3Fcontinue%3Dhttps%253A%252F%252Fwww.google.com%252F%26est%3DAHl3n5CTIa471lnpJoeDhz15mYawWitQ6L4BUzTq21CjcXq7GF3BdyjJMyvZ2JElYAmns-POkzYyJhYbZH95Qg&amp;email_hint=%40mail.pyps.chc.edu.tw&amp;flowName=GlifDesktopChromeSync&amp;ssp=1&amp;ddm=0&amp;dsh=S-549894069%3A1717731919022493" target="_blank"  title="彰化Gsuite (另開新視窗)" >
            <i class="fas fa-globe" aria-hidden="true"></i>
            彰化Gsuite
            <i class="fas fa-level-up-alt" aria-hidden="true"></i>
            <span class="sr-only">(另開新視窗)</span>
            </a>
            </li>
            <li>
            <a class="dropdown-item" href="https://drive.google.com/drive/folders/1V67VhZeQcQ2onEG0gPw8wPKrONpNwxYL" target="_blank"  title="文件下載 (另開新視窗)" >
            <i class="fas fa-globe" aria-hidden="true"></i>
            文件下載
            <i class="fas fa-level-up-alt" aria-hidden="true"></i>
            <span class="sr-only">(另開新視窗)</span>
            </a>
            </li>
            <li>
            <a class="dropdown-item" href="https://www1.inservice.edu.tw/index2-3.aspx" target="_blank"  title="全國進修網 (另開新視窗)" >
            <i class="fas fa-globe" aria-hidden="true"></i>
            全國進修網
            <i class="fas fa-level-up-alt" aria-hidden="true"></i>
            <span class="sr-only">(另開新視窗)</span>
            </a>
            </li>
            <li>
            <a class="dropdown-item" href="https://cloud.edu.tw/" target="_blank"  title="教育雲 (另開新視窗)" >
            <i class="fas fa-globe" aria-hidden="true"></i>
            教育雲
            <i class="fas fa-level-up-alt" aria-hidden="true"></i>
            <span class="sr-only">(另開新視窗)</span>
            </a>
            </li>
            <li>
            <a class="dropdown-item" href="https://trcf.twnread.org.tw/" target="_blank"  title="愛的書庫 (另開新視窗)" >
            <i class="fas fa-globe" aria-hidden="true"></i>
            愛的書庫
            <i class="fas fa-level-up-alt" aria-hidden="true"></i>
            <span class="sr-only">(另開新視窗)</span>
            </a>
            </li>
            <li>
            <a class="dropdown-item" href="https://www.unitag.io/qrcode" target="_blank"  title="縮短網址 (另開新視窗)" >
            <i class="fas fa-globe" aria-hidden="true"></i>
            縮短網址
            <i class="fas fa-level-up-alt" aria-hidden="true"></i>
            <span class="sr-only">(另開新視窗)</span>
            </a>
            </li>
            <li>
            <a class="dropdown-item" href="https://sp.tanet.edu.tw/" target="_blank"  title="網速檢測 (另開新視窗)" >
            <i class="fas fa-globe" aria-hidden="true"></i>
            網速檢測
            <i class="fas fa-level-up-alt" aria-hidden="true"></i>
            <span class="sr-only">(另開新視窗)</span>
            </a>
            </li>
            </ul>
            </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">                
            <li class="nav-item">
            <a class="nav-link" href="https://pyps.chc.edu.tw/logins">登入</a>
            </li>
            </ul>
        </div>
    </div>
</nav></div>
            <!-- 無障礙 2.4.7 焦點可見修正:輪播指示點獲得鍵盤 Focus 時的高對比外框 -->
            <style>
            .carousel-indicators li:focus {
            outline: 3px solid #ffc107 !important;
            outline-offset: 3px;
            box-shadow: 0 0 0 2px #000;
            }
            </style>
            <!-- 關鍵修正:加入 data-pause="false" 防止手機觸控離開後自動喚醒輪播 -->
            <div id="carouselExampleIndicators" class="carousel slide  position-relative" data-ride="carousel" data-pause="false" role="region" aria-label="焦點新聞輪播圖">
            <!-- 無障礙檢測修正:獨立置於右上角半透明按鈕,不擋住左右按鍵 -->
            <div class="carousel-accessibility-control" style="position: absolute; top: 15px; right: 15px; z-index: 1050;">
            <button type="button" id="carouselToggleBtn" class="btn btn-pause" aria-label="暫停輪播圖片" aria-pressed="false">
            <i class="fas fa-pause me-1" aria-hidden="true"></i> <span>暫停輪播</span>
            </button>
            </div>                
            <!-- 無障礙 2.1.1 鍵盤控制修正:加入 role="tablist" 與分頁控制可聚焦屬性 -->
            <ol class="carousel-indicators" role="tablist" aria-label="投影片分頁控制">
            <li data-target="#carouselExampleIndicators" 
            data-slide-to="0" 
            class="active" 
            tabindex="0" 
            role="tab" 
            aria-selected="true" 
            aria-label="切換至第 1 張投影片"></li>
            <li data-target="#carouselExampleIndicators" 
            data-slide-to="1" 
            class="" 
            tabindex="0" 
            role="tab" 
            aria-selected="false" 
            aria-label="切換至第 2 張投影片"></li>
            <li data-target="#carouselExampleIndicators" 
            data-slide-to="2" 
            class="" 
            tabindex="0" 
            role="tab" 
            aria-selected="false" 
            aria-label="切換至第 3 張投影片"></li>
            <li data-target="#carouselExampleIndicators" 
            data-slide-to="3" 
            class="" 
            tabindex="0" 
            role="tab" 
            aria-selected="false" 
            aria-label="切換至第 4 張投影片"></li>
            <li data-target="#carouselExampleIndicators" 
            data-slide-to="4" 
            class="" 
            tabindex="0" 
            role="tab" 
            aria-selected="false" 
            aria-label="切換至第 5 張投影片"></li>
            </ol>
            <div class="carousel-inner">
            <div class="carousel-item active">
            <img class="d-block w-100" src="https://pyps.chc.edu.tw/storage/074632/title_image/random/2025-09-06-14-30-08-1.jpg" alt="學生校園活動圖片 5">
            <div class="carousel-caption d-none d-md-block">
            </div>
            </div>
            <div class="carousel-item ">
            <img class="d-block w-100" src="https://pyps.chc.edu.tw/storage/074632/title_image/random/2024-06-10-09-01-33-1.png" alt="學生校園活動圖片 4">
            <div class="carousel-caption d-none d-md-block">
            </div>
            </div>
            <div class="carousel-item ">
            <img class="d-block w-100" src="https://pyps.chc.edu.tw/storage/074632/title_image/random/2024-06-10-09-37-58-1.png" alt="學生校園活動圖片 3">
            <div class="carousel-caption d-none d-md-block">
            </div>
            </div>
            <div class="carousel-item ">
            <img class="d-block w-100" src="https://pyps.chc.edu.tw/storage/074632/title_image/random/2025-06-04-15-11-48-1.png" alt="學生校園活動圖片 2">
            <div class="carousel-caption d-none d-md-block">
            </div>
            </div>
            <div class="carousel-item ">
            <img class="d-block w-100" src="https://pyps.chc.edu.tw/storage/074632/title_image/random/2025-07-01-13-32-17-1.png" alt="學生校園活動圖片 1">
            <div class="carousel-caption d-none d-md-block">
            </div>
            </div>
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev" aria-label="上一張投影片">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">上一張投影片</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next" aria-label="下一張投影片">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">下一張投影片</span>
            </a>
            </div>
<br>
<main id="main-content" tabindex="-1" class="container-fluid">
        <h1 class="sr-only">彰化縣培英國小全球資訊網 - 首頁主要內容區</h1>
    <link href="https://pyps.chc.edu.tw/css/block_style.css" rel="stylesheet">
            <div class="row justify-content-center">
            <div class="col-lg-9">
            <div class="table-responsive">
            <div>                                
            <div class="honor-marquee-box" role="region" aria-label="榮譽榜跑馬燈">
    <!-- 無障礙 HM1220200C 修正:將暫停按鈕放在組件的最前方,確保鍵盤 Tab 第一個聚焦 -->
    <button id="honor-toggle-btn" 
            class="honor-toggle-btn"
            type="button"
            aria-label="暫停跑馬燈">
        <span aria-hidden="true">⏸</span> <span class="sr-only">暫停</span>
    </button>
    <div class="honor-badge">
        <span aria-hidden="true">🏆</span> 榮譽榜
    </div>
    <div id="honor-container" class="honor-container">
        <div id="honor-content" class="honor-content">
            <div class="honor-item">
            <a href="../posts/479" class="honor-link">
            <span aria-hidden="true">🎉</span> 115年縣運本校代表隊成績公告
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/457" class="honor-link">
            <span aria-hidden="true">🎉</span> 賀:本校一乙鄭O安同學參加114學年「童畫心世界」繪畫比賽,榮獲第2組第三名,感謝林育漩老師辛勤指導。
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/339" class="honor-link">
            <span aria-hidden="true">🎉</span> 114年縣長盃田徑錦標賽成績公告
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/300" class="honor-link">
            <span aria-hidden="true">🎉</span> 培英國小深耕藝術教育 獲廣達《游於藝》卓越推廣殊榮
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/293" class="honor-link">
            <span aria-hidden="true">🎉</span> 賀喜!參加113學年度「跨領域美感教育卓越領航計畫」榮獲跨域美感揚帆獎
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/288" class="honor-link">
            <span aria-hidden="true">🎉</span> 榮耀見證美感教育成果——榮獲廣達游於藝全國卓越亮點學校
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/262" class="honor-link">
            <span aria-hidden="true">🎉</span> 114年縣運本校代表隊成績公告
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/197" class="honor-link">
            <span aria-hidden="true">🎉</span> 114年和美鎮運成績公告
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/196" class="honor-link">
            <span aria-hidden="true">🎉</span> 114年全國小學田徑錦標賽成績公告
            </a>
            </div>
            <div class="honor-item">
            <a href="../posts/157" class="honor-link">
            <span aria-hidden="true">🎉</span> 114年中小學聯運成績公告
            </a>
            </div>
            </div>
    </div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const direction = "left";
    const amount = 1.2;
    const container = document.getElementById('honor-container');
    const content = document.getElementById('honor-content');
    const toggleBtn = document.getElementById('honor-toggle-btn');
    if (!container || !content) return;
    content.style.position = 'absolute';
    content.style.display = 'flex';
    content.style.flexDirection = 'row';
    content.style.whiteSpace = 'nowrap';
    const containerWidth = container.offsetWidth;
    const contentWidth = content.offsetWidth;
    const animName = 'marqueeMoveHonorLeft';
    const keyframes = `@keyframes  ${animName} { 
        0% { transform: translateX(${containerWidth}px); } 
        100% { transform: translateX(-${contentWidth}px); } 
    }`;
    const style = document.createElement('style');
    style.innerHTML = keyframes;
    document.head.appendChild(style);
    const duration = (contentWidth + containerWidth) / (amount * 50);
    content.style.animation = `${animName} ${duration}s linear infinite`;
    let isPaused = false;
    function pauseMarquee() {
        content.style.animationPlayState = 'paused';
        if(toggleBtn) {
            toggleBtn.innerHTML = '<span aria-hidden="true">▶</span> <span class="sr-only">播放</span>';
            toggleBtn.setAttribute('aria-label', '繼續播放跑馬燈');
        }
        isPaused = true;
    }
    function playMarquee() {
        content.style.animationPlayState = 'running';
        if(toggleBtn) {
            toggleBtn.innerHTML = '<span aria-hidden="true">⏸</span> <span class="sr-only">暫停</span>';
            toggleBtn.setAttribute('aria-label', '暫停跑馬燈');
        }
        isPaused = false;
    }
    // 滑鼠移入懸停暫停
    container.onmouseover = () => { if(!isPaused) content.style.animationPlayState = 'paused'; };
    container.onmouseout = () => { if(!isPaused) content.style.animationPlayState = 'running'; };
    // 鍵盤焦點進入跑馬燈連結時自動暫停,離開時恢復(保護鍵盤使用者)
    const links = content.querySelectorAll('a');
    links.forEach(link => {
        link.addEventListener('focus', () => content.style.animationPlayState = 'paused');
        link.addEventListener('blur', () => { if(!isPaused) content.style.animationPlayState = 'running'; });
    });
    // 點擊按鈕切換暫停/播放
    if(toggleBtn) {
        toggleBtn.addEventListener('click', function() {
            if (content.style.animationPlayState === 'paused' && isPaused) {
            playMarquee();
            } else {
            pauseMarquee();
            }
        });
    }
});
</script>                            </div>
            </div>
            <div class="shadow rounded block2">
            <div class="title2 ">
            <div class="text-left">
            好站連結
            </div>
            </div>
            <div class="content2" id="block21" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <table align="center" bgcolor="#fffacd" border="0" cellpadding="2" cellspacing="3" style="width:100%;">
    <tbody>
        <tr>
            <td>
            <p style="line-hight:0%"><a href="https://sites.google.com/view/elearning01/%E6%9C%80%E6%96%B0%E6%B6%88%E6%81%AF?authuser=1" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/sfs.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://sites.google.com/view/elearning01/%E6%9C%80%E6%96%B0%E6%B6%88%E6%81%AF?authuser=1" target="_blank"><span style="color:#2980b9;">培英遠距教學</span></a></span></strong></p>
            </td>
            <td>
            <p><a href="https://cloudschool.chc.edu.tw/list-school" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/students.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://cloudschool.chc.edu.tw/list-school" target="_blank">學務系統</a></span></strong></p>
            </td>
            <td>
            <p><a href="https://drive.google.com/drive/folders/1V67VhZeQcQ2onEG0gPw8wPKrONpNwxYL" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/download.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://drive.google.com/drive/folders/1V67VhZeQcQ2onEG0gPw8wPKrONpNwxYL" target="_blank">文件下載</a></span></strong></p>
            </td>
            <td>
            <p><a href="https://newboe.chc.edu.tw/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/house.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://newboe.chc.edu.tw/" target="_blank">教育處雲端</a></span></strong></p>
            </td>
            <td>
            <p><a href="https://gdms.chcg.gov.tw/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/folder.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://gdms.chcg.gov.tw/" target="_blank">公文系統</a></span></strong></p>
            </td>
            <td>
            <p><a href="https://pyps.ebook.hyread.com.tw/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/library.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://pyps.ebook.hyread.com.tw/" target="_blank">培英圖書館</a></span></strong></p>
            </td>
            <td>
            <p><a href="https://www2.inservice.edu.tw/index2-3.aspx" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/study.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://www2.inservice.edu.tw/index2-3.aspx">全國進修網</a></span></strong></p>
            </td>
            <td>
            <p style="text-align: center;"><a href="https://adl.edu.tw/HomePage/home/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/training.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://adl.edu.tw/HomePage/home/" target="_blank">因材網</a></span></strong></p>
            </td>
            <td>
            <p><a href="https://www.openclass.chc.edu.tw/years/111/posts" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/basket.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><a href="https://www.openclass.chc.edu.tw/years/114/posts" target="_blank"><span style="font-size:14px;">公開授課</span></a></strong></p>
            </td>
            <td>
            <p><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/coolenglish.png" style="width: 60px; height: 60px;" /><br />
            <strong><a href="https://www.coolenglish.edu.tw/" target="_blank"><span style="font-size:8px;">COOL_ENGLISH</span></a></strong></p>
            </td>
        </tr>
        <tr>
            <td>
            <p><a href="https://exam.tcte.edu.tw/tbt_html/index.php?mod=contact" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/learnhelp.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><a href="https://exam.tcte.edu.tw/tbt_html/index.php?mod=contact" target="_blank"><span style="font-size:14px;">學習輔助系統</span></a></strong></p>
            </td>
            <td>
            <p><a href="https://o365.k12cc.tw/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/office365.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><span style="font-size:14px;"><a href="https://o365.k12cc.tw/" target="_blank">Office365</a></span></strong></p>
            </td>
            <td>
            <p><a href="https://drive.google.com/file/d/1PJWylFG09A_TgZVeBXnlQ2gkNEE4s0lx/view" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/class.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><a href="https://drive.google.com/file/d/1PJWylFG09A_TgZVeBXnlQ2gkNEE4s0lx/view" target="_blank"><span style="font-size:14px;">性別平等</span></a></strong></p>
            </td>
            <td>
            <p><a href="https://eschool.chc.edu.tw/web-card_fill/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/camera.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><a href="https://eschool.chc.edu.tw/web-card_fill/" target="_blank"><span style="font-size:14px;">學生卡服務</span></a></strong></p>
            </td>
            <td>
            <p style="text-align: center;"><a href="https://gsuite.chc.edu.tw/sso/module.php/core/loginuserpass.php?AuthState=_f24653ed82307becd2fdc22991829b14173ce8963e%3Ahttps%3A%2F%2Fgsuite.chc.edu.tw%2Fsso%2Fmodule.php%2Fcore%2Fas_login.php%3FAuthId%3Dopenid-sql%26ReturnTo%3Dhttps%253A%252F%252Fgsuite.chc.edu.tw%252Fsso%252Fmodule.php%252Fcore%252Fauthenticate.php%253Fas%253Dopenid-sql" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/google.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><a href="https://gsuite.chc.edu.tw/sso/module.php/core/loginuserpass.php?AuthState=_f24653ed82307becd2fdc22991829b14173ce8963e%3Ahttps%3A%2F%2Fgsuite.chc.edu.tw%2Fsso%2Fmodule.php%2Fcore%2Fas_login.php%3FAuthId%3Dopenid-sql%26ReturnTo%3Dhttps%253A%252F%252Fgsuite.chc.edu.tw%252Fsso%252Fmodule.php%252Fcore%252Fauthenticate.php%253Fas%253Dopenid-sql" target="_blank"><span style="font-size:14px;">Gsuite</span></a></strong></p>
            </td>
            <td>
            <p><a href="https://www.learnmode.net/home/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/learning.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><a href="https://www.learnmode.net/home/" target="_blank"><span style="font-size:14px;">學習吧!!</span></a></strong></p>
            </td>
            <td>
            <p><a href="https://moocs.moe.edu.tw/moocs/#/home" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/edu1.png" style="width: 60px; height: 60px;" /></a><br />
            <strong><a href="https://moocs.moe.edu.tw/moocs/#/home" target="_blank"><span style="font-size:14px;">磨課師!!</span></a></strong></p>
            </td>
            <td><span style="font-size:14px;"><span style="color:#3498db;"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/Notional_library.png" style="width: 73px; height: 72px;" /></span><br />
            <a href="https://nclibtv.ncl.edu.tw/web/index.php" target="_blank"><span style="color:#3498db;"><strong>國圖到你家</strong></span></a></span></td>
            <td style="text-align: center;"><a href="https://eteach.chc.edu.tw/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/sso1.png" style="width: 72px; height: 72px;" /><br />
            <span style="font-size:11px;"><strong>彰化縣教育入口網</strong></span></a></td>
            <td>
            <p style="text-align: center;"><a href="https://eip.chc.edu.tw/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/eip.png" style="width: 72px; height: 72px;" /></a></p>
            <p style="text-align: center;"><span style="font-size:14px;"><a href="https://eip.chc.edu.tw/"><strong>eip系統</strong></a></span></p>
            </td>
        </tr>
        <tr>
            <td>
            <p style="text-align: center;"><a href="https://padlet.com/" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/padlet01.jpg" style="width: 73px; height: 72px;" /></a><br />
            <a href="https://padlet.com/" target="_blank"><span style="font-size: 14px;"><b>PadLet</b></span></a></p>
            </td>
            <td>
            <p style="text-align: center;"><a href="https://wordwall.net/tc" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/wordwall01.png" style="width: 72px; height: 72px;" /></a><br />
            <a href="https://wordwall.net/tc" target="_blank"><span style="font-size: 14px;"><b>WordWall</b></span></a></p>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>
<!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1-->
            </div>
            </div>
            </div>
            <div class="shadow rounded block1">
            <div class="title1 ">
            <div class="text-left">
            最新公告
            </div>
            </div>
            <div class="content2" id="block1" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <table class="table table-hover align-middle mt-2" style="word-break: break-all;" aria-label="最新公告列表">
    <caption class="sr-only">最新公告列表說明</caption>
    <thead>
        <tr>
            <th scope="col" style="width: 8%;" class="text-center">編號</th>
            <th scope="col" style="width: 92%;">公告內容</th>
        </tr>
    </thead>
    <tbody>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">1</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <a href="https://pyps.chc.edu.tw/posts/531" class="d-flex flex-column flex-md-row align-items-start text-decoration-none w-100" title="查看公告:轉知:文化部辦理「115年度臺灣手語語言能力認證」" aria-label="查看公告:轉知:文化部辦理「115年度臺灣手語語言能力認證」">
            <div class="flex-grow-1">
            <div style="font-size: 1.15rem;" class="mb-1">
            <span class="font-weight-bold text-primary">轉知:文化部辦理「115年度臺灣手語語言能力認證」</span>
            </div>
            <p class="mb-1 text-secondary small">為鼓勵全民學習臺灣手語,並提升社會大眾對臺灣手語之認識與學習意願,文化部訂於115年12月5日及12月19日辦理「115年度臺灣手語語言能力認證(基礎級暨初級、中級暨中高級)」。
報名日期自115年10月12日至11月6日止,詳細資訊請參閱「臺灣手語語言能力認證測驗平台」(網...</p>
            <div class="d-flex flex-wrap align-items-center text-muted small mt-1">
            <span class="mr-3">
            <i class="far fa-folder mr-1" aria-hidden="true"></i>一般公告
            </span>
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>教學註冊組長</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-10-12</span>
            <span class="mr-3"><i class="far fa-eye mr-1" aria-hidden="true"></i>65</span>
            <span class="text-info mr-2" title="含有檔案下載">
            <i class="fas fa-paperclip" aria-hidden="true"></i>
            <span class="sr-only">(含有檔案下載)</span>
            </span>
            </div>
            </div>
            </a>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">2</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <a href="https://pyps.chc.edu.tw/posts/530" class="d-flex flex-column flex-md-row align-items-start text-decoration-none w-100" title="查看公告:轉知:國防部民國115年全民國防教育「網際網路有獎徵答活動」" aria-label="查看公告:轉知:國防部民國115年全民國防教育「網際網路有獎徵答活動」">
            <div class="mr-md-3 mb-2 mb-md-0 flex-shrink-0" style="width: 120px;">
            <img src="https://pyps.chc.edu.tw/storage/074632/posts/530/title_image.png" class="img-fluid rounded border shadow-sm" alt="" aria-hidden="true" style="object-fit: cover; height: 80px; width: 100%;">
            </div>
            <div class="flex-grow-1">
            <div style="font-size: 1.15rem;" class="mb-1">
            <span class="font-weight-bold text-primary">轉知:國防部民國115年全民國防教育「網際網路有獎徵答活動」</span>
            </div>
            <p class="mb-1 text-secondary small">
            說明:
            一、
            依據國防部115年10月1日國政文心字第11550279792號函辦 理。
            二、
            國防部為增進全民國防知識及防衛國家意識,藉辦理「網際網路有獎徵答活動」,擴大全民國防教育成效,俾...</p>
            <div class="d-flex flex-wrap align-items-center text-muted small mt-1">
            <span class="mr-3">
            <i class="far fa-folder mr-1" aria-hidden="true"></i>一般公告
            </span>
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>訓育組長</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-10-06</span>
            <span class="mr-3"><i class="far fa-eye mr-1" aria-hidden="true"></i>148</span>
            <span class="text-info mr-2" title="含有檔案下載">
            <i class="fas fa-paperclip" aria-hidden="true"></i>
            <span class="sr-only">(含有檔案下載)</span>
            </span>
            </div>
            </div>
            </a>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">3</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <a href="https://pyps.chc.edu.tw/posts/529" class="d-flex flex-column flex-md-row align-items-start text-decoration-none w-100" title="查看公告:轉知115年度高級中等以 下學校運動教練校園性別事件專業增能研習實施計畫" aria-label="查看公告:轉知115年度高級中等以 下學校運動教練校園性別事件專業增能研習實施計畫">
            <div class="flex-grow-1">
            <div style="font-size: 1.15rem;" class="mb-1">
            <span class="font-weight-bold text-primary">轉知115年度高級中等以 下學校運動教練校園性別事件專業增能研習實施計畫</span>
            </div>
            <p class="mb-1 text-secondary small">中部場次:115年10月15日(星期四)於臺中市仲信金鬱金香酒店。
北部場次:115年11月2日(星期一)於新北市劍潭青年活動中心。
南部場次:115年11月5日(星期四)於高雄市義大皇家酒店。
報名網址https://forms.gle/ck3k7JwB2tmVwoBm6
詳見附件</p>
            <div class="d-flex flex-wrap align-items-center text-muted small mt-1">
            <span class="mr-3">
            <i class="far fa-folder mr-1" aria-hidden="true"></i>一般公告
            </span>
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>學務主任</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-10-05</span>
            <span class="mr-3"><i class="far fa-eye mr-1" aria-hidden="true"></i>92</span>
            <span class="text-info mr-2" title="含有檔案下載">
            <i class="fas fa-paperclip" aria-hidden="true"></i>
            <span class="sr-only">(含有檔案下載)</span>
            </span>
            </div>
            </div>
            </a>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">4</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <a href="https://pyps.chc.edu.tw/posts/528" class="d-flex flex-column flex-md-row align-items-start text-decoration-none w-100" title="查看公告:交通安全宣導" aria-label="查看公告:交通安全宣導">
            <div class="flex-grow-1">
            <div style="font-size: 1.15rem;" class="mb-1">
            <span class="font-weight-bold text-primary">交通安全宣導</span>
            </div>
            <p class="mb-1 text-secondary small">本縣115年1-7月道路交通事故死傷累計17,826人</p>
            <div class="d-flex flex-wrap align-items-center text-muted small mt-1">
            <span class="mr-3">
            <i class="far fa-folder mr-1" aria-hidden="true"></i>一般公告
            </span>
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>訓育組長</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-10-05</span>
            <span class="mr-3"><i class="far fa-eye mr-1" aria-hidden="true"></i>80</span>
            <span class="text-success mr-2" title="含有照片附件">
            <i class="fas fa-images" aria-hidden="true"></i>
            <span class="sr-only">(含有照片附件)</span>
            </span>
            </div>
            </div>
            </a>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">5</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <a href="https://pyps.chc.edu.tw/posts/527" class="d-flex flex-column flex-md-row align-items-start text-decoration-none w-100" title="查看公告:有關教育部重申公立學校教師參加選務工作相關規定案" aria-label="查看公告:有關教育部重申公立學校教師參加選務工作相關規定案">
            <div class="flex-grow-1">
            <div style="font-size: 1.15rem;" class="mb-1">
            <span class="font-weight-bold text-primary">有關教育部重申公立學校教師參加選務工作相關規定案</span>
            </div>
            <p class="mb-1 text-secondary small">
            主旨:
            有關教育部重申公立學校教師參加選務工作,依相關選務規定核給公假期間,應核支公假所遺課務代課鐘點費,以利選務工作順利推動一案,轉請查照。
            說明:
            一、
            依據中央選舉委員...</p>
            <div class="d-flex flex-wrap align-items-center text-muted small mt-1">
            <span class="mr-3">
            <i class="far fa-folder mr-1" aria-hidden="true"></i>一般公告
            </span>
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>人事主任</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-10-05</span>
            <span class="mr-3"><i class="far fa-eye mr-1" aria-hidden="true"></i>191</span>
            <span class="text-info mr-2" title="含有檔案下載">
            <i class="fas fa-paperclip" aria-hidden="true"></i>
            <span class="sr-only">(含有檔案下載)</span>
            </span>
            </div>
            </div>
            </a>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">6</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <a href="https://pyps.chc.edu.tw/posts/526" class="d-flex flex-column flex-md-row align-items-start text-decoration-none w-100" title="查看公告:銓敘部有關代理教師與公務人員職等相當之對照一案" aria-label="查看公告:銓敘部有關代理教師與公務人員職等相當之對照一案">
            <div class="flex-grow-1">
            <div style="font-size: 1.15rem;" class="mb-1">
            <span class="font-weight-bold text-primary">銓敘部有關代理教師與公務人員職等相當之對照一案</span>
            </div>
            <p class="mb-1 text-secondary small">
            主旨:
            有關公立高級中等以下學校代理教師(以下簡稱代理教師)與公務人員職等相當之對照一案,請查照。
            說明:
            一、
            依銓敘部115年9月21日部銓二字第11560065052號函辦理。...</p>
            <div class="d-flex flex-wrap align-items-center text-muted small mt-1">
            <span class="mr-3">
            <i class="far fa-folder mr-1" aria-hidden="true"></i>一般公告
            </span>
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>人事主任</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-10-05</span>
            <span class="mr-3"><i class="far fa-eye mr-1" aria-hidden="true"></i>89</span>
            <span class="text-info mr-2" title="含有檔案下載">
            <i class="fas fa-paperclip" aria-hidden="true"></i>
            <span class="sr-only">(含有檔案下載)</span>
            </span>
            </div>
            </div>
            </a>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">7</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <a href="https://pyps.chc.edu.tw/posts/525" class="d-flex flex-column flex-md-row align-items-start text-decoration-none w-100" title="查看公告:轉知關於公務人員請超過規定日數之事假如何適用公務人員請假規則第3條第3項應先請畢休假及補休規定一案" aria-label="查看公告:轉知關於公務人員請超過規定日數之事假如何適用公務人員請假規則第3條第3項應先請畢休假及補休規定一案">
            <div class="flex-grow-1">
            <div style="font-size: 1.15rem;" class="mb-1">
            <span class="font-weight-bold text-primary">轉知關於公務人員請超過規定日數之事假如何適用公務人員請假規則第3條第3項應先請畢休假及補休規定一案</span>
            </div>
            <p class="mb-1 text-secondary small">
            主旨:
            轉知關於公務人員請超過規定日數之事假如何適用公務人員請假規則第3條第3項應先請畢休假及補休規定一案,請查照。
            說明:
            一、
            依據銓敘部115年9月24日部法二字第1156017522號...</p>
            <div class="d-flex flex-wrap align-items-center text-muted small mt-1">
            <span class="mr-3">
            <i class="far fa-folder mr-1" aria-hidden="true"></i>一般公告
            </span>
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>人事主任</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-10-05</span>
            <span class="mr-3"><i class="far fa-eye mr-1" aria-hidden="true"></i>87</span>
            <span class="text-info mr-2" title="含有檔案下載">
            <i class="fas fa-paperclip" aria-hidden="true"></i>
            <span class="sr-only">(含有檔案下載)</span>
            </span>
            </div>
            </div>
            </a>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">8</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <a href="https://pyps.chc.edu.tw/posts/524" class="d-flex flex-column flex-md-row align-items-start text-decoration-none w-100" title="查看公告:「防範AI深偽影音詐騙」宣導短片" aria-label="查看公告:「防範AI深偽影音詐騙」宣導短片">
            <div class="flex-grow-1">
            <div style="font-size: 1.15rem;" class="mb-1">
            <span class="font-weight-bold text-primary">「防範AI深偽影音詐騙」宣導短片</span>
            </div>
            <p class="mb-1 text-secondary small">
            鑒於科技日新月異,利用新興「AI深偽(Deepfake)」合成影音進行詐騙之案件層出不窮,嚴重威脅民眾財產安全。為使防詐觀念深植社會各階層,縣長親自錄製之防範AI深偽詐騙影片,,以全面提升縣民識詐警覺。
            影片電子檔業上...</p>
            <div class="d-flex flex-wrap align-items-center text-muted small mt-1">
            <span class="mr-3">
            <i class="far fa-folder mr-1" aria-hidden="true"></i>一般公告
            </span>
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>訓育組長</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-09-30</span>
            <span class="mr-3"><i class="far fa-eye mr-1" aria-hidden="true"></i>106</span>
            </div>
            </div>
            </a>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">9</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <div class="d-flex flex-column flex-md-row align-items-start">
            <div class="flex-grow-1">
            <div class="mb-1">
            <span class="badge badge-danger">[ 內部公告 ]</span>
            <span style="font-size: 1.15rem;" class="font-weight-bold text-secondary">縣長教師節祝福短片</span>
            </div>
            <div class="text-muted small mt-1">
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>資訊組長</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-09-24</span>
            </div>
            </div>
            </div>
            </div>
            </td>
        </tr>
            <tr>
            <!-- 編號欄 -->
            <th scope="row" class="text-center align-top pt-3">10</th>
            <!-- 內容與縮圖整合欄 (無障礙 2.4.4 / 1.1.1 修正:將縮圖與文字合併為單一超連結,縮圖設為 aria-hidden) -->
            <td>
            <div class="py-1">
            <div class="d-flex flex-column flex-md-row align-items-start">
            <div class="flex-grow-1">
            <div class="mb-1">
            <span class="badge badge-danger">[ 內部公告 ]</span>
            <span style="font-size: 1.15rem;" class="font-weight-bold text-secondary">轉知:國立臺中教育大學特殊教育中心訂於115年10月16日辦理「2026融合教育、通用設計...</span>
            </div>
            <div class="text-muted small mt-1">
            <span class="mr-3"><i class="far fa-user mr-1" aria-hidden="true"></i>特教組長</span>
            <span class="mr-3"><i class="far fa-clock mr-1" aria-hidden="true"></i>2026-09-21</span>
            </div>
            </div>
            </div>
            </div>
            </td>
        </tr>
            </tbody>
</table>
<div class="mt-2">
    <a href="https://pyps.chc.edu.tw/posts" class="btn btn-outline-primary btn-sm">
        <i class="far fa-hand-point-up" aria-hidden="true"></i> 查看更多公告...
    </a>
</div>                                                    </div>
            </div>
            </div>
            <div class="shadow rounded gradient-block2">
            <div class="gradient-title2 ">
            <div class="text-left">
            圖片連結
            </div>
            </div>
            <div class="content2" id="block6" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <!-- 頁籤導覽列 -->
<ul class="nav nav-tabs" id="myTab" role="tablist" aria-label="圖片連結分類頁籤">
    <li class="nav-item" role="presentation">
      <button class="nav-link active" id="photo_type_home-tab" data-toggle="tab" data-target="#photo_type_home" type="button" role="tab" aria-controls="photo_type_home" aria-selected="true">全部</button>
    </li>
            <li class="nav-item" role="presentation">
            <button class="nav-link" id="photo_type1-tab" data-toggle="tab" data-target="#photo_type1" type="button" role="tab" aria-controls="photo_type1" aria-selected="false">學習照片</button>
        </li>
            <li class="nav-item" role="presentation">
            <button class="nav-link" id="photo_type2-tab" data-toggle="tab" data-target="#photo_type2" type="button" role="tab" aria-controls="photo_type2" aria-selected="false">培英影視</button>
        </li>
        </ul>
<!-- 頁籤內容區塊 -->
<div class="tab-content pt-3" id="myTabContent">
    <!-- 全部圖片連結 -->
    <div class="tab-pane fade show active" id="photo_type_home" role="tabpanel" aria-labelledby="photo_type_home-tab">
        <div class="container-fluid">
            <div class="row justify-content-start">        
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/fdlGpBLJads?si=RrM4TICK5fKVmrY_" target="_blank" rel="noopener noreferrer" aria-label="1140918 培英國小深耕藝術教育 獲廣達《游於藝》卓越推廣殊榮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/46.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="1140918 培英國小深耕藝術教育 獲廣達《游於藝》卓越推廣殊榮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">1140918 培英國小深耕藝術教育 獲廣達《游於藝》卓越推廣殊榮</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/-lRAmMUptPQ?si=th2i9tuHwr9lR-Xk" target="_blank" rel="noopener noreferrer" aria-label="20250326畢業路跑(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/45.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250326畢業路跑">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250326畢業路跑</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/ZSoz6Q75v1WkdDaq7" target="_blank" rel="noopener noreferrer" aria-label="20250613-畢業典禮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/44.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250613-畢業典禮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250613-畢業典禮</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/DBkTW7t2CxbM3Uep7" target="_blank" rel="noopener noreferrer" aria-label="20250609_711練英文去(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/43.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250609_711練英文去">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250609_711練英文去</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/eUEpQ7gTGAX37tmQ8" target="_blank" rel="noopener noreferrer" aria-label="20250419校慶(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/42.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250419校慶">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250419校慶</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/bqz2cT7KiZwHGRvKA" target="_blank" rel="noopener noreferrer" aria-label="20250326畢業生路跑(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/41.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250326畢業生路跑">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250326畢業生路跑</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/cQhUvUYHj94?si=mFNiFAkqfm9ldoxp" target="_blank" rel="noopener noreferrer" aria-label="20241226 培英聖誕感恩晚會(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/40.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20241226 培英聖誕感恩晚會">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20241226 培英聖誕感恩晚會</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/sCUMn3KLGcXjfZ75A" target="_blank" rel="noopener noreferrer" aria-label="會長交接(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/39.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="會長交接">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">會長交接</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/1n2xGWVLgZ65E3vY7" target="_blank" rel="noopener noreferrer" aria-label="班親會(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/38.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="班親會">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">班親會</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/aEwXv7BF7YUTWpqQ7" target="_blank" rel="noopener noreferrer" aria-label="新生入學(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/37.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="新生入學">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">新生入學</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/kJbkoBuy1Z62njad6" target="_blank" rel="noopener noreferrer" aria-label="20240612畢業典禮_花絮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/36.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240612畢業典禮_花絮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240612畢業典禮_花絮</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/eXXgcuYZpryJFdgeA" target="_blank" rel="noopener noreferrer" aria-label="20240612畢業典禮_離校(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/35.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240612畢業典禮_離校">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240612畢業典禮_離校</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/TbDC5YsoX9FjBPD19" target="_blank" rel="noopener noreferrer" aria-label="20240612畢業典禮_典禮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/34.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240612畢業典禮_典禮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240612畢業典禮_典禮</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/s2zKYkqXsWuES7ZH8" target="_blank" rel="noopener noreferrer" aria-label="20240612畢業典禮_別花(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/33.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240612畢業典禮_別花">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240612畢業典禮_別花</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/m_XWsnApJtY?si=VDiiTEhr8kDSvuJg" target="_blank" rel="noopener noreferrer" aria-label="2024培英國小79屆暨30屆幼兒園畢業典禮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/32.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="2024培英國小79屆暨30屆幼兒園畢業典禮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">2024培英國小79屆暨30屆幼兒園畢業典禮</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/YZpoWf8Vmoo?si=yIZQ6U57FqdbhqU0" target="_blank" rel="noopener noreferrer" aria-label="同樂會廣告(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/31.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="同樂會廣告">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">同樂會廣告</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/7SWQcH5UNn4?si=PBsC06828fJn0mub" target="_blank" rel="noopener noreferrer" aria-label="彰化培英國小百年校慶(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/30.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="彰化培英國小百年校慶">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">彰化培英國小百年校慶</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/rX4Pze0N3tY?si=BmNehHdnyi7uilE1" target="_blank" rel="noopener noreferrer" aria-label="培英學子才藝秀晚會壓軸登場(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/29.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英學子才藝秀晚會壓軸登場">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英學子才藝秀晚會壓軸登場</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/6rrOlpVvDVQ?si=9s1QwTUR7n6a2rWa" target="_blank" rel="noopener noreferrer" aria-label="培英校園好聲音(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/28.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英校園好聲音">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英校園好聲音</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/4FHJ0YIdV6s?si=KVy7sEkyjzqsgamL" target="_blank" rel="noopener noreferrer" aria-label="培英百年校慶系列_卡拉OK(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/27.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英百年校慶系列_卡拉OK">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英百年校慶系列_卡拉OK</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/W-78WZ0SLs0?si=shce5EEi6an9VzX-" target="_blank" rel="noopener noreferrer" aria-label="百年校慶卡拉OK短片(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/26.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="百年校慶卡拉OK短片">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">百年校慶卡拉OK短片</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/ORpQ6OIOgqo?si=VGiBo8VdEmchRTpN" target="_blank" rel="noopener noreferrer" aria-label="百年校慶校園好聲音(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/25.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="百年校慶校園好聲音">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">百年校慶校園好聲音</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/JSbVM2GQvVU?si=IwO3gQWcafCaBoH7" target="_blank" rel="noopener noreferrer" aria-label="培英國小校園好聲音(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/24.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英國小校園好聲音">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英國小校園好聲音</small>
            </figcaption>
            </figure>
            </div>                    
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/t4ePhNbd9w8?si=X9fTVG2QDey1hYkD" target="_blank" rel="noopener noreferrer" aria-label="彰化培英國小校園好聲音熱情開唱(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/23.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="彰化培英國小校園好聲音熱情開唱">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">彰化培英國小校園好聲音熱情開唱</small>
            </figcaption>
            </figure>
            </div>                    
            </div>
            <div class="row mt-2">
            <div class="col">
            <small>
            <a href="https://pyps.chc.edu.tw/photo_links/show" class="btn btn-sm btn-outline-primary">
            <i class="far fa-hand-point-up" aria-hidden="true"></i> 查看更多圖片連結...
            </a>
            </small>
            </div>
            </div>
        </div>
    </div>
    <!-- 各分類圖片連結 -->
            <div class="tab-pane fade" id="photo_type1" role="tabpanel" aria-labelledby="photo_type1-tab">
            <div class="container-fluid">
            <div class="row justify-content-start">
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/ZSoz6Q75v1WkdDaq7" target="_blank" rel="noopener noreferrer" aria-label="20250613-畢業典禮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/44.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250613-畢業典禮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250613-畢業典禮</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/DBkTW7t2CxbM3Uep7" target="_blank" rel="noopener noreferrer" aria-label="20250609_711練英文去(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/43.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250609_711練英文去">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250609_711練英文去</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/eUEpQ7gTGAX37tmQ8" target="_blank" rel="noopener noreferrer" aria-label="20250419校慶(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/42.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250419校慶">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250419校慶</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/bqz2cT7KiZwHGRvKA" target="_blank" rel="noopener noreferrer" aria-label="20250326畢業生路跑(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/41.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250326畢業生路跑">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250326畢業生路跑</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/sCUMn3KLGcXjfZ75A" target="_blank" rel="noopener noreferrer" aria-label="會長交接(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/39.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="會長交接">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">會長交接</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/1n2xGWVLgZ65E3vY7" target="_blank" rel="noopener noreferrer" aria-label="班親會(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/38.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="班親會">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">班親會</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/aEwXv7BF7YUTWpqQ7" target="_blank" rel="noopener noreferrer" aria-label="新生入學(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/37.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="新生入學">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">新生入學</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/kJbkoBuy1Z62njad6" target="_blank" rel="noopener noreferrer" aria-label="20240612畢業典禮_花絮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/36.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240612畢業典禮_花絮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240612畢業典禮_花絮</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/eXXgcuYZpryJFdgeA" target="_blank" rel="noopener noreferrer" aria-label="20240612畢業典禮_離校(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/35.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240612畢業典禮_離校">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240612畢業典禮_離校</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/TbDC5YsoX9FjBPD19" target="_blank" rel="noopener noreferrer" aria-label="20240612畢業典禮_典禮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/34.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240612畢業典禮_典禮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240612畢業典禮_典禮</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/s2zKYkqXsWuES7ZH8" target="_blank" rel="noopener noreferrer" aria-label="20240612畢業典禮_別花(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/33.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240612畢業典禮_別花">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240612畢業典禮_別花</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/6qvXgeBCkaJyx6Ge9" target="_blank" rel="noopener noreferrer" aria-label="20240119學生卡拉OK大賽(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/17.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20240119學生卡拉OK大賽">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20240119學生卡拉OK大賽</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/mKDCAtvC1yp5Yd9q6" target="_blank" rel="noopener noreferrer" aria-label="20231118運動場落成暨親子路跑-合照起跑跑步篇(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/16.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20231118運動場落成暨親子路跑-合照起跑跑步篇">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20231118運動場落成暨親子路跑-合照起跑跑步篇</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/Qjou4ksevcMiXSWm8" target="_blank" rel="noopener noreferrer" aria-label="20231118運動場落成暨親子路跑-典禮及暖身篇(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/15.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20231118運動場落成暨親子路跑-典禮及暖身篇">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20231118運動場落成暨親子路跑-典禮及暖身篇</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/SYFtL9sXDBHcZS9KA" target="_blank" rel="noopener noreferrer" aria-label="20231118運動場落成暨親子路跑-開場表演篇(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/14.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20231118運動場落成暨親子路跑-開場表演篇">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20231118運動場落成暨親子路跑-開場表演篇</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/Ygh1byL1m3az6CPS8" target="_blank" rel="noopener noreferrer" aria-label="20231118運動場落成暨親子路跑-花絮篇(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/13.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20231118運動場落成暨親子路跑-花絮篇">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20231118運動場落成暨親子路跑-花絮篇</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/RF4EtxTALgagV8it8" target="_blank" rel="noopener noreferrer" aria-label="20230614第78屆畢業典禮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/12.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20230614第78屆畢業典禮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20230614第78屆畢業典禮</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/wVpsw5NyHPnwnHPK9" target="_blank" rel="noopener noreferrer" aria-label="20230415校慶(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/11.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20230415校慶">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20230415校慶</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/GPD7dBQne8rj3q898" target="_blank" rel="noopener noreferrer" aria-label="20221216培英感恩晚會(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/10.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20221216培英感恩晚會">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20221216培英感恩晚會</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/HTBfXyna6dC9nBfq8" target="_blank" rel="noopener noreferrer" aria-label="20220225幼兒園防災演練(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/9.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220225幼兒園防災演練">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220225幼兒園防災演練</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/7fpk7SQfHgkB16387" target="_blank" rel="noopener noreferrer" aria-label="20220830新生闖關(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/8.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220830新生闖關">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220830新生闖關</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/3WZvHhpSme2CTXdF7" target="_blank" rel="noopener noreferrer" aria-label="20220830新生入學(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/7.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220830新生入學">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220830新生入學</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/ZPyx21jsbvvL3p8Z8" target="_blank" rel="noopener noreferrer" aria-label="20220615畢業典禮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/6.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220615畢業典禮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220615畢業典禮</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/PBVgVxH4nVn45xWq9" target="_blank" rel="noopener noreferrer" aria-label="20220409 培英98週年校慶(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/5.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220409 培英98週年校慶">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220409 培英98週年校慶</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/mL2PR8kqy9t9FB1V6" target="_blank" rel="noopener noreferrer" aria-label="20220301 廣達游於藝(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/4.JPG" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220301 廣達游於藝">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220301 廣達游於藝</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/FvKq8cDiyqomGBG79" target="_blank" rel="noopener noreferrer" aria-label="20220215友善校務(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/3.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220215友善校務">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220215友善校務</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/takPJ49ZnJimPVHW7" target="_blank" rel="noopener noreferrer" aria-label="20220212地潭元宵晚會(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/2.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220212地潭元宵晚會">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220212地潭元宵晚會</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://photos.app.goo.gl/MCymhkkkaXvAAEyq9" target="_blank" rel="noopener noreferrer" aria-label="20220120期末發表(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/1.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20220120期末發表">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20220120期末發表</small>
            </figcaption>
            </figure>
            </div>
            </div>
            <div class="row mt-2">
            <div class="col">
            <small>
            <a href="https://pyps.chc.edu.tw/photo_links/show/2" class="btn btn-sm btn-outline-primary">
            <i class="far fa-hand-point-up" aria-hidden="true"></i> 查看更多 學習照片 圖片連結...
            </a>
            </small>
            </div>
            </div>
            </div>
        </div>
            <div class="tab-pane fade" id="photo_type2" role="tabpanel" aria-labelledby="photo_type2-tab">
            <div class="container-fluid">
            <div class="row justify-content-start">
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/fdlGpBLJads?si=RrM4TICK5fKVmrY_" target="_blank" rel="noopener noreferrer" aria-label="1140918 培英國小深耕藝術教育 獲廣達《游於藝》卓越推廣殊榮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/46.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="1140918 培英國小深耕藝術教育 獲廣達《游於藝》卓越推廣殊榮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">1140918 培英國小深耕藝術教育 獲廣達《游於藝》卓越推廣殊榮</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/-lRAmMUptPQ?si=th2i9tuHwr9lR-Xk" target="_blank" rel="noopener noreferrer" aria-label="20250326畢業路跑(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/45.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20250326畢業路跑">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20250326畢業路跑</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/cQhUvUYHj94?si=mFNiFAkqfm9ldoxp" target="_blank" rel="noopener noreferrer" aria-label="20241226 培英聖誕感恩晚會(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/40.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="20241226 培英聖誕感恩晚會">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">20241226 培英聖誕感恩晚會</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/m_XWsnApJtY?si=VDiiTEhr8kDSvuJg" target="_blank" rel="noopener noreferrer" aria-label="2024培英國小79屆暨30屆幼兒園畢業典禮(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/32.jpg" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="2024培英國小79屆暨30屆幼兒園畢業典禮">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">2024培英國小79屆暨30屆幼兒園畢業典禮</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/YZpoWf8Vmoo?si=yIZQ6U57FqdbhqU0" target="_blank" rel="noopener noreferrer" aria-label="同樂會廣告(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/31.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="同樂會廣告">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">同樂會廣告</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/7SWQcH5UNn4?si=PBsC06828fJn0mub" target="_blank" rel="noopener noreferrer" aria-label="彰化培英國小百年校慶(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/30.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="彰化培英國小百年校慶">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">彰化培英國小百年校慶</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/rX4Pze0N3tY?si=BmNehHdnyi7uilE1" target="_blank" rel="noopener noreferrer" aria-label="培英學子才藝秀晚會壓軸登場(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/29.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英學子才藝秀晚會壓軸登場">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英學子才藝秀晚會壓軸登場</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/6rrOlpVvDVQ?si=9s1QwTUR7n6a2rWa" target="_blank" rel="noopener noreferrer" aria-label="培英校園好聲音(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/28.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英校園好聲音">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英校園好聲音</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/4FHJ0YIdV6s?si=KVy7sEkyjzqsgamL" target="_blank" rel="noopener noreferrer" aria-label="培英百年校慶系列_卡拉OK(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/27.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英百年校慶系列_卡拉OK">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英百年校慶系列_卡拉OK</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/W-78WZ0SLs0?si=shce5EEi6an9VzX-" target="_blank" rel="noopener noreferrer" aria-label="百年校慶卡拉OK短片(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/26.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="百年校慶卡拉OK短片">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">百年校慶卡拉OK短片</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/ORpQ6OIOgqo?si=VGiBo8VdEmchRTpN" target="_blank" rel="noopener noreferrer" aria-label="百年校慶校園好聲音(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/25.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="百年校慶校園好聲音">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">百年校慶校園好聲音</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/t4ePhNbd9w8?si=X9fTVG2QDey1hYkD" target="_blank" rel="noopener noreferrer" aria-label="彰化培英國小校園好聲音熱情開唱(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/23.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="彰化培英國小校園好聲音熱情開唱">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">彰化培英國小校園好聲音熱情開唱</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/JSbVM2GQvVU?si=IwO3gQWcafCaBoH7" target="_blank" rel="noopener noreferrer" aria-label="培英國小校園好聲音(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/24.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英國小校園好聲音">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英國小校園好聲音</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/RMH3326Qdnk?si=KWON7weN7STUQowz" target="_blank" rel="noopener noreferrer" aria-label="三代校友同堂闖關玩遊戲(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/22.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="三代校友同堂闖關玩遊戲">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">三代校友同堂闖關玩遊戲</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/DhB8Bmxab2M?si=liljtYiAXIW-JhUE" target="_blank" rel="noopener noreferrer" aria-label="培英國小百年校慶三代同堂歡樂聚(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/21.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英國小百年校慶三代同堂歡樂聚">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英國小百年校慶三代同堂歡樂聚</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/50NWtQLjtko?si=p7iaRyca14FHNaET" target="_blank" rel="noopener noreferrer" aria-label="培英百年校慶路跑(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/20.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英百年校慶路跑">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英百年校慶路跑</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/ayZGU5xszgQ?si=5Q0yxYvYktFUSVRt" target="_blank" rel="noopener noreferrer" aria-label="培英親子路跑暨跑道啟用(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/19.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="培英親子路跑暨跑道啟用">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">培英親子路跑暨跑道啟用</small>
            </figcaption>
            </figure>
            </div>
            <div class="col-6 col-sm-4 col-md-3 col-lg-2 col-xl-2 photo-link-item mb-3">
            <figure class="figure w-100 mb-0">
            <a href="https://youtu.be/RbdfLGO2gI4?si=cwFB768y6xRMKIiQ" target="_blank" rel="noopener noreferrer" aria-label="百年路跑行銷(另開新視窗)">
            <img src="https://pyps.chc.edu.tw/storage/074632/photo_links/18.png" 
            class="figure-img img-fluid rounded photo-link-img" 
            alt="百年路跑行銷">
            </a>
            <figcaption class="figure-caption text-center" style="word-wrap: break-word; word-break: break-all;">
            <small class="font-weight-bold">百年路跑行銷</small>
            </figcaption>
            </figure>
            </div>
            </div>
            <div class="row mt-2">
            <div class="col">
            <small>
            <a href="https://pyps.chc.edu.tw/photo_links/show/1" class="btn btn-sm btn-outline-primary">
            <i class="far fa-hand-point-up" aria-hidden="true"></i> 查看更多 培英影視 圖片連結...
            </a>
            </small>
            </div>
            </div>
            </div>
        </div>
        </div>                                                    </div>
            </div>
            </div>
            <div class="shadow rounded soft-block3">
            <div class="soft-title3 ">
            <div class="text-left">
            校園行事曆
            </div>
            </div>
            <div class="content2" id="block20" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <p><iframe frameborder="0" height="800" scrolling="no" src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;ctz=Asia%2FTaipei&amp;bgcolor=%23F6BF26&amp;showPrint=0&amp;showTz=0&amp;src=cHlwc0BtYWlsLnB5cHMuY2hjLmVkdS50dw&amp;src=emgtdHcudGFpd2FuI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&amp;color=%238E24AA&amp;color=%230B8043" style="border:solid 1px #777" width="100%"></iframe></p>
            </div>
            </div>
            </div>
            </div>
            <div class="col-lg-3">
            <div class="shadow rounded block1">
            <div class="title1 ">
            <div class="text-left">
            培英新聞
            </div>
            </div>
            <div class="content2" id="block18" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <p><iframe allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="135" src="https://www.youtube.com/embed/fdlGpBLJads?si=OhxVkUeOpNvopRdA" title="YouTube video player" width="240"></iframe></p>
<!--a=1-->
            </div>
            </div>
            </div>
            <div class="shadow rounded soft-block1">
            <div class="soft-title1 ">
            <div class="text-left">
            培英FB粉絲
            </div>
            </div>
            <div class="content2" id="block22" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <div id="fb-root">&nbsp;</div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v3.2"></script>
<div class="fb-page" data-adapt-container-width="true" data-height="135" data-hide-cover="false" data-href="https://www.facebook.com/PeiYingGuoXiao/" data-show-facepile="false" data-small-header="false" data-tabs="timeline" data-width="240">
<blockquote cite="https://www.facebook.com/PeiYingGuoXiao/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/PeiYingGuoXiao/">彰化縣培英國民小學</a></blockquote>
</div>
            </div>
            </div>
            </div>
            <div class="shadow rounded gradient-block3">
            <div class="gradient-title3 ">
            <div class="text-center">
            全民安全指引
            </div>
            </div>
            <div class="content2" id="block31" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <p style="text-align: center;"><a href="https://www.edu.tw/ PrepareEDU/Default.aspx" target="_blank"><span style="color:#27ae60;">全民安全指引</span></a></p>
            </div>
            </div>
            </div>
            <div class="shadow rounded gradient-block4">
            <div class="gradient-title4 ">
            <div class="text-left">
            「不迷小紅書,青春不迷途」專區
            </div>
            </div>
            <div class="content2" id="block30" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <p><a href="https://eliteracy.edu.tw/Shorts/xiaohongshu.html" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/附件.png" style="width: 240px; height: 76px;" /></a></p>
<!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1--><!--a=1-->
            </div>
            </div>
            </div>
            <div class="shadow rounded block1">
            <div class="title1 ">
            <div class="text-left">
            彰化空汙旗
            </div>
            </div>
            <div class="content2" id="block3" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <div class="container-fluid p-0">
    <div class="card border-0 rounded-0">
        <div class="card-body p-0">
            <div class="form-group mb-0">
            <label for="SiteName" class="sr-only">選擇空氣品質測站</label>
            <select name="SiteName" id="SiteName" class="form-control custom-select rounded-0 shadow-sm font-weight-bold text-dark border-top-0 border-left-0 border-right-0" title="請選擇空氣品質測站" aria-label="選擇空氣品質測站">
            <option value='基隆' >基隆</option><option value='汐止' >汐止</option><option value='新店' >新店</option><option value='土城' >土城</option><option value='板橋' >板橋</option><option value='新莊' >新莊</option><option value='菜寮' >菜寮</option><option value='林口' >林口</option><option value='淡水' >淡水</option><option value='士林' >士林</option><option value='中山' >中山</option><option value='萬華' >萬華</option><option value='古亭' >古亭</option><option value='松山' >松山</option><option value='大同' >大同</option><option value='桃園' >桃園</option><option value='大園' >大園</option><option value='觀音' >觀音</option><option value='平鎮' >平鎮</option><option value='龍潭' >龍潭</option><option value='湖口' >湖口</option><option value='竹東' >竹東</option><option value='新竹' >新竹</option><option value='頭份' >頭份</option><option value='苗栗' >苗栗</option><option value='三義' >三義</option><option value='豐原' >豐原</option><option value='沙鹿' >沙鹿</option><option value='大里' >大里</option><option value='忠明' >忠明</option><option value='西屯' >西屯</option><option value='彰化' selected>彰化</option><option value='線西' >線西</option><option value='二林' >二林</option><option value='南投' >南投</option><option value='斗六' >斗六</option><option value='崙背' >崙背</option><option value='新港' >新港</option><option value='朴子' >朴子</option><option value='臺西' >臺西</option><option value='嘉義' >嘉義</option><option value='新營' >新營</option><option value='善化' >善化</option><option value='安南' >安南</option><option value='臺南' >臺南</option><option value='美濃' >美濃</option><option value='橋頭' >橋頭</option><option value='仁武' >仁武</option><option value='鳳山' >鳳山</option><option value='大寮' >大寮</option><option value='林園' >林園</option><option value='楠梓' >楠梓</option><option value='左營' >左營</option><option value='前金' >前金</option><option value='前鎮' >前鎮</option><option value='小港' >小港</option><option value='屏東' >屏東</option><option value='潮州' >潮州</option><option value='恆春' >恆春</option><option value='臺東' >臺東</option><option value='花蓮' >花蓮</option><option value='陽明' >陽明</option><option value='宜蘭' >宜蘭</option><option value='冬山' >冬山</option><option value='三重' >三重</option><option value='中壢' >中壢</option><option value='竹山' >竹山</option><option value='永和' >永和</option><option value='復興' >復興</option><option value='埔里' >埔里</option><option value='馬祖' >馬祖</option><option value='金門' >金門</option><option value='馬公' >馬公</option><option value='關山' >關山</option><option value='麥寮' >麥寮</option><option value='富貴角' >富貴角</option><option value='大城' >大城</option><option value='臺灣大道' >臺灣大道</option><option value='員林' >員林</option><option value='林森' >林森</option><option value='南投(鹿谷)' >南投(鹿谷)</option><option value='屏東(琉球)' >屏東(琉球)</option><option value='新北(樹林)' >新北(樹林)</option><option value='屏東(枋山)' >屏東(枋山)</option>                </select>
            </div>
            <div class="text-center py-3 bg-white">
            <p class="text-muted small mb-0 font-weight-bold">空氣品質指標 (AQI)</p>
            <h1 class="display-3 font-weight-bold mb-2 text-dark">
            92                </h1>
            <div class="w-100">
            <img src="https://pyps.chc.edu.tw/images/chc_air/100.jpg" class="w-100 d-block" alt="空氣品質等級圖示:目前狀態為普通 (AQI 92)">
            </div>
            </div>
            <div class="text-right text-muted pr-2 pb-2 bg-white">
            <small class="font-italic">
            觀測發布時間:
            2026/10/17 13:00:00                </small>
            </div>
        </div>
    </div>
</div>
<script>
    $('#SiteName').change(
        function(){
            location = "?SiteName=" + encodeURIComponent($('#SiteName').val());
        }
    );
</script>                                                    </div>
            </div>
            </div>
            <div class="shadow rounded gradient-block3">
            <div class="gradient-title3 ">
            <div class="text-center">
            培英單字王專區
            </div>
            </div>
            <div class="content2" id="block29" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <p><img alt="yes" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/thumbs_up.png" title="yes" width="23" />&nbsp;<span style="font-size:11px;"><a href="https://drive.google.com/drive/folders/14Qf9lin5fn292xw1T0rDPk7pZgWqbv9Q?usp=sharing" target="_blank" title="112上學期英語單字王語音檔"><span style="color:#8e44ad;">115上學期英語單字王語音檔</span></a></span></p>
<p><img alt="yes" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/thumbs_up.png" title="yes" width="23" />&nbsp;<span style="font-size:11px;"><a href="https://drive.google.com/drive/folders/1WXA3REXEGzjqt1Rx-OMlzlj8YQMjR5-l?usp=sharing" target="_blank" title="112下學期英語單字王語音檔"><span style="color:#8e44ad;">115下學期英語單字王語音檔</span></a></span></p>
<!--a=1-->
            </div>
            </div>
            </div>
            <div class="shadow rounded block1">
            <div class="title1 ">
            <div class="text-left">
            重要網站
            </div>
            </div>
            <div class="content2" id="block2" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <p>&nbsp; &nbsp; &nbsp;<span style="font-size:16px;"> &nbsp;🛒<span style="color:#d35400;">網站搬移中..</span>.</span></p>
<ul>
    <li><span style="font-size:16px;"><a href="http://ww2.pyps.chc.edu.tw/" target="_blank">舊培英網站</a></span></li>
    <li><span style="font-size:16px;"><a href="http://newboe.chc.edu.tw/" target="_blank">教育處雲端</a></span></li>
    <li><span style="font-size:16px;"><a href="http://school.chc.edu.tw" target="_blank">學校資料平台</a></span></li>
    <li><a href="https://eschool.chc.edu.tw/web-card_fill/" target="_blank"><span style="font-size:16px;">學生卡服務</span></a></li>
    <li><a href="https://www.openclass.chc.edu.tw/years/114/posts" target="_blank"><span style="font-size:16px;">公開課程系統</span></a></li>
    <li><a href="https://cloudschool.chc.edu.tw/" target="_blank"><span style="font-size:16px;">學務系統</span></a></li>
    <li><a href="https://cloud.edu.tw/" target="_blank"><span style="font-size:16px;">教育雲</span></a></li>
</ul>
<!--a=1-->
            </div>
            </div>
            </div>
            <div class="shadow rounded gradient-block3">
            <div class="gradient-title3 ">
            <div class="text-left">
            教育行政
            </div>
            </div>
            <div class="content2" id="block24" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <p><span style="color:#e67e22;"><span style="font-size:16px;"><strong><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /><a href="https://sites.google.com/view/pypssound/%E9%A6%96%E9%A0%81" target="_blank">個人資料保護專區</a></strong></span></span></p>
<p><span style="color:#e67e22;"><span style="font-size:16px;"><strong><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /></strong></span></span><span style="font-size:16px;"><strong><a href="https://drive.google.com/file/d/1Mm3SzPiSFKGqQyuJ1yM3aj5lfJQEMq49/view?usp=sharing" target="_blank"><span style="color:#e67e22;">學生管教辦法</span></a></strong></span></p>
<p><span style="color:#e67e22;"><span style="font-size:16px;"><strong><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /></strong></span></span><span style="font-size:16px;"><strong><a href="https://drive.google.com/file/d/1dVj3y_SQIKaUoCREHtY4GKh6S1e9mONE/view?usp=sharing" target="_blank"><span style="color:#e67e22;">行動載具規範</span></a></strong></span></p>
<p><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /><a href="https://drive.google.com/file/d/1ZsBvAt3W65D5P4chN0FcmgsM2JVWYRb7/view?usp=sharing" target="_blank"><span style="color:#e67e22;"><span style="font-size:16px;"><strong>校園安全規定</strong></span></span></a></p>
<p><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /><a href="https://drive.google.com/file/d/1CHThATLuiAz_2GlH021zDIPPXjvPuG93/view?usp=sharing" target="_blank"><font color="#e67e22"><span style="font-size: 16px;"><b>申訴評議運作要點</b></span></font></a></p>
<p><a href="https://drive.google.com/drive/folders/1nyJFiSSBM8Nh3cyh-Wt0pPxQK38Ioig1?usp=sharing" target="_blank"><span style="color:#27ae60;"><span style="font-size:16px;"><strong><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" />培英國小課程計畫</strong></span></span></a></p>
<p><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /><a href="https://drive.google.com/file/d/1CeRLj3hJA0h2IegehJRliOMMlyrG6-oc/view" target="_blank"><font color="#27ae60"><span style="font-size: 16px;"><b>社區共讀站使用規範</b></span></font></a></p>
<p><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /><a href="https://www.curriculum.chc.edu.tw/years/115/schools" target="_blank"><font color="#27ae60"><span style="font-size: 16px;"><b>課程計畫平台</b></span></font></a></p>
<p><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /><a href="https://cirn.k12ea.gov.tw/" target="_blank"><font color="#27ae60"><span style="font-size: 16px;"><b>課程與教學資源</b></span></font></a></p>
<p><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /><a href="https://docs.google.com/document/d/1oR2K6X_3f6eiW7A9P3AwM787YqkKuVMT/edit" target="_blank"><font color="#27ae60"><span style="font-size: 16px;"><b>行動載具管理辦法</b></span></font></a></p>
<p><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /><a href="https://docs.google.com/document/d/1olYjsvgXP3IRQoQ_00ih19QKud-EorHi/edit" target="_blank"><font color="#27ae60"><span style="font-size: 16px;"><b>冷氣管理辦法</b></span></font></a></p>
<p><font color="#27ae60"><span style="font-size: 16px;"><b><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /></b></span></font><span style="font-size: 16px;"><b><a href="https://drive.google.com/file/d/1PJWylFG09A_TgZVeBXnlQ2gkNEE4s0lx/view" target="_blank"><span style="color:#8e44ad;">性平規定</span></a></b></span></p>
<p><span style="font-size: 16px;"><b><span style="color:#27ae60;"><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /></span><a href="https://docs.google.com/document/d/1B3fVo8FIBCkJn5_XLJB6OAN7-5UOwydR/edit?usp=sharing&amp;ouid=106466492068788592246&amp;rtpof=true&amp;sd=true" target="_blank"><span style="color:#8e44ad;">性平實施計畫</span></a></b></span></p>
<p><span style="font-size: 16px;"><b><span style="color:#27ae60;"><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /></span><a href="https://aode.mnd.gov.tw/" target="_blank"><span style="color:#2980b9;">全民國防教育網</span></a></b></span></p>
<p><span style="font-size: 16px;"><b><font color="#27ae60"><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /></font><a href="https://www.ndea.chc.edu.tw/index.php" target="_blank"><span style="color:#2980b9;">本縣全民國防教育</span></a></b></span></p>
<p><span style="font-size: 16px;"><b><span style="color:#2980b9;"><img alt="enlightened" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/lightbulb.png" title="enlightened" width="23" /></span><a href="https://eliteracy.edu.tw/Games.aspx" target="_blank"><span style="color:#e74c3c;">中小學網路素養與認知</span></a></b></span></p>
<!--a=1--><!--a=1--><!--a=1--><!--a=1-->
            </div>
            </div>
            </div>
            <div class="shadow rounded block1">
            <div class="title1 ">
            <div class="text-left">
            語文教學專區
            </div>
            </div>
            <div class="content2" id="block25" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <p><img alt="laugh" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/teeth_smile.png" title="laugh" width="23" /><span style="font-size:14px;"><a href="https://sites.google.com/view/pyesbilingual" target="_blank"><span style="color:#16a085;">雙語教學網站</span></a></span></p>
<p><a href="https://sites.google.com/view/pypscountry" target="_blank" title="本土語文教學及臺灣母語"><img alt="smiley" height="23" src="https://pyps.chc.edu.tw/mycke/plugins/smiley/images/regular_smile.png" title="smiley" width="23" /><span style="font-size:14px;"><span style="color:#16a085;">本土語文教學及臺灣母語</span></span></a></p>
            </div>
            </div>
            </div>
            <div class="shadow rounded block1">
            <div class="title1 ">
            <div class="text-left">
            學習網站
            </div>
            </div>
            <div class="content2" id="block23" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <ul>
    <li><a href="https://www.pagamo.org/" target="_blank"><strong><span style="color:#8e44ad;"><span style="font-size:16px;">PaGamo遊戲學習</span></span></strong></a></li>
    <li><a href="https://adl.edu.tw/HomePage/home/" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>因材網</b></span></font></a></li>
    <li><a href="https://www.coolenglish.edu.tw/" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>CoolEnglish英語平臺</b></span></font></a></li>
    <li><a href="https://www.cieetrc.chc.edu.tw/" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>彰化縣英語教學資源中心</b></span></font></a></li>
    <li><a href="https://www.junyiacademy.org/" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>均一教育平臺</b></span></font></a></li>
    <li><a href="https://stv.naer.edu.tw/index.jsp" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>國家學院愛學網</b></span></font></a></li>
    <li><a href="https://new.cwk.com.tw/login.php?expr=HLCCGFHCHCGNHDGHCCDKCCEJFAFMHFDEGFDAGEFMHFDFDHDCDIFMHFDGDDDIDIFMHFDGGCDAGBFMHFDHGCGDDEFMHFDFDHDAGEFMHFDFDBDGDHFMHFGGGGDADIEJFADKCADBDCDDCODCDEDBCODEDECODCDCDEFMHFGGGGDADJCCCMCCHFHCGMCCDKCCFMCPCCHN" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>天下雜誌知庫</b></span></font></a></li>
    <li><a href="https://nclibtv.ncl.edu.tw/web/index.php" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>國圖到你家</b></span></font></a></li>
    <li><a href="https://pyps.ebook.hyread.com.tw/" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>培英圖書館</b></span></font></a></li>
    <li><a href="https://read.chc.edu.tw/" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>讀步彰化飛閱雲端</b></span></font></a></li>
    <li><a href="https://eteacher.edu.tw/Default.aspx" target="_blank"><font color="#8e44ad"><span style="font-size: 16px;"><b>網路素養認知</b></span></font></a></li>
</ul>
            </div>
            </div>
            </div>
            <div class="shadow rounded gradient-block3">
            <div class="gradient-title3 ">
            <div class="text-left">
            百年校慶網站
            </div>
            </div>
            <div class="content2" id="block19" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <div>
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
    <tbody>
        <tr>
            <td><a href="https://sites.google.com/mail.pyps.chc.edu.tw/100years/"><img alt="img" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/百年校慶lOGO.png" style="width:100%" /></a></td>
        </tr>
        <tr>
            <td><a href="https://sites.google.com/mail.pyps.chc.edu.tw/py-specialbook?usp=sharing" target="_blank"><img alt="" src="https://pyps.chc.edu.tw/laravel-filemanager/photos/2/培英百年校刊.png" style="width: 100%" /></a></td>
        </tr>
    </tbody>
</table>
</div>
<div style="color:#FFFFFF;font-size: 16px;font-weight:bold;">
<div style="text-align: center;">&nbsp;</div>
</div>
            </div>
            </div>
            </div>
            <div class="shadow rounded block2">
            <div class="title2 ">
            <div class="text-left">
            網管專區
            </div>
            </div>
            <div class="content2" id="block4" style="margin-bottom: 5px;">
            <div class="table-responsive">
            <div class="tree-wrapper p-1">
    <div class="mb-2">
        <button type="button" 
            id="btn-tree-toggle" 
            class="btn btn-outline-secondary btn-sm text-decoration-none px-2 py-1" 
            data-status="closed"
            aria-expanded="false"
            aria-label="展開或收合所有目錄">
            <i class="fas fa-folder-open me-1" aria-hidden="true"></i> 全部打開
        </button>
    </div>
    <ul class="list-group list-group-flush bg-transparent ps-0" role="group"><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://info.chcg.gov.tw/" target="_blank" rel="noopener noreferrer" title="彰化縣機關資源整合服務平台 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣機關資源整合服務平台</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://ddnss.chc.edu.tw/" target="_blank" rel="noopener noreferrer" title="彰化縣DNS管理系統 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣DNS管理系統</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://drill.cert.tanet.edu.tw/prog/index.php" target="_blank" rel="noopener noreferrer" title="彰化縣資安通報演練平台 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣資安通報演練平台</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://mdm.edu.tw/" target="_blank" rel="noopener noreferrer" title="教育部載具管理系統 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">教育部載具管理系統</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://info.cert.tanet.edu.tw/prog/index.php" target="_blank" rel="noopener noreferrer" title="彰化縣資安通報平台 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣資安通報平台</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://spm.nat.gov.tw/Account/Login" target="_blank" rel="noopener noreferrer" title="彰化縣資安管考系統 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣資安管考系統</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://snm.chc.edu.tw/login.php" target="_blank" rel="noopener noreferrer" title="彰化縣智慧網路管理平台 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣智慧網路管理平台</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://eschool.chc.edu.tw/" target="_blank" rel="noopener noreferrer" title="彰化縣親師生平台(e指通) (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣親師生平台(e指通)</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://eschool.chc.edu.tw/web-sso/rest/Redirect/login/page/normal?returnUrl=https://eschool.chc.edu.tw/WebAuth.do" target="_blank" rel="noopener noreferrer" title="彰化縣e指通登入介面 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣e指通登入介面</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://pads.moe.edu.tw/pads_front/index.php" target="_blank" rel="noopener noreferrer" title="彰化縣縣網研習資訊 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">彰化縣縣網研習資訊</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://nebula.zyxel.com/" target="_blank" rel="noopener noreferrer" title="ZYXEL管理系統 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">ZYXEL管理系統</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://pads.moe.edu.tw/pads_front/index.php" target="_blank" rel="noopener noreferrer" title="推動中小學精進方案人口網 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">推動中小學精進方案人口網</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="http://QuickConnect.to/pypsnas/" target="_blank" rel="noopener noreferrer" title="雲端硬碟 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">雲端硬碟</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://192-168-5-66.pypsnas.direct.quickconnect.to/wordpress/" target="_blank" rel="noopener noreferrer" title="個人網站 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">個人網站</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li><li class="list-group-item border-0 px-0 bg-transparent py-0 tree-item" role="treeitem" aria-level="1"><div class="tree-leaf-item"><a href="https://eservice.leosys.com/chc" target="_blank" rel="noopener noreferrer" title="國眾電腦線上報修平台 (另開新視窗)" class="tree-link"><span class="tree-slot-arrow"></span><span class="tree-slot-icon"><i class="fas fa-link fa-fw text-secondary" aria-hidden="true"></i></span><span class="tree-title-text">國眾電腦線上報修平台</span><i class="fas fa-external-link-alt ms-1 text-muted" style="font-size: 0.65rem;" aria-hidden="true"></i><span class="visually-hidden sr-only">(另開新視窗)</span></a></div></li></ul></div>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        // A. 單一目錄切換 (同步更新 aria-expanded 屬性與 css display)
        const wrapper = document.querySelector('.tree-wrapper');
        if (wrapper) {
            wrapper.addEventListener('click', function(e) {
            const btn = e.target.closest('.tree-toggle-btn');
            if (!btn) return;
            const targetId = btn.getAttribute('data-target');
            const targetEl = document.querySelector(targetId);
            if (!targetEl) return;
            const isExpanded = btn.getAttribute('aria-expanded') === 'true';
            if (isExpanded) {
            btn.setAttribute('aria-expanded', 'false');
            targetEl.classList.remove('show');
            } else {
            btn.setAttribute('aria-expanded', 'true');
            targetEl.classList.add('show');
            }
            });
        }
        // B. 「全部打開 / 全部關閉」按鈕邏輯
        const toggleBtn = document.getElementById('btn-tree-toggle');
        if (toggleBtn) {
            toggleBtn.addEventListener('click', function() {
            const currentStatus = this.getAttribute('data-status');
            const collapseElements = document.querySelectorAll('.tree-collapse');
            const titleButtons = document.querySelectorAll('.tree-toggle-btn');
            if (currentStatus === 'closed') {
            collapseElements.forEach(el => el.classList.add('show'));
            titleButtons.forEach(btn => btn.setAttribute('aria-expanded', 'true'));
            this.innerHTML = '<i class="fas fa-folder me-1" aria-hidden="true"></i> 全部關閉';
            this.setAttribute('data-status', 'opened');
            this.setAttribute('aria-expanded', 'true');
            } else {
            collapseElements.forEach(el => el.classList.remove('show'));
            titleButtons.forEach(btn => btn.setAttribute('aria-expanded', 'false'));
            this.innerHTML = '<i class="fas fa-folder-open me-1" aria-hidden="true"></i> 全部打開';
            this.setAttribute('data-status', 'closed');
            this.setAttribute('aria-expanded', 'false');
            }
            });
        }
    });
</script>                                                    </div>
            </div>
            </div>
            </div>
    </div>
    <script>
        function open_window(url,name)
        {
            window.open(url,name,'statusbar=no,scrollbars=yes,status=yes,resizable=yes,width=900,height=800');
        }
        /* 無障礙控制:輪播圖暫停 / 播放 & 分頁點鍵盤操作控制器 */
        $(document).ready(function() {
            var $carousel =$('#carouselExampleIndicators');
            var $toggleBtn =$('#carouselToggleBtn');
            var isPaused = false;
            if ($carousel.length) {
            // 1. 無障礙 2.1.1 核心修正:分頁點支援鍵盤按下 Enter (13) 或 Space (32) 觸發切換
            $carousel.find('.carousel-indicators li').on('keydown', function(e) {
            if (e.which === 13 || e.which === 32) {
            e.preventDefault();
            $(this).click();
            }
            });
            // 2. 無障礙狀態同步:當輪播圖切換時,自動同步更新 aria-selected 屬性
            $carousel.on('slid.bs.carousel', function (e) {
            var $indicators =$(this).find('.carousel-indicators li');
            $indicators.attr('aria-selected', 'false');$indicators.eq(e.to).attr('aria-selected', 'true');
            });
            if ($toggleBtn.length) {
            // 防止按鈕觸控事件向外傳遞給輪播容器
            $toggleBtn.on('touchstart touchend touchmove click', function(e) {
            e.stopPropagation();
            });
            // 切換暫停與播放邏輯
            $toggleBtn.on('click', function(e) {
            e.preventDefault();
            var instance = $carousel.data('bs.carousel');
            if (!isPaused) {
            isPaused = true;
            $carousel.carousel('pause');
            if (instance) {
            instance._config.interval = false;
            if (instance.touchTimeout) {
            clearTimeout(instance.touchTimeout);
            instance.touchTimeout = null;
            }
            if (instance._interval) {
            clearInterval(instance._interval);
            instance._interval = null;
            }
            }
            $(this).attr('aria-pressed', 'true')
            .attr('aria-label', '播放輪播圖片')
            .html('<i class="fas fa-play me-1" aria-hidden="true"></i> <span>播放輪播</span>');
            } else {
            isPaused = false;
            if (instance) {
            instance._config.interval = 5000;
            }
            $carousel.carousel('cycle');
            $(this).attr('aria-pressed', 'false')
            .attr('aria-label', '暫停輪播圖片')
            .html('<i class="fas fa-pause me-1" aria-hidden="true"></i> <span>暫停輪播</span>');
            }
            });
            // 雙重保險:手勢滑動切換圖片時,若處於暫停狀態則強制保持暫停
            $carousel.on('slide.bs.carousel slid.bs.carousel', function () {
            if (isPaused) {
            $carousel.carousel('pause');
            var instance = $carousel.data('bs.carousel');
            if (instance) {
            instance._config.interval = false;
            }
            }
            });
            // 焦點控制(Tab 鍵進入時暫停,離開時恢復)
            $carousel.on('focusin', function() {
            if (!isPaused) {
            $carousel.carousel('pause');
            }
            }).on('focusout', function() {
            if (!isPaused) {
            $carousel.carousel('cycle');
            }
            });
            }
            }
        });
    </script>
</main>
<br>
<br>
<div>
            <footer class="font-small py-4" id="footer" tabindex="-1" role="contentinfo" aria-label="頁尾資訊區">
            <div class="container-fluid text-center text-md-left">
            <div class="row justify-content-center">
            <div class="col-md-11">                            
            <div>
<table border="0" cellpadding="1" cellspacing="1" style="width:100%;">
    <tbody>
        <tr>
            <td align="left" bgcolor="green" valign="top" width="70%">
            <ul>
            <li><span style="color:#ffff00;">校址:彰化縣和美鎮彰新路五段310號 [ 地圖 ]</span></li>
            <li><span style="color:#ffff00;">電話:04-7552430 | 傳真:04-7551461</span></li>
            <li><span style="color:#ffff00;">幼兒園電話:04-7579493</span></li>
            <li><span style="color:#ffff00;">學校代碼:074632 | OID:2.16.886.111.90010.90003.100005</span></li>
            <li><span style="color:#ffff00;">No.310, Sec. 5, Zhangxin Rd., Hemei Township, Changhua County 508, Taiwan (R.O.C.)</span></li>
            <li><span style="color:#ffff00;">Phone : 04-7552430 Fax : 04-7551461</span></li>
            <li><span style="color:#ffff00;">網站維護:培英國小資訊組 04-7552430#117 </span><a href="mailto:[email protected]" rel="nofollow" target="_blank"><span style="color:#ffff00;">[email protected]</span></a></li>
            <li><span style="color:#ffff00;">瀏覽器建議:Chrome、Firefox 或 IE10 以上</span></li>
            </ul>
            </td>
            <td align="center" width="30%"><iframe allowfullscreen="" height="240" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3641.0635891930415!2d120.50806180931741!3d24.13440487832026!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346940bdd7d56c81%3A0x4633442da5d962!2z5b2w5YyW57ij5ZKM576O6Y6u5Z-56Iux5ZyL5rCR5bCP5a24!5e0!3m2!1szh-TW!2stw!4v1717637994178!5m2!1szh-TW!2stw" style="border:0;" width="300"></iframe></td>
        </tr>
    </tbody>
</table>
</div>
            </div>
            </div>
            </div>
        </footer>
</div>
<script src="https://pyps.chc.edu.tw/js/popper2.min.js"></script>
<script src="https://pyps.chc.edu.tw/bootstrap/js/bootstrap.min.js"></script>
<script src="https://pyps.chc.edu.tw/js/bootstrap-navbar.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
    /* =========================================================
       全域 AccessKey 無障礙快捷鍵與焦點鎖定 (Prevent default URL hash)
       ========================================================= */
    // 1. 上方主要導覽區 (Alt + U)
    $(document).on('click', 'a[href="#navbar"], a[href="#page-top"], a[accesskey="U"]', function(e) {
        e.preventDefault();
        var $nav = $('#navbar');
        if (!$nav.length) {
            $nav = $('.navbar').first();
        }
        if (!$nav.length) {
            $nav = $('#navbar-container');
        }
        if ($nav.length) {
            $nav.attr('tabindex', '-1').focus();
            $('html, body').animate({
            scrollTop: 0
            }, 100);
        }
    });
    // 2. 中央主要內容區 (Alt + C)
    $(document).on('click', 'a[href="#main-content"], a[accesskey="C"]', function(e) {
        e.preventDefault();
        var $main = $('#main-content');
        if ($main.length) {
            $main.attr('tabindex', '-1').focus();
            $('html, body').animate({
            scrollTop: $main.offset().top - 15
            }, 100);
        }
    });
    // 3. 下方底部資訊區 (Alt + Z) - 僅在頁面有 #footer 時作用
    $(document).on('click', 'a[href="#footer"], a[accesskey="Z"]', function(e) {
        e.preventDefault();
        var $footer = $('#footer');
        if (!$footer.length) {
            $footer = $('footer').first();
        }
        if ($footer.length) {
            $footer.attr('tabindex', '-1').focus();
            $('html, body').animate({
            scrollTop: $footer.offset().top - 20
            }, 100);
        }
    });
});
</script>
</body>
</html>

Latest requests

# Url Url Source Date
1 https://pyps.chc.edu.tw/ 2026-10-17 05:53:05
2 https://featurepolicy.info/ 2026-10-17 05:53:04
3 https://www.thebolditalic.com/?gi=… 2026-10-17 05:53:04
4 https://caliadventurer.com/ 2026-10-17 05:53:03
5 https://www.thebolditalic.com/?gi=… 2026-10-17 05:53:03
6 https://cesarmswza.webdesign96.com/ 2026-10-17 05:53:02
7 https://www.thebolditalic.com/?gi=… 2026-10-17 05:53:00
8 https://www.thebolditalic.com/?gi=… 2026-10-17 05:53:00
9 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:59
10 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:59
11 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:59
12 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:58
13 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:57
14 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:57
15 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:56
16 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:55
17 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:55
18 https://vselogo.ru/ 2026-10-17 05:52:54
19 http://sekken-life.com/life/cgi-bi… 2026-10-17 05:52:54
20 https://www.thebolditalic.com/?gi=… 2026-10-17 05:52:54