1<!DOCTYPE html> 2<html class="has-navbar-fixed-top"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="x-ua-compatible" content="ie=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <link rel="shortcut icon" href="https://amamuseum.org.tw/assets/img/icon_ama.ico"> 8 <title>æå¡è¨»å - é¿å¬¤å®¶-åå¹³è女æ§äººæ¬é¤¨ - å©¦å¥³ææ´åºéæéè¨</title> 9 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/timeline.css"> 10 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/bulma.min.css"> 11 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/bulma-steps.min.css"> 12 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/bulma-checkradio.min.css"> 13 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/owl.carousel.min.css"> 14 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/owl.theme.default.min.css"> 15 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/all.min.css"> 16 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/ama.css"> 17 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/daterangepicker.css"> 18 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/three-dots.css"> 19 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/assets/css/style.css"> 20
20<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/jquery-3.3.1.min.js"></script>
20 21
21<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/owl.carousel.min.js"></script>
21 22
22<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/moment.js"></script>
22 23
23<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/moment-with-locales.min.js"></script>
23 24
24<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/all.min.js"></script>
24 25
25<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/daterangepicker.js"></script>
25 26
26<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/timeline.js"></script>
26 27
27<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/bulma-steps.min.js"></script>
27 28
28<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/main.js"></script>
28 29
29<script type="text/javascript" src="https://amamuseum.org.tw/assets/js/register.js"></script>
29 30 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 73 bytes, lines 30-31
30 31 <script async src="https://www.googletagmanager.com/gtag/js?id=
31UA-24269865-6
vendor: 21 bytes, lines 31-32
31"></script> 32
32<script> 33
vendor: 162 bytes, lines 33-37
33window.dataLayer = window.dataLayer || []; 34 function gtag(){dataLayer.push(arguments);} 35 gtag('js', new Date()); 36 37 gtag('config', '
37UA-24269865-6
vendor: 13 bytes, lines 37-38
37'); 38
38</script>
38 39 <!-- FBåç´ è¿½è¹¤ç¢¼ --> 40 <noscript><img height="1" width="1" src="https://www.facebook.com/tr?id=1743167099292791&ev=PageView&noscript=1"/></noscript> 41 </head> 42 <body> 43 <link rel="stylesheet" type="text/css" href="https://amamuseum.org.tw/public/assets/css/bulma-badge.min.css"> 44<!-- <input type="text" name="base_url" value=""> --> 45 <input type="hidden" name="base_url" value="https://amamuseum.org.tw/tw/"> 46<!--ama_header.php--> 47<nav id="navbar-top" class="navbar is-spaced bg-cis-dark is-transparent is-paddingless is-fixed-top"> 48 <div class="container"> 49 <div class="navbar-brand"> 50 <a class="has-text-white is-size-7" href="https://amamuseum.org.tw/tw"> 51 <img src="https://amamuseum.org.tw/public/assets/img/topleft.png"> 52 </a> 53 <div id="navbarBurger" class="h-auto navbar-burger burger has-text-white" data-target="navmain"> 54 <span></span> 55 <span></span> 56 <span></span> 57 </div> 58 </div> 59 <div id="navtop" class="navbar-menu"> 60 <div class="navbar-end"> 61 62 <a class="navbar-item has-text-white" href="https://amamuseum.org.tw/tw/category/48"> 63 女åååº </a> 64 <a class="navbar-item has-text-white" href="https://amamuseum.org.tw/tw/category/47"> 65 è¯çµ¡æå </a> 66 <a class="navbar-item has-text-white" href="https://amamuseum.org.tw/tw/category/8"> 67 å å ¥æå </a> 68 </div> 69 70 <div class="navbar-end is-marginless"> 71 <button type="button" id="open-extra" class="button sign-in-button is-small"> 72 <span class="icon has-text-link"> 73 <i class="fas fa-sign-in-alt has-icons-left"></i> 74 </span> 75 <span>ç»å ¥</span> 76 </button> 77 </div> 78 79 <div class="navbar-end is-marginless"> 80 <div class="field navbar-item" style="padding-right: 0;"> 81 <a href="https://amamuseum.org.tw/tw/shop/cart" class="btn-cart button is-small has-badge-rounded has-badge-danger" > 82 <span class="icon has-text-link"> 83 <i class="fas fa-shopping-cart"></i> 84 </span> 85 </a> 86 </div> 87 </div> 88 89 <div class="navbar-end is-marginless"> 90 <div class="field navbar-item"> 91 <div class="control has-icons-left"> 92 <div class="select is-fullwidth is-small"> 93 <div class="wrapper"> 94 <div id="languages"> 95 <select name="web_language" id="web_language" data-src="/LanguageSwitcher/switchLanguage/"> 96 <option selected disabled hidden>Languages</option> 97 <option value="1">ç¹é«ä¸æ</option> 98 <option value="2">English</option> 99 </select> 100 </div> 101 </div> 102 </div> 103 <div class="icon is-small is-left has-text-info"> 104 <i class="fas fa-globe"></i> 105 </div> 106 </div> 107 </div> 108 </div> 109 110 </div> 111 </div> 112</nav> 113<nav id="navbar-main" class="navbar is-spaced bg-dark is-transparent is-paddingless main-nav-wrap is-fixed-top "> 114 <div class="logo-reed" onclick="location.href='https://amamuseum.org.tw/tw'"> 115 <img src="https://amamuseum.org.tw/public/assets/img/ama_reed.png" width="94px"> 116 </div> 117 <div class="container"> 118 <div id="navmain" class="navbar-menu"> 119 <div class="navbar-end main-navL"> 120 121 <div class="navbar-item has-dropdown is-hoverable"> 122 <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/1">
123 <span class="icon has-text-red is-hidden-desktop"> 124 <i class="fas fa-bookmark"></i> 125 </span> 126 èªèé¿å¬¤å®¶ </a> 127 128 <div class="navbar-dropdown"> 129 130 131 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/13"> 132 緣起 </a> 133 134 135 <hr class="navbar-divider is-block-tablet is-block-mobile"> 136 </hr> 137 138 139 140 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/14"> 141 ç念è屿 </a> 142 143 144 <hr class="navbar-divider is-block-tablet is-block-mobile"> 145 </hr> 146 147 148 149 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/89"> 150 峿¿èæªä¾ </a> 151 152 153 <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile"> 154 </hr> 155 156 </div> 157 158 </div> 159 <div class="navbar-item has-dropdown is-hoverable"> 160 <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/3"> 161 <span class="icon has-text-red is-hidden-desktop"> 162 <i class="fas fa-bookmark"></i> 163 </span> 164 éæ¼ãæ °å®å©¦ã/é¿å¬¤ </a> 165 166 <div class="navbar-dropdown"> 167 168 169 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/9"> 170 <strong>æ °å®å©¦-è»äºæ§å¥´é¸ä¸ç被害人</strong> 171 <span class="icon has-text-bootstrap"> 172 <i class="fas fa-angle-down"></i> 173 </span> 174 </a> 175 176 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/85"> 177 è»äºæ§å¥´é¸å¶åº¦ç±ä¾-è¯åå人æ¬çäºæ </a> 178 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/80"> 179 çºä½è®ææ °å®å©¦ </a> 180 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/21"> 181 é¿å¬¤çæ äº </a> 182 183 <hr class="navbar-divider is-block-tablet is-block-mobile"> 184 </hr> 185 186 187 188 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/10"> 189 <strong>身å¿å·¥ä½å</strong>
190 <span class="icon has-text-bootstrap"> 191 <i class="fas fa-angle-down"></i> 192 </span> 193 </a> 194 195 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/22"> 196 身å¿å·¥ä½å </a> 197 198 <hr class="navbar-divider is-block-tablet is-block-mobile"> 199 </hr> 200 201 202 203 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/81"> 204 æ °å®æå¶åº¦ </a> 205 206 207 <hr class="navbar-divider is-block-tablet is-block-mobile"> 208 </hr> 209 210 211 212 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/49"> 213 常è¦åé¡ </a> 214 215 216 <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile"> 217 </hr> 218 219 </div> 220 221 </div> 222 <div class="navbar-item has-dropdown is-hoverable"> 223 <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/4"> 224 <span class="icon has-text-red is-hidden-desktop"> 225 <i class="fas fa-bookmark"></i> 226 </span> 227 æ°çè女æ§äººæ¬ </a> 228 229 <div class="navbar-dropdown"> 230 231 232 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/76"> 233 åéæ °å®å©¦äººæ¬éå </a> 234 235 236 <hr class="navbar-divider is-block-tablet is-block-mobile"> 237 </hr> 238 239 240 241 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/77"> 242 å°ç£æ °å®å©¦äººæ¬éå </a> 243 244 245 <hr class="navbar-divider is-block-tablet is-block-mobile"> 246 </hr> 247 248 249 250 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/78"> 251 訴è¨èè³ å </a> 252 253 254 <hr class="navbar-divider is-block-tablet is-block-mobile"> 255 </hr> 256 257 258 259 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/12"> 260 大äºè¨ </a> 261 262 263 <hr class="navbar-divider is-block-tablet is-block-mobile"> 264 </hr> 265 266 267 268 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/65"> 269 è²æ´è¡å </a> 270 271 272 <hr class="navbar-divider is-block-tablet is-block-mobile"> 273 </hr> 274 275 276 277 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/66"> 278 æ °å®å©¦ä¹è² </a> 279 280 281 <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile"> 282 </hr> 283 284 </div> 285 286 </div> 287 <div class="navbar-item has-dropdown is-hoverable"> 288 <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/2">
289 <span class="icon has-text-red is-hidden-desktop"> 290 <i class="fas fa-bookmark"></i> 291 </span> 292 åè§è³è¨ </a> 293 294 <div class="navbar-dropdown"> 295 296 297 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/15"> 298 åè§è³è¨ </a> 299 300 301 <hr class="navbar-divider is-block-tablet is-block-mobile"> 302 </hr> 303 304 305 306 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/73"> 307 <strong>å ´é¤¨ä»ç´¹-æ°é¤¨</strong> 308 <span class="icon has-text-bootstrap"> 309 <i class="fas fa-angle-down"></i> 310 </span> 311 </a> 312 313 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/87"> 314 å ´é¤¨ä»ç´¹ </a> 315 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/88"> 316 常è¨å± </a> 317 318 <hr class="navbar-divider is-block-tablet is-block-mobile"> 319 </hr> 320 321 322 323 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/16"> 324 <strong>å ´é¤¨ä»ç´¹-è館ï¼å·²é·åï¼</strong> 325 <span class="icon has-text-bootstrap"> 326 <i class="fas fa-angle-down"></i> 327 </span> 328 </a> 329 330 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/75"> 331 å ´é¤¨ä»ç´¹ </a> 332 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/32"> 333 常è¨å± </a> 334 335 <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile"> 336 </hr> 337 338 </div> 339 340 </div> 341 342 </div> 343 344 345 <div class="navbar-start main-navR"> 346 347 <div class="navbar-item has-dropdown is-hoverable"> 348 <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/5">
349 <span class="icon has-text-red is-hidden-desktop"> 350 <i class="fas fa-bookmark"></i> 351 </span> 352 ææ°æ¶æ¯èæ°èå°å </a> 353 354 <div class="navbar-dropdown"> 355 356 357 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/26"> 358 <strong>ææ°æ¶æ¯</strong> 359 <span class="icon has-text-bootstrap"> 360 <i class="fas fa-angle-down"></i> 361 </span> 362 </a> 363 364 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/54"> 365 æ°èå°å </a> 366 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/55"> 367 è¨æ¯å ¬å </a> 368 369 <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile"> 370 </hr> 371 372 </div> 373 374 </div> 375 <div class="navbar-item has-dropdown is-hoverable"> 376 <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/6"> 377 <span class="icon has-text-red is-hidden-desktop"> 378 <i class="fas fa-bookmark"></i> 379 </span> 380 ç¹å±è³è¨ </a> 381 382 <div class="navbar-dropdown"> 383 384 385 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/30"> 386 <strong>ç¶æç¹å±</strong> 387 <span class="icon has-text-bootstrap"> 388 <i class="fas fa-angle-down"></i> 389 </span> 390 </a> 391 392 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/110"> 393 ãç¹å±ã115å¹´ä¸æï¼æªç«çåå¹³ï¼å¾ãæ °å®å©¦ãæ·å²å°ç¶ä»£æ°çï¼éæ°çè§£æ°çä¸ç女æ§èå¢ </a> 394 395 <hr class="navbar-divider is-block-tablet is-block-mobile"> 396 </hr> 397 398 399 400 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/31"> 401 <strong>
401ç¹å±åé¡§</strong> 402 <span class="icon has-text-bootstrap"> 403 <i class="fas fa-angle-down"></i> 404 </span> 405 </a> 406 407 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/97"> 408 ãç¹å±ã112年䏿ï¼å¾©æ´ä½ çå¿-æ§æ´å被害人åµå·è復å </a> 409 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/100"> 410 ãç¹å±ã113年䏿ï¼é¿å¬¤å®¶åå¹³è女æ§äººæ¬é¤¨ï¼ä½ ç¥éå°ç£æå¤å å®¶åºçåå¨åï¼ </a> 411 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/101"> 412 ãç¹å±ã112年䏿ï¼èª 徵人å£è²©é被害人 â çµæ¢ç¾ä»£å¥´é¸æ²æç¹å± </a> 413 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/102"> 414 ãç¹å±ã113年䏿ï¼é¿å¬¤å®¶åå¹³è女æ§äººæ¬é¤¨ï¼2000å¹´æ±äº¬å¤§å¯©â女æ§åéæ°ç¯æ³åº </a> 415 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/103"> 416 ãç¹å±ã114年䏿ï¼åä¼è¡ï¼é¿å¬¤åç綺éºåéª </a> 417 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/104"> 418 ãç¹å±ã114年䏿ï¼åæ´æ äºââäºæ°ææèºç±ãæ °å®å©¦ï½£å¨åæ´çç¶æ·èèè¡åç¾ </a> 419 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/105"> 420 ãç¹å±ã115年䏿ï¼è·¨è¶åççååèå·çï¼ãæ °å®å©¦ãèè·¨å女æ§ç§»å·¥ </a> 421 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/51"> 422 ç¹å±è³è¨ </a> 423 424 <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile"> 425 </hr> 426 427 </div> 428 429 </div> 430 <div class="navbar-item has-dropdown is-hoverable"> 431 <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/52">
432 <span class="icon has-text-red is-hidden-desktop"> 433 <i class="fas fa-bookmark"></i> 434 </span> 435 å¸ç¿èæ´»å </a> 436 437 <div class="navbar-dropdown"> 438 439 440 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/50"> 441 ç ç©¶èåºçå </a> 442 443 444 <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile"> 445 </hr> 446 447 </div> 448 449 </div> 450 <div class="navbar-item has-dropdown is-hoverable"> 451 <a class="navbar-link has-text-white is-arrowless" href="https://amamuseum.org.tw/tw/category/7"> 452 <span class="icon has-text-red is-hidden-desktop"> 453 <i class="fas fa-bookmark"></i> 454 </span> 455 å ¬çåä½èåè </a> 456 457 <div class="navbar-dropdown"> 458 459 460 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/82"> 461 å°æ¥åä½ </a> 462 463 464 <hr class="navbar-divider is-block-tablet is-block-mobile"> 465 </hr> 466 467 468 469 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/83"> 470 å ¬çåä½å ±åµéè´ </a> 471 472 473 <hr class="navbar-divider is-block-tablet is-block-mobile"> 474 </hr> 475 476 477 478 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/84"> 479 å¿å·¥åè </a> 480 481 482 <hr class="navbar-divider is-block-tablet is-block-mobile"> 483 </hr> 484 485 486 487 <a class="navbar-item" href="https://amamuseum.org.tw/tw/category/34"> 488 æ·å¹´å°æ¡åä½ </a> 489 490 491 <hr class="navbar-divider is-hidden-desktop is-block-tablet is-block-mobile"> 492 </hr> 493 494 </div> 495 496 </div> 497 498 499 </div> 500 501 502 <div class="navbar-start is-hidden-desktop"> 503 <a class="navbar-item has-text-white is-hidden-desktop" href="https://amamuseum.org.tw/tw/category/48"> 504 女åååº </a> 505 <a class="navbar-item has-text-white is-hidden-desktop" href="https://amamuseum.org.tw/tw/category/47"> 506 è¯çµ¡æå </a> 507 <a class="navbar-item has-text-white is-hidden-desktop" href="https://amamuseum.org.tw/tw/category/8"> 508 å å ¥æå </a> 509 510 <hr class="navbar-divider is-hidden-desktop is-block-tablet"> 511 </hr> 512
513 <div class="navbar-start is-marginless is-hidden-desktop"> 514 <div class="navbar-item"> 515 <button type="button" class="button sign-in-button mobile is-fullwidth "> 516 <span class="icon has-text-link"> 517 <i class="fas fa-sign-in-alt has-icons-left"></i> 518 </span> 519 <span>ç»å ¥</span> 520 </button> 521 522 <div id="extra-control-mobile" class=""> 523 <span class="icon has-text-link"> 524 <i class="fas fa-user"></i> 525 </span> 526 <span class="member-name"></span> 527 </div> 528 <div class="columns is-mobile is-hidden"> 529 <div class="column"> 530 <button type="button" class="button is-fullwidth" onclick="location.href='https://amamuseum.org.tw/tw/joinmember/base'"> 531 <span class="icon has-text-link"> 532 <i class="fas fa-user-cog"></i> 533 </span> 534 <span>æå¡å°å</span> 535 </button> 536 </div> 537 <div class="column"> 538 <button type="button" class="button sign-out-button is-fullwidth" onclick="location.href='https://amamuseum.org.tw/tw/ama/member_logout'"> 539 <span class="icon has-text-link"> 540 <i class="fas fa-sign-out-alt"></i> 541 </span> 542 <span>ç»åº</span> 543 </button> 544 </div> 545 </div> 546 547 </div> 548 </div> 549 550 <div class="navbar-end is-marginless"> 551 <div class="field navbar-item"> 552 <a href="https://amamuseum.org.tw/tw/shop/cart" class="btn-cart button is-fullwidth has-badge-rounded has-badge-danger has-badge-left" > 553 <span class="icon has-text-link"> 554 <i class="fas fa-shopping-cart"></i> 555 </span> 556 <span>è³¼ç©è»</span> 557 </a> 558 </div> 559 </div> 560 561 <div class="field navbar-item is-hidden-desktop"> 562 <div class="control has-icons-left"> 563 <div class="select is-fullwidth"> 564 <div class="wrapper"> 565 <div id="languages"> 566 <select name="web_language" id="web_language" data-src="https://amamuseum.org.tw/tw/LanguageSwitcher/switchLanguage/"> 567 <option selected disabled hidden>Languages</option> 568 <option value="1">ç¹é«ä¸æ</option> 569 <option value="2">English</option> 570 </select> 571 </div> 572 </div> 573 </div> 574 <div class="icon is-small is-left has-text-info"> 575 <i class="fas fa-globe"></i> 576 </div> 577 </div> 578 </div> 579 </div> 580 </div> 581 </div> 582</nav> 583 584 585<div id="extra-control"> 586 <button type="button" class="button is-fullwidth" onclick="location.href='https://amamuseum.org.tw/tw/member/base'"> 587 <span class="icon has-text-link"> 588 <i class="fas fa-user-cog"></i> 589 </span> 590 <span>æå¡å°å</span> 591 </button> 592 <button type="button" class="button sign-out-button is-fullwidth" onclick="location.href='https://amamuseum.org.tw/tw/ama/member_logout'">
593 <span class="icon has-text-link"> 594 <i class="fas fa-sign-out-alt"></i> 595 </span> 596 <span>ç»åº</span> 597 </button> 598</div> 599 600 601<div class="form_class"> 602 <form name="login_form" method="POST" novalidate> 603 <section class="hero modal-section sign-in-section is-hidden"> 604 <div class="cancle-board fadeIn"></div> 605 <div class="modal-board sign-in-board message bounceIn"> 606 <div class="message-header"> 607 <div> 608 <span class="icon"> 609 <i class="fas fa-sign-in-alt has-icons-left"></i> 610 </span> 611 <span class="title_name"> 612 æå¡ç»å ¥ 613 </span> 614 </div> 615 <button class="delete"></button> 616 </div> 617 <div id="login-form" class="message-body"> 618 <div class="field is-horizontal"> 619 <div class="field-label is-normal"> 620 <label class="label">帳è</label> 621 </div> 622 <div class="field-body"> 623 <div class="field"> 624 <p class="control has-icons-right"> 625 <span class="icon is-small is-right"> 626 <i class="fas fa-user-circle"></i> 627 </span> 628 <input name="member_acc" class="input" type="text" placeholder="Username"> 629 </p> 630 <p class="help is-danger"></p> 631 </div> 632 </div> 633 </div> 634 <div class="field is-horizontal"> 635 <div class="field-label is-normal"> 636 <label class="label">å¯ç¢¼</label> 637 </div> 638 <div class="field-body"> 639 <div class="field"> 640 <p class="control has-icons-right"> 641 <span class="icon is-small is-right"> 642 <i class="fas fa-lock"></i> 643 </span> 644 <input name="member_pwd" class="input" type="password" placeholder="Password"> 645 </p> 646 <p class="help is-danger"></p> 647 </div> 648 </div> 649 </div> 650 <div class="field is-horizontal"> 651 <div class="field-label is-normal"> 652 <label class="label"></label> 653 </div> 654 <div class="field-body"> 655 <div class="field"> 656 <p class="control"> 657 <button type="submit" class="button is-danger is-fullwidth"> 658 <span class="icon"> 659 <i class="fas fa-sign-in-alt"></i> 660 </span> 661 <span>ç»å ¥</span> 662 </button> 663 </p> 664 </div> 665 </div> 666 </div> 667 <div class="field is-horizontal"> 668 <div class="field-label is-normal"> 669 <label class="label"></label> 670 </div> 671 672 <div class="field-body columns is-mobile is-variable is-1"> 673 <div class="column is-half"> 674 <a class="button is-fullwidth" href="https://amamuseum.org.tw/tw/signup">
675 <span class="icon"> 676 <i class="fas fa-user-plus"></i> 677 </span> 678 <span>å å ¥æå¡</span> 679 </a> 680 </div> 681 <div class="column is-half"> 682 <a class="button is-fullwidth btn-forgotpwd"> 683 <span class="icon"> 684 <i class="fas fa-unlock"></i> 685 </span> 686 <span>å¿è¨å¯ç¢¼</span> 687 </a> 688 </div> 689 </div> 690 </div> 691 </div> 692 693 <div id="forgetpwd-form" class="message-body is-hidden"> 694 <div class="content"> 695 å¡«å ¥æå¡è³æä¸ç帳èèé»åä¿¡ç®±ï¼ç³»çµ±æç¼éå¯ç¢¼ä¿®æ¹ä¿¡ä»¶è³æå¡ä¿¡ç®±ã 696 </div> 697 <div class="field is-horizontal"> 698 <div class="field-label is-normal"> 699 <label class="label">帳è</label> 700 </div> 701 <div class="field-body"> 702 <div class="field"> 703 <p class="control has-icons-right"> 704 <span class="icon is-small is-right"> 705 <i class="fas fa-user-circle"></i> 706 </span> 707 <input name="forget_acc" class="input" type="text" placeholder="Username"> 708 </p> 709 <p class="help is-danger"></p> 710 </div> 711 </div> 712 </div> 713 <div class="field is-horizontal"> 714 <div class="field-label is-normal"> 715 <label class="label">é»åä¿¡ç®±</label> 716 </div> 717 <div class="field-body"> 718 <div class="field"> 719 <p class="control has-icons-right"> 720 <span class="icon is-small is-right"> 721 <i class="far fa-envelope"></i> 722 </span> 723 <input name="forget_email" class="input" type="email" placeholder="[email protected]"> 724 </p> 725 <p class="help is-danger"></p> 726 </div> 727 </div> 728 </div> 729 <div class="field is-horizontal"> 730 <div class="field-label is-normal"> 731 <label class="label"></label> 732 </div> 733 734 <div class="field-body columns is-mobile is-variable is-1"> 735 <div class="column is-half"> 736 <button class="button is-link is-fullwidth sent-mail"> 737 <span class="icon"> 738 <i class="far fa-paper-plane"></i> 739 </span> 740 <span>ç¼éä¿¡ä»¶</span> 741 </button> 742 </div> 743 744 <div class="column is-half"> 745 <a class="button is-fullwidth btn-backlogin"> 746 <span>è¿å</span> 747 </a> 748 </div> 749 </div> 750 </div> 751 </div> 752 753 </div> 754 </section> 755 </form> 756 <!--modal_confirm.php--> 757<section class="hero modal-section public is-hidden"> 758 <div class="cancle-backboard fadeIn"></div> 759 <div class="modal-board message bounceIn"> 760 <div class="message-header"> 761 <div>
762 <span class="icon"> 763 <i class="fas fa-exclamation"></i> 764 </span> 765 <span class="message-title">æç¤ºæ¨é¡</span> 766 </div> 767 <button class="delete"></button> 768 </div> 769 <div class="message-body"> 770 <div class="message-content">æç¤ºå §å®¹</div> 771 <div class="field is-grouped is-grouped-right"> 772 <p class="control"> 773 <button class="button confirm">確å®</button> 774 <button class="button cancle bg-pink">åæ¶</button> 775 <button class="button cancle close">éé</button> 776 </p> 777 </div> 778 </div> 779 780 </div> 781</section> </div> 782 <main id="main-bd"> 783 <section class="hero main-loader"> 784 <div class="hero-body"> 785 <div class="dot-spin"></div> 786 </div> 787 </section> 788 <div class="container"> 789 <nav class="breadcrumb" aria-label="breadcrumbs"> 790 <ul> 791 <li class="is-active"><a aria-current="page">å å ¥æå¡</a></li> 792 </ul> 793 </nav> 794 </div> 795 <section class="section bg-cis is-clipped"> 796 <div class="container"> 797 <h2 class="subtitle has-text-white"> 798 <div class="steps"> 799 <div class="step-item is-active"> 800 <div class="step-marker"> 801 <span class="icon"> 802 <i class="fas fa-user-tag"></i> 803 </span> 804 </div> 805 <div class="step-details"> 806 <p class="step-title">æå¡èº«å</p> 807 <p>é¸æè¨»åæçºä¸è¬æå¡ææ¯é¿å¬¤ä¹åã</p> 808 </div> 809 </div> 810 <div class="step-item"> 811 <div class="step-marker"> 812 <span class="icon"> 813 <i class="fas fa-user-edit"></i> 814 </span> 815 </div> 816 <div class="step-details"> 817 <p class="step-title">åºæ¬è³æ</p> 818 <p>填寫æå¡åºæ¬è³æã</p> 819 </div> 820 </div> 821 <div class="step-item"> 822 <div class="step-marker"> 823 <span class="icon"> 824 <i class="fas fa-user-edit"></i> 825 </span> 826 </div> 827 <div class="step-details"> 828 <p class="step-title">è¨è³¼è³æ</p> 829 <p>鏿填坫è¨è³¼è³æï¼å¥³åååºæ¶è²»ä½¿ç¨ï¼ã</p> 830 </div> 831 </div> 832 <div class="step-item"> 833 <div class="step-marker"> 834 <span class="icon"> 835 <i class="fas fa-check"></i> 836 </span> 837 </div> 838 <div class="step-details"> 839 <p class="step-title">å®æè¨»å</p> 840 <p>註åæåï¼å¯ä»¥ä½¿ç¨å¸³èç»å ¥æå¡ã</p> 841 </div> 842 </div> 843 </div> 844 </h2> 845 </div> 846 </section> 847 848 <section class="hero steps-forms"> 849 850 <div class="hero-body box steps-content" data-step="type"> 851 <div class="content"> 852 <h3>é¸æè¨»åçæå¡èº«åå¥</h3> 853 </div> 854 <div class="columns is-mobile"> 855 <div class="column has-text-centered choosebox" data-type="normal"> 856 <div class="content"> 857 <h3>ä¸è¬æå¡</h3> 858 ï¼æªæ¾ææ¬¾éï¼ 859 </div> 860 </div> 861 <div class="column has-text-centered choosebox" data-type="friend"> 862 <div class="content"> 863 <h3>é¿å¬¤ä¹å</h3> 864 ï¼è³å°ä¸æ¬¡ææ¬¾éä¸éé¡å¤§æ¼1200 NTDï¼ 865 </div> 866 <div class="control"> 867 <div class="center-flex-tag">
868 <span class="tags has-addons is-warning"> 869 <span class="tag is-dark">女åååº</span> 870 <span class="tag is-warning">æ¶è²»ææ£</span> 871 </span> 872 </div> 873 <div class="center-flex-tag"> 874 <span class="tags has-addons is-warning"> 875 <span class="tag is-dark">é¨åæ´»å</span> 876 <span class="tag is-warning">åªå å ±å</span> 877 </span> 878 </div> 879 </div> 880 </div> 881 </div> 882 </div> 883 884 <div class="hero-body box steps-content is-hidden" data-step="friend"> 885 <div class="content"> 886 <h3>é¿å¬¤ä¹å</h3> 887 </div> 888 <div class="content"> 889 è¼¸å ¥æ¾ç¶ææ¬¾æçè³æï¼ä»¥ç¢ºèªé¿å¬¤ä¹å身åã 890 </div> 891 <div class="field is-horizontal"> 892 <div class="field-label is-normal"> 893 <label class="label">å§åï¼</label> 894 </div> 895 <div class="field-body"> 896 <div class="field"> 897 <p class="control"> 898 <input name="verify_name" class="input" type="text" placeholder="Name" required=""> 899 </p> 900 <p class="help is-danger"></p> 901 </div> 902 </div> 903 </div> 904 <div class="field is-horizontal"> 905 <div class="field-label is-normal"> 906 <label class="label">è¯çµ¡é»è©±ï¼</label> 907 </div> 908 <div class="field-body"> 909 <div class="field"> 910 <p class="control"> 911 <input name="verify_phone" class="input" type="text" placeholder="Mobile Phone" required=""> 912 </p> 913 <p class="help is-danger"></p> 914 </div> 915 </div> 916 </div> 917 <div class="steps-actions"> 918 <div class="steps-action"> 919 <a data-nav="previous" class="button is-light">ä¸ä¸æ¥</a> 920 </div> 921 <div class="steps-action"> 922 <a data-nav="next" class="button is-light">ä¸ä¸æ¥</a> 923 </div> 924 </div> 925 </div> 926 927 <div class="hero-body box steps-content is-hidden" data-step="base"> 928 <div class="content"> 929 <h3>æå¡åºæ¬è³æ</h3> 930 </div> 931 <div class="field is-horizontal"> 932 <div class="field-label is-normal"> 933 <label class="label">身åå¥</label> 934 </div> 935 <div class="field-body"> 936 <div class="field"> 937 <p class="control"> 938 <input name="acc_type" class="input is-static" type="text" value="ä¸è¬æå¡" readonly=""> 939 </p> 940 </div> 941 </div> 942 </div> 943 <div class="field is-horizontal"> 944 <div class="field-label is-normal"> 945 <label class="label">使ç¨è å稱ï¼</label> 946 </div> 947 <div class="field-body"> 948 <div class="field"> 949 <p class="control"> 950 <input name="acc_username" class="input" type="text" placeholder="Username" required=""> 951 </p> 952 <p class="help is-danger"></p> 953 </div> 954 </div> 955 </div> 956 <div class="field is-horizontal"> 957 <div class="field-label is-normal"> 958 <label class="label">帳èï¼</label> 959 </div> 960 <div class="field-body"> 961 <div class="field"> 962 <p class="control"> 963 <input name="acc_useracc" class="input" type="text" placeholder="UserAccount" required=""> 964 </p> 965 <p class="help is-danger"></p> 966 <p class="help has-text-grey">6~24åè±æææ¸ååå½¢åå ï¼ä¸¦éä»¥è±æåæ¯éé </p> 967 </div> 968 </div> 969 </div> 970 <div class="field is-horizontal"> 971 <div class="field-label is-normal"> 972 <label class="label">å¯ç¢¼ï¼</label> 973 </div> 974 <div class="field-body"> 975 <div class="field is-expanded"> 976 <div class="field has-addons"> 977 <p class="control is-expanded"> 978 <input name="acc_passwd" class="input" type="password" placeholder="Password" required=""> 979 </p> 980 <p class="control"> 981 <a class="button pwd-switch"> 982 <i class="far fa-eye is-hidden"></i> 983 <i class="far fa-eye-slash"></i> 984 </a> 985 </p> 986 </div> 987 <p class="help is-danger"></p> 988 <p class="help has-text-grey">6~24åè±æææ¸ååå½¢åå ï¼ä¸¦éä»¥è±æåæ¯éé ï¼çºäºæ¨ç帳æ¶å®å ¨æ¬çï¼å»ºè°æ¨ä¸è¦è帳èéè¦</p> 989 </div> 990 </div> 991 </div> 992 <div class="field is-horizontal"> 993 <div class="field-label is-normal"> 994 <label class="label">é»åä¿¡ç®±ï¼</label> 995 </div> 996 <div class="field-body"> 997 <div class="field"> 998 <p class="control"> 999 <input name="acc_email" class="input" type="email" placeholder="[email protected]" required=""> 1000 </p> 1001 <p class="help is-danger"></p> 1002 </div> 1003 </div> 1004 </div> 1005 <div class="field is-horizontal"> 1006 <div class="field-label is-normal"> 1007 <label class="label">è¯çµ¡ææ©ï¼</label> 1008 </div> 1009 <div class="field-body"> 1010 <div class="field"> 1011 <p class="control"> 1012 <input name="acc_mobilephone" class="input" type="tel" placeholder="Mobile Phone" required=""> 1013 </p> 1014 <p class="help is-danger"></p> 1015 </div> 1016 </div> 1017 </div> 1018 <div class="steps-actions"> 1019 <div class="steps-action"> 1020 <a data-nav="previous" class="button is-light">ä¸ä¸æ¥</a> 1021 </div> 1022 <div class="steps-action"> 1023 <a data-nav="next" class="button is-light">
1023ä¸ä¸æ¥</a> 1024 </div> 1025 </div> 1026 </div> 1027 1028 <div class="hero-body box steps-content is-hidden" data-step="shop"> 1029 <div class="content"> 1030 <h3>è¯çµ¡è³æ</h3> 1031 <p>å æä¾æ¬ç«ä½¿ç¨ï¼ä¸å°å¤å ¬éãéå¿ é 填寫ã</p> 1032 <p class="has-text-danger">å¦ä¸å¡«å¯«å¯ç´æ¥é²å ¥ä¸ä¸æ¥ã</p> 1033 </div> 1034 <div class="field is-horizontal"> 1035 <div class="field-label is-normal"> 1036 <label class="label">è¯çµ¡é»è©±</label> 1037 </div> 1038 <div class="field-body"> 1039 <div class="field"> 1040 <p class="control"> 1041 <input name="acc_phone" class="input" type="tel" placeholder="Phone"> 1042 </p> 1043 <p class="help is-danger"></p> 1044 </div> 1045 </div> 1046 </div> 1047 1048 <div class="field is-horizontal"> 1049 <div class="field-label is-normal"> 1050 <label class="label">å°å</label> 1051 </div> 1052 <div class="field-body"> 1053 <div class="field"> 1054 <p class="control"> 1055 <input name="acc_address" class="input" type="text" placeholder="Address"> 1056 </p> 1057 <p class="help is-danger"></p> 1058 </div> 1059 </div> 1060 </div> 1061 <div id="lastly_steps" class="steps-actions"> 1062 <div class="steps-action"> 1063 <a data-nav="previous" class="button is-light">ä¸ä¸æ¥</a> 1064 </div> 1065 <div class="steps-action"> 1066 <a data-nav="next" class="button is-light compelete">ä¸ä¸æ¥</a> 1067 </div> 1068 </div> 1069 </div> 1070 1071 <div class="hero-body box steps-content is-hidden" data-step="completed"> 1072 <div class="content"> 1073 <h3>註å宿</h3> 1074 <p>æå¡è¨»å宿ï¼å·²ç¶å¯ä»¥ä½¿ç¨å¸³èç»å ¥ç¶²ç«ã</p> 1075 <p class="has-text-danger">â»é»é¸ç¶²ç«é¸å®çç»å ¥æéç»å ¥å¾ï¼å³å¯ä½¿ç¨æå¡å°åï¼å¥³åååºï¼å¿å·¥åå°ã</p> 1076 </div> 1077 <div class="steps-actions"> 1078 <div class="steps-action"> 1079 <a href="https://amamuseum.org.tw/tw" data-nav="previous" class="button is-light">åé¦é </a> 1080 </div> 1081 </div> 1082 </div> 1083 </section> 1084 </main> 1085 1086 1087 <div class="clear"></div> 1088 <!--footer.php--> 1089<section id="cus-footer" class="hero has-background-dark"> 1090 <div class="container"> 1091 <div class="columns is-marginless is-multiline is-centered is-mobile"> 1092 <div class="column is-12 footer-blk"> 1093 <p class="content is-small has-text-white has-text-centered"> 1094 é¿å¬¤å®¶-åå¹³è女æ§äººæ¬é¤¨<br> 1095 èºåå¸å¤§ååæ¿å¾·è·¯ä¸æ®µ32è5æ¨ (02)2553-7133<br> 1096 </p> 1097 </div> 1098 <div class="column is-narrow social-media is-flex is-paddingless"> 1099 <a href="https://www.facebook.com/taiwanahma/" target="_blank" class="has-text-white"> 1100 <div class="is-size-3"> 1101 <i class="fab fa-facebook-f"></i> 1102 </div> 1103 </a> 1104 </div> 1105 <div class="column is-narrow social-media is-flex is-paddingless"> 1106 <a href="https://www.instagram.com/amamuseumtw/" target="_blank" class="has-text-white"> 1107 <div class="is-size-3"> 1108 <i class="fab fa-instagram"></i> 1109 </div> 1110 </a> 1111 </div> 1112 <div class="column is-12 footer-blk"> 1113 <p class="content is-small has-text-white has-text-centered"> 1114 å©¦å¥³ææ´ç¤¾æç¦å©äºæ¥åºéæ<br> 1115 èºåå¸å¤§ååæ¿å¾·è·¯ä¸æ®µ32è5æ¨ (02)2553-7133<br> 1116 </p> 1117 </div> 1118 <div class="column is-12"> 1119 <p class="content is-small has-text-white has-text-centered"> 1120 Copyright © 2019.All Rights Reserved. <a href="https://hyware.com.tw" style="color: #fff;font-size: 0.75rem;">Hywareç¶²é è¨è¨</a> 1121 </p> 1122 1123 </div> 1124 </div> 1125 </div> 1126</section> 1127 </body> 1128 1129
1129<script> 1130 1131 $(function(){ 1132 1133 //宿é£ä¸æ¥ 1134 $("#lastly_steps .compelete").click(function() { 1135 1136 var acc_type = $("input[name='acc_type']").val(); //身åå¥ï¼åçºé¿å¬¤ä¹ååä¸è¬æå¡ 1137 var acc_username = $("input[name='acc_username']").val(); //æå¡å稱 1138 var acc_useracc = $("input[name='acc_useracc']").val(); //æå¡å¸³è 1139 var acc_passwd = $("input[name='acc_passwd']").val(); //æå¡å¯ç¢¼ 1140 var acc_email = $("input[name='acc_email']").val(); //æå¡é»åéµä»¶ 1141 var acc_phone = $("input[name='acc_phone']").val(); //æå¡é»è©± 1142 var acc_mobilephone = $("input[name='acc_mobilephone']").val(); //æå¡ææ© 1143 var acc_address = $("input[name='acc_address']").val(); //æå¡å°å 1144 var verify_name = $("input[name='verify_name']").val() //é¿å¬¤ä¹ååå 1145 var verify_phone = $("input[name='verify_phone']").val() //é¿å¬¤ä¹åææ© 1146 1147 $.ajax({ // start ajax 1148 1149 type :"POST", 1150 url : window.location.origin+"/ama/register", 1151 data : {acc_type:acc_type, 1152 name:acc_username, 1153 account:acc_useracc, 1154 password:acc_passwd, 1155 mail:acc_email, 1156 tel:acc_phone, 1157 phone:acc_mobilephone, 1158 address:acc_address, 1159 verify_name:verify_name, 1160 verify_phone:verify_phone, 1161 type1:"ä¸è¬æå¡", 1162 type2:"é¿å¬¤ä¹å"}, 1163 async: false, 1164 success : function(data) { //success start 1165 check_state = data; 1166 1167 }, 1168 error: function(data) { 1169 console.log(data); 1170 } 1171 1172 }) //end ajax 1173 1174 1175 }); 1176 1177 }) 1178 1179 1180 1181 1182 1183 </script>
1183 1184 1185</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.