1<!DOCTYPE html> 2<html lang="zh-TW"> 3 4<head> 5 <meta http-equiv="Content-Language" content="zh-TW" /> 6 <meta charset="UTF-8"> 7 8 9 10 11 12 13 14 <title>æåæé» | èªèå¼é | å¼éè人ç¦å©åºéæ</title> 15 16 <meta name="description" content="æ¯ä¸åäººé½æè®èï¼ä¸ç®¡ä½ç¨®æ¨£è²ï¼å¼éæéªèé·è¼©ä¸èµ·éèï¼ç²¾å½©ç¾å¥½ï¼ééåé æåï¼è®æ¯ä½é·è 齿èªä¸»èå°å´ï¼äº«æå®å¿ã精彩çèå¾çæ´»ã"> 17 18 <meta property="og:title" content="æåæé» | èªèå¼é" /> 19 <meta property="og:description" content="æ¯ä¸åäººé½æè®èï¼ä¸ç®¡ä½ç¨®æ¨£è²ï¼å¼éæéªèé·è¼©ä¸èµ·éèï¼ç²¾å½©ç¾å¥½ï¼ééåé æåï¼è®æ¯ä½é·è 齿èªä¸»èå°å´ï¼äº«æå®å¿ã精彩çèå¾çæ´»ã" /> 20 <meta property="og:locale" content="zh_TW" /> 21 <meta property="og:type" content="website" /> 22 <meta property="og:image" content="https://hondao.org.tw/storage/upload/seo/image/2023-08-04/MXQKBxL4LujEyVTyw37i9B9WIrc1Iev3P44ZfYSP.png" /> 23 <meta property="og:image:alt" content="" /> 24 25 <meta property="og:site_name" content="å¼éè人ç¦å©åºéæ" /> 26 27 <link rel="canonical" href="https://hondao.org.tw/about/office" /> 28 <meta property="og:url" content="https://hondao.org.tw/about/office" /> 29 30 <!--Viewport--> 31<meta name="viewport" content="width=device-width, initial-scale=1"> 32 33<meta name="_token" content="hext0HyYPL9a8CdNdf0TSaBnwG2s7SvpheZBlA0K" /> 34 35<!--CSS--> 36<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha384-Gu3KVV2H9d+yA4QDpVB7VcOyhJlAVrcXd0thEjr4KznfaFPLe0xQJyonVxONa4ZC" crossorigin="anonymous"> 37<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css" integrity="sha384-/rJKQnzOkEo+daG0jMjU1IwwY9unxt1NBw3Ef2fmOJ3PW/TfAg2KXVoWwMZQZtw9" crossorigin="anonymous"> 38<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" integrity="sha384-tOPXDsn4moKzmRcYpDt8mOcJWxzy89N8dK0oEkxTx90DZYjDdznDQ4IEiH1pcZH5" crossorigin="anonymous"> 39<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox.css" integrity="sha384-kPPlFUTv5pDfb8JmcIDGDPhxzM4ZG0aIQ5/7vANkrD1Z7GR9e3k459LTa7fDCOX/" crossorigin="anonymous"> 40<link rel="stylesheet" href="https://unpkg.com/splitting/dist/splitting.css" integrity="sha384-6z/M4zCNHzM59q8BnJ1btvx5I7ArdKNNBgb/V4m7ZTUPI4e2SVF0o5IQAGCO414a" crossorigin="anonymous"> 41<link rel="stylesheet" href="https://unpkg.com/splitting/dist/splitting-cells.css" integrity="sha384-y6P68QahVJCCHTs++clRdwi/t3TFb2Se2v91Z9KniuEKV98RPXh2fYhLHvQEfqg2" crossorigin="anonymous"> 42<link rel="stylesheet" href="/resources/css/bootstrap/bootstrap.css"> 43<link rel="stylesheet" href="/resources/js/mmenu/mmenu.css"> 44<link rel="stylesheet" href="/resources/css/style.css"/> 45 46<link rel="shortcut icon" href="/resources/_img/favicon.ico" type="image/x-icon" /> 47<link rel="Bookmark" href="/resources/_img/favicon.ico" type="image/x-icon" /> 48 49 50 <!-- Google Tag Manager -->
51<script>
vendor: 331 bytes, lines 51-55
51(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 52new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 53j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 54'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 55})(window,document,'script','dataLayer','
55GTM-NF9NPBXM
vendor: 3 bytes, line 55
55');
55</script>
55 56<!-- End Google Tag Manager --> 57 58</head> 59 60<body class="bg" id="about" data-bs-spy="scroll" data-bs-target="#side-nav" data-bs-offset="0" tabindex="0" role="tablist"> 61 62 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 62-63
62 63<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
63GTM-NF9NPBXM
vendor: 85 bytes, lines 63-64
63" 64height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
65<!-- End Google Tag Manager (noscript) --> 66 67 <div class="loader-mesk"></div> 68<div id="my-loader" class="preloader"> 69 <div class="preloader_inner"> 70 <img class="svg" src="/resources/_img/layout/loader-logo.svg" alt=""> 71 <div class="mesk"></div> 72 </div> 73</div> <div class="template"> 74 <!--header--> 75 <nav class="navbar navbar-expand-lg px-xl-2"> 76 <div class="container-fluid"> 77 <a class="navbar-brand" href="/" title=""> 78 <img src="/resources/_img/layout/logo.svg" alt=""> 79 </a> 80 81 <a href="#menu" class="navbar-toggler hamburger hamburger--collapse"> 82 <span class="hamburger-box"> 83 <span class="hamburger-inner"></span> 84 </span> 85 </a> 86 87 88 <div class="collapse navbar-collapse" id="menu"> 89 <ul class="navbar-nav align-items-center ms-auto"> 90 <li class="nav-item dropdown"> 91 <a class="nav-link" href="javascript:;"> 92 <span>èªèå¼é</span> 93 </a> 94 <ul class="dropdown-menu"> 95 96 <li class="dropdown-list"> 97 <a href="/about/1" class="dropdown-item">å¼éç°¡ä»</a> 98 </li> 99 <li class="dropdown-list"> 100 <a href="/about/2" class="dropdown-item">çµç¹ä»ç´¹</a> 101 </li> 102 <li class="dropdown-list"> 103 <a href="/about/4" class="dropdown-item">è£äºæ</a> 104 </li> 105 106 <li class="dropdown-list"> 107 <a href="/about/history" class="dropdown-item">å¼é大äºç´</a> 108 </li> 109 <li class="dropdown-list"> 110 <a href="/about/office" class="dropdown-item">æåæé»</a> 111 </li> 112 <li class="dropdown-list"> 113 <a href="/news/6" class="dropdown-item">å¼é榮è</a> 114 </li> 115 </ul> 116 </li> 117 118 <li class="nav-item dropdown"> 119 <a class="nav-link" href="javascript:;"> 120 <span>å¼éæ¶æ¯</span> 121 </a> 122 <ul class="dropdown-menu"> 123 <li class="dropdown-list"> 124 <a href="/news" class="dropdown-item">ææ°æ¶æ¯</a> 125 </li> 126 <li class="dropdown-list"> 127 <a href="/news2" class="dropdown-item">æ°èç¼å¸</a> 128 </li> 129 </ul> 130 </li> 131 132 <li class="nav-item dropdown"> 133 <a class="nav-link" href="javascript:;"> 134 <span>ææ¬¾æç©</span> 135 </a> 136 <ul class="dropdown-menu"> 137 138 <li class="dropdown-list"> 139 <a href="/donation/8" class="dropdown-item">ææ¬¾æ¹å¼</a> 140 </li> 141 <li class="dropdown-list"> 142 <a href="https://donations.hondao.org.tw/contents/project" target="_blank" class="dropdown-item">忬¾å°æ¡</a> 143 </li> 144 <li class="dropdown-list"> 145 <a href="/donation/1" class="dropdown-item">ç©è³åé</a> 146 </li> 147 <li class="dropdown-list"> 148 <a href="/donation/2" class="dropdown-item">FAQ</a> 149 </li> 150 151 </ul> 152 </li> 153 154 <li class="nav-item dropdown"> 155 <a class="nav-link" href="javascript:;"> 156 <span>åèå¼é</span> 157 </a> 158 <ul class="dropdown-menu"> 159 160 <li class="dropdown-list"> 161 <a href="/join/5" class="dropdown-item">å¿å·¥åè</a> 162 </li> 163 <li class="dropdown-list"> 164 <a href="/join/1" class="dropdown-item">伿¥åè</a> 165 </li> 166 <li class="dropdown-list"> 167 <a href="/join/10" class="dropdown-item">伿¥æå¿ææ</a> 168 </li> 169 <li class="dropdown-list"> 170 <a href="https://www.104.com.tw/company/193pegso" target="_blank" class="dropdown-item">人ææå</a> 171 </li> 172 <li class="dropdown-list"> 173 <a href="/join/6" class="dropdown-item">實ç¿ç³è«</a> 174 </li> 175 <li class="dropdown-list"> 176 <a href="/join/7" class="dropdown-item">å訪ç³è«</a> 177 </li> 178 <li class="dropdown-list"> 179 <a href="/join/8" class="dropdown-item">æ¼è¬éç´</a> 180 </li> 181 <li class="dropdown-list"> 182 <a href="/join/9" class="dropdown-item">å°é¡åä½</a> 183 </li> 184 185 </ul> 186 </li> 187 188 <li class="nav-item"> 189 <a class="nav-link" href="/service"> 190 <span>å¼éæå</span> 191 </a> 192 </li> 193 194 <li class="nav-item dropdown"> 195 <a class="nav-link" href="javascript:;"> 196 <span>å¼éåºå</span> 197 </a> 198 <ul class="dropdown-menu"> 199 200 <li class="dropdown-list"> 201 <a class="dropdown-item" href="https://hdlongtermcare.org.tw/" target="_blank" >å¼éé·ç §æå</a> 202 </li> 203 <li class="dropdown-list">
204 <a class="dropdown-item" href="https://hondaocs.com/" target="_blank" >é«é½¡è³è¨é</a> 205 </li> 206 207 <li class="dropdown-list"> 208 <a href="/journal/2" class="dropdown-item">å¼éå£å-èæ¾å </a> 209 </li> 210 <li class="dropdown-list"> 211 <a href="/journal/1" class="dropdown-item">å¼éå¹´å ±</a> 212 </li> 213 <li class="dropdown-list"> 214 <a href="/journal/3" class="dropdown-item">調æ¥å ±å</a> 215 </li> 216 <li class="dropdown-list"> 217 <a href="/journal/4" class="dropdown-item">æ°¸çºå ±åæ¸</a> 218 </li> 219 220 </ul> 221 </li> 222 223 <li class="nav-item dropdown"> 224 <a class="nav-link" href="javascript:;"> 225 <span>社æè²¬ä¿¡</span> 226 </a> 227 <ul class="dropdown-menu"> 228 229 <li class="dropdown-list"> 230 <a class="dropdown-item" href="https://donor.hondao.org.tw/donqry" target="_blank" >ææ¬¾å¾µä¿¡</a> 231 </li> 232 233 <li class="dropdown-list"> 234 <a href="/community/1" class="dropdown-item">財åå ±å</a> 235 </li> 236 <li class="dropdown-list"> 237 <a href="/community/2" class="dropdown-item">å¸åææ</a> 238 </li> 239 <li class="dropdown-list"> 240 <a href="/community/3" class="dropdown-item">å·¥ä½è¨ç«</a> 241 </li> 242 <li class="dropdown-list"> 243 <a href="/community/4" class="dropdown-item">工使æ</a> 244 </li> 245 <li class="dropdown-list"> 246 <a href="/community/5" class="dropdown-item">æè´åå</a> 247 </li> 248 <li class="dropdown-list"> 249 <a href="/community/6" class="dropdown-item">åè³èéè²æ</a> 250 </li> 251 252 </ul> 253 </li> 254 255 256 <li class="nav-item ann30th dropdown"> 257 <a class="nav-link" href="/30th"> 258 <span class="d-none d-lg-inline-block"><img src="/resources/_img/layout/30th.svg" alt=""></span> 259 <span class="d-lg-none d-inline-block">30é±å¹´å°å</span> 260 </a> 261 <ul class="dropdown-menu"> 262 <li class="dropdown-list"> 263 <a href="/30th/news" class="dropdown-item">ææ°æ¶æ¯</a> 264 </li> 265 </ul> 266 </li> 267 268 <li class="nav-item search"> 269 <a class="nav-link" data-fancybox="" data-animation-duration="500" data-src="#header-search" href="javascript:;"> 270 <span> 271 <span class="d-lg-none d-inline-block">ç¶²ç«æå°</span> 272 <i class="fa-solid fa-magnifying-glass d-none d-lg-inline-block"></i> 273 </span> 274 </a> 275 276 <div id="header-search" class="light-box search"> 277 <div class="mb-4"> 278 <div class="title">ç¶²ç«æå°</div> 279 </div> 280 281 <form class="form" id="search-form" action="/search"> 282 <div class="row"> 283 <div class="col-md-9"> 284 <div class="form-group mb-0"> 285 <input type="text" class="form-control" name="keyword" value="" placeholder="è«è¼¸å ¥ééµå"> 286 </div> 287 </div> 288 <div class="col-md-3 mt-3 mt-md-0"> 289 <a href="javascript:;" class="main-btn2" onclick="$('#search-form').submit();"> 290 éå§æå° 291 <img class="svg" src="/resources/_img/page/btn-icon2.svg" alt=""> 292 </a> 293 </div> 294 </div> 295 </form> 296 </div> 297 </li> 298 299 <li class="nav-item lang"> 300 <a class="nav-link" href="/english"> 301 <span>English</span> 302 </a> 303 </li> 304 </ul> 305 </div> 306 </div> 307</nav> 308 <!-- End header --> 309 310 <main> 311 312<div class="inner-banner" data-aos="fade-down"> 313 314 <img src="/storage/upload/page/image/2023-06-14/cUndTH1DxQAv1XCdXXSE3m8vCl8KL3gf3JrpYgqt.png" alt="èªèå¼é"> 315</div> 316 317<article class="bg-main"> 318 <div id="bread"> 319 <div class="container"> 320 <nav class="ms-auto" style="--bs-breadcrumb-divider: '>'" aria-label="breadcrumb"> 321 <ol class="breadcrumb justify-content-start"> 322 323 <li class="breadcrumb-item"> 324 <a href="/"> 325 <i class="fa-solid fa-house-chimney"></i> 326 é¦é 327 </a> 328 </li> 329 330 <li class="breadcrumb-item"> 331 <a href="/about">èªèå¼é</a> 332 </li> 333 334 <li class="breadcrumb-item"> 335 æåæé» 336 </li> 337 </ol> 338 </nav> 339 </div> 340</div> 341 <section class="pt-4"> 342 <div class="container"> 343 <div class="text-center mb-lg-5 mb-4"> 344 <div class="main-title">æåæé»</div> 345 </div> 346 347 <form action=""> 348 <div class="form"> 349 <div class="office-select"> 350 <div class="row justify-content-center"> 351 <div class="col-sm-5 text-sm-end text-center"> 352 <div class="l-head"> 353 <label for="" class="col-form-label">è«é¸æå°å</label> 354 </div> 355 </div> 356 <div class="col-sm-7 col-10"> 357 <div class="content"> 358 <div class="icon"></div> 359 <select class="form-select" aria-label="" onchange="location.href = this.value;"> 360 361 <option value="/about/office/1" selected >èºä¸å¸</option> 362 <option value="/about/office/4" >èºåå¸</option> 363 <option value="/about/office/12" >å®è縣</option> 364 <option value="/about/office/5" >æ°åå¸</option> 365 <option value="/about/office/6" >æ¡åå¸</option> 366 <option value="/about/office/7" >å½°å縣</option> 367 <option value="/about/office/8" >å義å¸</option> 368 <option value="/about/office/9" >
368å義縣</option> 369 <option value="/about/office/10" >é«éå¸</option> 370 <option value="/about/office/11" >屿±ç¸£</option> 371 372 </select> 373 </div> 374 </div> 375 </div> 376 </div> 377 </div> 378 </form> 379 380 <div class="office-box mt-5"> 381 <ul class="top-title"> 382 <li class="title1">æé»å稱</li> 383 <li class="title2">æåè³è¨</li> 384 <li class="title3">æåé ç®</li> 385 </ul> 386 387 <div class="list"> 388 389 <div class="item" data-aos="fade-up"> 390 <div class="info-box box1"> 391 <div class="m-title">æé»å稱</div> 392 <a class="name" href="/about/office/1/1">總æ</a> 393 <ul> 394 <li> 395 <i class="fa-solid fa-location-dot"></i> 396 <a href="http://maps.google.com.tw/maps?q=403èºä¸å¸è¥¿åæ°æ¬è·¯185è3æ¨A2室&hl=zh-TW" target="_blank">403èºä¸å¸è¥¿åæ°æ¬è·¯185è3æ¨A2室</a> 397 </li> 398 </ul> 399 </div> 400 <div class="info-box box2"> 401 <div class="m-title">æåè³è¨</div> 402 <ul> 403 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-22060698">04-22060698</a></li> 404 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼é±ä¸~é±äº/08:30-17:00</li> 405 </ul> 406 </div> 407 <div class="info-box box3"> 408 <div class="m-title">æåé ç®</div> 409 <div class="text">åªé«ç¼å¸/éé¿åæ°èç/è³æºåªå/ææ¬¾æç©/社åæå/調æ¥ç ç©¶/èæå®¤/é·æç §é¡§æå諮詢/æ¥éç §é¡§æå諮詢/æé»æå諮詢/ä¸èé¨å£«/忝æå諮詢/æ¡é販å®/å夢活å(çºå¥¶è¬è¬èªªãä¸èæ£çãé¢å®¶åºèµ°ç)</div> 410 <a class="more" href="/about/office/1/1"> 411 <span>æ¥çæ´å¤</span> 412 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 413 </a> 414 </div> 415 </div> 416 <div class="item" data-aos="fade-up"> 417 <div class="info-box box1"> 418 <div class="m-title">æé»å稱</div> 419 <a class="name" href="/about/office/1/60">ä¸è夢æ³125è</a> 420 <ul> 421 <li> 422 <i class="fa-solid fa-location-dot"></i> 423 <a href="http://maps.google.com.tw/maps?q=404èºä¸å¸ååéåè·¯ä¸æ®µ125è&hl=zh-TW" target="_blank">404èºä¸å¸ååéåè·¯ä¸æ®µ125è</a> 424 </li> 425 </ul> 426 </div> 427 <div class="info-box box2"> 428 <div class="m-title">æåè³è¨</div> 429 <ul> 430 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-22270125">04-22270125</a></li> 431 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼é±ä¸ï½é±äº/09:00-17:00</li> 432 </ul> 433 </div> 434 <div class="info-box box3"> 435 <div class="m-title">æåé ç®</div> 436 <div class="text">é髮就æ¥/å±è¦½æå/æ©åé¤/ä¸åè¶/å®é£å¥é¤/ä¸èé¨å£«å¨é禮å販å®/å ´å°ç§å
436/åé«å訪/æè°ä¾¿ç¶/åé«ä¾¿ç¶</div> 437 <a class="more" href="/about/office/1/60"> 438 <span>æ¥çæ´å¤</span> 439 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 440 </a> 441 </div> 442 </div> 443 <div class="item" data-aos="fade-up"> 444 <div class="info-box box1"> 445 <div class="m-title">æé»å稱</div> 446 <a class="name" href="/about/office/1/64">åå±¯èæ¾å æ¥éç §é¡§ä¸å¿</a> 447 <ul> 448 <li> 449 <i class="fa-solid fa-location-dot"></i> 450 <a href="http://maps.google.com.tw/maps?q=408èºä¸å¸å屯åäºæ¬è¥¿è·¯äºæ®µ1238è4æ¨&hl=zh-TW" target="_blank">408èºä¸å¸å屯åäºæ¬è¥¿è·¯äºæ®µ1238è4æ¨</a> 451 </li> 452 </ul> 453 </div> 454 <div class="info-box box2"> 455 <div class="m-title">æåè³è¨</div> 456 <ul> 457 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-23820728">04-23820728</a></li> 458 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼é±ä¸~é±äº/08:00-17:30</li> 459 </ul> 460 </div> 461 <div class="info-box box3"> 462 <div class="m-title">æåé ç®</div> 463 <div class="text">æ¥éç §é¡§æå</div> 464 <a class="more" href="/about/office/1/64"> 465 <span>æ¥çæ´å¤</span> 466 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 467 </a> 468 </div> 469 </div> 470 <div class="item" data-aos="fade-up"> 471 <div class="info-box box1"> 472 <div class="m-title">æé»å稱</div> 473 <a class="name" href="/about/office/1/61">西åèæ¾å æ¥éç §é¡§ä¸å¿</a> 474 <ul> 475 <li> 476 <i class="fa-solid fa-location-dot"></i> 477 <a href="http://maps.google.com.tw/maps?q=403èºä¸å¸è¥¿åæ°æ¬è·¯234è4æ¨ä¹1&hl=zh-TW" target="_blank">403èºä¸å¸è¥¿åæ°æ¬è·¯234è4æ¨ä¹1</a> 478 </li> 479 </ul> 480 </div> 481 <div class="info-box box2"> 482 <div class="m-title">æåè³è¨</div> 483 <ul> 484 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-22060908">04-22060908</a></li> 485 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼é±ä¸~é±äº/08:00-17:00</li> 486 </ul> 487 </div> 488 <div class="info-box box3"> 489 <div class="m-title">æåé ç®</div> 490 <div class="text">é·ç §æå</div> 491 <a class="more" href="/about/office/1/61"> 492 <span>æ¥çæ´å¤</span> 493 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 494 </a> 495 </div> 496 </div> 497 <div class="item" data-aos="fade-up"> 498 <div class="info-box box1"> 499 <div class="m-title">æé»å稱</div> 500 <a class="name" href="/about/office/1/4">èºä¸æåè/西å社åæåä¸å¿</a> 501 <ul> 502 <li> 503 <i class="fa-solid fa-location-dot"></i> 504 <a href="http://maps.google.com.tw/maps?q=403èºä¸å¸è¥¿åæ°æ¬
504è·¯234è5æ¨&hl=zh-TW" target="_blank">403èºä¸å¸è¥¿åæ°æ¬è·¯234è5æ¨</a> 505 </li> 506 </ul> 507 </div> 508 <div class="info-box box2"> 509 <div class="m-title">æåè³è¨</div> 510 <ul> 511 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-22060695">04-22060695</a></li> 512 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼é±ä¸ï½é±äº/08:30-17:00</li> 513 </ul> 514 </div> 515 <div class="info-box box3"> 516 <div class="m-title">æåé ç®</div> 517 <div class="text">é·æç §é¡§æå/é é²ç §é¡§æå/社åæé»/é餿å/æå¹´ç£è·/å± å®¶ä¿®ç¹/è³æºåé/ææ¬¾æç©</div> 518 <a class="more" href="/about/office/1/4"> 519 <span>æ¥çæ´å¤</span> 520 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 521 </a> 522 </div> 523 </div> 524 <div class="item" data-aos="fade-up"> 525 <div class="info-box box1"> 526 <div class="m-title">æé»å稱</div> 527 <a class="name" href="/about/office/1/20">大é社åæåä¸å¿</a> 528 <ul> 529 <li> 530 <i class="fa-solid fa-location-dot"></i> 531 <a href="http://maps.google.com.tw/maps?q=412èºä¸å¸å¤§éåæåè·¯520è&hl=zh-TW" target="_blank">412èºä¸å¸å¤§éåæåè·¯520è</a> 532 </li> 533 </ul> 534 </div> 535 <div class="info-box box2"> 536 <div class="m-title">æåè³è¨</div> 537 <ul> 538 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-36091518">04-36091518</a></li> 539 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼é±ä¸ï½é±äº/08:30-17:00</li> 540 </ul> 541 </div> 542 <div class="info-box box3"> 543 <div class="m-title">æåé ç®</div> 544 <div class="text">é·ç §2.0å± å®¶æå/é·ç §2.0 Aå管æå</div> 545 <a class="more" href="/about/office/1/20"> 546 <span>æ¥çæ´å¤</span> 547 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 548 </a> 549 </div> 550 </div> 551 <div class="item" data-aos="fade-up"> 552 <div class="info-box box1"> 553 <div class="m-title">æé»å稱</div> 554 <a class="name" href="/about/office/1/19">西屯社åæåä¸å¿</a> 555 <ul> 556 <li> 557 <i class="fa-solid fa-location-dot"></i> 558 <a href="http://maps.google.com.tw/maps?q=407å°ä¸å¸è¥¿å±¯åä¸å·¥ä¸è·¯199è2æ¨&hl=zh-TW" target="_blank">407å°ä¸å¸è¥¿å±¯åä¸å·¥ä¸è·¯199è2æ¨</a> 559 </li> 560 </ul> 561 </div> 562 <div class="info-box box2"> 563 <div class="m-title">æåè³è¨</div> 564 <ul> 565 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-23505555">04-23505555</a></li> 566 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼é±ä¸ï½é±äº/08:30-17:00</li> 567 </ul> 568 </div> 569 <div class="info-box box3"> 570 <div class="m-title">æåé ç®</div> 571 <div class="text">é·ç §2.0å± å®¶æå/é·ç §2.0 Aå管æå/å± å®¶åæ¯æå</div> 572 <a class="more" href="/about/office/1/19">
573 <span>æ¥çæ´å¤</span> 574 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 575 </a> 576 </div> 577 </div> 578 <div class="item" data-aos="fade-up"> 579 <div class="info-box box1"> 580 <div class="m-title">æé»å稱</div> 581 <a class="name" href="/about/office/1/8">èºä¸é餿åä¸å¿</a> 582 <ul> 583 <li> 584 <i class="fa-solid fa-location-dot"></i> 585 <a href="http://maps.google.com.tw/maps?q=411èºä¸å¸å¤ªå¹³å宿¬£è·¯29è&hl=zh-TW" target="_blank">411èºä¸å¸å¤ªå¹³å宿¬£è·¯29è</a> 586 </li> 587 </ul> 588 </div> 589 <div class="info-box box2"> 590 <div class="m-title">æåè³è¨</div> 591 <ul> 592 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-36090855">04-36090855</a></li> 593 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼é±ä¸ï½é±äº/08:30-17:00</li> 594 </ul> 595 </div> 596 <div class="info-box box3"> 597 <div class="m-title">æåé ç®</div> 598 <div class="text">é餿å/宿鿷/è³æºé£çµ/å°æ¥çé¤å¸«å°å® è©ä¼°</div> 599 <a class="more" href="/about/office/1/8"> 600 <span>æ¥çæ´å¤</span> 601 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 602 </a> 603 </div> 604 </div> 605 <div class="item" data-aos="fade-up"> 606 <div class="info-box box1"> 607 <div class="m-title">æé»å稱</div> 608 <a class="name" href="/about/office/1/62">çæ´»é«è½å¯¦é©å®¤</a> 609 <ul> 610 <li> 611 <i class="fa-solid fa-location-dot"></i> 612 <a href="http://maps.google.com.tw/maps?q=401èºä¸å¸æ±å坿¦®è¡131è&hl=zh-TW" target="_blank">401èºä¸å¸æ±å坿¦®è¡131è</a> 613 </li> 614 </ul> 615 </div> 616 <div class="info-box box2"> 617 <div class="m-title">æåè³è¨</div> 618 <ul> 619 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-22121277">04-22121277</a></li> 620 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼è©³è¦å §å®¹</li> 621 </ul> 622 </div> 623 <div class="info-box box3"> 624 <div class="m-title">æåé ç®</div> 625 <div class="text">çæ´»å¯¦é©å®¤/é«è½å¯¦é©å®¤/ä¸å°ä¸èåè¨ç·´/èªç±ééè¨ç·´/åé«èåè¨ç·´èª²ç¨/ç¤¾åæ´»å/社æç¦å©è«®è©¢æå</div> 626 <a class="more" href="/about/office/1/62"> 627 <span>æ¥çæ´å¤</span> 628 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 629 </a> 630 </div> 631 </div> 632 <div class="item" data-aos="fade-up"> 633 <div class="info-box box1"> 634 <div class="m-title">æé»å稱</div> 635 <a class="name" href="/about/office/1/66">çæ´»æ´æ¿¯å¯¦é©å®¤</a> 636 <ul> 637 <li> 638 <i class="fa-solid fa-location-dot"></i> 639 <a href="http://maps.google.com.tw/maps?q=407èºä¸å¸è¥¿å±¯ååå®ä¸è·¯96è&hl=zh-TW" target="_blank">407èºä¸å¸è¥¿å±¯ååå®ä¸è·¯96è</a> 640 </li> 641 </ul> 642 </div> 643 <div class="info-box box2"> 644 <div class="m-title">æåè³è¨</div> 645 <ul> 646 <li><i class="fa-solid fa-phone"></i> é»è©±ï¼<a href="tel:04-24650096">04-24650096</a></li> 647 <li><i class="fa-sharp fa-solid fa-clock"></i> æåæéï¼è©³è¦å §å®¹</li> 648 </ul> 649 </div> 650 <div class="info-box box3"> 651 <div class="m-title">æåé ç®</div> 652 <div class="text">çæ´»å¯¦é©å®¤/æ´æ¿¯å¯¦é©å®¤/èªå©æ´çè¡£/ç¤¾åæ´»å/社æç¦å©è«®è©¢æå/空éç§å</div> 653 <a class="more" href="/about/office/1/66">
654 <span>æ¥çæ´å¤</span> 655 <img class="svg" src="/resources/_img/page/office-icon.svg" alt=""> 656 </a> 657 </div> 658 </div> 659 660 </div> 661 662 <nav class="pages mt-4"> 663 <ul class="pagination pagination-sm justify-content-center"> 664 665 666 <li class="page-item active"> 667 <a class="page-link" href="javascript:;">1</a> 668 </li> 669 <li class="page-item"> 670 <a class="page-link" href="/about/office?page=2">2</a> 671 </li> 672 673 674 <li class="page-item arrow"> 675 <a href="/about/office?page=2"> 676 <i class="fas fa-chevron-right"></i> 677 </a> 678 </li> 679 680 </ul> 681</nav> 682 683 684 </div> 685 </div> 686 </section> 687</article> 688 689<div id="back-to-top"> 690 <a class="support" href="https://donations.hondao.org.tw/contents/project" target="_blank"> 691 <img src="/resources/_img/page/support.svg" alt=""> 692 </a> 693 <div class="item back-to-top"> 694 <i class="fa-solid fa-caret-up"></i> 695 </div> 696</div> 697 </main> 698 699 <!-- footer --> 700 <footer> 701 <div class="container"> 702 <div class="row"> 703 <div class="col-lg-4 col-md-5 pt-lg-5 py-4"> 704 <div class="f-logo"><img src="/resources/_img/layout/f-logo.svg" alt=""></div> 705 <div class="mt-1 mt-sm-0">鵿¿åæ¥å¸³è: 21941729</div> 706 <div class="mt-1 mt-sm-0">æ¶å: å¼éè人ç¦å©åºéæ</div> 707 <div class="mt-1 mt-sm-0">é»åç¼ç¥¨æè´ç¢¼: 590</div> 708 <div class="mt-4"> 709 <a class="f-link" href="https://donations.hondao.org.tw/contents/project" target="_blank">ææ¬¾æ¯æ</a> 710 </div> 711 </div> 712 <div class="col-lg-4 pt-lg-5 d-none d-lg-block"> 713 <ul class="f-info"> 714 <li> 715 <a class="item" href="/about"> 716 <span>èªèå¼é</span> 717 </a> 718 </li> 719 720 <li> 721 <a class="item" href="/news"> 722 <span>å¼éæ¶æ¯</span> 723 </a> 724 </li> 725 726 <li> 727 <a class="item" href="/donation"> 728 <span>ææ¬¾æç©</span> 729 </a> 730 </li> 731 732 <li> 733 <a class="item" href="/join"> 734 <span>åèå¼é</span> 735 </a> 736 </li> 737 738 <li> 739 <a class="item" href="/service"> 740 <span>å¼éæå</span> 741 </a> 742 </li> 743 744 <li> 745 <a class="item" href="/journal"> 746 <span>å¼éåºå</span> 747 </a> 748 </li> 749 750 <li> 751 <a class="item" href="/community"> 752 <span>社æè²¬ä¿¡</span> 753 </a> 754 </li> 755 756 <li> 757 <a class="item" href="/journal/4"> 758 <span>æ°¸çºå ±åæ¸</span> 759 </a> 760 </li> 761 </ul> 762 763 <div class="copyright"> 764 Copyright © 2023 Hondao Senior Citizen's Welfare Foundation. All Rights Reserved. Design by <a href="https://www.choice-design.com.tw" target="_blank" title="Web Design">Choice</a> 765 </div> 766 </div> 767 <div class="col-xl-3 col-lg-4 col-md-7 ms-auto pt-lg-5 py-3"> 768 <div class="title">追蹤æå</div> 769 <ul class="f-social"> 770 <li> 771 <a class="item" href="https://lin.ee/B6vFnxN" target="_blank"><i class="fa-brands fa-line"></i></a> 772 </li> 773 <li> 774 <a class="item" href="https://www.facebook.com/hondao" target="_blank"><i class="fa-brands fa-square-facebook"></i></a> 775 </li> 776 <li> 777 <a class="item" href="https://www.instagram.com/hondao999/" target="_blank"><i class="fa-brands fa-instagram"></i></a> 778 </li> 779 <li> 780 <a class="item" href="https://www.youtube.com/channel/UCVjI2mgPznuL5mBpvwz4GpA" target="_blank"><i class="fa-brands fa-youtube"></i></a> 781 </li> 782 <li> 783 <a class="item" href="https://podcasts.apple.com/podcast/id1526788668" target="_blank"><i class="fa-solid fa-podcast"></i></a> 784 </li> 785 </ul> 786 787 <div class="form"> 788 <div class="d-flex align-items-end mt-4 pt-lg-3"> 789 <div class="title me-3">è¨é±é»åå ±</div> 790 <a class="cancel ms-auto" href="javascript:;" onclick="$('#newsletter_form input[name=_method]').val('delete'); validate('#newsletter_form', 'newsletter.unsub_rule', 'newsletter.unsub_rule_message'); return false;">åæ¶è¨é±</a> 791 </div> 792 793 <form action="/newsletter" method="post" id="newsletter_form"> 794 <input type="hidden" name="_method" value="post"> <input type="hidden" name="_token" value="hext0HyYPL9a8CdNdf0TSaBnwG2s7SvpheZBlA0K">
795 <div class="row g-2 mt-2 align-items-center"> 796 <div class="col-9"> 797 <div class="form-group mb-0"> 798 <input type="text" class="form-control type2" name="email" placeholder="è«è¼¸å ¥Email"> 799 </div> 800 </div> 801 <div class="col-3"> 802 <a href="javascript:;" class="sub-btn" onclick="$('#newsletter_form input[name=_method]').val('post'); validate('#newsletter_form', 'newsletter.sub_rule', 'newsletter.sub_rule_message'); return false;">è¨é±</a> 803 </div> 804 </div> 805 806 </form> 807 808 </div> 809 <div class="copyright d-block d-md-none"> 810 Copyright © 2023 Hondao Senior Citizen's Welfare Foundation. All Rights Reserved. Design by <a href="https://www.choice-design.com.tw" target="_blank" title="Web Design">Choice</a> 811 </div> 812 </div> 813 </div> 814 </div> 815</footer> <!-- End footer --> 816 </div> 817 818
818<script> 819 var base_path = '/'; 820 var resources_path = '/resources/'; 821</script>
821 822
823<script src="/resources/js/jquery.js?v=202509151407"></script>
823 824
825<script src="https://kit.fontawesome.com/fb9d17f549.js" data-search-pseudo-elements defer crossorigin="anonymous"></script>
825 826
827<script src="/resources/js/common.js?v=202509151407"></script>
827 828
829<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/lazyload.min.js" integrity="sha384-+ZYG1lq33SrvgAWxdpd0hcw1Lf2XA1I3l9bEtRMzZ2vGN+ZEQYSYTuNg/4HI8lpq" crossorigin="anonymous" async></script>
vendor: 1 bytes, line 829
829
830<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox.umd.js" integrity="sha384-mfITPNdkUxVtTV4zhg4SDrxOL/aZBoz/p9adHFmaCoLDa43yghU46m5oEkJzLsav" crossorigin="anonymous" async></script>
vendor: 1 bytes, line 830
830
831<script src="https://unpkg.com/splitting/dist/splitting.min.js" integrity="sha384-4xKCEoe7sOCJeUwo9HheqN+yYVNglF+fjekGEZx4DcdgbJWToC2k5MgQ+6T9sfUT" crossorigin="anonymous" async></script>
831 832 833
834<script src="/resources/js/clicker_box.js" defer></script>
834 835
836<script src="/resources/js/mmenu/mmenu.polyfills.js" defer></script>
vendor: 1 bytes, line 836
836
837<script src="/resources/js/mmenu/mmenu.js" defer></script>
837 838
839<script src="/resources/js/script.js" defer></script>
839 840
841<script> 842 var myMenu; 843 var api 844 // mmenuæ§å¶ 845 document.addEventListener( 846 "DOMContentLoaded", () => { 847 myMenu = new Mmenu( "#menu", { 848 navbar: { 849 title: 'Menu' //ææ©é¸å®æ¨é¡é¸å®æå 850 }, 851 navbars: [ 852 { 853 'position': 'top', 854 'content': [ 855 'prev', 856 'title', 857 'close' 858 ] 859 } 860 ], 861 "slidingSubmenus": false, 862 "pageScroll": true, 863 'extensions': [ 864 'theme-dark', 865 'border-full', 866 'pagedim-black', 867 ], 868 // wrappers: ["bootstrap"], 869 },{ 870 offCanvas: { 871 clone: true 872 }, 873 pageScroll: { 874 scrollOffset: 70 875 } 876 }); 877 api = myMenu.API; 878 879 // const api = myMenu.API; 880 881 var menu = document.querySelector('#mm-menu'); 882 var menuItem = menu.querySelectorAll('.dropdown-menu , .dropdown-item , .nav-link'); 883 menu.classList.remove('collapse' , 'navbar-collapse'); 884 menuItem.forEach(el => el.classList.remove('dropdown-menu','dropdown-item','nav-link')) 885 886 var html = document.querySelector('html'); 887 888 api.bind('open:start', function(){ 889 html.style.cssText += 'overflow: hidden'; 890 }); 891 api.bind('close:start', function(){ 892 html.style.cssText -= 'overflow: hidden'; 893 }); 894 } 895 ); 896 // var api = myMenu.API; 897 // var panel = document.querySelector('#mm-product-panel'); 898 // var p = document.querySelector('.title123'); 899 // p.addEventListener("click" , function(){ 900 // api.openPanel(panel); 901 // }); 902 // function openM(myp) { 903 // // const myMenu = new Mmenu('#menu'); 904 905 // const panel = document.querySelector(myp); 906 // api.openPanel( panel ); 907 // } 908</script>
908 909
910<script type="text/javascript" src="/resources/js/devtool.js"></script>
vendor: 1 bytes, line 910
910
911<script type="text/javascript"> 912 $(function() { 913 $('body').append("\u003Cstyle type=\u0022text\/css\u0022\u003E\r\n\t#alert_area {\r\n\t\twidth: 100vw;\r\n\t\theight: 100vh;\r\n\t\tbackground: rgba(0, 0, 0, 0.5);\r\n\t\tposition: fixed;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tz-index: 9999999;\r\n\t\tdisplay: none;\r\n\t}\r\n\t#alert_area.active {\r\n\t\tdisplay: block;\r\n\t}\r\n\t#alert_area #text-area {\r\n\t\tpadding: 20px;\r\n\t\ttext-align: center;\r\n\t\tborder: 3px #EEEEEE solid;\r\n\t\tborder-radius: 10px;\r\n\t\tbackground: #FFFFFF;\r\n\t\twidth: 95%;\r\n\t\theight: auto;\r\n\t\tmax-width: 600px;\r\n\t\tmargin: 0 auto;\r\n\t\tposition: relative;\r\n\t\ttop: 50%;\r\n\t\t-webkit-transform: translateY(-50%);\r\n\t\t-ms-transform: translateY(-50%);\r\n\t\ttransform: translateY(-50%);\r\n\t}\r\n\t#alert_area #text-area .content {\r\n\t\tdisplay: block;\r\n\t\tmargin: 20px auto;\r\n\t\tfont-size: 1.2rem;\r\n\t\tline-height: 1.75;\r\n\t\tmax-height: 280px;\r\n\t\toverflow: auto;\r\n\t\tfont-style: normal;\r\n\t}\r\n\t#alert_area #text-area .close {\r\n\t\tposition: absolute;\r\n\t\twidth: 45px;\r\n\t\theight: 45px;\r\n\t\tfont-size: 35px;\r\n\t\tline-height: 45px;\r\n\t\tcursor: pointer;\r\n\t\tcolor: red;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t}\r\n\u003C\/style\u003E\r\n\u003Cdiv id=\u0022alert_area\u0022\u003E\r\n\t\u003Cdiv id=\u0022text-area\u0022 onclick=\u0022$(\u0027#alert_area\u0027).removeClass(\u0027active\u0027);\u0022\u003E\r\n\t\t\u003Cdiv class=\u0022close\u0022 onclick=\u0022$(\u0027#alert_area\u0027).removeClass(\u0027active\u0027);\u0022\u003E\r\n\t\t\t\u003Ci class=\u0022fa fa-times-circle\u0022 aria-hidden=\u0022true\u0022\u003E\u003C\/i\u003E\r\n\t\t\u003C\/div\u003E\r\n\t\t\u003Ci class=\u0022content\u0022\u003E\u003C\/i\u003E\r\n\t\u003C\/div\u003E\r\n\u003C\/div\u003E"); 914 915 916 917 918 }); 919</script>
919 </body> 920 921</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.