{"id":3795,"date":"2025-11-28T11:45:19","date_gmt":"2025-11-28T11:45:19","guid":{"rendered":"https:\/\/www.cmhahk.org\/external-resources\/"},"modified":"2026-04-28T11:10:06","modified_gmt":"2026-04-28T11:10:06","slug":"external-resources","status":"publish","type":"page","link":"https:\/\/www.cmhahk.org\/tc\/external-resources\/","title":{"rendered":"\u5916\u90e8\u8cc7\u6e90"},"content":{"rendered":"\n<div block-name=\"cm-banner\" class=\"cm-banner relative\">\n    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/03\/External-Resources.png\" alt=\"\" class=\" aspect-[1920\/500] object-cover w-full sm:min-h-[400px] min-h-[500px] sm:block hidden\">\n    <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/03\/External-Resources.png\" alt=\"\"\n                                class=\"aspect-[1920\/500] object-cover w-full sm:min-h-[400px] min-h-[500px] sm:hidden block\">\n    <div class=\"absolute left-0 top-0 w-full h-full bg-[linear-gradient(180deg,rgba(30,33,35,0)_0%,rgba(30,33,35,0.72)_100%)]\n\">\n\n    <\/div>\n    <div class=\"absolute bottom-0 left-0 w-full py-[60px]\">\n        <div class=\"container\">\n            <div class=\"container-sm\">\n                <h1 class=\"heading1 font-secondary font-bold text-white leading-[normal]\">\u5916\u90e8\u8cc7\u6e90<\/h1>\n                <div class=\"mt-4 font-primary text-body font-normal leading-[160%] text-white\">\n                    <h3>\u6211\u5011\u63d0\u4f9b\u5fc3\u7406\u5065\u5eb7\u7684\u7814\u7a76\u8207\u5831\u544a\uff0c\u5354\u52a9\u4e26\u652f\u63f4\u4f60\u5011\u5236\u5b9a\u53ca\u63a8\u9032\u8077\u5834\u5fc3\u7406\u5065\u5eb7\u7b56\u7565\u3002<\/h3>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n<!-- Research Cards Grid Section -->\n<section block-name=\"cm-external-resources-pagination\" class=\"w-full xl:py-20 md:py-16 py-12 bg-black\">\n    <div class=\"container\">\n        <div class=\"container-sm mx-auto\">\n                    <div class=\"flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4 lg:gap-6 lg:mb-20 mb-10\">\n            <div class=\"flex items-center flex-wrap md:flex-nowrap gap-4 w-full\">\n                <form method=\"get\" action=\"\/tc\/wp-json\/wp\/v2\/pages\/3795\"\n                    class=\"flex items-center flex-wrap lg:flex-nowrap gap-3 w-full\">\n                    <div class=\"flex items-center flex-wrap md:flex-nowrap gap-3 w-full\">\n                        <span class=\"text-body font-primary text-brand-teal leading-[160%] font-normal whitespace-nowrap\">\n                            \u7be9\u9078:                        <\/span>\n                        <div x-data=\"{ open: false }\" class=\"relative w-full md:max-w-[262px]\">\n                            <button type=\"button\" id=\"research-grid-6a0f544ebacf3-filter-region\" @click=\"open = !open\"\n                                class=\"w-full px-4 py-4 flex items-center justify-between rounded-lg border border-smoke-screen bg-white text-body font-normal leading-[normal] text-text-black\">\n                                <span data-text=\" \u5730\u5340\"\n                                    class=\"truncate font-primary text-body text-text-black capitalize\"\n                                    id=\"external-resources-filter\">\n                                    \u5730\u5340                                <\/span>\n                                <span class=\"ml-2\">\n                                    <svg class=\"transform transition-transform\" :class=\"{ 'rotate-180': open }\"\n                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                        fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 7L12 13L18 7L20 9L12 17L4 9L6 7Z\"\n                                            fill=\"#868686\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/button>\n\n                            <div x-show=\"open\" x-cloak @click.away=\"open = false\"\n                                class=\"absolute z-10 mt-2 w-64 bg-white rounded-lg border border-grey-line max-h-64 overflow-auto shadow-[0_20px_30px_0_rgba(165,165,165,0.32)]\">\n                                                                                                            \n                                        <label\n                                            class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                            <input type=\"checkbox\" name=\"external_region[]\" value=\"hong-kong\"\n                                                class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute\"\n                                                onchange=\"this.form.submit()\"  \/>\n                                            <span class=\"relative w-5 h-5 before:absolute before:left-0 before:top-0 before:w-5 before:h-5 before:border before:border-black-medium before:rounded after:absolute after:left-0 after:top-0 after:w-5 after:h-5\"><\/span>\n                                            <span class=\"text-body font-primary text-text-black leading-[160%] font-normal\">\n                                                \u9999\u6e2f                                            <\/span>\n                                        <\/label>\n                                                                                                <\/div>\n                        <\/div>\n\n                        <!-- Category Dropdown -->\n                        <div x-data=\"{ open: false }\" class=\"relative w-full md:max-w-[262px]\">\n                            <button type=\"button\" @click=\"open = !open\"\n                                class=\"sm:min-w-[262px] w-full sm:p-4 p-3 flex items-center justify-between rounded-lg border border-smoke-screen bg-white\">\n                                <span class=\"truncate font-primary text-body text-text-black\">\n                                    \u985e\u5225                                <\/span>\n                                <span class=\"ml-2\">\n                                    <svg class=\"transform transition-transform rotate-180\" :class=\"{ 'rotate-180': open }\"\n                                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n                                        fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 7L12 13L18 7L20 9L12 17L4 9L6 7Z\"\n                                            fill=\"#868686\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/button>\n\n                            <div x-show=\"open\" x-cloak @click.away=\"open = false\" class=\"absolute z-10 mt-2 w-64 bg-white rounded-lg border border-grey-line max-h-64 overflow-auto\n                            shadow-[0_20px_30px_0_rgba(165,165,165,0.32)]\">\n                                                                                                            <label\n                                            class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                            <input type=\"checkbox\" name=\"external_category[]\" value=\"non-profit\"\n                                                class=\"w-4 h-4 border-smoke-screen rounded opacity-0 absolute\"\n                                                onchange=\"this.form.submit()\"  \/>\n                                            <span class=\"relative w-5 h-5\n                                    before:absolute before:left-0 before:top-0 before:w-5 before:h-5 before:border before:border-black-medium before:rounded\n                                    after:absolute after:left-0 after:top-0 after:w-5 after:h-5 \">\n                                            <\/span>\n                                            <span class=\"text-body font-primary text-text-black font-normal leading-[160%]\">\n                                                \u975e\u71df\u5229                                            <\/span>\n                                        <\/label>\n                                                                                                <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"w-full md:max-w-[262px]\">\n                        <div\n                            class=\"ml-auto w-full md:max-w-[262px] flex items-center px-4 sm:py-4 py-3 border border-smoke-screen rounded-lg bg-white\">\n                            <input type=\"text\" name=\"external_search\" value=\"\"\n                                placeholder=\"\u641c\u5c0b\"\n                                class=\"text-body font-normal leading-[160%] text-grey placeholder:text-black-text-medium focus:outline-none w-full bg-transparent\" \/>\n                            <button type=\"submit\" aria-label=\"\u641c\u5c0b\">\n                                <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/search.svg\"\n                                    alt=\"\u641c\u5c0b\">\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n                    \n                <!-- Cards Grid -->\n                <div id=\"research-grid-6a0f544ebacf3-cards\" class=\"\">\n                    \n\n                        <!-- Card -->\n                        <div class=\"research-card-item lg:p-10 p-5 bg-white rounded-[20px] group mb-5 last:mb-0\"\n                            data-page=\"1\">\n                            <a href=\"https:\/\/kely.org\/cnt\" target=\"_blank\" class=\" flex md:flex-row flex-col items-center\" rel=\"noopener\">\n\n                                <div\n                                    class=\"w-full xl:max-w-[368px] lg:max-w-[250px] md:max-w-[200px] overflow-hidden md:mb-0 mb-5\">\n                                    <!-- Card Image -->\n                                                                            <div\n                                            class=\"w-full aspect-[368\/194] overflow-hidden rounded-[9px] flex flex-col justify-center items-center relative\">\n                                                                                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/KELY.png\"\n                                                alt=\"KELY\"\n                                                class=\"w-full object-cover group-hover:scale-[1.05] transition-all duration-300\" \/>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <div class=\"2xl:pl-10 lg:pl-6 md:pl-4\">\n                                    <div>\n                                                                                    <div class=\"flex flex-wrap gap-1 mb-4\">\n                                                                                                        <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-hover-orange text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u9999\u6e2f                                                        <\/span>\n                                                                                                                <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-[#E3F1D3] text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u975e\u71df\u5229                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                <!-- Card Title -->\n                                        <h3\n                                            class=\"heading5 line-clamp-2 leading-[normal] font-bold font-secondary text-brand-teal group-hover:text-complimentary-orange transition-colors duration-300\">\n                                            \u555f\u52f5\u6276\u9752\u6703                                        <\/h3>\n\n                                        <!-- Card Description -->\n                                                                                    <div\n                                                class=\"text-body font-normal font-primary line-clamp-2 text-black-text-medium leading-[160%] mt-4\">\n                                                \u555f\u52f5\u6276\u9752\u6703\u81f4\u529b\u65bc\u6210\u70ba\u9999\u6e2f\u5e74\u9752\u4eba\u5e0c\u671b\u53ca\u529b\u91cf\u4e4b\u57fa\u77f3\uff0c\u81ea\u6210\u7acb\u4ee5\u4f86\uff0c\u81f3\u4eca\u5df2\u8d8530\u8f09\u3002                                            <\/div>\n\n\n                                        \n                                    <\/div>\n                                    <!-- View Website Link -->\n                                                                            <button class=\"inline-flex items-center gap-2 mt-5\">\n                                            <span\n                                                class=\"heading6 font-medium font-primary text-brand-teal leading-[normal] group-hover:text-complimentary-orange transition-colors duration-300\">\n                                                View Website                                            <\/span>\n                                            <svg class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\"\n                                                fill=\"none\">\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M3.27246 14.0625L3.27246 11.9375L22.7305 11.9375L22.7305 14.0625L3.27246 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M14.4736 20.1942L14.4736 19.1317C14.4736 15.4156 17.7029 11.9374 21.668 11.9374L22.7305 11.9374L22.7305 14.0624L21.668 14.0624C18.9214 14.0624 16.5986 16.5438 16.5986 19.1317L16.5986 20.1942L14.4736 20.1942Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M21.668 14.0625C17.7029 14.0625 14.4736 10.5843 14.4736 6.86816L14.4736 5.80566L16.5986 5.80566L16.5986 6.86816C16.5986 9.45599 18.9214 11.9375 21.668 11.9375L22.7305 11.9375L22.7305 14.0625L21.668 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            <\/a>\n\n\n                        <\/div>\n\n                    \n\n                        <!-- Card -->\n                        <div class=\"research-card-item lg:p-10 p-5 bg-white rounded-[20px] group mb-5 last:mb-0\"\n                            data-page=\"1\">\n                            <a href=\"https:\/\/family.caritas.org.hk\/cht\/service03_cfcsc\" target=\"_blank\" class=\" flex md:flex-row flex-col items-center\" rel=\"noopener\">\n\n                                <div\n                                    class=\"w-full xl:max-w-[368px] lg:max-w-[250px] md:max-w-[200px] overflow-hidden md:mb-0 mb-5\">\n                                    <!-- Card Image -->\n                                                                            <div\n                                            class=\"w-full aspect-[368\/194] overflow-hidden rounded-[9px] flex flex-col justify-center items-center relative\">\n                                                                                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/Caritas.png\"\n                                                alt=\"Caritas\"\n                                                class=\"w-full object-cover group-hover:scale-[1.05] transition-all duration-300\" \/>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <div class=\"2xl:pl-10 lg:pl-6 md:pl-4\">\n                                    <div>\n                                                                                    <div class=\"flex flex-wrap gap-1 mb-4\">\n                                                                                                        <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-hover-orange text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u9999\u6e2f                                                        <\/span>\n                                                                                                                <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-[#E3F1D3] text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u975e\u71df\u5229                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                <!-- Card Title -->\n                                        <h3\n                                            class=\"heading5 line-clamp-2 leading-[normal] font-bold font-secondary text-brand-teal group-hover:text-complimentary-orange transition-colors duration-300\">\n                                            \u660e\u611b\u5411\u6674\u8ed2                                        <\/h3>\n\n                                        <!-- Card Description -->\n                                                                                    <div\n                                                class=\"text-body font-normal font-primary line-clamp-2 text-black-text-medium leading-[160%] mt-4\">\n                                                \u660e\u611b\u5411\u6674\u8ed2\u6210\u7acb\u65bc2001\u5e74\uff0c\u76ee\u7684\u5728\u4e3b\u52d5\u56de\u61c9\u793e\u6703\u7684\u5371\u6a5f\u548c\u9700\u8981\uff0c\u8b93\u500b\u4eba\u53ca\u548c\u5bb6\u5ead\u6e1b\u5c11\u9762\u5c0d\u5371\u6a5f\u7684\u6a5f\u6703\uff0c\u91cd\u65b0\u56de\u5fa9\u5e73\u8861\u4e26\u91cd\u5efa\u5bb6\u5ead\u548c\u793e\u4ea4\u652f\u63f4\u7db2\u7d61\u3002                                            <\/div>\n\n\n                                        \n                                    <\/div>\n                                    <!-- View Website Link -->\n                                                                            <button class=\"inline-flex items-center gap-2 mt-5\">\n                                            <span\n                                                class=\"heading6 font-medium font-primary text-brand-teal leading-[normal] group-hover:text-complimentary-orange transition-colors duration-300\">\n                                                View Website                                            <\/span>\n                                            <svg class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\"\n                                                fill=\"none\">\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M3.27246 14.0625L3.27246 11.9375L22.7305 11.9375L22.7305 14.0625L3.27246 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M14.4736 20.1942L14.4736 19.1317C14.4736 15.4156 17.7029 11.9374 21.668 11.9374L22.7305 11.9374L22.7305 14.0624L21.668 14.0624C18.9214 14.0624 16.5986 16.5438 16.5986 19.1317L16.5986 20.1942L14.4736 20.1942Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M21.668 14.0625C17.7029 14.0625 14.4736 10.5843 14.4736 6.86816L14.4736 5.80566L16.5986 5.80566L16.5986 6.86816C16.5986 9.45599 18.9214 11.9375 21.668 11.9375L22.7305 11.9375L22.7305 14.0625L21.668 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            <\/a>\n\n\n                        <\/div>\n\n                    \n\n                        <!-- Card -->\n                        <div class=\"research-card-item lg:p-10 p-5 bg-white rounded-[20px] group mb-5 last:mb-0\"\n                            data-page=\"1\">\n                            <a href=\"https:\/\/www.openup.hk\/\" target=\"_blank\" class=\" flex md:flex-row flex-col items-center\" rel=\"noopener\">\n\n                                <div\n                                    class=\"w-full xl:max-w-[368px] lg:max-w-[250px] md:max-w-[200px] overflow-hidden md:mb-0 mb-5\">\n                                    <!-- Card Image -->\n                                                                            <div\n                                            class=\"w-full aspect-[368\/194] overflow-hidden rounded-[9px] flex flex-col justify-center items-center relative\">\n                                                                                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/OpenUp-1024x248.png\"\n                                                alt=\"OpenUp\"\n                                                class=\"w-full object-cover group-hover:scale-[1.05] transition-all duration-300\" \/>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <div class=\"2xl:pl-10 lg:pl-6 md:pl-4\">\n                                    <div>\n                                                                                    <div class=\"flex flex-wrap gap-1 mb-4\">\n                                                                                                        <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-hover-orange text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u9999\u6e2f                                                        <\/span>\n                                                                                                                <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-[#E3F1D3] text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u975e\u71df\u5229                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                <!-- Card Title -->\n                                        <h3\n                                            class=\"heading5 line-clamp-2 leading-[normal] font-bold font-secondary text-brand-teal group-hover:text-complimentary-orange transition-colors duration-300\">\n                                            Open\u564f                                        <\/h3>\n\n                                        <!-- Card Description -->\n                                                                                    <div\n                                                class=\"text-body font-normal font-primary line-clamp-2 text-black-text-medium leading-[160%] mt-4\">\n                                                \u300cOpen\u564f\u300d\u7531\u9999\u6e2f\u8cfd\u99ac\u6703\u6148\u5584\u4fe1\u8a17\u57fa\u91d1\u7b56\u52d5\uff0c\u65bc2018\u5e74\u6b63\u5f0f\u6210\u7acb\u3002                                            <\/div>\n\n\n                                        \n                                    <\/div>\n                                    <!-- View Website Link -->\n                                                                            <button class=\"inline-flex items-center gap-2 mt-5\">\n                                            <span\n                                                class=\"heading6 font-medium font-primary text-brand-teal leading-[normal] group-hover:text-complimentary-orange transition-colors duration-300\">\n                                                View Website                                            <\/span>\n                                            <svg class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\"\n                                                fill=\"none\">\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M3.27246 14.0625L3.27246 11.9375L22.7305 11.9375L22.7305 14.0625L3.27246 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M14.4736 20.1942L14.4736 19.1317C14.4736 15.4156 17.7029 11.9374 21.668 11.9374L22.7305 11.9374L22.7305 14.0624L21.668 14.0624C18.9214 14.0624 16.5986 16.5438 16.5986 19.1317L16.5986 20.1942L14.4736 20.1942Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M21.668 14.0625C17.7029 14.0625 14.4736 10.5843 14.4736 6.86816L14.4736 5.80566L16.5986 5.80566L16.5986 6.86816C16.5986 9.45599 18.9214 11.9375 21.668 11.9375L22.7305 11.9375L22.7305 14.0625L21.668 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            <\/a>\n\n\n                        <\/div>\n\n                    \n\n                        <!-- Card -->\n                        <div class=\"research-card-item lg:p-10 p-5 bg-white rounded-[20px] group mb-5 last:mb-0\"\n                            data-page=\"1\">\n                            <a href=\"https:\/\/www.bokss.org.hk\/integrated-mental-health-services\/service?id=57&#038;_lang=zh-TW\" target=\"_blank\" class=\" flex md:flex-row flex-col items-center\" rel=\"noopener\">\n\n                                <div\n                                    class=\"w-full xl:max-w-[368px] lg:max-w-[250px] md:max-w-[200px] overflow-hidden md:mb-0 mb-5\">\n                                    <!-- Card Image -->\n                                                                            <div\n                                            class=\"w-full aspect-[368\/194] overflow-hidden rounded-[9px] flex flex-col justify-center items-center relative\">\n                                                                                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/logo.png\"\n                                                alt=\"\u6d78\u4fe1\u6703\u611b\u7fa3\u793e\u6703\u670d\u52d9\u8655\"\n                                                class=\"w-full object-cover group-hover:scale-[1.05] transition-all duration-300\" \/>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <div class=\"2xl:pl-10 lg:pl-6 md:pl-4\">\n                                    <div>\n                                                                                    <div class=\"flex flex-wrap gap-1 mb-4\">\n                                                                                                        <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-hover-orange text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u9999\u6e2f                                                        <\/span>\n                                                                                                                <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-[#E3F1D3] text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u975e\u71df\u5229                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                <!-- Card Title -->\n                                        <h3\n                                            class=\"heading5 line-clamp-2 leading-[normal] font-bold font-secondary text-brand-teal group-hover:text-complimentary-orange transition-colors duration-300\">\n                                            \u6d78\u4fe1\u6703\u611b\u7fa3\u793e\u6703\u670d\u52d9\u8655                                        <\/h3>\n\n                                        <!-- Card Description -->\n                                                                                    <div\n                                                class=\"text-body font-normal font-primary line-clamp-2 text-black-text-medium leading-[160%] mt-4\">\n                                                YOUTHorizons\u9752\u5c11\u5e74\u8eab\u5fc3\u5c0e\u822a\u670d\u52d9\u5ef6\u4f38\u81ea\u6d78\u4fe1\u6703\u611b\u7fa3\u793e\u6703\u670d\u52d9\u8655\u7684\u7cbe\u795e\u5065\u5eb7\u7d9c\u5408\u793e\u5340\u4e2d\u5fc3\uff0c\u662f\u4e00\u9805\u5c08\u70ba\u9752\u5c11\u5e74\u5e74\u9f61\u5c64\u9700\u8981\u800c\u8a2d\u7684\u60c5\u7dd2\u53ca\u7cbe\u795e\u5065\u5eb7\u670d\u52d9\uff0c\u70ba\u793e\u5340\u53ca\u5b78\u6821\u7684\u9752\u5c11\u5e74\u63d0\u4f9b\u60c5\u7dd2\u53ca\u7cbe\u795e\u5065\u5eb7\u6559\u80b2\u53ca\u9810\u9632\u5de5\u4f5c\uff0c\u4ee5\u53ca\u70ba\u9762\u5c0d\u60c5\u7dd2\u6216\u7cbe\u795e\u56f0\u64fe\u7684\u9752\u5c11\u5e74\u63d0\u4f9b\u53ca\u65e9\u4e26\u9069\u5207\u7684\u652f\u63f4\u3002                                            <\/div>\n\n\n                                        \n                                    <\/div>\n                                    <!-- View Website Link -->\n                                                                            <button class=\"inline-flex items-center gap-2 mt-5\">\n                                            <span\n                                                class=\"heading6 font-medium font-primary text-brand-teal leading-[normal] group-hover:text-complimentary-orange transition-colors duration-300\">\n                                                View Website                                            <\/span>\n                                            <svg class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\"\n                                                fill=\"none\">\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M3.27246 14.0625L3.27246 11.9375L22.7305 11.9375L22.7305 14.0625L3.27246 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M14.4736 20.1942L14.4736 19.1317C14.4736 15.4156 17.7029 11.9374 21.668 11.9374L22.7305 11.9374L22.7305 14.0624L21.668 14.0624C18.9214 14.0624 16.5986 16.5438 16.5986 19.1317L16.5986 20.1942L14.4736 20.1942Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M21.668 14.0625C17.7029 14.0625 14.4736 10.5843 14.4736 6.86816L14.4736 5.80566L16.5986 5.80566L16.5986 6.86816C16.5986 9.45599 18.9214 11.9375 21.668 11.9375L22.7305 11.9375L22.7305 14.0625L21.668 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            <\/a>\n\n\n                        <\/div>\n\n                    \n\n                        <!-- Card -->\n                        <div class=\"research-card-item lg:p-10 p-5 bg-white rounded-[20px] group mb-5 last:mb-0\"\n                            data-page=\"1\">\n                            <a href=\"https:\/\/sbhk.org.hk\/\" target=\"_blank\" class=\" flex md:flex-row flex-col items-center\" rel=\"noopener\">\n\n                                <div\n                                    class=\"w-full xl:max-w-[368px] lg:max-w-[250px] md:max-w-[200px] overflow-hidden md:mb-0 mb-5\">\n                                    <!-- Card Image -->\n                                                                            <div\n                                            class=\"w-full aspect-[368\/194] overflow-hidden rounded-[9px] flex flex-col justify-center items-center relative\">\n                                                                                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/SamaritanHK.png\"\n                                                alt=\"SamaritanHK\"\n                                                class=\"w-full object-cover group-hover:scale-[1.05] transition-all duration-300\" \/>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <div class=\"2xl:pl-10 lg:pl-6 md:pl-4\">\n                                    <div>\n                                                                                    <div class=\"flex flex-wrap gap-1 mb-4\">\n                                                                                                        <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-hover-orange text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u9999\u6e2f                                                        <\/span>\n                                                                                                                <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-[#E3F1D3] text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u975e\u71df\u5229                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                <!-- Card Title -->\n                                        <h3\n                                            class=\"heading5 line-clamp-2 leading-[normal] font-bold font-secondary text-brand-teal group-hover:text-complimentary-orange transition-colors duration-300\">\n                                            \u9999\u6e2f\u6492\u746a\u5229\u4e9e\u9632\u6b62\u81ea\u6bba\u6703                                        <\/h3>\n\n                                        <!-- Card Description -->\n                                                                                    <div\n                                                class=\"text-body font-normal font-primary line-clamp-2 text-black-text-medium leading-[160%] mt-4\">\n                                                \u300c\u9999\u6e2f\u6492\u746a\u5229\u4e9e\u9632\u6b62\u81ea\u6bba\u6703\u300d\u65bc1960\u5e747\u6708\u7531\u5275\u8fa6\u4eba\u675c\u5b78\u9b41\u5148\u751f\u6210\u7acb\uff0c\u539f\u540d\u300c\u9632\u6b62\u81ea\u6bba\u6703\u300d\uff08Suicide Prevention Society\uff09                                            <\/div>\n\n\n                                        \n                                    <\/div>\n                                    <!-- View Website Link -->\n                                                                            <button class=\"inline-flex items-center gap-2 mt-5\">\n                                            <span\n                                                class=\"heading6 font-medium font-primary text-brand-teal leading-[normal] group-hover:text-complimentary-orange transition-colors duration-300\">\n                                                View Website                                            <\/span>\n                                            <svg class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\"\n                                                fill=\"none\">\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M3.27246 14.0625L3.27246 11.9375L22.7305 11.9375L22.7305 14.0625L3.27246 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M14.4736 20.1942L14.4736 19.1317C14.4736 15.4156 17.7029 11.9374 21.668 11.9374L22.7305 11.9374L22.7305 14.0624L21.668 14.0624C18.9214 14.0624 16.5986 16.5438 16.5986 19.1317L16.5986 20.1942L14.4736 20.1942Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M21.668 14.0625C17.7029 14.0625 14.4736 10.5843 14.4736 6.86816L14.4736 5.80566L16.5986 5.80566L16.5986 6.86816C16.5986 9.45599 18.9214 11.9375 21.668 11.9375L22.7305 11.9375L22.7305 14.0625L21.668 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            <\/a>\n\n\n                        <\/div>\n\n                    \n\n                        <!-- Card -->\n                        <div class=\"research-card-item lg:p-10 p-5 bg-white rounded-[20px] group mb-5 last:mb-0\"\n                            data-page=\"1\">\n                            <a href=\"https:\/\/savethechildren.org.hk\/mental-wellbeing-programmes\/\" target=\"_blank\" class=\" flex md:flex-row flex-col items-center\" rel=\"noopener\">\n\n                                <div\n                                    class=\"w-full xl:max-w-[368px] lg:max-w-[250px] md:max-w-[200px] overflow-hidden md:mb-0 mb-5\">\n                                    <!-- Card Image -->\n                                                                            <div\n                                            class=\"w-full aspect-[368\/194] overflow-hidden rounded-[9px] flex flex-col justify-center items-center relative\">\n                                                                                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/Save-the-Children_Website-New-Logo-1024x207.jpg\"\n                                                alt=\"Save-the-Children_Website-New-Logo\"\n                                                class=\"w-full object-cover group-hover:scale-[1.05] transition-all duration-300\" \/>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <div class=\"2xl:pl-10 lg:pl-6 md:pl-4\">\n                                    <div>\n                                                                                    <div class=\"flex flex-wrap gap-1 mb-4\">\n                                                                                                        <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-hover-orange text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u9999\u6e2f                                                        <\/span>\n                                                                                                                <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-[#E3F1D3] text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u975e\u71df\u5229                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                <!-- Card Title -->\n                                        <h3\n                                            class=\"heading5 line-clamp-2 leading-[normal] font-bold font-secondary text-brand-teal group-hover:text-complimentary-orange transition-colors duration-300\">\n                                            \u6551\u52a9\u5152\u7ae5\u6703                                        <\/h3>\n\n                                        <!-- Card Description -->\n                                                                                    <div\n                                                class=\"text-body font-normal font-primary line-clamp-2 text-black-text-medium leading-[160%] mt-4\">\n                                                \u6551\u52a9\u5152\u7ae5\u6703(Save the Children)\u76f8\u4fe1\u6bcf\u4f4d\u5152\u7ae5\u90fd\u61c9\u8a72\u64c1\u6709\u672a\u4f86\u3002\u5728\u9999\u6e2f\u53ca\u4e16\u754c\u5404\u5730\uff0c\u6551\u52a9\u5152\u7ae5\u6703\u7aed\u76e1\u6240\u80fd\uff0c\u5728\u5e73\u65e5\u53ca\u5371\u96e3\u6642\u523b\uff0c\u8b93\u5152\u7ae5\u5065\u5eb7\u6210\u9577\uff0c\u4e26\u7372\u4eab\u5b78\u7fd2\u6a5f\u6703\u548c\u53d7\u5230\u4fdd\u8b77\u3002                                            <\/div>\n\n\n                                        \n                                    <\/div>\n                                    <!-- View Website Link -->\n                                                                            <button class=\"inline-flex items-center gap-2 mt-5\">\n                                            <span\n                                                class=\"heading6 font-medium font-primary text-brand-teal leading-[normal] group-hover:text-complimentary-orange transition-colors duration-300\">\n                                                View Website                                            <\/span>\n                                            <svg class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\"\n                                                fill=\"none\">\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M3.27246 14.0625L3.27246 11.9375L22.7305 11.9375L22.7305 14.0625L3.27246 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M14.4736 20.1942L14.4736 19.1317C14.4736 15.4156 17.7029 11.9374 21.668 11.9374L22.7305 11.9374L22.7305 14.0624L21.668 14.0624C18.9214 14.0624 16.5986 16.5438 16.5986 19.1317L16.5986 20.1942L14.4736 20.1942Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M21.668 14.0625C17.7029 14.0625 14.4736 10.5843 14.4736 6.86816L14.4736 5.80566L16.5986 5.80566L16.5986 6.86816C16.5986 9.45599 18.9214 11.9375 21.668 11.9375L22.7305 11.9375L22.7305 14.0625L21.668 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            <\/a>\n\n\n                        <\/div>\n\n                    \n\n                        <!-- Card -->\n                        <div class=\"research-card-item lg:p-10 p-5 bg-white rounded-[20px] group mb-5 last:mb-0\"\n                            data-page=\"1\">\n                            <a href=\"https:\/\/utouch.hk\/\" target=\"_blank\" class=\" flex md:flex-row flex-col items-center\" rel=\"noopener\">\n\n                                <div\n                                    class=\"w-full xl:max-w-[368px] lg:max-w-[250px] md:max-w-[200px] overflow-hidden md:mb-0 mb-5\">\n                                    <!-- Card Image -->\n                                                                            <div\n                                            class=\"w-full aspect-[368\/194] overflow-hidden rounded-[9px] flex flex-col justify-center items-center relative\">\n                                                                                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/04\/HKFYG-uTouch-Logo-1.png\"\n                                                alt=\"uTouch \u7db2\u4e0a\u9752\u5e74\u5916\u5c55\u670d\u52d9\"\n                                                class=\"w-full object-cover group-hover:scale-[1.05] transition-all duration-300\" \/>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <div class=\"2xl:pl-10 lg:pl-6 md:pl-4\">\n                                    <div>\n                                                                                    <div class=\"flex flex-wrap gap-1 mb-4\">\n                                                                                                        <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-hover-orange text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u9999\u6e2f                                                        <\/span>\n                                                                                                                <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-[#E3F1D3] text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u975e\u71df\u5229                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                <!-- Card Title -->\n                                        <h3\n                                            class=\"heading5 line-clamp-2 leading-[normal] font-bold font-secondary text-brand-teal group-hover:text-complimentary-orange transition-colors duration-300\">\n                                            uTouch \u7db2\u4e0a\u9752\u5e74\u5916\u5c55\u670d\u52d9                                        <\/h3>\n\n                                        <!-- Card Description -->\n                                                                                    <div\n                                                class=\"text-body font-normal font-primary line-clamp-2 text-black-text-medium leading-[160%] mt-4\">\n                                                \u7db2\u4e0a\u5916\u5c55\u5de5\u4f5c\u900f\u904e\u4e0d\u540c\u7db2\u4e0a\u5e73\u53f0\u4e3b\u52d5\u9023\u7e6b\u7db2\u4e0a\u9752\u5e74\uff0c\u6eff\u8db3\u7db2\u4e0a\u9752\u5e74\u7684\u767c\u5c55\u53ca\u6210\u9577\u9700\u8981\u3002                                            <\/div>\n\n\n                                        \n                                    <\/div>\n                                    <!-- View Website Link -->\n                                                                            <button class=\"inline-flex items-center gap-2 mt-5\">\n                                            <span\n                                                class=\"heading6 font-medium font-primary text-brand-teal leading-[normal] group-hover:text-complimentary-orange transition-colors duration-300\">\n                                                View Website                                            <\/span>\n                                            <svg class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\"\n                                                fill=\"none\">\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M3.27246 14.0625L3.27246 11.9375L22.7305 11.9375L22.7305 14.0625L3.27246 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M14.4736 20.1942L14.4736 19.1317C14.4736 15.4156 17.7029 11.9374 21.668 11.9374L22.7305 11.9374L22.7305 14.0624L21.668 14.0624C18.9214 14.0624 16.5986 16.5438 16.5986 19.1317L16.5986 20.1942L14.4736 20.1942Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M21.668 14.0625C17.7029 14.0625 14.4736 10.5843 14.4736 6.86816L14.4736 5.80566L16.5986 5.80566L16.5986 6.86816C16.5986 9.45599 18.9214 11.9375 21.668 11.9375L22.7305 11.9375L22.7305 14.0625L21.668 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            <\/a>\n\n\n                        <\/div>\n\n                    \n\n                        <!-- Card -->\n                        <div class=\"research-card-item lg:p-10 p-5 bg-white rounded-[20px] group mb-5 last:mb-0\"\n                            data-page=\"1\">\n                            <a href=\"https:\/\/www.shallwetalk.hk\/zh\/about\/background\/\" target=\"_blank\" class=\" flex md:flex-row flex-col items-center\" rel=\"noopener\">\n\n                                <div\n                                    class=\"w-full xl:max-w-[368px] lg:max-w-[250px] md:max-w-[200px] overflow-hidden md:mb-0 mb-5\">\n                                    <!-- Card Image -->\n                                                                            <div\n                                            class=\"w-full aspect-[368\/194] overflow-hidden rounded-[9px] flex flex-col justify-center items-center relative\">\n                                                                                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/02\/Shall-We-Talk.png\"\n                                                alt=\"Shall-We-Talk\"\n                                                class=\"w-full object-cover group-hover:scale-[1.05] transition-all duration-300\" \/>\n                                        <\/div>\n                                                                    <\/div>\n\n                                <div class=\"2xl:pl-10 lg:pl-6 md:pl-4\">\n                                    <div>\n                                                                                    <div class=\"flex flex-wrap gap-1 mb-4\">\n                                                                                                        <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-hover-orange text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u9999\u6e2f                                                        <\/span>\n                                                                                                                <span\n                                                            class=\"inline-flex items-center px-4 py-1 rounded-[20px] bg-[#E3F1D3] text-eyebrow font-primary text-primary-button font-bold\">\n                                                            \u975e\u71df\u5229                                                        <\/span>\n                                                                                                    <\/div>\n                                                                                <!-- Card Title -->\n                                        <h3\n                                            class=\"heading5 line-clamp-2 leading-[normal] font-bold font-secondary text-brand-teal group-hover:text-complimentary-orange transition-colors duration-300\">\n                                            \u966a\u6211\u8b1b Shall We Talk                                        <\/h3>\n\n                                        <!-- Card Description -->\n                                                                                    <div\n                                                class=\"text-body font-normal font-primary line-clamp-2 text-black-text-medium leading-[160%] mt-4\">\n                                                \u300c\u966a\u6211\u8b1b\u300d\uff08\u8a08\u5283\uff09\u662f\u7cbe\u795e\u5065\u5eb7\u8aee\u8a62\u59d4\u54e1\u6703\u81ea2020\u5e747\u6708\u8d77\u63a8\u884c\u7684\u7cbe\u795e\u5065\u5eb7\u63a8\u5ee3\u548c\u516c\u773e\u6559\u80b2\u8a08\u5283\u3002                                            <\/div>\n\n\n                                        \n                                    <\/div>\n                                    <!-- View Website Link -->\n                                                                            <button class=\"inline-flex items-center gap-2 mt-5\">\n                                            <span\n                                                class=\"heading6 font-medium font-primary text-brand-teal leading-[normal] group-hover:text-complimentary-orange transition-colors duration-300\">\n                                                View Website                                            <\/span>\n                                            <svg class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 26 26\"\n                                                fill=\"none\">\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M3.27246 14.0625L3.27246 11.9375L22.7305 11.9375L22.7305 14.0625L3.27246 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M14.4736 20.1942L14.4736 19.1317C14.4736 15.4156 17.7029 11.9374 21.668 11.9374L22.7305 11.9374L22.7305 14.0624L21.668 14.0624C18.9214 14.0624 16.5986 16.5438 16.5986 19.1317L16.5986 20.1942L14.4736 20.1942Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                                <path\n                                                    class=\"group-hover:fill-complimentary-orange group-hover:stroke-complimentary-orange\"\n                                                    d=\"M21.668 14.0625C17.7029 14.0625 14.4736 10.5843 14.4736 6.86816L14.4736 5.80566L16.5986 5.80566L16.5986 6.86816C16.5986 9.45599 18.9214 11.9375 21.668 11.9375L22.7305 11.9375L22.7305 14.0625L21.668 14.0625Z\"\n                                                    fill=\"#03636D\" stroke=\"#03636D\" stroke-width=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            <\/a>\n\n\n                        <\/div>\n\n                                        \n                <\/div>\n\n                <!-- Pagination -->\n                \n            \n        <\/div>\n    <\/div>\n<\/section>\n<script>\n    \/\/ document.addEventListener('DOMContentLoaded',function(){\n    \/\/     const external_resources_filter=document.querySelector('#external-resources-filter');\n    \/\/     if(external_resources_filter){\n    \/\/         const url = new URLSearchParams(window.location.search);\n    \/\/         const value=url.get('external_region[]');\n    \/\/         const default_placeholder=external_resources_filter.getAttribute('data-text') || 'Region';\n    \/\/         external_resources_filter.textContent=value?value:default_placeholder;\n    \/\/     }\n    \/\/ })\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3795","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/3795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/comments?post=3795"}],"version-history":[{"count":4,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/3795\/revisions"}],"predecessor-version":[{"id":6845,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/3795\/revisions\/6845"}],"wp:attachment":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/media?parent=3795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}