PageSourceSearch

https://amamuseum.org.tw/

html amamuseum.org.tw collected 2026-10-02 20:22:01 UTC 83,995 bytes, 1,796 lines download raw bytes

1<!DOCTYPE html>
2<html class="has-navbar-fixed-top">
3
4<head>
5	<meta charset="utf-8">
6	<meta http-equiv="x-ua-compatible" content="ie=edge">
7	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
8	<link rel="shortcut icon" href="https://amamuseum.org.tw/assets/img/icon_ama.ico">
9	<title>阿嬤家-和平與女性人權館 - 婦女救援基金會附設</title>
10	<meta name="description"
11		content="阿嬤家和平與女性人權館數位博物館環景導覽 · 阿嬤家開放時間:週二至週六10:00至17:00 · 每月的特殊營業時間,請參考FB發布的月曆及Google、官網上的營業時間">
12	<link rel="stylesheet" href="https://amamuseum.org.tw/assets/css/bulma.min.css">
13	<link rel="stylesheet" href="https://amamuseum.org.tw/assets/css/owl.carousel.min.css">
14	<link rel="stylesheet" href="https://amamuseum.org.tw/assets/css/owl.theme.default.min.css">
15	<link rel="stylesheet" href="https://amamuseum.org.tw/assets/css/all.min.css">
16	<link rel="stylesheet" href="https://amamuseum.org.tw/assets/css/ama.css">
17	<link rel="stylesheet" href="https://amamuseum.org.tw/assets/css/daterangepicker.css">
18	<link rel="stylesheet" href="https://amamuseum.org.tw/assets/css/three-dots.css">
19	<link rel="stylesheet" href="https://amamuseum.org.tw/assets/css/style.css">
20	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
21
22	
22<script src="https://amamuseum.org.tw/assets/js/jquery-3.3.1.min.js"></script>
22
23	
23<script src="https://amamuseum.org.tw/assets/js/owl.carousel.min.js"></script>
23
24	
24<script src="https://amamuseum.org.tw/assets/js/moment.js"></script>
24
25	
25<script src="https://amamuseum.org.tw/assets/js/moment-with-locales.min.js"></script>
25
26	
26<script src="https://amamuseum.org.tw/assets/js/all.min.js"></script>
26
27	
27<script src="https://amamuseum.org.tw/assets/js/daterangepicker.js"></script>
27
28	
28<script src="https://amamuseum.org.tw/assets/js/main.js"></script>
28
29	<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 29-30
29
30	<script async src="https://www.googletagmanager.com/gtag/js?id=
30UA-24269865-6
vendor: 13 bytes, lines 30-31
30"></script>
31	
31<script>
32		
vendor: 143 bytes, lines 32-39
32window.dataLayer = window.dataLayer || [];
33
34		function gtag() {
35			dataLayer.push(arguments);
36		}
37		gtag('js', new Date());
38
39		gtag('config', '
39UA-24269865-6
vendor: 5 bytes, lines 39-40
39');
40	
40</script>
40
41	<!-- FB像素追蹤碼 -->
42	<noscript><img height="1" width="1"
43			src="https://www.facebook.com/tr?id=1743167099292791&ev=PageView&noscript=1" /></noscript>
44
45	<meta name="google-site-verification" content="eNQ1MoIv4SYbS6KNiUHadbe6_zyWWHbiAb1QArT37PI" />
46
47
48</head>
49
50<body>
51		<link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/public/assets/css/bulma-badge.min.css">
52<!-- <input type="text" name="base_url" value=""> -->
53 <input type="hidden" name="base_url" value="https://amamuseum.org.tw/tw/">
54<!--ama_header.php-->
55<nav id="navbar-top" class="navbar is-spaced bg-cis-dark is-transparent is-paddingless is-fixed-top">
56    <div class="container">
57        <div class="navbar-brand">
58            <a class="has-text-white is-size-7" href="https://amamuseum.org.tw/tw">
59                <img src="https://amamuseum.org.tw/public/assets/img/topleft.png">
60            </a>
61            <div id="navbarBurger" class="h-auto navbar-burger burger has-text-white" data-target="navmain">
62                <span></span>
63                <span></span>
64                <span></span>
65            </div>
66        </div>
67        <div id="navtop" class="navbar-menu">
68            <div class="navbar-end">
69
70                                    <a class="navbar-item has-text-white" href="https://amamuseum.org.tw/tw/category/48">
71                        女力商店                    </a>
72                                    <a class="navbar-item has-text-white" href="https://amamuseum.org.tw/tw/category/47">
73                        聯絡我們                    </a>
74                                    <a class="navbar-item has-text-white" href="https://amamuseum.org.tw/tw/category/8">
75                        加入我們                    </a>
76                            </div>
77
78                        <div class="navbar-end is-marginless">
79                <button type="button" id="open-extra" class="button sign-in-button is-small">
80                    <span class="icon has-text-link">
81                        <i class="fas fa-sign-in-alt has-icons-left"></i>
82                    </span>
83                    <span>登入</span>
84                </button>
85            </div>
86
87            <div class="navbar-end is-marginless">
88                <div class="field navbar-item" style="padding-right: 0;">
89                    <a href="https://amamuseum.org.tw/tw/shop/cart" class="btn-cart button is-small has-badge-rounded has-badge-danger" >
90                        <span class="icon has-text-link">
91                            <i class="fas fa-shopping-cart"></i>
92                        </span>
93                    </a>
94                </div>
95            </div>
96
97            <div class="navbar-end is-marginless">
98                <div class="field navbar-item">
99                    <div class="control has-icons-left">
100                        <div class="select is-fullwidth is-small">
101                            <div class="wrapper">
102                                <div id="languages">
103                                    <select name="web_language" id="web_language" data-src="/LanguageSwitcher/switchLanguage/">
104                                        <option selected disabled hidden>Languages</option>
105                                        <option value="1">繁體中文</option>
106                                        <option value="2">English</option>
107                                    </select>
108                                </div>
109                            </div>
110                        </div>
111                        <div class="icon is-small is-left has-text-info">
112                            <i class="fas fa-globe"></i>
113                        </div>
114                    </div>
115                </div>
116            </div>
117
118        </div>
119    </div>
120</nav>
121<nav id="navbar-main" class="navbar  is-spaced bg-dark is-transparent is-paddingless main-nav-wrap is-fixed-top ">
122    <div class="logo-reed" onclick="location.href='https://amamuseum.org.tw/tw'">
123        <img src="https://amamuseum.org.tw/public/assets/img/ama_reed.png" width="94px">
124    </div>
125    <div class="container">
126        <div id="navmain" class="navbar-menu">
127            <div class="navbar-end main-navL">
128
129                                    <div class="navbar-item has-dropdown is-hoverable">
130                        <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/1">
131                            <span class="icon has-text-red is-hidden-desktop">
132                                <i class="fas fa-bookmark"></i>
133                            </span>
134                            認識阿嬤家                        </a>
135
136                        <div class="navbar-dropdown">
137                            
138                                
139                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/13">
140                                            緣起                                        </a>
141                                    
142                                    
143                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
144                                        </hr>
145                                                                    
146                            
147                                
148                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/14">
149                                            理念與展望                                        </a>
150                                    
151                                    
152                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
153                                        </hr>
154                                                                    
155                            
156                                
157                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/89">
158                                            傳承與未來                                        </a>
159                                    
160                                    
161                                                                            <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile">
162                                        </hr>
163                                                                    
164                                                    </div>
165
166                    </div>
167                                    <div class="navbar-item has-dropdown is-hoverable">
168                        <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/3">
169                            <span class="icon has-text-red is-hidden-desktop">
170                                <i class="fas fa-bookmark"></i>
171                            </span>
172                            關於「慰安婦」/阿嬤                        </a>
173
174                        <div class="navbar-dropdown">
175                            
176                                
177                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/9">
178                                            <strong>慰安婦-軍事性奴隸下的被害人</strong>
179                                            <span class="icon has-text-bootstrap">
180                                                <i class="fas fa-angle-down"></i>
181                                            </span>
182                                        </a>
183                                    
184                                                                                                                        <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/85">
185                                                軍事性奴隸制度由來-聯合國人權理事會                                            </a>
186                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/80">
187                                                為何變成慰安婦                                            </a>
188                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/21">
189                                                阿嬤的故事                                            </a>
190                                                                            
191                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
192                                        </hr>
193                                                                    
194                            
195                                
196                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/10">
197                                            <strong>身心工作坊</strong>
198                                            <span class="icon has-text-bootstrap">
199                                                <i class="fas fa-angle-down"></i>
200                                            </span>
201                                        </a>
202                                    
203                                                                                                                        <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/22">
204                                                身心工作坊                                            </a>
205                                                                            
206                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
207                                        </hr>
208                                                                    
209                            
210                                
211                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/81">
212                                            慰安所制度                                        </a>
213                                    
214                                    
215                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
216                                        </hr>
217                                                                    
218                            
219                                
220                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/49">
221                                            常見問題                                        </a>
222                                    
223                                    
224                                                                            <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile">
225                                        </hr>
226                                                                    
227                                                    </div>
228
229                    </div>
230                                    <div class="navbar-item has-dropdown is-hoverable">
231                        <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/4">
232                            <span class="icon has-text-red is-hidden-desktop">
233                                <i class="fas fa-bookmark"></i>
234                            </span>
235                            戰爭與女性人權                        </a>
236
237                        <div class="navbar-dropdown">
238                            
239                                
240                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/76">
241                                            國際慰安婦人權運動                                        </a>
242                                    
243                                    
244                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
245                                        </hr>
246                                                                    
247                            
248                                
249                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/77">
250                                            台灣慰安婦人權運動                                        </a>
251                                    
252                                    
253                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
254                                        </hr>
255                                                                    
256                            
257                                
258                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/78">
259                                            訴訟與賠償                                        </a>
260                                    
261                                    
262                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
263                                        </hr>
264                                                                    
265                            
266                                
267                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/12">
268                                            大事記                                        </a>
269                                    
270                                    
271                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
272                                        </hr>
273                                                                    
274                            
275                                
276                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/65">
277                                            聲援行動                                        </a>
278                                    
279                                    
280                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
281                                        </hr>
282                                                                    
283                            
284                                
285                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/66">
286                                            慰安婦之聲                                        </a>
287                                    
288                                    
289                                                                            <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile">
290                                        </hr>
291                                                                    
292                                                    </div>
293
294                    </div>
295                                    <div class="navbar-item has-dropdown is-hoverable">
296                        <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/2">
297                            <span class="icon has-text-red is-hidden-desktop">
298                                <i class="fas fa-bookmark"></i>
299                            </span>
300                            參觀資訊                        </a>
301
302                        <div class="navbar-dropdown">
303                            
304                                
305                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/15">
306                                            參觀資訊                                        </a>
307                                    
308                                    
309                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
310                                        </hr>
311                                                                    
312                            
313                                
314                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/73">
315                                            <strong>場館介紹-新館</strong>
316                                            <span class="icon has-text-bootstrap">
317                                                <i class="fas fa-angle-down"></i>
318                                            </span>
319                                        </a>
320                                    
321                                                                                                                        <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/87">
322                                                場館介紹                                            </a>
323                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/88">
324                                                常設展                                            </a>
325                                                                            
326                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
327                                        </hr>
328                                                                    
329                            
330                                
331                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/16">
332                                            <strong>場館介紹-舊館(已遷址)</strong>
333                                            <span class="icon has-text-bootstrap">
334                                                <i class="fas fa-angle-down"></i>
335                                            </span>
336                                        </a>
337                                    
338                                                                                                                        <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/75">
339                                                場館介紹                                            </a>
340                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/32">
341                                                常設展                                            </a>
342                                                                            
343                                                                            <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile">
344                                        </hr>
345                                                                    
346                                                    </div>
347
348                    </div>
349                
350            </div>
351
352
353            <div class="navbar-start main-navR">
354
355                                    <div class="navbar-item has-dropdown is-hoverable">
356                        <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/5">
357                            <span class="icon has-text-red is-hidden-desktop">
358                                <i class="fas fa-bookmark"></i>
359                            </span>
360                            最新消息與新聞專區                        </a>
361
362                        <div class="navbar-dropdown">
363                            
364                                
365                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/26">
366                                            <strong>最新消息</strong>
367                                            <span class="icon has-text-bootstrap">
368                                                <i class="fas fa-angle-down"></i>
369                                            </span>
370                                        </a>
371                                    
372                                                                                                                        <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/54">
373                                                新聞專區                                            </a>
374                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/55">
375                                                訊息公告                                            </a>
376                                                                            
377                                                                            <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile">
378                                        </hr>
379                                                                    
380                                                    </div>
381
382                    </div>
383                                    <div class="navbar-item has-dropdown is-hoverable">
384                        <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/6">
385                            <span class="icon has-text-red is-hidden-desktop">
386                                <i class="fas fa-bookmark"></i>
387                            </span>
388                            特展資訊                        </a>
389
390                        <div class="navbar-dropdown">
391                            
392                                
393                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/30">
394                                            <strong>當期特展</strong>
395                                            <span class="icon has-text-bootstrap">
396                                                <i class="fas fa-angle-down"></i>
397                                            </span>
398                                        </a>
399                                    
400                                                                                                                        <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/110">
401                                                【特展】115年下期:未竟的和平:從「慰安婦」歷史到當代戰爭,重新理解戰爭中的女性處境                                            </a>
402                                                                            
403                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
404                                        </hr>
405                                                                    
406                            
407                                
408                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/31">
409                                            <strong>
409特展回顧</strong>
410                                            <span class="icon has-text-bootstrap">
411                                                <i class="fas fa-angle-down"></i>
412                                            </span>
413                                        </a>
414                                    
415                                                                                                                        <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/97">
416                                                【特展】112年上期:復援你的心-性暴力被害人創傷與復原                                            </a>
417                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/100">
418                                                【特展】113年上期:阿嬤家和平與女性人權館:你知道台灣有多元家庭的存在嗎?                                            </a>
419                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/101">
420                                                【特展】112年下期:誠徵人口販運被害人 — 終止現代奴隸悲歌特展                                            </a>
421                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/102">
422                                                【特展】113年下期:阿嬤家和平與女性人權館:2000年東京大審—女性國際戰犯法庭                                            </a>
423                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/103">
424                                                【特展】114年上期:做伙行-阿嬤們的綺麗冒險                                            </a>
425                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/104">
426                                                【特展】114年下期:南洋故事──二戰時期臺籍「慰安婦」在南洋的經歷與藝術再現                                            </a>
427                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/105">
428                                                【特展】115年上期:跨越國界的剝削與傷痕:「慰安婦」與跨國女性移工                                            </a>
429                                                                                                                                                                <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/51">
430                                                特展資訊                                            </a>
431                                                                            
432                                                                            <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile">
433                                        </hr>
434                                                                    
435                                                    </div>
436
437                    </div>
438                                    <div class="navbar-item has-dropdown is-hoverable">
439                        <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/52">
440                            <span class="icon has-text-red is-hidden-desktop">
441                                <i class="fas fa-bookmark"></i>
442                            </span>
443                            學習與活動                        </a>
444
445                        <div class="navbar-dropdown">
446                            
447                                
448                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/50">
449                                            研究與出版品                                        </a>
450                                    
451                                    
452                                                                            <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile">
453                                        </hr>
454                                                                    
455                                                    </div>
456
457                    </div>
458                                    <div class="navbar-item has-dropdown is-hoverable">
459                        <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/7">
460                            <span class="icon has-text-red is-hidden-desktop">
461                                <i class="fas fa-bookmark"></i>
462                            </span>
463                            公益合作與參與                        </a>
464
465                        <div class="navbar-dropdown">
466                            
467                                
468                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/82">
469                                            專業合作                                        </a>
470                                    
471                                    
472                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
473                                        </hr>
474                                                                    
475                            
476                                
477                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/83">
478                                            公益合作共創雙贏                                        </a>
479                                    
480                                    
481                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
482                                        </hr>
483                                                                    
484                            
485                                
486                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/84">
487                                            志工參與                                        </a>
488                                    
489                                    
490                                                                            <hr class="navbar-divider is-block-tablet is-block-mobile">
491                                        </hr>
492                                                                    
493                            
494                                
495                                                                            <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/34">
496                                            歷年專案合作                                        </a>
497                                    
498                                    
499                                                                            <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile">
500                                        </hr>
501                                                                    
502                                                    </div>
503
504                    </div>
505                
506
507            </div>
508
509
510            <div class="navbar-start is-hidden-desktop">
511                                    <a class="navbar-item has-text-white is-hidden-desktop" href="https://amamuseum.org.tw/tw/category/48">
512                        女力商店                    </a>
513                                    <a class="navbar-item has-text-white is-hidden-desktop" href="https://amamuseum.org.tw/tw/category/47">
514                        聯絡我們                    </a>
515                                    <a class="navbar-item has-text-white is-hidden-desktop" href="https://amamuseum.org.tw/tw/category/8">
516                        加入我們                    </a>
517                
518                <hr class="navbar-divider is-hidden-desktop is-block-tablet">
519                </hr>
520
521                <div class="navbar-start is-marginless is-hidden-desktop">
522                    <div class="navbar-item">
523                        <button type="button" class="button sign-in-button mobile is-fullwidth ">
524                            <span class="icon has-text-link">
525                                <i class="fas fa-sign-in-alt has-icons-left"></i>
526                            </span>
527                            <span>登入</span>
528                        </button>
529
530                        <div id="extra-control-mobile" class="">
531                            <span class="icon has-text-link">
532                                <i class="fas fa-user"></i>
533                            </span>
534                            <span class="member-name"></span>
535                        </div>
536                        <div class="columns is-mobile is-hidden">
537                            <div class="column">
538                                <button type="button" class="button is-fullwidth" onclick="location.href='https://amamuseum.org.tw/tw/joinmember/base'">
539                                    <span class="icon has-text-link">
540                                        <i class="fas fa-user-cog"></i>
541                                    </span>
542                                    <span>會員專區</span>
543                                </button>
544                            </div>
545                            <div class="column">
546                                <button type="button" class="button sign-out-button is-fullwidth" onclick="location.href='https://amamuseum.org.tw/tw/ama/member_logout'">
547                                    <span class="icon has-text-link">
548                                        <i class="fas fa-sign-out-alt"></i>
549                                    </span>
550                                    <span>登出</span>
551                                </button>
552                            </div>
553                        </div>
554
555                    </div>
556                </div>
557
558                <div class="navbar-end is-marginless">
559                    <div class="field navbar-item">
560                        <a href="https://amamuseum.org.tw/tw/shop/cart" class="btn-cart button is-fullwidth has-badge-rounded has-badge-danger has-badge-left" >
561                            <span class="icon has-text-link">
562                                <i class="fas fa-shopping-cart"></i>
563                            </span>
564                            <span>購物車</span>
565                        </a>
566                    </div>
567                </div>
568
569                <div class="field navbar-item is-hidden-desktop">
570                    <div class="control has-icons-left">
571                        <div class="select is-fullwidth">
572                            <div class="wrapper">
573                                <div id="languages">
574                                    <select name="web_language" id="web_language" data-src="https://amamuseum.org.tw/tw/LanguageSwitcher/switchLanguage/">
575                                        <option selected disabled hidden>Languages</option>
576                                        <option value="1">繁體中文</option>
577                                        <option value="2">English</option>
578                                    </select>
579                                </div>
580                            </div>
581                        </div>
582                        <div class="icon is-small is-left has-text-info">
583                            <i class="fas fa-globe"></i>
584                        </div>
585                    </div>
586                </div>
587            </div>
588        </div>
589    </div>
590</nav>
591
592
593<div id="extra-control">
594    <button type="button" class="button is-fullwidth" onclick="location.href='https://amamuseum.org.tw/tw/member/base'">
595        <span class="icon has-text-link">
596            <i class="fas fa-user-cog"></i>
597        </span>
598        <span>會員專區</span>
599    </button>
600    <button type="button" class="button sign-out-button is-fullwidth" onclick="location.href='https://amamuseum.org.tw/tw/ama/member_logout'">
601        <span class="icon has-text-link">
602            <i class="fas fa-sign-out-alt"></i>
603        </span>
604        <span>登出</span>
605    </button>
606</div>
607
608
609<div class="form_class">
610    <form name="login_form" method="POST" novalidate>
611        <section class="hero modal-section sign-in-section is-hidden">
612            <div class="cancle-board fadeIn"></div>
613            <div class="modal-board sign-in-board message bounceIn">
614                <div class="message-header">
615                    <div>
616                        <span class="icon">
617                            <i class="fas fa-sign-in-alt has-icons-left"></i>
618                        </span>
619                        <span class="title_name">
620                            會員登入
621                        </span>
622                    </div>
623                    <button class="delete"></button>
624                </div>
625                <div id="login-form" class="message-body">
626                    <div class="field is-horizontal">
627                        <div class="field-label is-normal">
628                            <label class="label">帳號</label>
629                        </div>
630                        <div class="field-body">
631                            <div class="field">
632                                <p class="control has-icons-right">
633                                    <span class="icon is-small is-right">
634                                        <i class="fas fa-user-circle"></i>
635                                    </span>
636                                    <input name="member_acc" class="input" type="text" placeholder="Username">
637                                </p>
638                                <p class="help is-danger"></p>
639                            </div>
640                        </div>
641                    </div>
642                    <div class="field is-horizontal">
643                        <div class="field-label is-normal">
644                            <label class="label">密碼</label>
645                        </div>
646                        <div class="field-body">
647                            <div class="field">
648                                <p class="control has-icons-right">
649                                    <span class="icon is-small is-right">
650                                        <i class="fas fa-lock"></i>
651                                    </span>
652                                    <input name="member_pwd" class="input" type="password" placeholder="Password">
653                                </p>
654                                <p class="help is-danger"></p>
655                            </div>
656                        </div>
657                    </div>
658                    <div class="field is-horizontal">
659                        <div class="field-label is-normal">
660                            <label class="label"></label>
661                        </div>
662                        <div class="field-body">
663                            <div class="field">
664                                <p class="control">
665                                    <button type="submit" class="button is-danger is-fullwidth">
666                                        <span class="icon">
667                                            <i class="fas fa-sign-in-alt"></i>
668                                        </span>
669                                        <span>登入</span>
670                                    </button>
671                                </p>
672                            </div>
673                        </div>
674                    </div>
675                    <div class="field is-horizontal">
676                        <div class="field-label is-normal">
677                            <label class="label"></label>
678                        </div>
679
680                        <div class="field-body columns is-mobile is-variable is-1">
681                            <div class="column is-half">
682                                <a class="button is-fullwidth" href="https://amamuseum.org.tw/tw/signup">
683                                    <span class="icon">
684                                        <i class="fas fa-user-plus"></i>
685                                    </span>
686                                    <span>加入會員</span>
687                                </a>
688                            </div>
689                            <div class="column is-half">
690                                <a class="button is-fullwidth btn-forgotpwd">
691                                    <span class="icon">
692                                        <i class="fas fa-unlock"></i>
693                                    </span>
694                                    <span>忘記密碼</span>
695                                </a>
696                            </div>
697                        </div>
698                    </div>
699                </div>
700
701                <div id="forgetpwd-form" class="message-body is-hidden">
702                    <div class="content">
703                        填入會員資料中的帳號與電子信箱,系統會發送密碼修改信件至會員信箱。
704                    </div>
705                    <div class="field is-horizontal">
706                        <div class="field-label is-normal">
707                            <label class="label">帳號</label>
708                        </div>
709                        <div class="field-body">
710                            <div class="field">
711                                <p class="control has-icons-right">
712                                    <span class="icon is-small is-right">
713                                        <i class="fas fa-user-circle"></i>
714                                    </span>
715                                    <input name="forget_acc" class="input" type="text" placeholder="Username">
716                                </p>
717                                <p class="help is-danger"></p>
718                            </div>
719                        </div>
720                    </div>
721                    <div class="field is-horizontal">
722                        <div class="field-label is-normal">
723                            <label class="label">電子信箱</label>
724                        </div>
725                        <div class="field-body">
726                            <div class="field">
727                                <p class="control has-icons-right">
728                                    <span class="icon is-small is-right">
729                                        <i class="far fa-envelope"></i>
730                                    </span>
731                                    <input name="forget_email" class="input" type="email" placeholder="[email protected]">
732                                </p>
733                                <p class="help is-danger"></p>
734                            </div>
735                        </div>
736                    </div>
737                    <div class="field is-horizontal">
738                        <div class="field-label is-normal">
739                            <label class="label"></label>
740                        </div>
741
742                        <div class="field-body columns is-mobile is-variable is-1">
743                            <div class="column is-half">
744                                <button class="button is-link is-fullwidth sent-mail">
745                                    <span class="icon">
746                                        <i class="far fa-paper-plane"></i>
747                                    </span>
748                                    <span>發送信件</span>
749                                </button>
750                            </div>
751
752                            <div class="column is-half">
753                                <a class="button is-fullwidth btn-backlogin">
754                                    <span>返回</span>
755                                </a>
756                            </div>
757                        </div>
758                    </div>
759                </div>
760
761            </div>
762        </section>
763    </form>
764    <!--modal_confirm.php-->
765<section class="hero modal-section public is-hidden"> 
766    <div class="cancle-backboard fadeIn"></div>
767    <div class="modal-board message bounceIn">
768        <div class="message-header">
769            <div>                
770                <span class="icon">
771                    <i class="fas fa-exclamation"></i>
772                </span>
773                <span class="message-title">提示標題</span>
774            </div>
775            <button class="delete"></button>
776        </div>
777        <div class="message-body">            
778            <div class="message-content">提示內容</div>
779            <div class="field is-grouped is-grouped-right">
780                <p class="control">
781                    <button class="button confirm">確定</button>
782                    <button class="button cancle bg-pink">取消</button>
783                    <button class="button cancle close">關閉</button>
784                </p>
785            </div>
786        </div>   
787  
788    </div>
789</section>     </div>
790
791
792	<!-- main -->
793	<main id="main-bd">
794		<section class="hero main-loader">
795			<div class="hero-body">
796				<div class="dot-spin"></div>
797			</div>
798		</section>
799		<section>
800			<iframe src="//walkinto.in/tour/ZkzLsX-W29ZJlfUsXbbn5" width="100%" height="600" allowfullscreen="true"
801				webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"
802				frameborder="0" scrolling="no" marginheight="0" marginwidth="0">
803			</iframe>
804		</section>
805		<section class="hero">
806			<div class="hero-body is-paddingless is-hidden-touch">
807				<div class="owl-carousel owl-theme ad-carousel">
808
809					
810						<a href="https://amamuseum.org.tw/tw/title/425" target="_blank"><img
811								src="https://amamuseum.org.tw/files/carousel/fcdfef19c0d467c8eca66cf6c820cf0d.jpg"
812								title=""></a>
813
814					
815				</div>
816			</div>
817			<div class="hero-body is-paddingless is-hidden-desktop carousel-max">
818				<div class="owl-carousel owl-theme ad-carousel">
819
820					
821						<a href="https://amamuseum.org.tw/tw/title/425" target="_blank"><img
822								src="https://amamuseum.org.tw/files/carousel/ebe9aa72f81ea72bf2941ef142e8f064.jpg"
823								title=""></a>
824
825					
826				</div>
827			</div>
828		</section>
829		<section class="hero common-use-links">
830			<div class="hero-body">
831				<div class="container">
832					<div class="columns is-mobile is-multiline">
833
834						
835							<div class="column is-one-fifths is-one-third-mobile 
836										">
837								<a class="d-flex-center" href="https://www.amamuseum.org.tw/info/category/30">
838									<div class="round-btn button is-large ">
839										<span class="icon is-medium has-text-white">
840											<i class="fas fa-flag fa-lg"></i>
841										</span>
842									</div>
843									<div class="has-text-centered has-text-weight-bold has-text-dark btn-text">
844										<span>當期特展<span>
845									</div>
846								</a>
847							</div>
848
849						
850							<div class="column is-one-fifths is-one-third-mobile 
851										d-flex-center">
852								<a class="d-flex-center" href="https://www.amamuseum.org.tw/info/category/26">
853									<div class="round-btn button is-large ">
854										<span class="icon is-medium has-text-white">
855											<i class="far fa-newspaper fa-lg"></i>
856										</span>
857									</div>
858									<div class="has-text-centered has-text-weight-bold has-text-dark btn-text">
859										<span>最新消息<span>
860									</div>
861								</a>
862							</div>
863
864						
865							<div class="column is-one-fifths is-one-third-mobile 
866										d-flex-center">
867								<a class="d-flex-center" href="https://www.amamuseum.org.tw/activity/alist">
868									<div class="round-btn button is-large ">
869										<span class="icon is-medium has-text-white">
870											<i class="fas fa-hands-helping fa-lg"></i>
871										</span>
872									</div>
873									<div class="has-text-centered has-text-weight-bold has-text-dark btn-text">
874										<span>活動報名<span>
875									</div>
876								</a>
877							</div>
878
879						
880							<div class="column is-one-fifths is-half-mobile 
881										d-flex-center">
882								<a class="d-flex-center" href="https://www.amamuseum.org.tw/shop/plist">
883									<div class="round-btn button is-large has-background-white box-shadow">
884										<span class="icon is-medium ">
885											<i class="fas fa-cart-plus fa-lg"></i>
886										</span>
887									</div>
888									<div class="has-text-centered has-text-weight-bold has-text-dark btn-text">
889										<span>女力商店<span>
890									</div>
891								</a>
892							</div>
893
894						
895							<div class="column is-one-fifths is-half-mobile 
896										d-flex-center">
897								<a class="d-flex-center" href="https://web.intersoft.com.tw/donation/OnlineTWRF/ActivityDonate.aspx?ActID=29">
898									<div class="round-btn button is-large has-background-white box-shadow">
899										<span class="icon is-medium ">
900											<i class="fas fa-donate fa-lg"></i>
901										</span>
902									</div>
903									<div class="has-text-centered has-text-weight-bold has-text-dark btn-text">
904										<span>支持我們<span>
905									</div>
906								</a>
907							</div>
908
909						
910					</div>
911				</div>
912			</div>
913		</section>
914
915		<section class="hero normal-board">
916			<div class="hero-body maintitle">
917				<div class="container">
918					<div class="columns is-marginless is-mobile is-multiline">
919						<div class="column is-one-fifths border-left is-half-mobile flex-order-1-tablet">
920							<h4 class="is-size-4 has-text-weight-bold">影音訊息</h4>
921						</div>
922					</div>
923				</div>
924			</div>
925			<div class="hero-body has-background-light">
926				<div class="container">
927					<div class="columns is-marginless is-mobile is-multiline">
928						<div class="column">
929
930															<iframe src="https://www.youtube.com/embed/bxEH5DBucw0" class="homepage_video" width="100%"
931									frameborder="0" style="border:0" allowfullscreen>
932
933								</iframe>
934							
935						</div>
936					</div>
937				</div>
938			</div>
939		</section>
940
941		<section class="hero act-calendar">
942			<div class="hero-body">
943				<div class="container">
944					<div class="columns is-marginless is-mobile is-multiline">
945						<div class="column is-one-fifths border-left is-half-mobile flex-order-1-tablet">
946							<h4 class="is-size-4 has-text-weight-bold">近期資訊</h4>
947							<h4><a class="has-text-dark" href="https://amamuseum.org.tw/ama/calendar">活動行事曆 〉</a></h4>
948						</div>
949						<div
950							class="column is-three-fifths-desktop is-full-mobile flex-order-2-tablet has-text-centered bordered-mobile">
951							<div class="columns no-bg is-mobile">
952								<div class="column d-flex-aj-center">
953									<button type="button"
954										class="is-size-1 clean-btn button btn-backward btn-perv-month change-info"><span>〈</span></button>
955								</div>
956								<div class="column">
957									<h3 class="is-inline">
958										<strong class="tag is-warning year d-flex-aj-center">2018</strong>
959										<div>
960											<span class="month is-size-1 has-text-pink"></span><span
961												class="subtitle month-text">月</span>
962										</div>
963									</h3>
964								</div>
965								<div class="column d-flex-aj-center">
966									<button type="button"
967										class="is-size-1 clean-btn button btn-forward btn-next-month change-info"><span>〉</span></button>
968								</div>
969							</div>
970						</div>
971						<div class="column is-one-fifths is-half-mobile flex-order-1-tablet control">
972							<button type="button" class="button is-fullbtn periodTime-searh">
973								<div class="btn-ctn is-active">
974									<span class="icon"><i class="far fa-calendar-alt"></i></span>
975									<span>區間搜尋</span>
976								</div>
977								<div class="btn-result">
978									<span class="icon"><i class="far fa-calendar-alt"></i></span>
979									<span class="date-rlt"></span>
980									<span class="delete"></span>
981								</div>
982							</button>
983						</div>
984					</div>
985				</div>
986			</div>
987			<!-- 小周曆 -->
988			<!-- <div class="hero-body">
989					<div class="container">						
990						<div class="columns is-marginless is-mobile">
991							<div class="column is-1 d-flex-aj-center flex-end is-paddingless">
992								<button type="button" class="clean-btn button is-size-3 is-size-4-mobile btn-backward btn-perv-week change-info">
993									<span class="icon"><i class="fas fa-caret-left"></i></span>
994								</button>
995							</div>
996							<div class="column is-10 is-paddingless py-1-mobile">
997								<div class="columns date-blks is-mobile is-marginless">
998									<div class="column">
999										<div class="date-blk change-info"><span></span></div>
1000									</div>
1001									<div class="column">
1002										<div class="date-blk change-info"><span></span></div>
1003									</div>
1004									<div class="column">
1005										<div class="date-blk change-info"><span></span></div>
1006									</div>
1007									<div class="column">
1008										<div class="date-blk change-info"><span></span></div>
1009									</div>
1010									<div class="column">
1011										<div class="date-blk change-info"><span></span></div>
1012									</div>
1013									<div class="column">
1014										<div class="date-blk change-info"><span></span></div>
1015									</div>
1016									<div class="column">
1017										<div class="date-blk change-info"><span></span></div>
1018									</div>
1019								</div>
1020							</div>
1021							<div class="column is-1 d-flex-a-center is-paddingless">
1022								<button type="button" class="clean-btn button is-size-3 is-size-4-mobile btn-forward btn-nexr-week change-info">
1023									<span class="icon"><i class="fas fa-caret-right"></i></span>
1024								</button>
1025							</div>
1026						</div>
1027					</div>
1028				</div> -->
1029
1030			<div class="hero-body">
1031				<div class="container">
1032					<div class="columns is-marginless is-mobile info-type-group is-multiline">
1033						<div class="column is-one-fourths-desktop is-half-mobile is-paddingless">
1034							<div class="info-type change-info is-active">全部</div>
1035						</div>
1036						<div class="column is-one-fourths-desktop is-half-mobile is-paddingless">
1037							<div class="info-type change-info">最新消息</div>
1038						</div>
1039						<div class="column is-one-fourths-desktop is-half-mobile is-paddingless">
1040							<div class="info-type change-info">活動消息</div>
1041						</div>
1042						<div class="column is-one-fourths-desktop is-half-mobile is-paddingless">
1043							<div class="info-type change-info">展覽資訊</div>
1044						</div>
1045					</div>
1046				</div>
1047			</div>
1048
1049			<div class="hero-body no-top-mobile mb-2">
1050				<div class="container act-content homepage">
1051					<div class="cus-loader">
1052						<div class="cus-loader-text">
1053							資訊載入中請稍後
1054							<div class="dot-pulse"></div>
1055						</div>
1056					</div>
1057					<div class="columns is-marginless info-group is-multiline has-text-centered">
1058
1059													<div class="column is-one-third cweek-info">
1060								<div class="card h-100 has-text-left">
1061									<div class="card-image">
1062										<figure class="image is-3by2 is-clipped"
1063											onclick="location.href='https://amamuseum.org.tw/tw/activity/78'">
1064											<img src="https://amamuseum.org.tw/files/activity/7aa38e3f96d80024e6955e60eb77b65b.png" alt="Placeholder image">
1065										</figure>
1066									</div>
1067									<div class="card-content">
1068										<div class="article-type">
1069											<div class="article-type-text">
1070												<span class="icon is-size-3"><i class="far fa-eye"></i></span>
1071												<span class="is-size-7">活動消息</span>
1072											</div>
1073											<div class="article-date">
1074												<p class="subtitle is-6">2026/09/15</p>
1075											</div>
1076										</div>
1077										<a href="https://amamuseum.org.tw/tw/activity/78">
1078											<p class="title is-4">阿嬤家2026 性別意識與社會韌性培養課程 第六堂</p>
1079										</a>
1080										<div class="content">
1081																					</div>
1082										<div class="readmore" onclick="location.href='https://amamuseum.org.tw/tw/activity/78'">繼續閱讀</div>
1083									</div>
1084								</div>
1085							</div>
1086													<div class="column is-one-third cweek-info">
1087								<div class="card h-100 has-text-left">
1088									<div class="card-image">
1089										<figure class="image is-3by2 is-clipped"
1090											onclick="location.href='https://amamuseum.org.tw/tw/activity/76'">
1091											<img src="https://amamuseum.org.tw/files/activity/6deca9ec3f71165a93d807493fd1b333.png" alt="Placeholder image">
1092										</figure>
1093									</div>
1094									<div class="card-content">
1095										<div class="article-type">
1096											<div class="article-type-text">
1097												<span class="icon is-size-3"><i class="far fa-eye"></i></span>
1098												<span class="is-size-7">活動消息</span>
1099											</div>
1100											<div class="article-date">
1101												<p class="subtitle is-6">2026/09/02</p>
1102											</div>
1103										</div>
1104										<a href="https://amamuseum.org.tw/tw/activity/76">
1105											<p class="title is-4">阿嬤家2026 性別意識與社會韌性培養課程 第五堂</p>
1106										</a>
1107										<div class="content">
1108																					</div>
1109										<div class="readmore" onclick="location.href='https://amamuseum.org.tw/tw/activity/76'">繼續閱讀</div>
1110									</div>
1111								</div>
1112							</div>
1113						
1114
1115					</div>
1116				</div>
1117
1118				<div class="act-content-more" style="display:none">
1119					<button type="button" class="btn-more button">
1120						<span>更多資訊</span>
1121						<span class="icon">
1122							<i class="fas fa-plus-circle is-pink"></i>
1123						</span>
1124					</button>
1125				</div>
1126
1127			</div>
1128
1129		</section>
1130
1131		<section class="hero">
1132			<div class="container">
1133				<div class="row m-0 p-0 mb-5">
1134
1135					<!-- 標題(阿嬤家和平與女性人權館) -->
1136					<div class="col-12 col-md-4 pr-lg-0 mb-5 mb-lg-0">
1137						<!-- 標題 -->
1138						<div class="is-size-4 has-text-weight-bold">
1139							阿嬤家FB粉絲專頁
1140						</div>
1141						<!-- 粉專鑲嵌 -->
1142						<div class="fbheight">
1143							<iframe
1144								src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ftaiwanahma&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
1145								width="340" height="450" scrolling="no" frameborder="0" allowfullscreen="true"
1146								allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
1147						</div>
1148					</div>
1149
1150					<!-- 標題(阿嬤家IG) -->
1151					<div class="col-12 col-md-4 pr-lg-0 mb-5 mb-lg-0">
1152						<!-- 標題 -->
1153						<div class="is-size-4 has-text-weight-bold">
1154							阿嬤家IG
1155						</div>
1156						<!-- IG鑲嵌 -->
1157						<div class="fbheight">
1158							<iframe src="https://www.instagram.com/amamuseumtw/embed" width="340" height="500"
1159								frameborder="0" scrolling="no" allowtransparency="true"></iframe>
1160						</div>
1161					</div>
1162
1163
1164
1165				</div>
1166			</div>
1167		</section>
1168
1169
1170
1171		<section class="hero normal-board">
1172			<div class="hero-body maintitle">
1173				<div class="container">
1174					<div class="columns is-marginless is-mobile is-multiline">
1175						<div class="column is-one-fifths border-left is-half-mobile flex-order-1-tablet">
1176															<a class="has-text-dark" href="https://www.amamuseum.org.tw/tw/category/15" target="_blank">
1177									<h4 class="is-size-4 has-text-weight-bold">參觀資訊 〉</h4>
1178								</a>
1179													</div>
1180					</div>
1181				</div>
1182			</div>
1183			<div class="hero-body has-background-light">
1184				<div class="container">
1185					<div class="columns is-marginless is-multiline">
1186						
1187							<div class="column">
1188								<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.103959449059!2d121.51587401537913!3d25.06446534322268!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a946c5fc256b%3A0x5e9d2b8b85574880!2zMTAz5Y-w5YyX5biC5aSn5ZCM5Y2A5om_5b636Lev5LiJ5q61MzLomZ8!5e0!3m2!1szh-TW!2stw!4v1610585551403!5m2!1szh-TW!2stw" width="100%" height="100%" frameborder="0"
1189									style="border:0" allowfullscreen>
1190
1191								</iframe>
1192							</div>
1193
1194							<div class="column">
1195								<div class="border-left subtitle">
1196									開放時間
1197								</div>
1198								<div class="has-background-white box">
1199									休館日:每週日、週一<br />
1200特殊營業時間:                          <br />
120110/8(四)營業時間為早上10:00-中午12:00<br />
120210/9(五)國定假日補假閉館整天<br />
1203<br />
1204阿嬤家開放時間為週二至週六10:00至17:00。								</div>
1205								<div class="border-left subtitle">
1206									交通方式
1207								</div>
1208								<div class="has-background-white box">
1209									​公車<br />
1210<br />
1211「大同國小」站26、280、287、306、616、618、639、756、811、966。<br />
1212 <br />
1213<br />
1214捷運<br />
1215<br />
1216捷運淡水信義/中和新蘆線:「民權西路」下車,<br />
1217由5號出口步行約5分鐘(無電梯)<br />
1218由1號出口步行約8分鐘(有電梯)。								</div>
1219								<div class="border-left subtitle">
1220									聯絡資訊
1221								</div>
1222								<div class="has-background-white box">
1223									<ul>
1224										<li>
1225											<span class="icon"><i class="fas fa-phone"></i></span>
1226											<a class="has-text-dark"
1227												href="tel:02-2553-7133">02-2553-7133</a>
1228										</li>
1229										<li>
1230											<span class="icon"><i class="far fa-envelope"></i></span>
1231											<a class="has-text-dark"
1232												href="mailto:[email protected]">[email protected]</a>
1233										</li>
1234										<li>
1235											<span class="icon"><i class="fas fa-map-marker-alt"></i></span>
1236											<a class="has-text-dark"
1237												href="https://www.google.com.tw/maps/place/103%E5%8F%B0%E5%8C%97%E5%B8%82%E5%A4%A7%E5%90%8C%E5%8D%80%E6%89%BF%E5%BE%B7%E8%B7%AF%E4%B8%89%E6%AE%B532%E8%99%9F/@25.0644653,121.515874,17z/data=!3m1!4b1!4m5!3m4!1s0x3442a946c5fc256b:0x5e9d2b8b85574880!8m2!3d25.0644605!4d121.5180627?hl=zh-TW">台北市大同區承德路三段32號5樓</a>
1238										</li>
1239									</ul>
1240								</div>
1241							</div>
1242
1243											</div>
1244				</div>
1245			</div>
1246		</section>
1247
1248		<section class="hero">
1249			<div class="container">
1250				<div class="hero-body">
1251					<div class="level">
1252						<div class="column has-text-right">
1253							<img src="https://amamuseum.org.tw/assets/img/huge_logo.png" width="300">
1254						</div>
1255						<div class="column">
1256							<!-- <div class="title has-text-pink border-left">訂閱電子報</div> -->
1257							<div class="column is-narrow social-media is-flex is-paddingless text-center"
1258								style="justify-content: center">
1259								<a href="https://www.facebook.com/taiwanahma/" target="_blank" class="has-text-pink">
1260									<div class="is-size-3">
1261										<i class="fab fa-facebook-f"></i>
1262									</div>
1263								</a>
1264								<a href="https://www.instagram.com/amamuseumtw/" target="_blank" class="has-text-pink">
1265									<div class="is-size-3">
1266										<i class="fab fa-instagram"></i>
1267									</div>
1268								</a>
1269							</div>
1270							<div class="subtitle">隨時掌握阿嬤家的第一手資訊</div>
1271							<!-- <div class="field has-addons">
1272									<div class="control is-expanded">
1273										<input class="input" type="text" name="email" placeholder="輸入您的電子郵件">
1274									</div>
1275									<div class="control">
1276										<button class="button" id="subscribe">
1277										  訂閱
1278										</button>
1279									  </div>
1280									  <button class="button" id="subscribe_cancel">
1281									  取消訂閱
1282									</button>
1283								</div> -->
1284						</div>
1285					</div>
1286				</div>
1287			</div>
1288		</section>
1289
1290	</main>
1291
1292	<section id="cus-footer" class="hero has-background-dark">
1293		<div class="container">
1294			<div class="columns is-marginless is-multiline is-centered is-mobile">
1295				<div class="column is-12 footer-blk">
1296					<p class="content is-small has-text-white has-text-centered">
1297						阿嬤家-和平與女性人權館<br>
1298						臺北市大同區承德路三段32號5樓 (02)2553-7133<br>
1299					</p>
1300				</div>
1301				<div class="column is-narrow social-media is-flex is-paddingless">
1302					<a href="https://www.facebook.com/taiwanahma/" target="_blank" class="has-text-white">
1303						<div class="is-size-3">
1304							<i class="fab fa-facebook-f"></i>
1305						</div>
1306					</a>
1307				</div>
1308				<div class="column is-narrow social-media is-flex is-paddingless">
1309					<a href="https://www.instagram.com/amamuseumtw/" target="_blank" class="has-text-white">
1310						<div class="is-size-3">
1311							<i class="fab fa-instagram"></i>
1312						</div>
1313					</a>
1314				</div>
1315				<div class="column is-12 footer-blk">
1316					<p class="content is-small has-text-white has-text-centered">
1317						婦女救援社會福利事業基金會<br>
1318						臺北市大同區承德路三段32號5樓 (02)2553-7133<br>
1319					</p>
1320				</div>
1321				<div class="column is-12">
1322					<p class="content is-small has-text-white has-text-centered">
1323						Copyright © 2019.All Rights Reserved.&nbsp;&nbsp;<a
1324							href="https://hyware.com.tw"
1325							style="color: #fff;font-size: 0.75rem;">Hyware網頁設計</a>
1326					</p>
1327				</div>
1328			</div>
1329		</div>
1330	</section>
1331
1332	<div class="modal date-modal datetimepicker-wrapper">
1333		<div class="modal-background"></div>
1334		<div class="modal-content">
1335			<div class="modal-card">
1336				<header class="modal-card-head">
1337					<p class="modal-card-title">資訊日期區間搜尋</p>
1338					<button class="delete" aria-label="close"></button>
1339				</header>
1340				<section class="modal-card-body">
1341					<div class="field">
1342						<label for="datefilter">輸入日期</label>
1343						<div class="control"><input class="input datefilter-modal" type="text" name="datefilter"
1344								id="datefilter" readonly=""></div>
1345					</div>
1346				</section>
1347				<footer class="modal-card-foot">
1348					<button type="button" class="button is-fullwidth bg-pink btn-searchDate">
1349						<span class="icon"><i class="fas fa-search"></i></span>
1350						<span>搜尋</span>
1351					</button>
1352				</footer>
1353			</div>
1354		</div>
1355	</div>
1356
1357	
1357<script type="text/javascript">
1358		moment.locale('zh-tw');
1359		var d = moment();
1360		var sunday = d.day(0);
1361		var dyear = d.year();
1362		var dmonth = d.month() + 1;
1363		var month = d.month() + 1;
1364		var act_date = '';
1365		var act_info = "全部";
1366		var info_array = new Array();
1367		var show_info_count = 6; // 資料顯示到陣列第幾筆
1368
1369		var load_info_timer;
1370
1371		function dropdwonList() {
1372			$("#navbar-main #navmain .navbar-item.has-dropdown .navbar-link").after("<label><span class='arrow'></span></label>");
1373		}
1374		// 清除選取日期
1375		function clearDate(except) {
1376			$(".date-blk").each(function() {
1377				if (!$(this).is(except)) {
1378					$(this).removeClass("active").children("a").remove();
1379				}
1380			});
1381			$(".periodTime-searh").find(".btn-result").removeClass("is-active");
1382			$(".periodTime-searh").find(".btn-ctn").addClass("is-active");
1383			$(".periodTime-searh").removeClass("is-active");
1384			act_date = "" //將單天日期清空
1385			$(".date-rlt").text('') //區間日期清空
1386		}
1387		// 行事曆調整 num: 增減數值, unit: 增減單位(M/w)  
1388		function change_calendar(num, unit) {
1389			clearDate();
1390			switch (unit) {
1391				case "M":
1392					sunday.month(month - 1);
1393					sunday.add(num, unit);
1394					if (sunday.month() + 1 == dmonth && sunday.year() == dyear) {
1395						sunday.date(moment().date());
1396					} else {
1397						sunday.date(1);
1398					}
1399					month = sunday.month() + 1;
1400					break;
1401				case "w":
1402					sunday.add(num, unit);
1403					month = sunday.month() + 1;
1404					break;
1405			}
1406			$(".act-calendar").find(".year").html(sunday.year());
1407			$(".act-calendar").find(".month").html(sunday.month() + 1);
1408			for (i = 0; i < 7; i++) {
1409				if (sunday.day(i).month() + 1 != month) {
1410					var el = $(".date-blk").eq(i).find("span").html(sunday.day(i).format("DD")).addClass("has-text-grey-light");
1411					var newone = el.clone(true);
1412					el.before(newone);
1413					$(".date-blk").eq(i).find("span:last").remove();
1414
1415				} else {
1416					var el = $(".date-blk").eq(i).find("span").html(sunday.day(i).format("DD")).removeClass("has-text-grey-light");
1417					var newone = el.clone(true);
1418					el.before(newone);
1419					$(".date-blk").eq(i).find("span:last").remove();
1420				}
1421				$(".date-blk").eq(i).data("date", sunday.day(i).format("YYYY-MM-DD"));
1422			}
1423		}
1424		$(function() {
1425			if ($('input.datefilter-modal').length > 0) {
1426				$('input.datefilter-modal').daterangepicker({
1427					parentEl: ".date-modal",
1428					alwaysShowCalendars: true,
1429					linkedCalendars: false,
1430					autoApply: true,
1431					autoUpdateInput: false,
1432					opens: 'center',
1433					locale: {
1434						cancelLabel: '取消',
1435						applyLabel: '確認',
1436						customRangeLabel: '自訂日期',
1437						daysOfWeek: [
1438							"日",
1439							"一",
1440							"二",
1441							"三",
1442							"四",
1443							"五",
1444							"六"
1445						],
1446						monthNames: [
1447							"一月",
1448							"二月",
1449							"三月",
1450							"四月",
1451							"五月",
1452							"六月",
1453							"七月",
1454							"八月",
1455							"九月",
1456							"十月",
1457							"十一月",
1458							"十二月"
1459						]
1460					}
1461				});
1462			}
1463			//調整時間預設為該周日期之周六
1464			sunday.day(6).startOf('day');
1465			//一開始直接先ajax搜尋全部當周資訊就不用於controller再寫一次搜尋
1466			//show_info(3);
1467
1468			$('.owl-carousel').owlCarousel({
1469				items: 1,
1470				loop: true,
1471				nav: true,
1472				dots: true,
1473				autoplay: true
1474			});
1475			$(".act-calendar").find(".year").html(sunday.year());
1476			$(".act-calendar").find(".month").html(sunday.month() + 1);
1477			for (i = 0; i < 7; i++) {
1478				if (sunday.day(i).month() + 1 != month) {
1479					$(".date-blk").eq(i).find("span").html(sunday.day(i).format("DD")).addClass("has-text-grey-light");
1480				} else {
1481					$(".date-blk").eq(i).find("span").html(sunday.day(i).format("DD")).removeClass("has-text-grey-light");
1482				}
1483				$(".date-blk").eq(i).data("date", sunday.day(i).format("YYYY-MM-DD"));
1484			}
1485			d = moment();
1486			sunday = d.day(0);
1487			//更動月份
1488			$(".btn-perv-month").on("click", function() {
1489				change_calendar(-1, "M");
1490				show_info(3);
1491			});
1492			$(".btn-next-month").on("click", function() {
1493				change_calendar(1, "M");
1494				show_info(3);
1495			});
1496			//更動星期
1497			$(".btn-perv-week").on("click", function() {
1498				change_calendar(-1, "w");
1499				show_info(3);
1500			});
1501			$(".btn-nexr-week").on("click", function() {
1502				change_calendar(1, "w");
1503				show_info(3);
1504			});
1505
1506			$(".date-blk").on("click", function() {
1507				clearDate($(this));
1508				$(this).toggleClass("active");
1509				if ($(this).hasClass("active")) {
1510					$(this).append('<a class="delete position-topright"></a>');
1511					act_date = $(this).data("date");
1512					show_info(1);
1513				} else {
1514					$(this).children("a").remove();
1515					act_date = "";
1516					show_info(3);
1517				}
1518
1519			});
1520
1521			$('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
1522				$(this).val(picker.startDate.format('YYYY/MM/DD') + ' - ' + picker.endDate.format('YYYY/MM/DD'));
1523			});
1524			$('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
1525				$(this).val('');
1526			});
1527
1528			//更動資訊分類
1529			$(".change-info").on("click", function() {
1530				sunday.day(6).startOf('day');
1531				$(".cus-loader").fadeIn().css("display", "flex");
1532				$(".info-group").fadeOut();
1533				$(".act-content-more").hide();
1534				window.clearTimeout(load_info_timer);
1535				load_info_timer = window.setTimeout(function() {
1536
1537					$(".cus-loader").fadeOut();
1538					$(".info-group").fadeIn();
1539					$(".act-content-more").show();
1540					if (act_date != '') //點選日期
1541					{
1542						show_info(1);
1543					} else if (act_date == '' && $(".date-rlt").text() != '') //搜尋區間
1544					{
1545						show_info(2);
1546					} else if (act_date == '' && $(".date-rlt").text() == '') //更換周月
1547					{
1548						show_info(3);
1549					}
1550				}, 500);
1551			});
1552
1553			//搜尋區間
1554			$(".btn-searchDate").on("click", function() {
1555				var val = $("input[name='datefilter']").val();
1556
1557				if (val != "") {
1558					clearDate();
1559					$(".modal").removeClass("is-active");
1560					$("input[name='datefilter']").data('daterangepicker').setStartDate(moment().format("YYYY-MM-DD"));
1561					$("input[name='datefilter']").data('daterangepicker').setEndDate(moment().format("YYYY-MM-DD"));
1562					$("input[name='datefilter']").val("");
1563					$(".periodTime-searh").addClass("is-active");
1564					$(".periodTime-searh .btn-ctn").removeClass("is-active");
1565					$(".periodTime-searh .btn-result").addClass("is-active");
1566					$(".periodTime-searh .btn-result .date-rlt").html(val);
1567
1568					$(".cus-loader").fadeIn().css("display", "flex");
1569					$(".info-group").fadeOut();
1570					window.clearTimeout(load_info_timer);
1571					load_info_timer = window.setTimeout(function() {
1572						$(".cus-loader").fadeOut();
1573						$(".info-group").fadeIn();
1574						show_info(2);
1575					}, 500);
1576				} else {
1577					$("input[name='datefilter']").after(`<p class="help is-danger">未選擇任何日期</p>`);
1578				}
1579			});
1580
1581			$("input[name='datefilter']").on('apply.daterangepicker', function(ev, picker) {
1582				$(this).parents(".modal").find(".help").remove();
1583			});
1584
1585			$(".periodTime-searh").on("click", function() {
1586				if ($(this).hasClass("is-active")) {
1587					clearDate();
1588					sunday.day(6).startOf('day');
1589
1590					$(".cus-loader").fadeIn().css("display", "flex");
1591					$(".info-group").fadeOut();
1592					window.clearTimeout(load_info_timer);
1593					load_info_timer = window.setTimeout(function() {
1594						$(".cus-loader").fadeOut();
1595						$(".info-group").fadeIn();
1596						show_info(3);
1597					}, 500);
1598
1599					return;
1600				}
1601				$(".modal").addClass("is-active");
1602			});
1603
1604			$(".info-type").on("click", function() {
1605				$(".info-type").removeClass("is-active");
1606				$(this).addClass("is-active");
1607				//取得資訊分類
1608				if ($(this).hasClass("is-active")) {
1609					act_info = $(this).text();
1610				}
1611			});
1612
1613			$(".modal-background, .modal .delete").on("click", function() {
1614				$(".modal").removeClass("is-active");
1615			});
1616		})
1617
1618		//搜尋日期資訊
1619		function show_info($state) {
1620			//act_date  選擇日期
1621			//act_info  選擇分類
1622			var interval = $(".date-rlt").text();
1623			//未收小周曆
1624			//var search_saturday = sunday.startOf('day').format("X");
1625			//收掉小周曆(一次一個月分)
1626			var search_saturday = String(sunday.year()) + "/" + String(sunday.month() + 1) + "/01";
1627			$.ajax({ // start ajax
1628
1629				type: "POST",
1630				url: "https://amamuseum.org.tw/info/show_info/" + $state,
1631				data: {
1632					search_date: act_date,
1633					search_info: act_info,
1634					interval: interval,
1635					search_saturday: search_saturday
1636				},
1637				async: false,
1638				// success: function (data) { //success start
1639				success: function(obj) {
1640					// var obj = JSON.parse(data);
1641					//資訊先清空,並且將資料存入暫存陣列
1642					$('.info-group').html('');
1643					info_array = obj.html_text;
1644					//資料顯示數量重置
1645					show_info_count = 6;
1646
1647					if (obj.html_text.length > 0) {
1648						if (obj.html_text.length > 6) {
1649							//印出6筆
1650							for (i = 0; i < 6; i++) {
1651								$('.info-group').append(obj.html_text[i]);
1652							}
1653							//增加按鈕
1654							$('.act-content-more').attr("style", "");
1655						} else {
1656							for (i = 0; i < obj.html_text.length; i++) {
1657								$('.info-group').append(obj.html_text[i]);
1658							}
1659							//隱藏按鈕
1660							$('.act-content-more').attr("style", "display:none");
1661						}
1662						//顯示資訊
1663						showInfo("cweek-info", 1.1);
1664
1665					} else {
1666						$('.info-group').html('<span style="font-size:36px;color:#d01347;width:100%;">查無資訊</span>')
1667						//隱藏按鈕
1668						$('.act-content-more').attr("style", "display:none");
1669						//顯示資訊
1670						showInfo("cweek-info", 1.1);
1671					}
1672
1673
1674				},
1675				error: function(data) {
1676					console.log(data);
1677				}
1678			}) //end ajax
1679
1680
1681		}
1682
1683		//資料顯示更多按鈕
1684		$('.btn-more').on("click", function() {
1685			//未顯示資料還大於6筆
1686			if (info_array.length - (show_info_count + 6) > 0) {
1687				//印出6筆
1688				for (i = show_info_count; i < show_info_count + 6; i++) {
1689					$('.info-group').append(info_array[i]);
1690				}
1691				//增加按鈕
1692				$('.act-content-more').attr("style", "");
1693				show_info_count = show_info_count + 6;
1694				//顯示資訊
1695				showInfo("cweek-info", 1.1);
1696			} else {
1697				//印出剩餘筆數
1698				for (i = show_info_count; i < info_array.length; i++) {
1699					$('.info-group').append(info_array[i]);
1700				}
1701				//隱藏按鈕
1702				$('.act-content-more').attr("style", "display:none");
1703				//顯示資訊
1704				showInfo("cweek-info", 1.1);
1705			}
1706
1707		});
1708
1709		//訂閱電子報
1710		$("#subscribe").on("click", function() {
1711
1712			var email_check = validateEmail($("input[name='email']").val()) //檢查email格式
1713			if (!email_check) { //格式錯誤
1714				CallModal("系統提示", "<p>信箱格式錯誤,請檢察輸入正確後重新訂閱!</p>", false);
1715			} else { //格式正確
1716
1717
1718				$.ajax({ // start ajax
1719
1720					type: "POST",
1721					url: "https://amamuseum.org.tw/ama/epaper_describe",
1722					data: {
1723						email: $("input[name='email']").val()
1724					},
1725					async: false,
1726					// success: function (data) { //success start
1727					success: function(obj) {
1728						// var obj = JSON.parse(data);
1729						console.log(obj);
1730						if (obj.state == 0) {
1731							CallModal("系統提示", "<p>" + "該電子郵件已訂閱過電子報" + "</p>", false);
1732						} else {
1733							CallModal("系統提示", "<p>電子報訂閱成功,感謝您的訂閱!!</p>", false);
1734						}
1735
1736
1737					},
1738					error: function(data) {
1739						console.log(data);
1740					}
1741
1742				}) //end ajax
1743
1744
1745			}
1746
1747		});
1748
1749
1750		//取消訂閱電子報
1751		$("#subscribe_cancel").on("click", function() {
1752
1753			var email_check = validateEmail($("input[name='email']").val()) //檢查email格式
1754			if (!email_check) { //格式錯誤
1755				CallModal("系統提示", "<p>信箱格式錯誤,請檢察輸入正確後重新取消訂閱!</p>", false);
1756			} else { //格式正確
1757
1758				$.ajax({ // start ajax
1759
1760					type: "POST",
1761					url: "https://amamuseum.org.tw/ama/epaper_describe_cancel",
1762					data: {
1763						email: $("input[name='email']").val()
1764					},
1765					async: false,
1766					// success: function (data) { //success start
1767					success: function(obj) {
1768						// var obj = JSON.parse(data);
1769
1770						if (obj.state == 0) {
1771							CallModal("系統提示", "<p>" + "很抱歉,您輸入的郵件並沒有訂閱電子報,請重新輸入。" + "</p>", false);
1772						} else {
1773							CallModal("系統提示", "<p>電子報取消訂閱成功,謝謝!!</p>", false);
1774						}
1775
1776
1777					},
1778					error: function(data) {
1779						console.log(data);
1780					}
1781
1782				}) //end ajax
1783
1784			}
1785
1786		});
1787
1788		//email格式檢驗函式
1789		function validateEmail(email) {
1790			var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
1791			return re.test(String(email).toLowerCase());
1792		}
1793	</script>
1793
1794</body>
1795
1796</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.