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. <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.