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/8MzdKenF00iJbHlz4SlFA7SHtgKgRVPyMoXzD3V1.jpg" /> 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" /> 28 <meta property="og:url" content="https://hondao.org.tw" /> 29 30 <!--Viewport--> 31<meta name="viewport" content="width=device-width, initial-scale=1"> 32 33<meta name="_token" content="NEj9E6RyoFJjt0ipR9IIBWnFOKI55GVHd31YsBOq" /> 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 51 <!-- Google Tag Manager -->
52<script>
vendor: 331 bytes, lines 52-56
52(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 53new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 54j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 55'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 56})(window,document,'script','dataLayer','
56GTM-NF9NPBXM
vendor: 3 bytes, line 56
56');
56</script>
56 57<!-- End Google Tag Manager --> 58 59</head> 60 61<body class="bg" id="index" data-bs-spy="scroll" data-bs-target="#side-nav" data-bs-offset="0" tabindex="0" role="tablist"> 62 63 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 63-64
63 64<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
64GTM-NF9NPBXM
vendor: 85 bytes, lines 64-65
64" 65height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
66<!-- End Google Tag Manager (noscript) --> 67 68 <div class="loader-mesk"></div> 69<div id="my-loader" class="preloader"> 70 <div class="preloader_inner"> 71 <img class="svg" src="/resources/_img/layout/loader-logo.svg" alt=""> 72 <div class="mesk"></div> 73 </div> 74</div> <div class="template"> 75 <!--header--> 76 <nav class="navbar navbar-expand-lg px-xl-2"> 77 <div class="container-fluid"> 78 <a class="navbar-brand" href="/" title=""> 79 <img src="/resources/_img/layout/logo.svg" alt=""> 80 </a> 81 82 <a href="#menu" class="navbar-toggler hamburger hamburger--collapse"> 83 <span class="hamburger-box"> 84 <span class="hamburger-inner"></span> 85 </span> 86 </a> 87 88 89 <div class="collapse navbar-collapse" id="menu"> 90 <ul class="navbar-nav align-items-center ms-auto"> 91 <li class="nav-item dropdown"> 92 <a class="nav-link" href="javascript:;"> 93 <span>èªèå¼é</span> 94 </a> 95 <ul class="dropdown-menu"> 96 97 <li class="dropdown-list"> 98 <a href="/about/1" class="dropdown-item">å¼éç°¡ä»</a> 99 </li> 100 <li class="dropdown-list"> 101 <a href="/about/2" class="dropdown-item">çµç¹ä»ç´¹</a> 102 </li> 103 <li class="dropdown-list"> 104 <a href="/about/4" class="dropdown-item">è£äºæ</a> 105 </li> 106 107 <li class="dropdown-list"> 108 <a href="/about/history" class="dropdown-item">å¼é大äºç´</a> 109 </li> 110 <li class="dropdown-list"> 111 <a href="/about/office" class="dropdown-item">æåæé»</a> 112 </li> 113 <li class="dropdown-list"> 114 <a href="/news/6" class="dropdown-item">å¼é榮è</a> 115 </li> 116 </ul> 117 </li> 118 119 <li class="nav-item dropdown"> 120 <a class="nav-link" href="javascript:;"> 121 <span>å¼éæ¶æ¯</span> 122 </a> 123 <ul class="dropdown-menu"> 124 <li class="dropdown-list"> 125 <a href="/news" class="dropdown-item">ææ°æ¶æ¯</a> 126 </li> 127 <li class="dropdown-list"> 128 <a href="/news2" class="dropdown-item">æ°èç¼å¸</a> 129 </li> 130 </ul> 131 </li> 132 133 <li class="nav-item dropdown"> 134 <a class="nav-link" href="javascript:;"> 135 <span>ææ¬¾æç©</span> 136 </a> 137 <ul class="dropdown-menu"> 138 139 <li class="dropdown-list"> 140 <a href="/donation/8" class="dropdown-item">ææ¬¾æ¹å¼</a> 141 </li> 142 <li class="dropdown-list"> 143 <a href="https://donations.hondao.org.tw/contents/project" target="_blank" class="dropdown-item">忬¾å°æ¡</a> 144 </li> 145 <li class="dropdown-list"> 146 <a href="/donation/1" class="dropdown-item">ç©è³åé</a> 147 </li> 148 <li class="dropdown-list"> 149 <a href="/donation/2" class="dropdown-item">FAQ</a> 150 </li> 151 152 </ul> 153 </li> 154 155 <li class="nav-item dropdown"> 156 <a class="nav-link" href="javascript:;"> 157 <span>åèå¼é</span> 158 </a> 159 <ul class="dropdown-menu"> 160 161 <li class="dropdown-list"> 162 <a href="/join/5" class="dropdown-item">å¿å·¥åè</a> 163 </li> 164 <li class="dropdown-list"> 165 <a href="/join/1" class="dropdown-item">伿¥åè</a> 166 </li> 167 <li class="dropdown-list"> 168 <a href="/join/10" class="dropdown-item">伿¥æå¿ææ</a> 169 </li> 170 <li class="dropdown-list"> 171 <a href="https://www.104.com.tw/company/193pegso" target="_blank" class="dropdown-item">人ææå</a> 172 </li> 173 <li class="dropdown-list"> 174 <a href="/join/6" class="dropdown-item">實ç¿ç³è«</a> 175 </li> 176 <li class="dropdown-list"> 177 <a href="/join/7" class="dropdown-item">å訪ç³è«</a> 178 </li> 179 <li class="dropdown-list"> 180 <a href="/join/8" class="dropdown-item">æ¼è¬éç´</a> 181 </li> 182 <li class="dropdown-list"> 183 <a href="/join/9" class="dropdown-item">å°é¡åä½</a> 184 </li> 185 186 </ul> 187 </li> 188 189 <li class="nav-item"> 190 <a class="nav-link" href="/service"> 191 <span>å¼éæå</span> 192 </a> 193 </li> 194 195 <li class="nav-item dropdown"> 196 <a class="nav-link" href="javascript:;"> 197 <span>å¼éåºå</span> 198 </a> 199 <ul class="dropdown-menu"> 200 201 <li class="dropdown-list"> 202 <a class="dropdown-item" href="https://hdlongtermcare.org.tw/" target="_blank" >å¼éé·ç §æå</a> 203 </li> 204 <li class="dropdown-list">
205 <a class="dropdown-item" href="https://hondaocs.com/" target="_blank" >é«é½¡è³è¨é</a> 206 </li> 207 208 <li class="dropdown-list"> 209 <a href="/journal/2" class="dropdown-item">å¼éå£å-èæ¾å </a> 210 </li> 211 <li class="dropdown-list"> 212 <a href="/journal/1" class="dropdown-item">å¼éå¹´å ±</a> 213 </li> 214 <li class="dropdown-list"> 215 <a href="/journal/3" class="dropdown-item">調æ¥å ±å</a> 216 </li> 217 <li class="dropdown-list"> 218 <a href="/journal/4" class="dropdown-item">æ°¸çºå ±åæ¸</a> 219 </li> 220 221 </ul> 222 </li> 223 224 <li class="nav-item dropdown"> 225 <a class="nav-link" href="javascript:;"> 226 <span>社æè²¬ä¿¡</span> 227 </a> 228 <ul class="dropdown-menu"> 229 230 <li class="dropdown-list"> 231 <a class="dropdown-item" href="https://donor.hondao.org.tw/donqry" target="_blank" >ææ¬¾å¾µä¿¡</a> 232 </li> 233 234 <li class="dropdown-list"> 235 <a href="/community/1" class="dropdown-item">財åå ±å</a> 236 </li> 237 <li class="dropdown-list"> 238 <a href="/community/2" class="dropdown-item">å¸åææ</a> 239 </li> 240 <li class="dropdown-list"> 241 <a href="/community/3" class="dropdown-item">å·¥ä½è¨ç«</a> 242 </li> 243 <li class="dropdown-list"> 244 <a href="/community/4" class="dropdown-item">工使æ</a> 245 </li> 246 <li class="dropdown-list"> 247 <a href="/community/5" class="dropdown-item">æè´åå</a> 248 </li> 249 <li class="dropdown-list"> 250 <a href="/community/6" class="dropdown-item">åè³èéè²æ</a> 251 </li> 252 253 </ul> 254 </li> 255 256 257 <li class="nav-item ann30th dropdown"> 258 <a class="nav-link" href="/30th"> 259 <span class="d-none d-lg-inline-block"><img src="/resources/_img/layout/30th.svg" alt=""></span> 260 <span class="d-lg-none d-inline-block">30é±å¹´å°å</span> 261 </a> 262 <ul class="dropdown-menu"> 263 <li class="dropdown-list"> 264 <a href="/30th/news" class="dropdown-item">ææ°æ¶æ¯</a> 265 </li> 266 </ul> 267 </li> 268 269 <li class="nav-item search"> 270 <a class="nav-link" data-fancybox="" data-animation-duration="500" data-src="#header-search" href="javascript:;"> 271 <span> 272 <span class="d-lg-none d-inline-block">ç¶²ç«æå°</span> 273 <i class="fa-solid fa-magnifying-glass d-none d-lg-inline-block"></i> 274 </span> 275 </a> 276 277 <div id="header-search" class="light-box search"> 278 <div class="mb-4"> 279 <div class="title">ç¶²ç«æå°</div> 280 </div> 281 282 <form class="form" id="search-form" action="/search"> 283 <div class="row"> 284 <div class="col-md-9"> 285 <div class="form-group mb-0"> 286 <input type="text" class="form-control" name="keyword" value="" placeholder="è«è¼¸å ¥ééµå"> 287 </div> 288 </div> 289 <div class="col-md-3 mt-3 mt-md-0"> 290 <a href="javascript:;" class="main-btn2" onclick="$('#search-form').submit();"> 291 éå§æå° 292 <img class="svg" src="/resources/_img/page/btn-icon2.svg" alt=""> 293 </a> 294 </div> 295 </div> 296 </form> 297 </div> 298 </li> 299 300 <li class="nav-item lang"> 301 <a class="nav-link" href="/english"> 302 <span>English</span> 303 </a> 304 </li> 305 </ul> 306 </div> 307 </div> 308</nav> 309 <!-- End header --> 310 311 <main> 312 313 314<div id="index-editor" class="light-box"> 315 <div class="light-title"> 316 ãéè¦å ¬åã 317 </div> 318 <div class="editor mt-3 mt-lg-4"> 319 <div style="text-align: center;"><span style="text-decoration: underline; color: #e03e2d;"><strong><span style="font-size: 14pt;"><a href="/news/2" target="_blank" rel="noopener">æé«è¦è¦ºï¼æå¿ä¸è¢«ãè©ã</a>ï¼</span></strong></span></div> 320<div><span style="font-size: 14pt;"><span style="text-decoration: underline; color: #e03e2d;"><br /></span><a href="/news/2" target="_blank" rel="noopener"><img style="display: block; margin-left: auto; margin-right: auto;" src="/storage/upload/admin.html-editor/image/2026-07-16/8uphK0fvyn9zs1RalZyDJZAVAF9BMymXqzh5VT93.jpg" alt="" width="900" height="408" /></a><br /></span></div> 321 </div> 322</div> 323 324 325 326<div id="index-banner" data-aos="fade-down"> 327 <div class="banner-slider swiper"> 328 <div class="swiper-wrapper"> 329 330 <div class="swiper-slide"> 331 <a href="https://www.hondao.org.tw/" target="_blank" class="d-block"> 332 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2023-08-01/77KsiMWxfe3AD0WxRWhNoufCdbafiP5nFqY8aqhP.jpg" alt="å¼éè人ç¦å©åºéæ"> 333 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2023-08-01/N4sdACYCmk6N19UD4a60T97fhGiu0c3FV7F51LEv.jpg" alt="å¼éè人ç¦å©åºéæ"> 334 </a> 335 </div> 336 <div class="swiper-slide"> 337 <a href="https://www.hondao.org.tw/news/3/225" target="_blank" class="d-block"> 338 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-09-10/9TgNAcO6BHbDHDRaT77MKUiL1lzhMq1nmjdgkAi1.png" alt="2027ä¸èé¨å£«çºæåé"> 339 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-09-10/esIouNe5Qo7zxvuzPeR7a5rRN1ej0h39eCxmWZbY.png" alt="2027ä¸èé¨å£«çºæåé"> 340 </a> 341 </div> 342 <div class="swiper-slide"> 343 <a href="https://www.hondao.org.tw/news/2" target="_blank" class="d-block"> 344 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-09-24/bVjdbEKgE0iClcqwOJjq2GAamrfhMkF8hmPozfhA.jpg" alt="ãéè¦è³è¨ãè«æ°ç¾æ 鲿æ°è©é¨ï¼"> 345 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-09-24/RZiSIjpNoz4xyQv3n7hIrExePqoSCg4J2ONlCRUU.jpg" alt="ãéè¦è³è¨ãè«æ°ç¾æ 鲿æ°è©é¨ï¼"> 346 </a> 347 </div> 348 <div class="swiper-slide"> 349 <a href="https://donations.hondao.org.tw/contents/project_ct?page=1&p_id=148" target="_blank" class="d-block"> 350 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-08-05/rxkpyVSZuxRbXqahIIuWIPUqhkm7RfDh01QDCKHV.jpg" alt="ä¸åç¨å±æ²æ-çµçµé·è å¤å®è¨ç«"> 351 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-08-05/ARlcXluk8oTJloQfu57hSNpUJu72OBIyq24L7liY.jpg" alt="ä¸åç¨å±æ²æ-çµçµé·è å¤å®è¨ç«"> 352 </a> 353 </div> 354 <div class="swiper-slide"> 355 <a href="https://www.hondao.org.tw/news/3/221" target="_blank" class="d-block"> 356 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-07-23/DNZ2lWvQeTPi4NoeproZBnuy4zowI9AJsGuN9nXU.jpg" alt="å¼éãå ¨æ°ç»å ´ãLINEè²¼å䏿¶ãæä»éªä½ éçæ´» â ã"> 357 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-07-23/LfwdBfDT5xlOc8fS8ZZDv2R94XZMP4LyMOzGnq6Y.jpg" alt="å¼éãå ¨æ°ç»å ´ãLINEè²¼å䏿¶ãæä»éªä½ éçæ´» â ã"> 358 </a> 359 </div> 360 <div class="swiper-slide"> 361 <a href="https://www.hondao.org.tw/news/3/203" target="_blank" class="d-block"> 362 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-07-20/cHWZOFvl4icUxJ2AL8AaYV8K3UxIUBS9fCwjB9kM.jpg" alt="2026èåä¸å®¶äººK-POP嵿èè¹å¤§è³½æ±ºè³½å ¬å"> 363 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-07-20/y0dM1HDVGzGCtiDwGKEl3rrri79gasE4EyLPXqF3.jpg" alt="2026èåä¸å®¶äººK-POP嵿èè¹å¤§è³½æ±ºè³½å ¬å"> 364 </a> 365 </div> 366 <div class="swiper-slide"> 367 <a href="https://donations.hondao.org.tw/contents/project_ct?page=1&p_id=127" target="_blank" class="d-block"> 368 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-07-15/O7o57SNZEnVox7TO7kasar8dnuHQwCcC4U202wcC.jpg" alt="給ä¸å叿 失æºä¸å¤±æ´"> 369 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-07-15/vaJ14X7CRcR7BU2wDE5CtzQD0CpEpUwVuXHAptd5.jpg" alt="給ä¸å叿 失æºä¸å¤±æ´"> 370 </a> 371 </div> 372 <div class="swiper-slide"> 373 <a href="https://www.hondao.org.tw/news/3/218" target="_blank" class="d-block"> 374 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-07-15/KGR6A8zqt1opSaqiCCA5UPBIQh8qQLOOdNBoybml.jpg" alt="å¼éä¸èèæ©éåææ¨å ¬çå¸é"> 375 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-07-15/szSf9ltYWQ7TcpstameoOXjO72ztT41kzUUJDLfT.jpg" alt="å¼éä¸èèæ©éåææ¨å ¬çå¸é"> 376 </a> 377 </div> 378 <div class="swiper-slide"> 379 <a href="https://www.hondao.org.tw/news/3/215" target="_blank" class="d-block"> 380 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-07-03/ESSL4S4XrmtDbrOOomf9s51UxUh4zhGRqnUMfNLV.jpg" alt="ãæ´»åå ±åãã2026å ¨åå ±çè«å£ï½å ±ç
380é²è¡å¼ãå³å°éæ¾å ±åï¼"> 381 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-07-03/PbvdcjiQsE6hY0BgNNStHMLv0ImDVoS7L0iImIky.jpg" alt="ãæ´»åå ±åãã2026å ¨åå ±çè«å£ï½å ±çé²è¡å¼ãå³å°éæ¾å ±åï¼"> 382 </a> 383 </div> 384 <div class="swiper-slide"> 385 <a href="https://donations.hondao.org.tw/contents/project_ct?page=1&p_id=135" target="_blank" class="d-block"> 386 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-07-01/atQR6msD8RrSVEPYxvzOHlLw3ZaMcyhV2Lm6236p.jpg" alt="å®¶åºç §é¡§è æ¯æè¨ç«"> 387 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-07-01/fcIM3IErsX7Yme4WWzG31tj9Xc2PBsIRivyLwdkw.jpg" alt="å®¶åºç §é¡§è æ¯æè¨ç«"> 388 </a> 389 </div> 390 <div class="swiper-slide"> 391 <a href="https://donations.hondao.org.tw/contents/project_ct?page=1&p_id=134" target="_blank" class="d-block"> 392 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-06-17/rDDll5uQ9sERKZzPYEZeHIgURPlXSXzjVKpBHxtJ.jpg" alt="é¿å ¬é¿å¬¤å¥½å¥½çæ´»æ¯æè¨ç«"> 393 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-06-17/jQiYYc5LpG1MUUSrU7ZO1mseyyqa7teWNp4X10qo.jpg" alt="é¿å ¬é¿å¬¤å¥½å¥½çæ´»æ¯æè¨ç«"> 394 </a> 395 </div> 396 <div class="swiper-slide"> 397 <a href="https://donations.hondao.org.tw/contents/project_ct?page=1&p_id=123" target="_blank" class="d-block"> 398 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-06-03/W0Tux7FcGy4a9YQSWAlz4uB371ly9hV2215MOLbi.jpg" alt="ç¾å¤¢æ¨ç-å¼±å¢é·è¼©æ©é¤è³å©è¨ç«"> 399 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-06-03/gp5ukD217ZDLgba18zSdbjOWAXrHnrzI7yKVoRTS.jpg" alt="ç¾å¤¢æ¨ç-å¼±å¢é·è¼©æ©é¤è³å©è¨ç«"> 400 </a> 401 </div> 402 <div class="swiper-slide"> 403 <a href="https://www.hondao.org.tw/news/2/213" target="_blank" class="d-block"> 404 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-06-01/mR9Zv0auDS4fOe8bT0ekXEfvT7PO2Df4k0ksA8tG.jpg" alt="ãè¡æ¿å ¬åãå¼éæµ·å¤ææ¬¾å¹³å°èª¿æ´èªªæ"> 405 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-06-01/c3IbDOKFmgPAuTcDE6zlYW1McIiJpdJCgrgGdc3Q.jpg" alt="ãè¡æ¿å ¬åãå¼éæµ·å¤ææ¬¾å¹³å°èª¿æ´èªªæ"> 406 </a> 407 </div> 408 <div class="swiper-slide"> 409 <a href="https://www.hondao.org.tw/news/3/210" target="_blank" class="d-block"> 410 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-07-20/UDM3YGwABQ7cewpTwLW62mGmnPlpWWEMdrXx3dpH.jpg" alt="2026年以ãèæåï¼æé»å¥æªï¼ãçºä¸»é¡ï¼éè«æ·å±ç²¾é¸é·è¼©æ¼å¡å次ç»å°ï¼6-11æå±éåãä¸ãåãæ±å ¨å°å·¡æ¼ã"> 411 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-07-20/q0Zj60ktOOLBJcpqvCNpVNpyIBO3z2YcrAn5GpUc.jpg" alt="2026年以ãèæåï¼æé»å¥æªï¼ãçºä¸»é¡ï¼éè«æ·å±ç²¾é¸é·è¼©æ¼å¡å次ç»å°ï¼6-11æå±éåãä¸ãåãæ±å ¨å°å·¡æ¼ã"> 412 </a> 413 </div> 414 <div class="swiper-slide"> 415 <a href="https://donations.hondao.org.tw/contents/project_ct?page=1&p_id=122" target="_blank" class="d-block"> 416 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-04-30/HRuzdU3MTQc4i4tVU3JP3Bamhl1NTQPO665cIguu.jpg" alt="ç¨å± å¼±å¢é·è¼©é¤é£è¨ç«"> 417 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-04-30/Moe8rUKJyHHZhrcZsOZJ9CWhy7E1XRKTes9bmWMY.jpg" alt="ç¨å± å¼±å¢é·è¼©é¤é£è¨ç«"> 418 </a> 419 </div> 420 <div class="swiper-slide"> 421 <a href="https://www.hondao.org.tw/news/3/208" target="_blank" class="d-block"> 422 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-04-21/KqnMoUEktxVgGUjggy9fptH2Zg5pI7kqtu1lYk7A.png" alt="2026åå失æºç£ç©æ-åå©é«é©å ¬ç課ç¨å è²»å ±åä¸ï¼ï¼ï¼"> 423 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-04-21/9xixun6hVxUguSS0MDwTH0fyQZG5soEPuL16maMo.png" alt="2026åå失æºç£ç©æ-åå©é«é©å ¬ç課ç¨å è²»å ±åä¸ï¼ï¼ï¼"> 424 </a> 425 </div> 426 <div class="swiper-slide"> 427 <a href="https://www.hondao.org.tw/news/3/201" target="_blank" class="d-block"> 428 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-04-02/DdUuTyRUtjhpnxQi3qXsJtA22lQH1wIBJEAVBxxc.jpg" alt="ãé¢å®¶ï¼åºèµ°ã2026åºèµ°ç·´ç¿æï¼éå§å ±å!"> 429 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-04-02/DeCvEz6rNVuipDEtZUan4v5z7Vi3KfCLga77R450.jpg" alt="ãé¢å®¶ï¼åºèµ°ã2026åºèµ°ç·´ç¿æï¼éå§å ±å!"> 430 </a> 431 </div> 432 <div class="swiper-slide"> 433 <a href="https://www.hondao.org.tw/news/3/199" target="_blank" class="d-block"> 434 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-04-02/TnjLi39z7CDHuRaVo1LTP5VtJXuoiuDsQJvW1Z8Y.jpg" alt="ãå¯è¶³äººçãæ¡éå¼å°å¡å¹è¨èª²ç¨ 2026å ¨æ°æåä¸"> 435 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-04-02/PD3Y7QQBOcWQJLWwXeRBnFBze40IM6P9DhARhSwh.jpg" alt="ãå¯è¶³äººçãæ¡éå¼å°å¡å¹è¨èª²ç¨ 2026å ¨æ°æåä¸"> 436 </a> 437 </div> 438 <div class="swiper-slide"> 439 <a href="https://www.hondao.org.tw/news/3/193" target="_blank" class="d-block"> 440 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2026-03-17/C7zPL21DKQmGwIdhuU4yZREqHKl0sraxFokNhpAK.jpg" alt="ãé¢å®¶ï¼åºèµ°ã2026 åºèµ°ä»»åèå°æ¹äº¤æå®¿éå
440§æå"> 441 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2026-03-17/7Bzxg45UggJArlzx9gPzCOTRIkYEFLboBYPe7toq.jpg" alt="ãé¢å®¶ï¼åºèµ°ã2026 åºèµ°ä»»åèå°æ¹äº¤æå®¿éå§æå"> 442 </a> 443 </div> 444 <div class="swiper-slide"> 445 <a href="https://donations.hondao.org.tw/contents/project_ct?page=1&p_id=129" target="_blank" class="d-block"> 446 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2025-09-17/VPEdMQyiUwFTAf8j5Ld7vqT8M505ejwllmtDF4qX.jpg" alt="æé¬±é·è éæ·è¨ç«"> 447 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2025-09-17/13ldwHpEmYsfU9hxiE4wpbcd5M63nokGf7r8HIYS.jpg" alt="æé¬±é·è éæ·è¨ç«"> 448 </a> 449 </div> 450 <div class="swiper-slide"> 451 <a href="https://www.hondao.org.tw/news/3/150" target="_blank" class="d-block"> 452 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2025-05-16/OYBtmKTJbBVQCVrx9c7XAuOsTM4st2YVFuV5ygSY.jpg" alt="LINEè²¼åæ£å¼ä¸æ¶ãæä»èé´è¯æ³¥ | è·ä½ 說ã"> 453 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2025-05-16/lO7ZJMsVeb3FnkhxTuRiB2rRz2CslsAf6z0OBTms.jpg" alt="LINEè²¼åæ£å¼ä¸æ¶ãæä»èé´è¯æ³¥ | è·ä½ 說ã"> 454 </a> 455 </div> 456 <div class="swiper-slide"> 457 <a href="https://donations.hondao.org.tw/contents/project_ct?page=1&p_id=118" target="_blank" class="d-block"> 458 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2025-02-10/QiWKa0DIRqpBsCs5CNIb7w9ggTFzuWa5i0VrQr7E.jpg" alt="2025å¼éå ¬çæ éå¡"> 459 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2025-02-10/5Ykj8DGedSYIBKhmXUmWZxzoRGoiXgqXEdbd3CzN.jpg" alt="2025å¼éå ¬çæ éå¡"> 460 </a> 461 </div> 462 <div class="swiper-slide"> 463 <a href="https://www.hondao.org.tw/news/3/116" target="_blank" class="d-block"> 464 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2024-10-08/K4vtAPTEUxyRZN87b1fxxw0cnlQisjMOfFpeTuVq.jpg" alt="鵿é«é©ï¼ä¼æ¥åªæ å°æ¡éè·"> 465 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2024-10-08/xzyV7yuzauSOaQukRkdlOoq4Jy1GJHiE7crsHnrQ.jpg" alt="鵿é«é©ï¼ä¼æ¥åªæ å°æ¡éè·"> 466 </a> 467 </div> 468 <div class="swiper-slide"> 469 <a href="https://www.hondao.org.tw/news/3/109" target="_blank" class="d-block"> 470 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2024-09-03/87GOS40tto58ujAe5FkObqfWF9Bild95mTlcYLBX.jpg" alt="ä¸èµ·å¨ç¤¾å å¥½å¥½çæ´»ï¼èªèèºç£å ±ç社å實è¸çç¬¬ä¸æ¬æ¸ï¼"> 471 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2024-09-03/SXnXLYgprlN1WDmk27tpSjbaTIAhBDTSfToTM2Mn.jpg" alt="ä¸èµ·å¨ç¤¾å å¥½å¥½çæ´»ï¼èªèèºç£å ±ç社å實è¸çç¬¬ä¸æ¬æ¸ï¼"> 472 </a> 473 </div> 474 <div class="swiper-slide"> 475 <a href="https://www.hondao.org.tw/news/3/96" target="_blank" class="d-block"> 476 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2024-08-01/rV7hsj9oPpIWK4UmfGlwKBcNykRxwS5wcYjSUGFF.jpg" alt="ãç·ä¸éæ²ãæªä¾çä½ ææ¯åªä¸ç¨®è人ï¼"> 477 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2024-08-01/dfCQKppVRIawUsW1Skt6wWdsT6lrl4oC9MO3dlWh.jpg" alt="ãç·ä¸éæ²ãæªä¾çä½ ææ¯åªä¸ç¨®è人ï¼"> 478 </a> 479 </div> 480 <div class="swiper-slide"> 481 <a href="https://www.hondao.org.tw/news/3/72" target="_blank" class="d-block"> 482 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2024-06-05/0IeJgG3pzRAHM4TVr17l6gtGQbuMcdZYE2eUgT1w.jpg" alt="æå çè¨æ¬ 給èªå·±è家人çæå¿ç»ç¦®"> 483 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2024-06-05/lY9XIitvXdwdJQfWcReqiX36X6EECQSpAriLxmmm.jpg" alt="æå çè¨æ¬ 給èªå·±è家人çæå¿ç»ç¦®"> 484 </a> 485 </div> 486 <div class="swiper-slide"> 487 <a href="https://www.hondao.org.tw/news/3/80" target="_blank" class="d-block"> 488 <img class="d-none d-sm-block" src="/storage/upload/banner/image/2024-04-23/GNIMkaebx0TeGzg0n0JVbRdOxQG8RbGBLuoVQbR0.jpg" alt="ã2024å¼éå ±ç+ã年度系åè¬åº§èª²ç¨æ´»å"> 489 <img class="d-block d-sm-none" src="/storage/upload/banner/image/2024-04-23/TyQwI10O8a2m57CM1QXvwUy6mEGUbSBv0KnOharU.jpg" alt="ã2024å¼éå ±ç+ã年度系åè¬åº§èª²ç¨æ´»å"> 490 </a> 491 </div> 492 493 </div> 494 <div class="swiper-pagination banner"></div> 495 </div> 496</div> 497 498<article> 499 <section id="index-about"> 500 <div class="container"> 501 <div class="row align-items-center"> 502 <div class="col-md-6"> 503 <img src="/resources/_img/index/about-01.jpg" alt=""> 504 </div> 505 <div class="col-md-6 ps-xl-5 ps-md-4 mt-4" data-aos="fade-up"> 506 <div class="title">å¼éæå¾ æ¯ä½é·è é½è½äº«æ<br class="d-none d-sm-block">èªä¸»ãå°å´ãå®å¿è精彩çèå¾çæ´»!</div> 507 <div class="text">å¼éè人ç¦å©åºéæèç±ãå¥åº·èåãããåªè³ªç §é¡§ãããç¶æ¿å®å ¨ãããèªæå¯¦ç¾ãããååç°å¢ããã人æè²æãçå 大è¡åé¢åï¼å¸æè®æ¯ä½é·è é½è½æèªä¸»ãå°å´ãå®å¿è精彩çèå¾çæ´»ï¼ä¸¦åæç¼æ®å½±é¿åï¼ééææåçå ±åµé«é½¡åå社æï¼æçºãä¸èµ·éèï¼ç²¾å½©ç¾å¥½ãç好æåï¼è´åè®å°ç£æçºäººäººæ¨æ¼è«èãä¼´èçååé«é½¡åå®¶ï¼</div> 508 </div> 509 </div> 510 </div> 511 </section> 512 513 <section id="index-about2" class="pt-lg-4 pt-0"> 514 <div class="container"> 515 <div class="row"> 516 <div class="col-xl-8 col-lg-10 ps-1"> 517 <div class="num-box"> 518 <div class="list list1"> 519 <div data-aos="fade-up"> 520 <div class="item item1"> 521 <div class="text">
522 <span class="counter-value data-num" data-count="7">0</span> 523 <div class="title">åæåè</div> 524 </div> 525 <img class="bg" src="/resources/_img/index/bg-01.svg" alt=""> 526 </div> 527 </div> 528 <div data-aos="fade-up" data-aos-delay="100"> 529 <div class="item item2"> 530 <div class="text"> 531 <span class="counter-value data-num" data-count="1000">0</span><span>+</span> 532 <div class="title">ä½å¿å·¥</div> 533 </div> 534 <img class="bg" src="/resources/_img/index/bg-02.svg" alt=""> 535 </div> 536 </div> 537 </div> 538 539 <div class="list list2"> 540 <div data-aos="fade-up" data-aos-delay="100"> 541 <div class="item item3"> 542 <div class="text"> 543 <span class="counter-value data-num" data-count="40">0</span><span>+</span> 544 <div class="title">æåæ¹æ¡</div> 545 </div> 546 <img class="bg" src="/resources/_img/index/bg-03.svg" alt=""> 547 </div> 548 </div> 549 550 <div data-aos="fade-up" data-aos-delay="200"> 551 <div class="item item4"> 552 <div class="text"> 553 <span class="counter-value data-num" data-count="600">0</span><span>+</span> 554 <div class="title">ä½å·¥ä½å¤¥ä¼´</div> 555 </div> 556 <img class="bg" src="/resources/_img/index/bg-04.svg" alt=""> 557 </div> 558 </div> 559 560 <div data-aos="fade-up" data-aos-delay="100"> 561 <div class="item item5"> 562 <div class="text"> 563 <span class="counter-value data-num" data-count="10000">0</span><span>+</span> 564 <div class="title">叏年鿷æåé·è¼©</div> 565 </div> 566 <img class="bg" src="/resources/_img/index/bg-05.svg" alt=""> 567 </div> 568 </div> 569 </div> 570 571 <div class="list list3"> 572 <div data-aos="fade-up" data-aos-delay="200"> 573 <div class="item item6"> 574 <div class="text"> 575 <span class="counter-value data-num" data-count="30">0</span><span>+</span> 576 <div class="title">åæåæé»</div> 577 </div> 578 <img class="bg" src="/resources/_img/index/bg-06.svg" alt=""> 579 </div> 580 </div> 581 582 <div data-aos="fade-up" data-aos-delay="100"> 583 <div class="item item7"> 584 <div class="text"> 585 <span class="counter-value data-num" data-count="35">0</span><span>+</span> 586 <div class="title">åå¿å·¥åé</div> 587 </div> 588 <img class="bg" src="/resources/_img/index/bg-07.svg" alt=""> 589 </div> 590 </div> 591 </div> 592 593 </div> 594 </div> 595 </div> 596 </div> 597 <img class="about2-bg d-none d-lg-block" src="/resources/_img/index/about2-01.svg" alt=""> 598 <img class="d-lg-none d-block ps-3 pt-3 ms-auto" data-aos="fade-up" src="/resources/_img/index/about2-02.svg" alt=""> 599 </section> 600 601 <section id="index-news"> 602 <div class="container"> 603 <div class="main-title2" data-aos="fade-down"> 604 <div class="text">ææ°æ¶æ¯</div> 605 </div> 606 607 <div class="news-box"> 608 <div class="row"> 609 610 <div class="col-lg-3 col-sm-6"> 611 <a href="/news/2/219" class="item" data-aos="fade-up"> 612 <div class="sort">è¡æ¿å ¬å</div> 613 <div class="img-box"> 614 <div class="pic ratio cover"> 615
616 <span> 617 <img src="/storage/upload/news/image/2026-09-24/gAvW5RTzqhH60BteYISvKMeqOri5GRvaT5aQBHgy.jpg" alt=""> 618 </span> 619 </div> 620 </div> 621 <div class="text-box"> 622 <div class="title">ãéè¦è³è¨ãè«æ°ç¾æ 鲿æ°è©é¨ï¼</div> 623 <div class="text">â ï¸æ é²è©é¨â ï¸è«æ³¨æâ<br /> 624éå¼é宿¹å¹³å°ï¼å«ç¤¾ç¾¤å¹³å°åç¶²ç«ï¼æä¾ä¹å¯æ¬¾è³è¨<br /> 625âï¸ççºè©é¨è³è¨âï¸è«èªæå¼éå®ç¶²ç¶²åï¼https://www.hondao.org.tw/</div> 626 <img class="ms-auto mt-3" src="/resources/_img/page/news-icon.svg" alt=""> 627 </div> 628 </a> 629 </div> 630 <div class="col-lg-3 col-sm-6"> 631 <a href="/news/3/225" class="item" data-aos="fade-up"> 632 <div class="sort">æ´»åæ¶æ¯</div> 633 <div class="img-box"> 634 <div class="pic ratio cover"> 635 636 <span> 637 <img src="/storage/upload/news/image/2026-09-07/XS5Xk92iM6fPa1ne9wMFemOqJOhNPxdzAMwyjfEv.jpg" alt="2027ä¸èé¨å£«çºæåéå ¬çç°å³¶æåèµ·è·"> 638 </span> 639 </div> 640 </div> 641 <div class="text-box"> 642 <div class="title">ãæ´»åæ¶æ¯ãã2027ä¸èé¨å£«çºæåéãå ¬çç°å³¶æåèµ·è·ï¼</div> 643 <div class="text">ç¼å弿ï¼é¨å£«éçµï¼ææ°ä¸ä¸æ¨£çèªå·±ï¼ä¾è¶ç±è¡èå ¬ççæå¿æ ç¨ï¼</div> 644 <img class="ms-auto mt-3" src="/resources/_img/page/news-icon.svg" alt=""> 645 </div> 646 </a> 647 </div> 648 <div class="col-lg-3 col-sm-6"> 649 <a href="/news/6/216" class="item" data-aos="fade-up"> 650 <div class="sort">å¼é榮è</div> 651 <div class="img-box"> 652 <div class="pic ratio cover"> 653 654 <span> 655 <img src="/storage/upload/news/image/2026-07-06/lh5Hp6PEQ2l3vthNfgXFNZdVvZB8GiwX009eLn20.png" alt=""> 656 </span> 657 </div> 658 </div> 659 <div class="text-box"> 660 <div class="title">å¼é榮ç²IAFåéå¼å°è åæã2026å ¨çå¼å°å¼é¿åï¼éçã</div> 661 <div class="text">å¼é以ãä¸»ç®¡å ±èçï¼åªåèæåè¨ç«ãï¼Management Alignment Workshop-Optimization and Enhancement Programï¼å°æ¡ç²å¾åéå¼å°è åæï¼IAFï¼ã2026å ¨çå¼å°å¼é¿åï¼éçã<br /> 662</div> 663 <img class="ms-auto mt-3" src="/resources/_img/page/news-icon.svg" alt=""> 664 </div> 665 </a> 666 </div> 667 <div class="col-lg-3 col-sm-6"> 668 <a href="/news/3/7" class="item" data-aos="fade-up"> 669 <div class="sort">æ´»åæ¶æ¯</div> 670 <div class="img-box"> 671 <div class="pic ratio cover"> 672 673 <span> 674 <img src="/storage/upload/news/image/2023-07-25/RlzJ6WWGE6iWwNO84G6TTddTe5vAAlpwboM5g4zN.jpg" alt=""> 675 </span> 676 </div> 677 </div> 678 <div class="text-box"> 679 <div class="title">ãç¼ç¥¨æè´590 ååé«é½¡ææªä½ ã網購æ¶è²»ä¹å¯ä»¥åå ¬çï¼</div> 680 <div class="text">ä½ ç¥éåï¼ç¾å¨æ¥å¸¸æ¶è²»è²·æ±è¥¿ä¹ææ©æåå ¬çåï¼<br /> 681åªè¦çµå¸³æé¸ææè´ç¼ç¥¨ï¼å°±æ¯å°å ¬çåé«çä¸å¤§å¹«å©ï¼å¯ä»¥å°ç¼ç¥¨ä¸çéé¡æå ¥æ¼æåç¶è²»ä¸ï¼å¹«å©æ´å¤éè¦å¹«å©ç人ã</div> 682 <img class="ms-auto mt-3" src="/resources/_img/page/news-icon.svg" alt=""> 683 </div> 684 </a> 685 </div> 686 687 </div> 688 </div> 689 690 <div class="text-center mt-5 mt-lg-6" data-aos="fade-up"> 691 <a class="main-btn" href="/news"> 692 äºè§£æ´å¤ 693 <img class="svg ms-3" src="/resources/_img/page/btn-icon.svg" alt=""> 694 </a> 695 </div> 696 </div> 697 </section> 698 699 <section id="index-video" class="pt-4 pb-0"> 700 <div class="container"> 701 <div class="row"> 702 <div class="col-xl-7 col-lg-9 col-md-11 mx-auto px-xl-4"> 703 <div class="editor"> 704 <iframe width="100%" height="315" 705 src="https://www.youtube.com/embed/CsP1C7oJchQ?si=JzuM5x4aU4_a8nWR&autoplay=1&mute=1" 706 title="YouTube video player" 707 frameborder="0" 708 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 709 allowfullscreen></iframe> 710 </div> 711 <div class="title" data-aos="fade-up">ä¸èµ·éè 精彩ç¾å¥½ð</div> 712 <div class="text" data-aos="fade-up">å¼é30èä½ ææ¯ð»ä¸èµ·è¿æ¥ç¾å¥½æå»â¨<br /> 713<br /> 714ä¸åå¹´ï¼éä¸å æ¯æéçç´¯ç©ï¼<br /> 715æ´æ¯æèéªä¼´äº¤ç¹èæçæº«ææ äºð<br /> 716<br /> 71730å¹´åç3æï¼<br /> 718æåæ£å¼ç²åç«æ¡ï¼<br /> 719並æ¼3/24宿æ³äººç»è¨ï¼<br /> 720å¾é£å¤©èµ·ï¼éåäºè³ä»ä¸éæ·çæåä¹è·¯ã<br /> 721<br /> 72230å¹´ä¾ï¼å¾æªåä¸è ³æ¥ï¼<br /> 723å¾å¥åº·èåãåªè³ªç §é¡§ãç¶æ¿å®å ¨ã<br /> 724èªæå¯¦ç¾ãååç°å¢ã人æè²æå 大é¢ååºç¼ï¼<br /> 725建æ§è¶ é40é æåï¼<br /> 726åæé·è¼©ä¸åéæ®µçéæ±ï¼<br /> 727å¸æè®æ¯ä½é·è é½è½æèªä¸»èå°å´ï¼<br /> 728享æå®å¿ã精彩çèå¾çæ´»ã<br /> 729<br /> 730ð§¡ãä¸èµ·éèï¼ç²¾å½©ç¾å¥½ãð§¡<br /> 731éä¸è·¯æä½ ç¸ä¼´ï¼<br /> 732æªä¾æåå°ææåµé æ´å¤å¯è½ï¼</div> 733 </div> 734 </div> 735 </div> 736 <img class="bg" src="/resources/_img/index/video-bg.jpg" alt=""> 737 </section> 738 739 <section id="index-link" class="py-4 pb-md-5"> 740 <div class="container"> 741 <div class="row"> 742 <div class="col-lg-3 col-6"> 743 <a href="/donation" class="item" data-aos="fade-up"> 744 <div class="img-box"> 745 <img src="/resources/_img/index/link-01.jpg" alt=""> 746 </div> 747 <div class="title">ææ¬¾æç©</div> 748 </a> 749 </div> 750 <div class="col-lg-3 col-6"> 751 <a href="/join" class="item" data-aos="fade-up"> 752 <div class="img-box"> 753 <img src="/resources/_img/index/link-02.jpg" alt=""> 754 </div> 755 <div class="title">åèå¼é</div> 756 </a> 757 </div> 758 <div class="col-lg-3 col-6"> 759 <a href="/service" class="item" data-aos="fade-up"> 760 <div class="img-box"> 761 <img src="/resources/_img/index/link-03.jpg" alt=""> 762 </div> 763 <div class="title">å¼éæå</div> 764 </a> 765 </div> 766 <div class="col-lg-3 col-6"> 767 <a href="/journal" class="item" data-aos="fade-up"> 768 <div class="img-box"> 769 <img src="/resources/_img/index/link-04.jpg" alt=""> 770 </div> 771 <div class="title">å¼éåºå</div> 772 </a> 773 </div> 774 </div> 775 </div> 776 <img class="bg" src="/resources/_img/index/link-bg.svg" alt=""> 777 </section> 778</article> 779 780<div id="back-to-top"> 781 <a class="support" href="https://donations.hondao.org.tw/contents/project" target="_blank"> 782 <img src="/resources/_img/index/support.svg" alt=""> 783 </a> 784 <div class="item back-to-top"> 785 <i class="fa-solid fa-caret-up"></i> 786 </div> 787</div> 788 789 </main> 790 791 <!-- footer --> 792 <footer> 793 <div class="container"> 794 <div class="row"> 795 <div class="col-lg-4 col-md-5 pt-lg-5 py-4"> 796 <div class="f-logo"><img src="/resources/_img/layout/f-logo.svg" alt=""></div> 797 <div class="mt-1 mt-sm-0">鵿¿åæ¥å¸³è: 21941729</div> 798 <div class="mt-1 mt-sm-0">
798æ¶å: å¼éè人ç¦å©åºéæ</div> 799 <div class="mt-1 mt-sm-0">é»åç¼ç¥¨æè´ç¢¼: 590</div> 800 <div class="mt-4"> 801 <a class="f-link" href="https://donations.hondao.org.tw/contents/project" target="_blank">ææ¬¾æ¯æ</a> 802 </div> 803 </div> 804 <div class="col-lg-4 pt-lg-5 d-none d-lg-block"> 805 <ul class="f-info"> 806 <li> 807 <a class="item" href="/about"> 808 <span>èªèå¼é</span> 809 </a> 810 </li> 811 812 <li> 813 <a class="item" href="/news"> 814 <span>å¼éæ¶æ¯</span> 815 </a> 816 </li> 817 818 <li> 819 <a class="item" href="/donation"> 820 <span>ææ¬¾æç©</span> 821 </a> 822 </li> 823 824 <li> 825 <a class="item" href="/join"> 826 <span>åèå¼é</span> 827 </a> 828 </li> 829 830 <li> 831 <a class="item" href="/service"> 832 <span>å¼éæå</span> 833 </a> 834 </li> 835 836 <li> 837 <a class="item" href="/journal"> 838 <span>å¼éåºå</span> 839 </a> 840 </li> 841 842 <li> 843 <a class="item" href="/community"> 844 <span>社æè²¬ä¿¡</span> 845 </a> 846 </li> 847 848 <li> 849 <a class="item" href="/journal/4"> 850 <span>æ°¸çºå ±åæ¸</span> 851 </a> 852 </li> 853 </ul> 854 855 <div class="copyright"> 856 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> 857 </div> 858 </div> 859 <div class="col-xl-3 col-lg-4 col-md-7 ms-auto pt-lg-5 py-3"> 860 <div class="title">追蹤æå</div> 861 <ul class="f-social"> 862 <li> 863 <a class="item" href="https://lin.ee/B6vFnxN" target="_blank"><i class="fa-brands fa-line"></i></a> 864 </li> 865 <li> 866 <a class="item" href="https://www.facebook.com/hondao" target="_blank"><i class="fa-brands fa-square-facebook"></i></a> 867 </li> 868 <li> 869 <a class="item" href="https://www.instagram.com/hondao999/" target="_blank"><i class="fa-brands fa-instagram"></i></a> 870 </li> 871 <li> 872 <a class="item" href="https://www.youtube.com/channel/UCVjI2mgPznuL5mBpvwz4GpA" target="_blank"><i class="fa-brands fa-youtube"></i></a> 873 </li> 874 <li> 875 <a class="item" href="https://podcasts.apple.com/podcast/id1526788668" target="_blank"><i class="fa-solid fa-podcast"></i></a> 876 </li> 877 </ul> 878 879 <div class="form"> 880 <div class="d-flex align-items-end mt-4 pt-lg-3"> 881 <div class="title me-3">è¨é±é»åå ±</div> 882 <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> 883 </div> 884 885 <form action="/newsletter" method="post" id="newsletter_form"> 886 <input type="hidden" name="_method" value="post"> <input type="hidden" name="_token" value="NEj9E6RyoFJjt0ipR9IIBWnFOKI55GVHd31YsBOq"> 887 <div class="row g-2 mt-2 align-items-center"> 888 <div class="col-9"> 889 <div class="form-group mb-0"> 890 <input type="text" class="form-control type2" name="email" placeholder="è«è¼¸å ¥Email"> 891 </div> 892 </div> 893 <div class="col-3"> 894 <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> 895 </div> 896 </div> 897 898 </form> 899 900 </div> 901 <div class="copyright d-block d-md-none"> 902 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> 903 </div> 904 </div> 905 </div> 906 </div> 907</footer> <!-- End footer --> 908 </div> 909 910
910<script> 911 var base_path = '/'; 912 var resources_path = '/resources/'; 913</script>
913 914
915<script src="/resources/js/jquery.js?v=202509151407"></script>
915 916
917<script src="https://kit.fontawesome.com/fb9d17f549.js" data-search-pseudo-elements defer crossorigin="anonymous"></script>
917 918
919<script src="/resources/js/common.js?v=202509151407"></script>
919 920
921<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 921
921
922<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 922
922
923<script src="https://unpkg.com/splitting/dist/splitting.min.js" integrity="sha384-4xKCEoe7sOCJeUwo9HheqN+yYVNglF+fjekGEZx4DcdgbJWToC2k5MgQ+6T9sfUT" crossorigin="anonymous" async></script>
923 924 925
926<script src="/resources/js/clicker_box.js" defer></script>
926 927
928<script src="/resources/js/mmenu/mmenu.polyfills.js" defer></script>
vendor: 1 bytes, line 928
928
929<script src="/resources/js/mmenu/mmenu.js" defer></script>
929 930
931<script src="/resources/js/script.js" defer></script>
931 932
933<script> 934 var myMenu; 935 var api 936 // mmenuæ§å¶ 937 document.addEventListener( 938 "DOMContentLoaded", () => { 939 myMenu = new Mmenu( "#menu", { 940 navbar: { 941 title: 'Menu' //ææ©é¸å®æ¨é¡é¸å®æå 942 }, 943 navbars: [ 944 { 945 'position': 'top', 946 'content': [ 947 'prev', 948 'title', 949 'close' 950 ] 951 } 952 ], 953 "slidingSubmenus": false, 954 "pageScroll": true, 955 'extensions': [ 956 'theme-dark', 957 'border-full', 958 'pagedim-black', 959 ], 960 // wrappers: ["bootstrap"], 961 },{ 962 offCanvas: { 963 clone: true 964 }, 965 pageScroll: { 966 scrollOffset: 70 967 } 968 }); 969 api = myMenu.API; 970 971 // const api = myMenu.API; 972 973 var menu = document.querySelector('#mm-menu'); 974 var menuItem = menu.querySelectorAll('.dropdown-menu , .dropdown-item , .nav-link'); 975 menu.classList.remove('collapse' , 'navbar-collapse'); 976 menuItem.forEach(el => el.classList.remove('dropdown-menu','dropdown-item','nav-link')) 977 978 var html = document.querySelector('html'); 979 980 api.bind('open:start', function(){ 981 html.style.cssText += 'overflow: hidden'; 982 }); 983 api.bind('close:start', function(){ 984 html.style.cssText -= 'overflow: hidden'; 985 }); 986 } 987 ); 988 // var api = myMenu.API; 989 // var panel = document.querySelector('#mm-product-panel'); 990 // var p = document.querySelector('.title123'); 991 // p.addEventListener("click" , function(){ 992 // api.openPanel(panel); 993 // }); 994 // function openM(myp) { 995 // // const myMenu = new Mmenu('#menu'); 996 997 // const panel = document.querySelector(myp); 998 // api.openPanel( panel ); 999 // } 1000</script>
1000 1001
1002<script type="text/javascript" src="/resources/js/devtool.js"></script>
vendor: 1 bytes, line 1002
1002
1003<script type="text/javascript"> 1004 $(function() { 1005 $('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"); 1006 1007 1008 1009 1010 }); 1011</script>
1011
1012<script> 1013 window.addEventListener('load' , function() { 1014 var swiper = new Swiper('.banner-slider', { 1015 loop: true, 1016 autoHeight: true, 1017 speed: 1000, 1018 autoplay: { 1019 delay: 5500, 1020 }, 1021 pagination: { 1022 el: '.swiper-pagination.banner', 1023 clickable: true, 1024 }, 1025 }); 1026 1027 var a = 0; 1028 $(window).scroll(function() { 1029 var oTop = $('.num-box').offset().top - window.innerHeight; 1030 if (a == 0 && $(window).scrollTop() > oTop) { 1031 $('.counter-value').each(function() { 1032 var $this = $(this), 1033 countTo = $this.attr('data-count'); 1034 $({ 1035 countNum: $this.text() 1036 }).animate({ 1037 countNum: countTo 1038 }, 1039 { 1040 duration: 2000, 1041 easing: 'linear', 1042 step: function() { 1043 $this.text(Math.floor(this.countNum)); 1044 }, 1045 complete: function() { 1046 $this.text(this.countNum); 1047 //alert('finished'); 1048 } 1049 }); 1050 }); 1051 a = 1; 1052 } 1053 }); 1054 }) 1055 1056 window.addEventListener('load' , function(){ 1057 Fancybox.show([{ src: "#index-editor", type: "inline" }]); 1058 }) 1059 1060 // $(function() { 1061 // if(Cookies.get('box_open') == undefined) { 1062 // Fancybox.show([{ src: "#index-editor", type: "inline" }]); 1063 // // ä¸å°æ 1064 // Cookies.set('box_open', 'already', { 1065 // expires: new Date(new Date().getTime() + 60 * 60 * 1000), 1066 // }); 1067 // } 1068 // }) 1069</script>
1069 1070 1071</body> 1072 1073</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.