PageSourceSearch

https://aa.archives.gov.tw/ELK/NAAMaterialTotalList/?cnid=109815

html archives.gov.tw collected 2026-10-02 10:48:56 UTC 90,951 bytes, 1,683 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-Hant-tw" dir=ltr>
3<!-- 請協助處理-->
4<!-- _Layout_Head 是放 js css的地方,儘量把此頁 link 的 css js 放在_Layout_Head-->
5<!-- 因為在這裡已經包進來,所以就看的到,讓首頁和內頁都一致-->
6<head>
7    <meta charset="UTF-8">
8    <meta name="viewport" content="width=device-width, initial-scale=1.0">
9    <meta name="description" content="文檔資訊整合管理服務平台、國家檔案資訊網、民眾端">
10    <meta name="keywords" content="文檔資訊整合管理服務平台、國家檔案資訊網">
11    <meta name="author" content="">
12    <meta name="copyright" content="國家檔案資訊網版權所有">
13    <meta http-equiv="X-UA-Compatible" content="IE=edge">
14    <meta http-equiv="Expires" CONTENT="0">
15    <meta http-equiv="Cache-Control" CONTENT="no-cache">
16    <meta http-equiv="Pragma" CONTENT="no-cache">
17    <title>國家檔案資訊網 | 首頁</title>
18    <link rel="icon" href="/Content/NewContent/images/icon/aa.ico">
19    <link rel="apple-touch-icon" sizes="57x57" href="/Content/NewContent/images/icon/Icon-57.png">
20    <link rel="apple-touch-icon" sizes="72x72" href="/Content/NewContent/images/icon/Icon-72.png">
21    <link rel="apple-touch-icon" sizes="114x114" href="/Content/NewContent/images/icon/Icon-114.png">
22    <link rel="apple-touch-icon" sizes="144x144" href="/Content/NewContent/images/icon/Icon-144.png">
23    <!-- CSS -->
24    <link rel="stylesheet" href="/Content/NewContent/bs-533/css/bootstrap.min.css">
25    <link rel="stylesheet" href="/Content/bootstrap-table/dist/extensions/page-jumpto/bootstrap-table-jumpto.css" />
26    <link rel="stylesheet" href="/Content/bootstrap-table/dist/extensions/reorder-rows/bootstrap-table-reorder-rows.css" />
27    <link rel="stylesheet" href="/Content/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css">
28    <link rel="stylesheet" href="/Content/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css">
29    <link rel="stylesheet" href="/Content/NewContent/fonts/style.css">
30    <link rel="stylesheet" href="/Content/NewContent/css/style.css">
31    <link rel="stylesheet" href="/Content/NewContent/css/media.css">
32    <link rel="stylesheet" href="/Content/NewContent/css/alternativestyle.css">
33
34
35    <!-- JS -->
36    
36<script src="/Content/NewContent/bs-533/js/bootstrap.bundle.min.js"></script>
36
37    
37<script src="/Content/js/jquery-3.7.1.min.js"></script>
37
38    
38<script src="/Content/OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
38
39    
39<script src="/Content/NewContent/js/highcharts.js"></script>
39
40    
40<script src="/Content/NewContent/js/variable-pie.js"></script>
40
41    
41<script src="/Content/NewContent/js/accessibility.js"></script>
41
42    
42<script src="/Content/NewContent/js/plus.js"></script>
42
43
44    
44<script src="/Content/js/appsettings.js"></script>
44
45    
45<script src="/Content/NewContent/js/apinew.js"></script>
45
46
47    
47<script src="/Content/js/main.js"></script>
47
48    
48<script src="/Content/js/wow.min.js"></script>
48
49    
49<script src="/Content/js/indexedDB.js"></script>
49
50    
50<script src="/Content/TableDnD/jquery.tablednd.min.js"></script>
50
51
52    
52<script src="/Content/bootstrap-table/dist/bootstrap-table.js"></script>
52
53    
53<script src="/Content/bootstrap-table/dist/extensions/reorder-rows/bootstrap-table-reorder-rows.min.js"></script>
53
54    
54<script src="/Content/bootstrap-table/dist/extensions/page-jumpto/bootstrap-table-jumpto.js" type="text/javascript"></script>
54
55    
55<script src="/Content/bootstrap-table/dist/locale/bootstrap-table-zh-TW.min.js"></script>
55
56    
56<script src="/Content/bootstrap-table/dist/extensions/export/bootstrap-table-export.js"></script>
56
57
58    <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 69 bytes, lines 58-59
58
59    <script async src="https://www.googletagmanager.com/gtag/js?id=
59G-K2SZ0PTM50
vendor: 17 bytes, lines 59-60
59"></script>
60    
60<script>
61        
vendor: 159 bytes, lines 61-65
61window.dataLayer = window.dataLayer || [];
62        function gtag() { dataLayer.push(arguments); }
63        gtag('js', new Date());
64
65        gtag('config', '
65G-K2SZ0PTM50
vendor: 9 bytes, lines 65-66
65');
66    
66</script>
66
67    <!-- Google tag (gtag.js) -->
68</head><body>
69    <span id="top"></span>
70    <noscript>
71        Your browser does not support JavaScript!
72        您的瀏覽器不支援JavaScript功能。第一,若網頁功能無法正常使用時,請開啟瀏覽器JavaScript狀態。第二,字級大小請利用鍵盤按住Ctrl + (+)放大 (-)縮小來改變
73    </noscript>
74    <a href="#AC" class="focusable position-absolute top-0 start-0 border-0 overflow-hidden p-0 text-nowrap"
75       title="跳到中央主要內容區塊[快捷鍵Alt+C]">
76        <span>跳到中央主要內容區塊</span>
77    </a>
78
79    
79<script>
80        var acclabel = "會員";
81        if (acclabel.length > 0)
82            sessionStorage.setItem("AccountLabel", "會員");
83    </script>
83
84
85<nav class="navbar navbar-expand-xxl bg-white border-bottom border-2 border-gray-b2">
86    <div class="container-fluid">
87        <div id="google_translate_element" class="d-none"></div>
88        <div class="key-mark position-relative">
89            <a href="#AU" id="AU" accesskey="U" class="position-absolute top-0 start-0 fs-6 text-black" title="上方選單區塊[快捷鍵Alt+U]">
90                <span>:::</span>
91                <span class="visually-hidden">上方選單區塊</span>
92            </a>
93        </div>
94        <div class="col-xxl-11 mx-xxl-auto col-12">
95            <div class="d-flex gap-4 align-items-lg-center align-items-end top-area">
96                <h1 class="d-inline-block mb-0 order-xxl-1">
97                    <a class="navbar-brand d-inline-block me-0" href="" name="indexhtml" title="首頁">
98                        <img class="w-100" src="/Content/NewContent/images/logo-small.png" alt="國家檔案資訊網logo">
99                        <span class="invisible position-absolute z-01">國家檔案資訊網</span>
100                    </a>
101                </h1>
102                <div class="pt-md-4 text-center order-xxl-2 offcanvas offcanvas-start" tabindex="-1" id="main-menu-list" aria-labelledby="main-menu-list">
103                    <div class="offcanvas-header">
104                        <button type="button" class="btn-close fs-4" data-bs-dismiss="offcanvas" aria-label="關閉主要選單" title="關閉主要選單">
105                        </button>
106                    </div>
107                    <div class="d-md-none d-flex align-items-center justify-content-between mb-3 pb-3 border-bottom border-2">
108                        <!-- 語系、登入 -->
109                        <div>
110                            <a class="btn" href="javascript:toggleGoogTrans();" role="button" aria-label="語系選項" title="切換語言">
111                                <img class="w-100" src="/Content/NewContent/images/icon/language-small.png" alt="語系選項圖示"><span class="invisible position-absolute z-01">語系選項</span>
112                            </a>
113                        </div>
114                        <ul class="top-link list-unstyled d-flex align-items-center mb-0">
115                            <li><img class="w-100" src="/Content/NewContent/images/icon/logo-line-1.png" alt=""></li>
116                            <li>
117                                <a href="" name="indexhtml" class="btn" title="前往-首頁">
118                                    <span class="icon-home"></span><span class="invisible position-absolute z-01">返回首頁</span>
119                                </a>
120                            </li>
121                            <li class="px-1">|</li>
122                            <li>
123                                <a href="" name="sitemaphtml" class="btn" title="前往-網站導覽">
124                                    <span class="icon-sitemap"></span>
125                                    <span class="invisible position-absolute z-01">網站導覽</span>
126                                </a>
127                            </li>
128                            <li class="px-1">|</li>
129                            <li>
130                                <a href="" name="blankhtml" class="btn" title="前往-國家檔案館[另開視窗]" target="_blank">
131                                    <img src="/Content/NewContent/images/icon/logo-line.png" alt="">
132                                    <span class="invisible position-absolute z-01">國家檔案館</span>
133                                </a>
134                            </li>
135                        </ul>
136                    </div>
137                    <ul id="PeopleMain" class="navbar-nav gap-3 mb-2 mb-lg-0 justify-content-lg-center text-start px-lg-0 px-4">
138                    </ul>
139                </div>
140                <!-- 語系、登入 -->
141                <ul class="login-lang list-unstyled d-flex gap-2 align-items-center mb-0 pt-lg-4 order-xxl-3 flex-wrap">
142                    <li class="d-md-block d-none">
143                        <a class="btn" style="min-width: 55px;" href="javascript:toggleGoogTrans();" role="button" aria-label="語系選項" title="切換語言">
144                            <img class="w-100" src="/Content/NewContent/images/icon/language-small.png" alt="語系選項圖示">
145                            <span class="invisible position-absolute z-01">語系選項</span>
146                        </a>
147                    </li>
148                    <li>
149                        <span id="AccountLabel" style="display:none;" translate="no">會員</span>
150                        <div class="login-btn">
151                                    <a class="btn py-0 bg-gray-ea d-flex gap-2 align-items-center" href="/API/v1" title="前往-登入">
152                                        <span class="icon-user-login text-gray-64 fs-4"></span>
153                                        <span class="text-gray-64 fs-5 fw-bold">登入</span>
154                                    </a>
155                        </div>
156                    </li>
157                </ul>
158                <!-- 返回首頁、網站導覽、國家檔案館 -->
159                <ul class="top-link list-unstyled d-sm-flex d-none align-items-center mb-0 pt-lg-4 order-xxl-4 position-absolute end-0 top-0">
160                    <li><img class="w-100" src="/Content/NewContent/images/icon/logo-line-1.png" alt=""></li>
161                    <li>
162                        <a href="" name="indexhtml" class="btn" title="前往-首頁">
163                            <span class="icon-home"></span><span class="invisible position-absolute z-01">返回首頁</span>
164                        </a>
165                    </li>
166                    <li class="px-1">|</li>
167                    <li>
168                        <a href="" name="sitemaphtml" class="btn" title="前往-網站導覽">
169                            <span class="icon-sitemap"></span><span class="invisible position-absolute z-01">網站導覽</span>
170                        </a>
171                    </li>
172                    <li class="px-1">|</li>
173                    <li>
174                        <a href="" name="blankhtml" class="btn" title="前往國家發展委員會檔案管理局[另開視窗]" target="_blank">
175                            <img src="/Content/NewContent/images/icon/logo-line.png" alt=""><span class="invisible position-absolute z-01">國家檔案館</span>
176                        </a>
177                    </li>
178                </ul>
179                <button class="navbar-toggler mt-md-4" type="button" data-bs-toggle="offcanvas" data-bs-target="#main-menu-list" aria-controls="main-menu-list" title="開啟主要選單" aria-label="開啟主要選單">
180                    <span class="navbar-toggler-icon"></span>
181                </button>
182
183            </div>
184        </div>
185    </div>
186</nav>
187
188<!--Seaech-bar START-->
189
190<div class="page-search">
191    <div class="container container-xxxl position-relative">
192        <div class="key-mark position-relative">
193            <a id="AS" href="#AS" accesskey="S" class="position-absolute top-0 start-100 fs-6 text-decoration-none" title="全站搜尋區塊">
194                <span>:::</span>
195                <span class="visually-hidden">全站搜尋</span>
196            </a>
197        </div>
198        <div class="position-absolute top-0 end-0">
199            <!-- 搜尋按鈕 -->
200            <div class="col-xxl-11 col-12 mx-xxl-auto text-end">
201                <div class="p-3">
202                    <button type="button" class="col-auto btn for-btn btn-success rounded-1 border-0"
203                            data-bs-toggle="offcanvas" data-bs-target="#page-search" aria-controls="page-search" title="開啟簡易搜尋頁面">
204                        <span class="icon-search"></span>
205                        <span class="visually-hidden ">搜尋</span>
206                    </button>
207                </div>
208            </div>
209            <div class="offcanvas offcanvas-top" tabindex="-1" id="page-search" aria-labelledby="page-search">
210                <div class="offcanvas-header">
211                    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
212                </div>
213                <div class="offcanvas-body d-flex justify-content-center">
214                    <div class="card bg-transparent border-0 col-xxl-7">
215                        <div class="card-body px-0">
216                            <div class="d-flex align-items-stretch border border-success rounded-2 mb-3">
217                                <div class="col d-flex align-items-center bg-white rounded-start rounded-2 p-md-3">
218                                    <div class="col-auto px-md-3 border-end border-1 border-dark-4d">
219                                        <label for="easy-search"
220                                               class="col-form-label fs-4 text-dark-4d letter-spacing-2 px-2 py-0">簡易搜尋</label>
221                                    </div>
222                                    <div class="col">
223                                        <input type="search" id="easy-search" class="form-control border-0 fs-4"
224                                               placeholder="輸入中文關鍵字">
225                                    </div>
226                                </div>
227                                <button onclick="commonSearch('')"
228                                        onkeypress="commonSearch('')"
229                                        type="button" class="col-auto btn for-btn btn-success px-md-4 rounded-2" title="搜尋圖示按鈕">
230                                    <span class="icon-search fs-1"></span>
231                                    <span class="visually-hidden">搜尋</span>
232                                </button>
233                            </div>
234                            <div class="d-flex flex-md-nowrap flex-wrap gap-2 align-items-md-center justify-content-md-center py-2">
235                                <span class="text-dark-emphasis fs-18 ps-lg-2 d-md-inline d-block col-md-auto col-12">限制搜尋條件:</span>
236                                <div class="form-check d-flex align-items-center gap-1">
237                                    <input class="form-check-input mt-0 border-gray-a9" type="checkbox" value="QueryRange3"
238                                           id="text-video-public">
239                                    <label class="form-check-label text-dark-20 fs-18" for="text-video-public">
240                                        全文影像公開
241                                    </label>
242                                </div>
243                                <div class="form-check d-flex align-items-center gap-1">
244                                    <input class="form-check-input mt-0 border-gray-a9" type="checkbox" value="1"
245                                           id="digitized" >
246                                    <label class="form-check-label text-dark-20 fs-18" for="digitized">
247                                        已數位化
248                                    </label>
249                                </div>
250                                <div class="form-check d-flex align-items-center gap-1">
251                                    <input class="form-check-input mt-0 border-gray-a9" type="checkbox" value="1"
252                                           id="political-archives">
253                                    <label class="form-check-label text-dark-20 fs-18" for="political-archives">
254                                        政治檔案
255                                    </label>
256                                </div>
257                            </div>
258                        </div>
259                    </div>
260                </div>
261            </div>
262        </div>
263    </div>
264</div>
265
266<form id="simpsearch" name="simpsearch" method="get" action="/ELK/SimpSearch">
267    <input type="hidden" id="q" name="q" value="">
268    <input type="hidden" name="PageNow" value="1">
269    <input type="hidden" name="DisplayNumber" value="20">
270    <input type="hidden" name="QueryRange1" id="QueryRange1" value="">
271    <input type="hidden" name="QueryRange2" id="QueryRange2" value="">
272    <input type="hidden" name="QueryRange3" id="QueryRange3" value="">
273    <input type="hidden" name="QueryRange4" id="QueryRange4" value="">
274</form>
275
276<script>
277    function commonSearch(search_data, QueryRange1 = '1') {
278        var q = document.getElementById('easy-search').value;
279
280        var check2 = document.getElementById("political-archives").checked;
281        var check3 = document.getElementById("text-video-public").checked;
282        var check4 = document.getElementById("digitized").checked;
283        //判斷下拉式選項的值
284        //判斷下拉式選項的值
285        if (check2) {
286            document.getElementById("QueryRange2").value = 1;
287        }
288        else {
289            document.getElementById("QueryRange2").value = "";
290        }
291        if (check3) {
292            document.getElementById("QueryRange3").value = "QueryRange3";
293        }
294        else {
295            document.getElementById("QueryRange3").value = "";
296        }
297        if (check4) {
298            document.getElementById("QueryRange4").value = 1;
299        }
300        else {
301            document.getElementById("QueryRange4").value = "";
302        }
303        if (check2 || check3 || check4) {
304            document.getElementById("QueryRange1").value = QueryRange1;
305        }
306        else {
307            document.getElementById("QueryRange1").value = "all";
308        }
309        document.getElementById("q").value = q;
310        var myForm = document.getElementById('simpsearch');
311        myForm.submit();
312    }
313    function commonAdv(Search_data, ETSyear, ETSMonth, ETSDay) {
314        const form = document.createElement('form');
315        form.method = 'post';
316        form.action = '/ELK/AdvSearchResult';
317        const hiddenField = document.createElement('input');
318        hiddenField.type = 'hidden';
319        hiddenField.name = 'q1';
320        hiddenField.value = Search_data;
321        form.appendChild(hiddenField);
322        const hiddenField1 = document.createElement('input');
323        hiddenField1.type = 'hidden';
324        hiddenField1.name = 'QueryRange1';
325        hiddenField1.value = 'all';
326        form.appendChild(hiddenField1);
327        const hiddenField2 = document.createElement('input');
328        hiddenField2.type = 'hidden';
329        hiddenField2.name = 'IfQueryRange2';
330        hiddenField2.value = '1';
331        form.appendChild(hiddenField2);
332        const hiddenField3 = document.createElement('input');
333        hiddenField3.type = 'hidden';
334        hiddenField3.name = 'IfQueryRange4';
335        hiddenField3.value = '1';
336        form.appendChild(hiddenField3);
337        const hiddenField4 = document.createElement('input');
338        hiddenField4.type = 'hidden';
339        hiddenField4.name = 'QueryField1';
340        hiddenField4.value = 'fondTitle';
341        form.appendChild(hiddenField4);
342        const hiddenField5 = document.createElement('input');
343        hiddenField5.type = 'hidden';
344        hiddenField5.name = 'ExpectedTransferStartDate';
345        hiddenField5.value = ETSyear + "-" + ETSMonth + "-" + ETSDay;
346        form.appendChild(hiddenField5);
347        const hiddenField8 = document.createElement('input');
348        hiddenField8.type = 'hidden';
349        hiddenField8.name = 'FileLevel';
350        hiddenField8.value = 'Folder';
351        form.appendChild(hiddenField8);
352        const hiddenField9 = document.createElement('input');
353        hiddenField9.type = 'hidden';
354        hiddenField9.name = 'ETSDay';
355        hiddenField9.value = ETSDay;
356        form.appendChild(hiddenField9);
357        const hiddenField10 = document.createElement('input');
358        hiddenField10.type = 'hidden';
359        hiddenField10.name = 'PageNow';
360        hiddenField10.value = '1';
361        form.appendChild(hiddenField10);
362        const hiddenField11 = document.createElement('input');
363        hiddenField11.type = 'hidden';
364        hiddenField11.name = 'DisplayNumber';
365        hiddenField11.value = '20';
366        form.appendChild(hiddenField11);
367        document.body.appendChild(form);
368        form.submit();
369    }
370
371    var keyWord1 = getUrlPar('q');
372    var st = getUrlPar('searchType');
373
374
375    if (keyWord1 !== undefined) {
376        document.getElementById('easy-search').value = keyWord1;
377    }
378
379
380    if (st == "1") {
381        document.getElementById('searchType').value = 2;
382    }
383
384    document.addEventListener("DOMContentLoaded", function (event) {
385        readbrowseTimesIndex(siteId);
386    });
387
388    function readbrowseTimesIndex(id) {
389        if (id) {
390            var url = apiUrl + "/api/BrowseTimes/" + id;
391            var cookiename = "aavisitdate";
392            var expiretime = getCookie('aavisitdate');
393            var date = new Date();
394            var isSetCookie = true;
395            if (expiretime !== null) {
396                var thisDate = new Date(expiretime);
397                if (date < thisDate) {
398                    url = apiUrl + "/api/BrowseTimes/getCount/" + id;
399                    isSetCookie = false;
400                } else {
401                    eraseCookie(cookiename);
402                }
403            }
404            if (isSetCookie) {
405                var timeperiod = 5;
406                var expires = "";
407                date.setTime(date.getTime() + (timeperiod * 60 * 1000));
408                expires = "; expires=" + date.toUTCString();
409                document.cookie = cookiename + "=" + date.toUTCString() + expires + "; path=/; SameSite=Lax; Secure";
410            }
411
412            $.get(url, function () {
413            }).done(function (data) {
414                if (typeof renderbrowseTimesIndex !== 'undefined') {
415                    renderbrowseTimesIndex(data);
416                }
417            }).fail(function () {
418            });
419        }
420    }
421</script>
421<!--Seaech-bar END-->
422
423<script>
424
425    $(window).bind("pageshow", function () {
426        $("#CheckLogin").click();
427    });
428
429    $("#CheckLogin").on("click", function () {
430        //檢查登入狀態 Start
431
432        var obj = { data: "" };
433
434        $.ajax({
435            url: '/MemberCenter/LoginCheck',
436            data: obj,
437            type: 'POST',
438            async: false,
439            timeout: 3,
440            success: function (data) {
441                if (data == "0") {
442                    sessionStorage.setItem("isLoginAdded", "0");
443                }
444                else {
445                    sessionStorage.setItem("isLoginAdded", "1");
446                }
447            },
448            complete: function () {
449                $("#IsShowLogin").click();
450            }
451        });
452
453        //檢查登入狀態 End
454    });
455
456    $("#IsShowLogin").on("click", function () {
457        var MemberName = "";
458        if ($("#membername").length > 0) {
459            MemberName = $("#membername").text();
460        }
461
462        var Accountlabel = "";
463        if ($("#AccountLabel").length > 0) {
464            Accountlabel = $("#AccountLabel").text();
465        }
466
467        var isLogin = sessionStorage.getItem("isLoginAdded");
468        var AccLabel = sessionStorage.getItem("AccountLabel");
469
470        var path = location.pathname;
471        var patharray = path.split('/');
472        var pathweb = patharray[patharray.length - 1];
473
474        if (MemberName.length != 0 && isLogin == '0') {
475            sessionStorage.setItem("FromAddFolder", "1");
476            if (pathweb == "MyApplication" || pathweb == "MyArchivesCart" || pathweb == "PendingList" || pathweb == "MyApplicationHistory" || pathweb == "MyAttachment") {
477                alert("請先會員登入!");
478                window.location.href = "/API/v1";
479            }
480            else {
481                document.getElementById('LoginStatus').innerHTML = '<button class="btn btn-primary" onclick="javascript:location.href=\'/API/v1\'" onkeypress="javascript:location.href=\'/API/v1\'" title="前往-登入" type="button">登入</button>';
482                document.getElementById('CarCount').innerHTML = '';
483            }
484        }
485        else
486        {
487            if (AccLabel != null) {
488                if (AccLabel.length > 0) {
489                    if (Accountlabel != AccLabel) {
490                        if (pathweb != "MemberLogin") {
491                            alert("偵測到身分與系統不一致,將為您重新整理頁面,並導向首頁!");
492                            window.location.href = "/Home/Index";
493                        }
494                    }
495                }
496            }
497        }
498
499        $("#LoginStatus").removeAttr("style");
500    });
501
502
503    //WebConfig
504    //閒置提醒時間 預設20分鐘
505    var settingIdleAlertTime = '20';
506    //閒置上限時間 預設30分鐘
507    var settingIdleTime = '30';
508    //登入上限時間 預設60分鐘
509    var settingLogoutTime = '60';
510    //登入提醒時間 預設15分鐘
511    var settingLogoutAlertTime = '15';
512
513    var idleTime = 0;
514    var AutoLogoutTime = 0;
515    var CountDownSecond = settingIdleTime;
516    var AutoLogoutSecond = settingLogoutTime;
517    localStorage.setItem("idleTime", idleTime);
518    localStorage.setItem("CountDownSecond", settingIdleTime);
519
520
521    function timerIncrement() {
522        CountDownSecond = parseInt(localStorage.getItem("CountDownSecond"));
523        idleTime = parseInt(localStorage.getItem("idleTime"));
524
525        localStorage.setItem("idleTime", idleTime + 1);
526        localStorage.setItem("CountDownSecond", CountDownSecond-1);
527
528
529        if (idleTime > settingIdleAlertTime && idleTime < settingIdleTime) {
530            displayMsg("lblLogoutMsg", "為保障資料安全,您的畫面靜置未操作,系統將於 " + CountDownSecond + " 分鐘後自動登出,謝謝!")
531        }
532        else if (idleTime > settingIdleTime) {
533            idleTime = 0;
534        $.ajax({
535            type: "POST",
536            url: "/Home/DeleteSession",
537            contentType: "application/json; charset=utf-8",
538            dataType: "html",
539            async: false,
540            success: function (result, status, xhr) {
541                localStorage.removeItem("idleTime");
542                localStorage.removeItem("CountDownSecond");
543                if (result == "Y") {
544                    var PINUrl = 'https://www.cp.gov.tw/portal/';
545                    var LogoutUrl = 'https://aa.archives.gov.tw/Home/Logout';
546                    var CancelUrl = 'https://aa.archives.gov.tw';
547
548                    alert("成功登出!");
549                    sessionStorage.setItem("isLoginAdded", "0");
550                    window.location.href = "/Home/Index";
551                }
552                else {
553                    alert("成功登出!");
554                    sessionStorage.setItem("isLoginAdded", "0");
555                    window.location.href = "/Home/Index";
556                }
557
558            },
559            error: function (xhr, status, error) {
560                alert("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText);
561                }
562            });
563        }
564    }
565
566    function displayMsg(tagId, msg) {
567        var t = document.getElementById(tagId);
568        $(t).text(msg);
569        $(t).removeClass();
570    }
571
572
573    //登出時呼叫API
574    $('#logout').click(function () {
575        idleTime = 0;
576        sessionStorage.clear();
577        $.ajax({
578            type: "POST",
579            url: "/Home/DeleteSession",
580            contentType: "application/json; charset=utf-8",
581            dataType: "html",
582            async: false,
583            success: function (result, status, xhr) {
584                localStorage.removeItem("idleTime");
585                localStorage.removeItem("CountDownSecond");
586                    if (result == "Y") {
587                        var PINUrl = 'https://www.cp.gov.tw/portal/';
588                        var LogoutUrl = 'https://aa.archives.gov.tw/Home/Logout';
589                        var CancelUrl = 'https://aa.archives.gov.tw';
590
591                        alert("成功登出!");
592                        sessionStorage.setItem("isLoginAdded", "0");
593                        window.location.href = "/Home/Index";
594                    }
595                    else {
596                        alert("成功登出!");
597                        sessionStorage.setItem("isLoginAdded", "0");
598                        window.location.href = "/Home/Index";
599                }
600            },
601            error: function (xhr, status, error) {
602                alert("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText);
603            }
604        });
605    });
606
607    $(document).ready(function () {
608
609        var isLogin = 'False';
610        var haveMemberId = '';
611
612        if (isLogin == "True") {
613
614            if (haveMemberId != "" || haveMemberId != null) {
615                var idleInterval = setInterval(timerIncrement, 60000); // 1 minut
616
617                //Zero the idle timer on mouse movement.
618                $(this).mousemove(function (e) {
619                    CountDownSecond = settingIdleTime;
620                    idleTime = 0;
621                    localStorage.setItem("idleTime", 0);
622                    localStorage.setItem("CountDownSecond", settingIdleTime);
623                    displayMsg("lblLogoutMsg", "會員 ")
624                });
625                $(this).keypress(function (e) {
626                    CountDownSecond = settingIdleTime;
627                    idleTime = 0;
628                    localStorage.setItem("idleTime", 0);
629                    localStorage.setItem("CountDownSecond", settingIdleTime);
630                    displayMsg("lblLogoutMsg", "會員 ")
631                });
632                //Increment the idle time counter every minute.
633            }
634            else {
635                alert("您尚未補齊身分證字號,請先至「會員中心 \ 會員資料頁面」更新資料。");
636            }
637        }
638    });
639
640    function googleTranslateElementInit() {
641        new google.translate.TranslateElement(
642            {
643                pageLanguage: 'zh-TW',  // 預設網站語言
644                includedLanguages: 'en',  // 支援的語言
645                layout: google.translate.TranslateElement.InlineLayout.SIMPLE, // 簡單選單樣式
646                autoDisplay: true  // 停用自動彈出
647            },
648            'google_translate_element'
649        );
650        if ($("#goog-gt-votingInputSrcLang").length > 0) {
651            $("#goog-gt-votingInputSrcLang").attr('aria-label', '投票輸入原始語言');
652        }
653        if ($("#goog-gt-votingInputTrgLang").length > 0) {
654            $("#goog-gt-votingInputTrgLang").attr('aria-label', '投票輸入策略語言');
655        }
656        if ($("#goog-gt-votingInputSrcText").length > 0) {
657            $("#goog-gt-votingInputSrcText").attr('aria-label', '投票輸入來源文字');
658        }
659        if ($("#goog-gt-votingInputTrgText").length > 0) {
660            $("#goog-gt-votingInputTrgText").attr('aria-label', '投票輸入框文本');
661        }
662        if ($("#goog-gt-votingInputVote").length > 0) {
663            $("#goog-gt-votingInputVote").attr('aria-label', '投票輸入投票');
664        }
665        if ($("[name='votingFrame']").length > 0) {
666            $("[name='votingFrame']").attr('title', '投票框架');
667        }
668    }
669
670</script>
vendor: 2 bytes, line 670
670
671<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
671
672
673    <!--/麵包屑(請不要拿掉,這裡是動態載入)-->
674    <div class="main-img-show">
675        <div class="container container-xxxl">
676            <div class="py-3">
677                <div aria-label="breadcrumb">
678                    <ol class="breadcrumb fs-14 mb-0" id="breadcrumb">
679                        <!--/麵包屑範例-->
680                    </ol>
681                </div>
682            </div>
683        </div>
684    </div>
685    <!--Main START-->
686    <main>
687        <div class="key-mark position-relative">
688            <a href="#AC" id="AC" accesskey="C" class="position-absolute top-0 start-0 fs-6 text-decoration-none" title="中央主要內容區塊[快捷鍵Alt+C]">
689                <span>:::</span>
690                <span class="visually-hidden">中央主要內容區塊</span>
691            </a>
692        </div>
693        <!--主要內容區塊 START-->
694        
695<style>
696    .naec-img {
697        height: 260px;
698        overflow: hidden;
699        background-color: #f5f5f5;
700        position: relative;
701    }
702
703        .naec-img img {
704            width: 100%;
705            height: 100%;
706            object-fit: cover;
707            display: block;
708        }
709
710    .material-item {
711        content-visibility: auto;
712        contain-intrinsic-size: 500px;
713    }
714
715    .applyImage {
716        visibility: hidden;
717    }
718
719        .applyImage.is-loaded,
720        .applyImage.is-error {
721            visibility: visible;
722        }
723
724    .img-loading-mask {
725        position: absolute;
726        inset: 0;
727        display: flex;
728        align-items: center;
729        justify-content: center;
730        font-size: 14px;
731        color: #666;
732        background: linear-gradient(90deg, #f3f3f3 25%, #ececec 37%, #f3f3f3 63%);
733        background-size: 400% 100%;
734        animation: naecLoading 1.4s ease infinite;
735    }
736
737    @keyframes naecLoading {
738        0% {
739            background-position: 100% 50%;
740        }
741
742        100% {
743            background-position: 0 50%;
744        }
745    }
746
747    .img-loading-mask.is-hide {
748        display: none;
749    }
750
751    .page-sort-inline {
752        display: flex;
753        align-items: center;
754        gap: 4px;
755    }
756
757    /* 分頁按鈕統一尺寸 */
758    .pagination .page-item .page-link {
759        min-width: 36px;
760        min-height: 36px;
761        display: flex;
762        align-items: center;
763        justify-content: center;
764        padding: 4px 8px;
765        font-size: 0.95rem;
766        box-sizing: border-box;
767    }
768
769    @media (max-width: 991.98px) {
770        .page-sort-inline {
771            flex-wrap: wrap;
772            justify-content: center;
773        }
774
775        .naec-img {
776            height: 220px;
777        }
778
779        /* 手機版:分頁按鈕固定尺寸,避免大小不一 */
780        .pagination .page-item .page-link {
781            min-width: 34px;
782            min-height: 34px;
783            padding: 2px 6px;
784            font-size: 0.85rem;
785        }
786
787        /* 手機版:pagination 允許換行,讓排序區段移到第二行 */
788        .pagination {
789            flex-wrap: wrap !important;
790            justify-content: center;
791        }
792
793        /* 手機版:隱藏超出範圍的頁碼,僅顯示前後各2頁 */
794        .pagination .page-item.page-num-item {
795            display: none;
796        }
797
798        .pagination .page-item.page-num-item.page-nearby {
799            display: flex;
800        }
801
802        /* 手機版:排序區域占滿整行,強制換到第二行並置中 */
803        .pagination > li.page-sort-inline {
804            flex: 0 0 100%;
805            display: flex;
806            align-items: center;
807            justify-content: center;
808            gap: 4px;
809            border: none !important;
810            padding: 4px 0 0 0;
811        }
812
813        /* 手機版:排序區域獨立一行置中,stretch確保分頁區域取得完整寬度 */
814        .page-box {
815            flex-direction: column !important;
816            align-items: stretch !important;
817        }
818
819        .page-box > div[aria-label] {
820            display: flex;
821            flex-direction: column;
822            align-items: center;
823        }
824    }
825
826    .icon-home {
827        color: #dc3545; /* 這裡可以調整你想要的紅色深淺 */
828    }
829
830    /* 圖像/影音 checkbox 樣式 */
831    .media-check .form-check-input {
832        width: 1.25em;
833        height: 1.25em;
834        margin-top: 0.15em;
835        cursor: pointer;
836        border: 2px solid #6c757d;
837    }
838
839        .media-check .form-check-input:checked {
840            background-color: #198754;
841            border-color: #198754;
842        }
843
844    .media-check .form-check-label {
845        cursor: pointer;
846        font-size: 1rem;
847        user-select: none;
848    }
849
850    .media-check-hint {
851        color: #dc3545;
852        font-size: 0.9rem;
853        white-space: nowrap;
854    }
855</style>
856
857<div class="naec main-img pb-5">
858    <div class="container container-xxxl">
859        <div class="py-4">
860            <h2 class="section-heading text-dark fs-36 fw-bold d-flex gap-2 align-items-center ps-lg-0 ps-2">
861                <a href="/API/v1/ELK/NAAMaterialTotalList" class="text-decoration-none text-dark" title="國家檔案加值素材">
862                    <span class="icon-home"></span>
863                    <span class="text-dark">&nbsp;國家檔案加值素材</span>
864                </a>
865                <a href="/API/v1/ELK/NAAMaterialTotalList" class="btn" title="前往-國家檔案加值素材" style="display:none">
866                    <span class="icon-home">前往-國家檔案加值素材</span>
867                    <span class="invisible position-absolute z-01">前往-國家檔案加值素材</span>
868                </a>
869            </h2>
870        </div>
871
872        <div style="padding:0 3% 1% 3%">
873            <p class="fs-5 fw-bold mb-0 py-lg-0 py-1 ps-lg-4 pe-lg-0 px-2">
874                想知道國家檔案裡藏著多少動人的畫面嗎?為讓更多人輕鬆應用豐富的檔案資源,檔案管理局精選具代表性的圖像與影音,整理為「國家檔案加值素材」,內容開放大眾使用,並採取創用CC 姓名標示–非商業性– 禁止改作 4.0 國際授權條款釋出。歡迎探索、查詢,發掘這些畫面背後的故事,也為創作與學習注入更多靈感!
875            </p>
876        </div>
877
878        <article>
879            <div class="row gy-2 gx-3 align-items-center" style="margin:1% 0 1% 0">
880                <div class="col d-flex flex-md-nowrap flex-wrap gap-2 align-items-center">
881                    <div class="col-lg-2">
882					<select class="form-select" id="SelectCategory" title="類別" aria-labelledby="SelectCategoryLabel"></select>
883                    </div>
884                    <button class="btn btn-danger" title="查詢" type="button" onclick="loadD
884ata()" style="display:none">GO</button>
885                    <div class="col-lg-6 col-12 d-flex">
886                        <p id="Politic_qLabel" class="visually-hidden">國家檔案加值素材類別</p>
887                        <input type="search"
888                               onkeydown="if(event.key === 'Enter'){ loadData(); }"
889                               class="form-control"
890                               id="Politic_q"
891                               title="關鍵字"
892                               value=""
893                               autocomplete="off"
894                               placeholder="關鍵字"
895                               aria-labelledby="Politic_qLabel" />
896                    </div>
897                    <div class="col text-md-start text-end">
898                        <button class="btn btn-danger" title="搜尋" type="button" onclick="loadData()">GO</button>
899                    </div>
900                </div>
901            </div>
902            <div class="row gy-2 gx-3 align-items-center" style="margin:1% 0 1% 0">
903                <div class="col d-flex flex-md-nowrap flex-wrap gap-2 align-items-center">
904                    <p id="SelectCategoryLabel" class="visually-hidden">國家檔案加值素材類別</p>
905                    <div class="form-check form-check-inline media-check mb-0">
906                        <input class="form-check-input" type="checkbox" id="chkImg" value="img" checked>
907                        <label class="form-check-label" for="chkImg">圖像</label>
908                    </div>
909                    <div class="form-check form-check-inline media-check mb-0">
910                        <input class="form-check-input" type="checkbox" id="chkVedio" value="vedio" checked>
911                        <label class="form-check-label" for="chkVedio">影音</label>
912                    </div>
913                </div>
914            </div>
915
916            <div class="d-flex flex-lg-nowrap flex-wrap gap-3 px-3 py-2 align-items-center justify-content-lg-start justify-content-center bg-gray-90 text-white">
917                <div class="page-all d-flex flex-lg-nowrap flex-wrap gap-lg-3 gap-2 align-items-center justify-content-lg-start justify-content-center">
918                    <div>
919                        總計
920                        <span class="px-1">1769</span>筆資料,共 197 頁
921                    </div>
922                </div>
923            </div>
924
925            <div class="d-flex flex-lg-nowrap flex-wrap gap-3 px-3 py-2 align-items-center justify-content-lg-end justify-content-center bg-gray-90 text-white">
926                <div class="page-box d-flex flex-lg-row flex-column gap-3 align-items-center">
927                    <div aria-label="頁次">
928                        <ul class="pagination mb-0 flex-nowrap gap-lg-0 gap-1 justify-content-center">
929
930                                    <li class="page-item page-num-item page-nearby border border-white border-end-0 rounded-start active" aria-current="page">
931                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','1')" aria-label="第 1 頁" disabled>1</button>
932                                    </li>
933                                    <li class="page-item page-num-item page-nearby border border-white border-end-0 ">
934                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','2')" aria-label="第 2 頁">2</button>
935                                    </li>
936                                    <li class="page-item page-num-item page-nearby border border-white border-end-0 ">
937                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','3')" aria-label="第 3 頁">3</button>
938                                    </li>
939                                    <li class="page-item page-num-item  border border-white border-end-0 ">
940                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','4')" aria-label="第 4 頁">4</button>
941                                    </li>
942                                    <li class="page-item page-num-item  border border-white border-end-0 ">
943                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','5')" aria-label="第 5 頁">5</button>
944                                    </li>
945                                    <li class="page-item page-num-item  border border-white border-end-0 ">
946                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','6')" aria-label="第 6 頁">6</button>
947                                    </li>
948                                    <li class="page-item page-num-item  border border-white border-end-0 ">
949                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','7')" aria-label="第 7 頁">7</button>
950                                    </li>
951                                    <li class="page-item page-num-item  border border-white border-end-0 ">
952                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','8')" aria-label="第 8 頁">8</button>
953                                    </li>
954                                    <li class="page-item page-num-item  border border-white border-end-0 ">
955                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','9')" aria-label="第 9 頁">9</button>
956                                    </li>
957                                    <li class="page-item page-num-item  border border-white border-end-0 ">
958                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','10')" aria-label="第 10 頁">10</button>
959                                    </li>
960
961                                <li class="page-item border border-white border-end-0">
962                                    <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('next','1')" aria-label="下一頁">
963                                        <span class="icon-page-next" aria-hidden="true"></span>
964                                        <span class="visually-hidden">下一頁</span>
965                                    </button>
966                                </li>
967
968                            <li class="page-item border border-white rounded-end">
969                                <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('final','197')" aria-label="最終頁">
970                                    <span class="icon-page-end" aria-hidden="true"></span>
971                                    <span class="visually-hidden">最終頁</span>
972                                </button>
973                            </li>
974                            <li class="page-sort-inline">
975                                <span><b>╱</b></span>
976                                <span><b>依</b></span>
977                                <p id="selectFieldLabel" class="visually-hidden">搜尋結果排序方式</p>
978                                <select class="form-select" id="selectField" name="selectField" title="排序方式" aria-labelledby="selectFieldLabel">
979                                    <option value="Category" title="依據檔案類型排序">檔案類型</option>
980                                    <option value="ClickNum" title="依據點閱次數排序">點閱次數</option>
981                                    <option value="ORGNM" title="依據來源機關排序">來源機關</option>
982                                    <option value="DID" title="依據產生時間排序">產生時間</option>
983                                </select>
984                                <button class="btn btn-danger" title="切換排序" type="button" onclick="loadD
984ata()">GO</button>
985                            </li>
986                        </ul>
987                    </div>
988                </div>
989            </div>
990        </article>
991
992        <div class="search-results d-flex justify-content-center mb-md-4 mb-5 pb-md-0 pb-3">
993            <div class="d-inline-block">
994                <div class="d-flex flex-md-row flex-column align-items-lg-center align-items-md-stretch">
995                </div>
996            </div>
997        </div>
998
999        <article>
1000            <div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 row-cols-xxl-3 g-lg-4 g-3 mb-xl-5 mb-4">
1001                        <div class="col position-relative material-item">
1002                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2178)" class="card h-100 text-decoration-none" title="太魯閣國家公園峽谷景觀">
1003                                <div class="naec-img overflow-hidden">
1004                                    <div class="img-loading-mask">載入中...</div>
1005                                    <img class="object-fit-cover w-100 h-100 applyImage"
1006                                         data-filename="hp-0120410070-i.jpg"
1007                                         alt="太魯閣國家公園峽谷景觀 圖示"
1008                                         src=""
1009                                         loading="lazy"
1010                                         decoding="async" />
1011                                </div>
1012                                <div class="card-body p-2">
1013                                    <div class="mb-2">
1014                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1015                                    </div>
1016                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1017                                        <span>太魯閣國家公園峽谷景觀</span>
1018                                    </h3>
1019                                    <ul class="list-unstyled">
1020                                        <li class="mb-2 fs-14 lh-sm">
1021                                            <span>案名:</span>
1022                                            <span>臺灣新視界2005</span>
1023                                        </li>
1024                                        <li class="mb-2 fs-14 lh-sm">
1025                                            <span>檔號:</span>
1026                                            <span>A325000000E/0095/2041/1</span>
1027                                        </li>
1028                                        <li class="mb-2 fs-14 lh-sm">
1029                                            <span>來源機關:</span>
1030                                            <span>行政院新聞局</span>
1031                                        </li>
1032                                        <li class="text-primary-emphasis date-start-end">
1033                                            <span class="content-title">點閱次數:</span>
1034                                            <span>233 &nbsp;&nbsp;次</span>
1035                                        </li>
1036                                    </ul>
1037                                </div>
1038                            </a>
1039                        </div>
1040                        <div class="col position-relative material-item">
1041                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2671)" class="card h-100 text-decoration-none" title="世界糖果文化節於臺南蕭壠文化園區&#xFF08;佳里糖廠&#xFF09;">
1042                                <div class="naec-img overflow-hidden">
1043                                    <div class="img-loading-mask">載入中...</div>
1044                                    <img class="object-fit-cover w-100 h-100 applyImage"
1045                                         data-filename="hp-0120410047-i.jpg"
1046                                         alt="世界糖果文化節於臺南蕭壠文化園區&#xFF08;佳里糖廠&#xFF09; 圖示"
1047                                         src=""
1048                                         loading="lazy"
1049                                         decoding="async" />
1050                                </div>
1051                                <div class="card-body p-2">
1052                                    <div class="mb-2">
1053                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1054                                    </div>
1055                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1056                                        <span>世界糖果文化節於臺南蕭壠文化園區&#xFF08;佳里糖廠&#xFF09;</span>
1057                                    </h3>
1058                                    <ul class="list-unstyled">
1059                                        <li class="mb-2 fs-14 lh-sm">
1060                                            <span>案名:</span>
1061                                            <span>臺灣新視界2005</span>
1062                                        </li>
1063                                        <li class="mb-2 fs-14 lh-sm">
1064                                            <span>檔號:</span>
1065                                            <span>A325000000E/0095/2041/1</span>
1066                                        </li>
1067                                        <li class="mb-2 fs-14 lh-sm">
1068                                            <span>來源機關:</span>
1069                                            <span>行政院新聞局</span>
1070                                        </li>
1071                                        <li class="text-primary-emphasis date-start-end">
1072                                            <span class="content-title">點閱次數:</span>
1073                                            <span>83 &nbsp;&nbsp;次</span>
1074                                        </li>
1075                                    </ul>
1076                                </div>
1077                            </a>
1078                        </div>
1079                        <div class="col position-relative material-item">
1080                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2759)" class="card h-100 text-decoration-none" title="臺灣鯛">
1081                                <div class="naec-img overflow-hidden">
1082                                    <div class="img-loading-mask">載入中...</div>
1083                                    <img class="object-fit-cover w-100 h-100 applyImage"
1084                                         data-filename="hp-0120410059-i.jpg"
1085                                         alt="臺灣鯛 圖示"
1086                                         src=""
1087                                         loading="lazy"
1088                                         decoding="async" />
1089                                </div>
1090                                <div class="card-body p-2">
1091                                    <div class="mb-2">
1092                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1093                                    </div>
1094                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1095                                        <span>臺灣鯛</span>
1096                                    </h3>
1097                                    <ul class="list-unstyled">
1098                                        <li class="mb-2 fs-14 lh-sm">
1099                                            <span>案名:</span>
1100                                            <span>臺灣新視界2005</span>
1101                                        </li>
1102                                        <li class="mb-2 fs-14 lh-sm">
1103                                            <span>檔號:</span>
1104                                            <span>A325000000E/0095/2041/1</span>
1105                                        </li>
1106                                        <li class="mb-2 fs-14 lh-sm">
1107                                            <span>來源機關:</span>
1108                                            <span>行政院新聞局</span>
1109                                        </li>
1110                                        <li class="text-primary-emphasis date-start-end">
1111                                            <span class="content-title">點閱次數:</span>
1112                                            <span>86 &nbsp;&nbsp;次</span>
1113                                        </li>
1114                                    </ul>
1115                                </div>
1116                            </a>
1117                        </div>
1118                        <div class="col position-relative material-item">
1119                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2890)" class="card h-100 text-decoration-none" title="高雄舊火車站搬遷工程">
1120                                <div class="naec-img overflow-hidden">
1121                                    <div class="img-loading-mask">載入中...</div>
1122                                    <img class="object-fit-cover w-100 h-100 applyImage"
1123                                         data-filename="hp-0120440018-i.jpg"
1124                                         alt="高雄舊火車站搬遷工程 圖示"
1125                                         src=""
1126                                         loading="lazy"
1127                                         decoding="async" />
1128                                </div>
1129                                <div class="card-body p-2">
1130                                    <div class="mb-2">
1131                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1132                                    </div>
1133                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1134                                        <span>高雄舊火車站搬遷工程</span>
1135                                    </h3>
1136                                    <ul class="list-unstyled">
1137                                        <li class="mb-2 fs-14 lh-sm">
1138                                            <span>案名:</span>
1139                                            <span>健康臺灣攝影比賽&#x3001;綺麗臺灣</span>
1140                                        </li>
1141                                        <li class="mb-2 fs-14 lh-sm">
1142                                            <span>檔號:</span>
1143                                            <span>A325000000E/0094/2044/1</span>
1144                                        </li>
1145                                        <li class="mb-2 fs-14 lh-sm">
1146                                            <span>來源機關:</span>
1147                                            <span>行政院新聞局</span>
1148                                        </li>
1149                                        <li class="text-primary-emphasis date-start-end">
1150                                            <span class="content-title">點閱次數:</span>
1151                                            <span>172 &nbsp;&nbsp;次</span>
1152                                        </li>
1153                                    </ul>
1154                                </div>
1155                            </a>
1156                        </div>
1157                        <div class="col position-relative material-item">
1158                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2371)" class="card h-100 text-decoration-none" title="中華美食展">
1159                                <div class="naec-img overflow-hidden">
1160                                    <div class="img-loading-mask">載入中...</div>
1161                                    <img class="object-fit-cover w-100 h-100 applyImage"
1162                                         data-filename="000557.jpg"
1163                                         alt="中華美食展 圖示"
1164                                         src=""
1165                                         loading="lazy"
1166                                         decoding="async" />
1167                                </div>
1168                                <div class="card-body p-2">
1169                                    <div class="mb-2">
1170                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1171                                    </div>
1172                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1173                                        <span>中華美食展</span>
1174                                    </h3>
1175                                    <ul class="list-unstyled">
1176                                        <li class="mb-2 fs-14 lh-sm">
1177                                            <span>案名:</span>
1178                                            <span>宜蘭觀光</span>
1179                                        </li>
1180                                        <li class="mb-2 fs-14 lh-sm">
1181                                            <span>檔號:</span>
1182                                            <span>A325000000E/0093/S224/1</span>
1183                                        </li>
1184                                        <li class="mb-2 fs-14 lh-sm">
1185                                            <span>來源機關:</span>
1186                                            <span>行政院新聞局</span>
1187                                        </li>
1188                                        <li class="text-primary-emphasis date-start-end">
1189                                            <span class="content-title">點閱次數:</span>
1190                                            <span>70 &nbsp;&nbsp;次</span>
1191                                        </li>
1192                                    </ul>
1193                                </div>
1194                            </a>
1195                        </div>
1196                        <div class="col position-relative material-item">
1197                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2660)" class="card h-100 text-decoration-none" title="清境農場歐風民宿建築">
1198                                <div class="naec-img overflow-hidden">
1199                                    <div class="img-loading-mask">載入中...</div>
1200                                    <img class="object-fit-cover w-100 h-100 applyImage"
1201                                         data-filename="hp-0120330054-i.jpg"
1202                                         alt="清境農場歐風民宿建築 圖示"
1203                                         src=""
1204                                         loading="lazy"
1205                                         decoding="async" />
1206                                </div>
1207                                <div class="card-body p-2">
1208                                    <div class="mb-2">
1209                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1210                                    </div>
1211                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1212                                        <span>清境農場歐風民宿建築</span>
1213                                    </h3>
1214                                    <ul class="list-unstyled">
1215                                        <li class="mb-2 fs-14 lh-sm">
1216                                            <span>案名:</span>
1217                                            <span>72水災&#x3001;921災後重建&#x3001;南投國際風箏節</span>
1218                                        </li>
1219                                        <li class="mb-2 fs-14 lh-sm">
1220                                            <span>檔號:</span>
1221                                            <span>A325000000E/0094/2033/1</span>
1222                                        </li>
1223                                        <li class="mb-2 fs-14 lh-sm">
1224                                            <span>來源機關:</span>
1225                                            <span>行政院新聞局</span>
1226                                        </li>
1227                                        <li class="text-primary-emphasis date-start-end">
1228                                            <span class="content-title">點閱次數:</span>
1229                                            <span>62 &nbsp;&nbsp;次</span>
1230                                        </li>
1231                                    </ul>
1232                                </div>
1233                            </a>
1234                        </div>
1235                        <div class="col position-relative material-item">
1236                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2653)" class="card h-100 text-decoration-none" title="清境農場山坡一隅">
1237                                <div class="naec-img overflow-hidden">
1238                                    <div class="img-loading-mask">載入中...</div>
1239                                    <img class="object-fit-cover w-100 h-100 applyImage"
1240                                         data-filename="hp-0120370056-i.jpg"
1241                                         alt="清境農場山坡一隅 圖示"
1242                                         src=""
1243                                         loading="lazy"
1244                                         decoding="async" />
1245                                </div>
1246                                <div class="card-body p-2">
1247                                    <div class="mb-2">
1248                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1249                                    </div>
1250                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1251                                        <span>清境農場山坡一隅</span>
1252                                    </h3>
1253                                    <ul class="list-unstyled">
1254                                        <li class="mb-2 fs-14 lh-sm">
1255                                            <span>案名:</span>
1256                                            <span>臺灣新視界2004</span>
1257                                        </li>
1258                                        <li class="mb-2 fs-14 lh-sm">
1259                                            <span>檔號:</span>
1260                                            <span>A325000000E/0092/2037/1</span>
1261                                        </li>
1262                                        <li class="mb-2 fs-14 lh-sm">
1263                                            <span>來源機關:</span>
1264                                            <span>行政院新聞局</span>
1265                                        </li>
1266                                        <li class="text-primary-emphasis date-start-end">
1267                                            <span class="content-title">點閱次數:</span>
1268                                            <span>99 &nbsp;&nbsp;次</span>
1269                                        </li>
1270                                    </ul>
1271                                </div>
1272                            </a>
1273                        </div>
1274                        <div class="col position-relative material-item">
1275                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2632)" class="card h-100 text-decoration-none" title="臺灣鹽博物館落成">
1276                                <div class="naec-img overflow-hidden">
1277                                    <div class="img-loading-mask">載入中...</div>
1278                                    <img class="object-fit-cover w-100 h-100 applyImage"
1279                                         data-filename="hp-0004610046-i.jpg"
1280                                         alt="臺灣鹽博物館落成 圖示"
1281                                         src=""
1282                                         loading="lazy"
1283                                         decoding="async" />
1284                                </div>
1285                                <div class="card-body p-2">
1286                                    <div class="mb-2">
1287                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1288                                    </div>
1289                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1290                                        <span>臺灣鹽博物館落成</span>
1291                                    </h3>
1292                                    <ul class="list-unstyled">
1293                                        <li class="mb-2 fs-14 lh-sm">
1294                                            <span>案名:</span>
1295                                            <span>臺南鹿耳門&#x3001;四草紅樹林&#x3001;七股潟湖&#x3001;苗栗國際假面節</span>
1296                                        </li>
1297                                        <li class="mb-2 fs-14 lh-sm">
1298                                            <span>檔號:</span>
1299                                            <span>A325000000E/0092/0461/1</span>
1300                                        </li>
1301                                        <li class="mb-2 fs-14 lh-sm">
1302                                            <span>來源機關:</span>
1303                                            <span>行政院新聞局</span>
1304                                        </li>
1305                                        <li class="text-primary-emphasis date-start-end">
1306                                            <span class="content-title">點閱次數:</span>
1307                                            <span>31 &nbsp;&nbsp;次</span>
1308                                        </li>
1309                                    </ul>
1310                                </div>
1311                            </a>
1312                        </div>
1313                        <div class="col position-relative material-item">
1314                            <a href="javascript:void(0)" onclick="OpenDetailedUrl(2166)" class="card h-100 text-decoration-none" title="澎湖西嶼島上特殊的玄武岩地質景觀">
1315                                <div class="naec-img overflow-hidden">
1316                                    <div class="img-loading-mask">載入中...</div>
1317                                    <img class="object-fit-cover w-100 h-100 applyImage"
1318                                         data-filename="hp-0120360090-i.jpg"
1319                                         alt="澎湖西嶼島上特殊的玄武岩地質景觀 圖示"
1320                                         src=""
1321                                         loading="lazy"
1322                                         decoding="async" />
1323                                </div>
1324                                <div class="card-body p-2">
1325                                    <div class="mb-2">
1326                                        <mark class="tag fs-14 py-1 px-2 bg-danger text-white">標題</mark>
1327                                    </div>
1328                                    <h3 class="card-title fs-5 fw-bold ellipsis-2 mb-2">
1329                                        <span>澎湖西嶼島上特殊的玄武岩地質景觀</span>
1330                                    </h3>
1331                                    <ul class="list-unstyled">
1332                                        <li class="mb-2 fs-14 lh-sm">
1333                                            <span>案名:</span>
1334                                            <span>臺灣新視界2003</span>
1335                                        </li>
1336                                        <li class="mb-2 fs-14 lh-sm">
1337                                            <span>檔號:</span>
1338                                            <span>A325000000E/0091/2036/1</span>
1339                                        </li>
1340                                        <li class="mb-2 fs-14 lh-sm">
1341                                            <span>來源機關:</span>
1342                                            <span>行政院新聞局</span>
1343                                        </li>
1344                                        <li class="text-primary-emphasis date-start-end">
1345                                            <span class="content-title">點閱次數:</span>
1346                                            <span>48 &nbsp;&nbsp;次</span>
1347                                        </li>
1348                                    </ul>
1349                                </div>
1350                            </a>
1351                        </div>
1352
1353                <input id="total_n" type="hidden" value="-1" />
1354            </div>
1355
1356            <div class="d-flex flex-lg-nowrap flex-wrap gap-3 px-3 py-2 align-items-center justify-content-lg-start justify-content-center bg-gray-90 text-white">
1357                <div class="page-all d-flex flex-lg-nowrap flex-wrap gap-lg-3 gap-2 align-items-center justify-content-lg-start justify-content-center">
1358                    <div>
1359                        總計
1360                        <span class="px-1">1769</span>筆資料,共 197 頁
1361                    </div>
1362                </div>
1363            </div>
1364
1365            <div class="d-flex flex-lg-nowrap flex-wrap gap-3 px-3 py-2 align-items-center justify-content-lg-end justify-content-center bg-gray-90 text-white">
1366                <div class="page-box d-flex flex-lg-row flex-column gap-3 align-items-center">
1367                    <div aria-label="頁次">
1368                        <ul class="pagination mb-0 flex-nowrap gap-lg-0 gap-1 justify-content-center">
1369
1370                                    <li class="page-item page-num-item page-nearby border border-white border-end-0 rounded-start active" aria-current="page">
1371                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','1')" aria-label="第 1 頁" disabled>1</button>
1372                                    </li>
1373                                    <li class="page-item page-num-item page-nearby border border-white border-end-0 ">
1374                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','2')" aria-label="第 2 頁">2</button>
1375                                    </li>
1376                                    <li class="page-item page-num-item page-nearby border border-white border-end-0 ">
1377                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','3')" aria-label="第 3 頁">3</button>
1378                                    </li>
1379                                    <li class="page-item page-num-item  border border-white border-end-0 ">
1380                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','4')" aria-label="第 4 頁">4</button>
1381                                    </li>
1382                                    <li class="page-item page-num-item  border border-white border-end-0 ">
1383                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','5')" aria-label="第 5 頁">5</button>
1384                                    </li>
1385                                    <li class="page-item page-num-item  border border-white border-end-0 ">
1386                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','6')" aria-label="第 6 頁">6</button>
1387                                    </li>
1388                                    <li class="page-item page-num-item  border border-white border-end-0 ">
1389                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','7')" aria-label="第 7 頁">7</button>
1390                                    </li>
1391                                    <li class="page-item page-num-item  border border-white border-end-0 ">
1392                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','8')" aria-label="第 8 頁">8</button>
1393                                    </li>
1394                                    <li class="page-item page-num-item  border border-white border-end-0 ">
1395                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','9')" aria-label="第 9 頁">9</button>
1396                                    </li>
1397                                    <li class="page-item page-num-item  border border-white border-end-0 ">
1398                                        <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('now','10')" aria-label="第 10 頁">10</button>
1399                                    </li>
1400
1401                                <li class="page-item border border-white border-end-0">
1402                                    <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('next','1')" aria-label="下一頁">
1403                                        <span class="icon-page-next" aria-hidden="true"></span>
1404                                        <span class="visually-hidden">下一頁</span>
1405                                    </button>
1406                                </li>
1407
1408                            <li class="page-item border border-white rounded-end">
1409                                <button type="button" class="page-link bg-transparent border-0 text-white" onclick="PageSwitch('final','197')" aria-label="最終頁">
1410                                    <span class="icon-page-end" aria-hidden="true"></span>
1411                                    <span class="visually-hidden">最終頁</span>
1412                                </button>
1413                            </li>
1414                        </ul>
1415                    </div>
1416                </div>
1417            </div>
1418
1419            <div class="row margin-0">
1420                <div class="col-xs-12 col-sm-10 col-md-11" style="margin-left:50px">
1421                    <div class="cell">
1422                        <p class="fs-5 fw-bold mb-0 pt-lg-0 pt-1" style='word-break:keep-all'>
1423                            (一)本網頁所載內容採取創用CC 姓名標示–非商業性– 禁止改作 4.0 國際授權條款釋出,同意授權予不特定之公眾以重製
1424                            、 散布、發行、編輯、改作、公開口述、公開播送、公開上映、公開演出、公開傳輸、公開展示之方式利用,以及創作衍生著作。
1425                            利用人需標示來源:國家發展委員會檔案管理局,國家檔案加值素材(https://aa.archives.gov.tw/ELK/NAAMaterialTotalList)
1426                        </p>
1427                        <br />
1428                        <p class="fs-5 fw-bold mb-0 pt-lg-0 pt-1" style='word-break: keep-all; margin-bottom: 0px'>
1429                            (二) 商業性:請洽本局
1430                            <a href="https://aa.archives.gov.tw/Home/PublishDetail?cnid=109776&pid=10">申請</a>
1431                        </p>
1432                    </div>
1433                </div>
1434            </div>
1435        </article>
1436
1437        <form method="get" action="/ELK/NAAMaterialTotalList" id="People" name="People">
1438            <input type="hidden" id="topicType" name="topicType" value="TopicA">
1439            <input type="hidden" id="likeField" name="likeField" value="DID">
1440            <input type="hidden" id="keyWord" name="keyWord" value="">
1441            <input type="hidden" id="total" name="total" value="1769">
1442            <input type="hidden" name="offset" id="offset" value="0">
1443            <input type="hidden" id="limit" name="limit" value="9">
1444            <input type="hidden" id="sort" name="sort" value="">
1445            <input type="hidden" id="order" name="order" value="">
1446            <input type="hidden" id="isImg" name="isImg" value="all">
1447            <input type="hidden" id="category" name="category" value="">
1448        </form>
1449    </div>
1450</div>
1451
1452<script>
1453    $(document).ready(function () {
1454        GetCategory();
1455
1456        // 1. 還原 Checkbox 狀態 (只判定 all/img/vedio)
1457        var isImgVal = 'all';
1458        if (isImgVal === 'vedio') {
1459            $('#chkImg').prop('checked', false);
1460            $('#chkVedio').prop('checked', true);
1461        } else if (isImgVal === 'img') {
1462            $('#chkImg').prop('checked', true);
1463            $('#chkVedio').prop('checked', false);
1464        } else {
1465            $('#chkImg').prop('checked', true);
1466            $('#chkVedio').prop('checked', true);
1467        }
1468
1469        $('#selectField').val('DID' || "Category");
1470        initLazyImages();
1471    });
1472
1473    function loadData(gopage = false) {
1474        var selectedCat = $('#SelectCategory').val();
1475        var imgChecked = $('#chkImg').is(':checked');
1476        var vedioChecked = $('#chkVedio').is(':checked');
1477
1478        var finalIsImg = "all";
1479        if (imgChecked && !vedioChecked) finalIsImg = "img";
1480        else if (!imgChecked && vedioChecked) finalIsImg = "vedio";
1481
1482        // 核心改動:將類別與媒體參數完全分開賦值
1483        document.getElementById("category").value = selectedCat;
1484        document.getElementById("isImg").value = finalIsImg;
1485
1486        document.getElementById("keyWord").value = ($("#Politic_q").val() === "") ? "all" : $("#Politic_q").val();
1487        document.getElementById("likeField").value = ($("#selectField").val() || "Category");
1488
1489        // 分頁處理:如果是按 GO (搜尋),offset 回到第 0 筆;如果是按分頁按鈕,則ä
1489¿ç•™å‚³é€²ä¾†çš„ index
1490        if (!gopage) document.getElementById("offset").value = 0;
1491
1492        document.getElementById("People").submit();
1493    }
1494
1495    function GetCategory() {
1496        $("#SelectCategory").empty().append($("<option>").val("").text("請選擇類別"));
1497        $.ajax({
1498            url: "/NAAMaterial/GetCategory",
1499            type: "Get"
1500        }).done((data) => {
1501            var rdata = JSON.parse(data.Data);
1502            $.each(rdata, function (i, item) {
1503                $("#SelectCategory").append($("<option>").val(item.codeDesc).text(item.codeDesc));
1504            });
1505            var savedCat = '';
1506            if (savedCat) {
1507                $("#SelectCategory").val(savedCat);
1508            }
1509        });
1510    }
1511
1512    function initLazyImages() {
1513        const images = document.querySelectorAll(".applyImage");
1514        const observer = new IntersectionObserver((entries) => {
1515            entries.forEach(entry => {
1516                if (entry.isIntersecting) {
1517                    const img = entry.target;
1518                    img.src = "/NAAMaterial/GetImgB64?imgnm=" + encodeURIComponent(img.dataset.filename);
1519                    img.onload = () => {
1520                        img.classList.add("is-loaded");
1521                        const mask = img.closest(".naec-img").querySelector(".img-loading-mask");
1522                        if(mask) mask.classList.add("is-hide");
1523                    };
1524                    observer.unobserve(img);
1525                }
1526            });
1527        }, { rootMargin: "200px" });
1528        images.forEach(img => observer.observe(img));
1529    }
1530
1531    function OpenDetailedUrl(DID) {
1532        window.location = "/ELK/NAAMaterialDetail?DID=" + DID;
1533    }
1534
1535    function PageSwitch(type, index) {
1536        var pageindex = index - 1;
1537        var offsetEl = document.getElementById("offset");
1538        // 分頁跳轉邏輯
1539        if (type == "first") offsetEl.value = "0";
1540        else if (type == "pre") offsetEl.value = pageindex - 1;
1541        else if (type == "now" || type == "final") offsetEl.value = pageindex;
1542        else if (type == "next") offsetEl.value = index;
1543
1544        loadData(true); // gopage = true 保持 offset
1545    }
1546</script>
1546
1547    </main>
1548
1549    <!--Main END-->
1550    <footer class="pt-4 bg-light">
1551<script>
1552    var loginOuoid = '';
1553    var loginCheckFlag = '';
1554
1555</script>
1555
1556<div class="key-mark position-relative">
1557    <a href="#AZ" id="AZ" accesskey="Z" class="position-absolute top-0 start-0 fs-6 text-decoration-none text-black" title="下方功能區塊[快捷鍵Alt+Z]">
1558        <span>:::</span>
1559        <span class="visually-hidden">下方功能區塊</span>
1560    </a>
1561</div>
1562<!-- 選單 -->
1563<div class="container container-xxxl">
1564    <div class="pb-4">
1565        <div class="footer-link-btn d-flex align-items-center justify-content-end">
1566            <hr class="border-bottom border-1 border-danger opacity-100 me-2 more-line">
1567            <button class="btn btn-danger rounded-circle d-flex align-items-center justify-content-center" type="button" aria-expanded="false" aria-controls="targetContent">
1568                <span class="icon-arrow-down-light fs-6"></span> 
1569                <span class="icon-arrow-up-light fs-6"></span>
1570                <span class="visually-hidden">展開、收合鈕鈕</span>
1571            </button>
1572        </div>
1573        <div class="footer-link">
1574            <div id="PeopleFooter" class="row row-cols-1 row-cols-md-3 row-cols-xl-7 g-4">
1575            </div>
1576        </div>
1577    </div>
1578</div>
1579<!-- 其他相關資訊 -->
1580<div class="bg-body-secondary pt-5 pb-4" id="footerContent">
1581</div>
1582<!-- 版權 -->
1583<div class="bg-dark text-white py-3 text-center">
1584    國家發展委員會檔案管理局版權所有 <span class="d-md-inline d-block text-style-gothic" id="year-all-rights">
1585    </span><span class="px-2 d-lg-inline d-none">|</span><span class="d-lg-none d-block"></span>支援<span class="px-1 text-style-gothic">Chrome,Edge,FireFox</span><span class="d-sm-none d-block"></span>或<span class="px-1 text-style-gothic">Safari(Mac)</span>瀏覽器
1586</div>
1587
1588<script>
1589    function renderFooter(data) {
1590        if (document.getElementById("footerContent") != null) {
1591            document.getElementById("footerContent").innerHTML = data;
1592            readLastUpdateDate();
1593            readbrowseTimes(siteId);
1594        }
1595    }
1596    //更新日期
1597    function renderLastUpdateDate(data) {
1598        if (document.getElementById("lastUpdateDate") != null) {
1599            document.getElementById("lastUpdateDate").innerHTML = toTaiwanDate(data);
1600        }
1601    }
1602    //累計瀏覽人次
1603    function renderbrowseTimes(data) {
1604        if (document.getElementById("browseTimes") != null) {
1605            document.getElementById("browseTimes").innerHTML = data;
1606        }
1607    }
1608    // add by chris for breadcrumb
1609    document.addEventListener("DOMContentLoaded", function (event) {
1610        readFooter(parentNodeNewFooter);
1611
1612        readBreadCrumb(window.location.href);
1613        readMetaTag(window.location.href);
1614        document.getElementById("year-all-rights").innerHTML = new Date().getFullYear() + " &copy; All rights reserved";
1615    });
1616
1617</script>
1617
1618<div class="slide-link position-fixed end-0 z-3 d-xl-block d-none" id="slide-link">
1619    <div class="top-border top-line top-line-h"></div>
1620    <div class="d-flex flex-column gap-2 bg-white shadow py-1">
1621        <div class="login">
1622                    <a href="/API/v1" class="btn" title="前往-會員登入">
1623                        <span class="icon-user fs-2 text-danger"></span>
1624                        <span class="invisible position-absolute z-01 opacity-0">會員登入</span>
1625                    </a>
1626        </div>
1627        <div class="my-archives-cart">
1628            <a href="/API/v1/MemberCenter/MyArchivesCart" class="btn position-relative" title="前往-我的檔案車">
1629                <span class="icon-cart fs-2 text-danger"></span>
1630                <span class="invisible position-absolute z-01 opacity-0">我的檔案車</span>
1631            </a>
1632        </div>
1633        <div class="click-show">
1634            <a href="#show-icon" aria-label="展開、收合" class="btn" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="show-icon" title="點擊-展開、收合">
1635                <span class="icon-plus-show fs-3 text-danger"></span>
1636                <span class="icon-dash-hide fs-3 text-danger"></span>
1637                <span class="invisible position-absolute z-01 opacity-0">展開、收合按鈕</span>
1638            </a>
1639        </div>
1640        <div class="collapse" id="show-icon">
1641            <div class="myapplication">
1642                <a href="/API/v1/MemberCenter/myapplication" class="btn" title="前往-我的申請書">
1643                    <span class="icon-edit fs-2 text-danger"></span>
1644                    <span class="invisible position-absolute z-01 opacity-0">我的申請書</span>
1645                </a>
1646            </div>
1647            <div class="my-application-history">
1648                <a href="/API/v1/MemberCenter/MyApplicationHistory" class="btn" title="前往-我的申請紀錄">
1649                    <span class="icon-pending-application-list fs-2 text-danger"></span>
1650                    <span class="invisible position-absolute z-01 opacity-0">我的申請紀錄</span>
1651                </a>
1652            </div>
1653                <div class="pending-list">
1654                    <a href="/API/v1/MemberCenter/PendingList" class="btn" title="前往-待申請清單">
1655                        <span class="icon-application-list fs-2 text-danger"></span>
1656                        <span class="invisible position-absolute z-01 opacity-0">待申請清單</span>
1657                    </a>
1658                </div>
1659        </div>
1660        <div class="go-top">
1661            <a href="#top" role="button" aria-label="回頂端" class="btn" title="點擊-回頂端">
1662                <span class="icon-go-top fs-2 text-danger"></span>
1663                <span class="invisible position-absolute z-01 opacity-0">回頂端按鈕</span>
1664            </a>
1665        </div>
1666    </div>
1667    <div class="bottom-border top-line top-line-h"></div>
1668</div>
1669
1670    </footer>
1671
1672    
1672<script>
1673        $.ajaxPrefilter(function (options) {
1674            if (!options.beforeSend && options.type === 'Post') {
1675                options.beforeSend = function (xhr) {
1676                    xhr.setRequestHeader("__RequestVerificationToken", $('[name=__RequestVerificationToken]').val());
1677                }
1678            }
1679        });
1680
1681    </script>
1681
1682</body>
1683</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.