{"id":6650,"date":"2025-12-02T05:29:12","date_gmt":"2025-12-01T21:29:12","guid":{"rendered":"http:\/\/hkcss-caring-live.local\/recipient-lists\/"},"modified":"2026-09-04T12:36:40","modified_gmt":"2026-09-04T04:36:40","slug":"recipient-lists","status":"publish","type":"page","link":"https:\/\/caringcompany.org.hk\/sc\/recipient-lists\/","title":{"rendered":"Recognition Lists"},"content":{"rendered":"\n<div block-name=\"inner-banner\" class=\"inner-banner relative\">\n\n    <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/BG-Image.png\"\n         alt=\"\"\n         class=\"w-full h-full aspect-[4\/1] object-cover absolute top-0 left-0 z-[0]\" \/>\n\n    <div class=\"inner-banner-container w-full h-full\">\n        <div class=\"container mx-auto flex justify-start items-center\">\n            <div class=\"container-3xl h-full\">\n                <div class=\"relative pt-[60px] lg:pt-20 xl:pt-[130px] pb-[60px]\">\n                    <div class=\"relative max-w-[1000px]\">\n\n                        <h1 class=\"heading1 mb-4 font-primary leading-[normal] text-white font-semibold not-italic main-title\">\n                            \u5609\u8bb8\u540d\u5355                        <\/h1>\n\n                        <ul class=\"breadcrumb-list\">\n\n                                                                                                <li>\n                                                                                    <a href=\"https:\/\/caringcompany.org.hk\/sc\" target=\"_self\">\n                                                \u9996\u9875                                            <\/a>\n                                                                            <\/li>\n\n                                                                            <li>\n                                            <img decoding=\"async\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/circle.svg\" alt=\"separator\" \/>\n                                        <\/li>\n                                    \n                                                                    <li>\n                                                                                    <span class=\"current\">\u5609\u8bb8\u540d\u5355<\/span>\n                                                                            <\/li>\n\n                                    \n                                \n                            \n                        <\/ul>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div block-name=\"recipient-list-tag\" class=\"border-b border-stroke \">\n    <div class=\"container\">\n        <div class=\"container-2xl\">\n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-5 xl:gap-[50px]\">\n\n                                                            <a href=\"https:\/\/caringcompany.org.hk\/sc\/recipient-lists\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            \u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u6807\u5fd7                        <\/a>\n                                                <a href=\"https:\/\/caringcompany.org.hk\/sc\/recipient-lists\/recipient-caring-organisation\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            \u300c\u540c\u5fc3\u5c55\u5173\u6000\u300d\u6807\u5fd7                        <\/a>\n                                                <a href=\"https:\/\/caringcompany.org.hk\/sc\/recipient-lists\/recipient-special-listing\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            \u7279\u522b\u5609\u8bb8                        <\/a>\n                                                <a href=\"https:\/\/caringcompany.org.hk\/sc\/recipient-lists\/recipient-special-award\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            \u7279\u522b\u5956\u9879                        <\/a>\n                                        \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/     const currentUrl = window.location.protocol + '\/\/' + window.location.host + window.location.pathname;\n\n    \/\/     const tabs = document.querySelectorAll(\".tab-btn-list\");\n\n    \/\/     tabs.forEach((tab) => {\n    \/\/         if (tab.href === currentUrl || tab.href === window.location.href) {\n    \/\/             tab.classList.add(\"tab-active\");\n    \/\/             tab.setAttribute(\"data-active\", \"true\");\n    \/\/         } else {\n    \/\/             tab.classList.remove(\"tab-active\");\n    \/\/             tab.setAttribute(\"data-active\", \"false\");\n    \/\/         }\n    \/\/     });\n    \/\/ });\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const normalizePath = (path) => {\n            return path.replace(\/\\\/+$\/, ''); \/\/ remove trailing slash\n        };\n\n        const currentPath = normalizePath(window.location.pathname);\n\n        const tabs = document.querySelectorAll(\".tab-btn-list\");\n\n        tabs.forEach((tab) => {\n            const tabPath = normalizePath(new URL(tab.href).pathname);\n            \/\/ console.log(tabPath, currentPath);\n            if (tabPath === currentPath) {\n                tab.classList.add(\"tab-active\");\n                tab.setAttribute(\"data-active\", \"true\");\n            } else {\n                tab.classList.remove(\"tab-active\");\n                tab.setAttribute(\"data-active\", \"false\");\n            }\n        });\n    });\n<\/script>\n\n\n<div id=\"org-tabs-6aa26497b5443\" block-name=\"recipient-caring-organisation\"\n    class=\"bg-yellow-light-03 pt-[60px] lg:pt-[80px] xl:pt-[120px] pb-[60px]\">\n    <div class=\"container\">\n        <div class=\"container-3xl\">\n\n            <div class=\"flex flex-col justify-center items-start mb-[40px] xl:mb-[100px]\">\n                <h2 class=\"heading2 font-primary leading-[normal] font-semibold not-italic text-grey-dark\">\n                    \u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u6807\u5fd7                <\/h2>\n\n                                    <div class=\"mt-5 text-body-1 font-noto leading-[160%] font-normal not-italic text-grey-light \">\n                        \u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u8ba1\u5212\u65e8\u5728\u9f13\u52b1\u4f01\u4e1a\u5728\u5b9e\u8df5\u5173\u7231\u6587\u5316\u548c\u63a8\u52a8\u793e\u4f1a\u53ef\u6301\u7eed\u53d1\u5c55\u65b9\u9762\u6301\u7eed\u8fdb\u6b65\u3002\u6211\u4eec\u6839\u636e\u4f01\u4e1a\uff0f\u673a\u6784\u6240\u63d0\u4ea4\u7684\u5e74\u5ea6\u56de\u5e94\u548c\u6570\u636e\uff0c\u5206\u6790\u53ca\u8bc4\u4f30\u5176\u4e8e\u53ef\u6301\u7eed\u53d1\u5c55\u7684\u6574\u4f53\u7ba1\u6cbb\u3001\u653f\u7b56\u7ba1\u7406\u3001\u6570\u636e\u8ffd\u8e28\u3001\u62ab\u9732\u53ca\u5408\u4f5c\u65b9\u9762\u5bf9\u793e\u4f1a\u5e26\u6765\u7684\u79ef\u6781\u5f71\u54cd\uff0c\u5e76\u6839\u636e\u5176\u6574\u4f53\u8868\u73b0\u6765\u4e88\u4ee5\u5609\u8bb8\u3002\u6210\u529f\u83b7\u5f97\u6807\u5fd7\u7684\u4f01\u4e1a\/\u673a\u6784\u5c06\u5212\u5206\u4e3a\u4e09\u5927\u7c7b\u522b\uff1a\u5927\u4f01\u4e1a\u3001\u4e2d\u5c0f\u4f01\uff08\u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u6807\u5fd7\uff09\u53ca\u673a\u6784\uff08\u300c\u540c\u5fc3\u5c55\u5173\u6000\u300d\u6807\u5fd7\uff09\uff0c\u6bcf\u4e2a\u7c7b\u522b\u518d\u4f9d\u636e\u5176\u8868\u73b0\uff0c\u8fdb\u4e00\u6b65\u7ec6\u5206\u4e3a\u56db\u4e2a\u5609\u8bb8\u7a0b\u5ea6\u3002 \u8bf7\u767b\u5165\u7f51\u4e0a\u7533\u8bf7\u7cfb\u7edf\u67e5\u96052024\/25\u5e74\u5ea6\u7684\u7533\u8bf7\u7ed3\u679c\uff1b\u7b26\u5408\u8d44\u683c\u7684\u7533\u8bf7\u8005\u53ef\u4e0b\u8f7d\u6807\u5fd7\u6863\u6848\u53ca\u7535\u5b50\u8bc1\u4e66\u3002                    <\/div>\n                            <\/div>\n\n            <div class=\"flex lg:flex-row flex-col w-full justify-start gap-[60px] xl:gap-[100px] items-center\">\n\n                <div class=\"flex w-full flex-col justify-center items-start\">\n                                                                        <div data-tab=\"0\" data-active=\"true\" class=\"tab-btns cursor-pointer relative\n                                    after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent\n                                    data-[active=true]:after:bg-orange-dark-01\n                                    after:transition-all after:duration-300\n                                    hover:after:bg-orange-dark-01 hover:bg-orange-pale\n                                    duration-300 transition-all\n                                    data-[active=true]:bg-orange-pale border-b border-b-stroke\n                                    min-w-full w-full bg-transparent px-5 py-[30px]\n                                    heading6 text-grey-dark not-italic font-semibold leading-[normal]\">\n                                \u79ef\u6781\u53c2\u4e0e                            <\/div>\n                                                        <div data-tab=\"1\" data-active=\"false\" class=\"tab-btns cursor-pointer relative\n                                    after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent\n                                    data-[active=true]:after:bg-orange-dark-01\n                                    after:transition-all after:duration-300\n                                    hover:after:bg-orange-dark-01 hover:bg-orange-pale\n                                    duration-300 transition-all\n                                    data-[active=true]:bg-orange-pale border-b border-b-stroke\n                                    min-w-full w-full bg-transparent px-5 py-[30px]\n                                    heading6 text-grey-dark not-italic font-semibold leading-[normal]\">\n                                \u8868\u73b0\u9ad8\u4e8e\u5e73\u5747\u6c34\u5e73                            <\/div>\n                                                        <div data-tab=\"2\" data-active=\"false\" class=\"tab-btns cursor-pointer relative\n                                    after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent\n                                    data-[active=true]:after:bg-orange-dark-01\n                                    after:transition-all after:duration-300\n                                    hover:after:bg-orange-dark-01 hover:bg-orange-pale\n                                    duration-300 transition-all\n                                    data-[active=true]:bg-orange-pale border-b border-b-stroke\n                                    min-w-full w-full bg-transparent px-5 py-[30px]\n                                    heading6 text-grey-dark not-italic font-semibold leading-[normal]\">\n                                \u8fdb\u9636\u8868\u73b0                            <\/div>\n                                                        <div data-tab=\"3\" data-active=\"false\" class=\"tab-btns cursor-pointer relative\n                                    after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent\n                                    data-[active=true]:after:bg-orange-dark-01\n                                    after:transition-all after:duration-300\n                                    hover:after:bg-orange-dark-01 hover:bg-orange-pale\n                                    duration-300 transition-all\n                                    data-[active=true]:bg-orange-pale border-b border-b-stroke\n                                    min-w-full w-full bg-transparent px-5 py-[30px]\n                                    heading6 text-grey-dark not-italic font-semibold leading-[normal]\">\n                                \u9886\u5148\u8868\u73b0                            <\/div>\n                                                                <\/div>\n\n                <div class=\"flex justify-center items-center w-full\">\n                                                                        <img decoding=\"async\" data-tab=\"0\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/Image-2.png\" alt=\"\u79ef\u6781\u53c2\u4e0e\"\n                                class=\"tab-pane  aspect-[210.11\/270] h-full w-auto transition-all duration-300 object-contain\" \/>\n                                                        <img decoding=\"async\" data-tab=\"1\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/Image-6.png\" alt=\"\u8868\u73b0\u9ad8\u4e8e\u5e73\u5747\u6c34\u5e73\"\n                                class=\"tab-pane hidden aspect-[210.11\/270] h-full w-auto transition-all duration-300 object-contain\" \/>\n                                                        <img decoding=\"async\" data-tab=\"2\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/Image-4-1.png\" alt=\"\u8fdb\u9636\u8868\u73b0\"\n                                class=\"tab-pane hidden aspect-[210.11\/270] h-full w-auto transition-all duration-300 object-contain\" \/>\n                                                        <img decoding=\"async\" data-tab=\"3\" src=\"https:\/\/caringcompany.org.hk\/wp-content\/uploads\/2025\/12\/Image-3-1.png\" alt=\"\u9886\u5148\u8868\u73b0\"\n                                class=\"tab-pane hidden aspect-[210.11\/270] h-full w-auto transition-all duration-300 object-contain\" \/>\n                                                                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const block = document.getElementById('org-tabs-6aa26497b5443');\n        if (!block) return;\n\n        const buttonsLists = block.querySelectorAll('.tab-btns');\n        const paness = block.querySelectorAll('.tab-pane');\n\n        function activateTab(btn) {\n            buttonsLists.forEach(b => b.setAttribute('data-active', 'false'));\n            btn.setAttribute('data-active', 'true');\n\n            paness.forEach(p => p.classList.add('hidden'));\n\n            const tabName = btn.getAttribute('data-tab');\n            const targetPane = block.querySelector(`.tab-pane[data-tab=\"${tabName}\"]`);\n            if (targetPane) {\n                targetPane.classList.remove('hidden');\n            }\n        }\n\n        buttonsLists.forEach(btn => {\n            btn.addEventListener('click', () => activateTab(btn));\n            btn.addEventListener('mouseenter', () => activateTab(btn));\n        });\n    });\n\n    function setFontScale(scale) {\n        document.documentElement.style.setProperty('--font-scale', scale);\n    }\n    if (document.getElementById(\"fontSmall\")) document.getElementById(\"fontSmall\").addEventListener(\"click\", () => setFontScale(0.92));\n    if (document.getElementById(\"fontNormal\")) document.getElementById(\"fontNormal\").addEventListener(\"click\", () => setFontScale(1));\n    if (document.getElementById(\"fontBig\")) document.getElementById(\"fontBig\").addEventListener(\"click\", () => setFontScale(1.084));\n<\/script>\n\n<div block-name=\"data-table\" class=\"data-table\">\n\n\n    <\/div>","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-6650","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/caringcompany.org.hk\/sc\/wp-json\/wp\/v2\/pages\/6650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caringcompany.org.hk\/sc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caringcompany.org.hk\/sc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caringcompany.org.hk\/sc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/caringcompany.org.hk\/sc\/wp-json\/wp\/v2\/comments?post=6650"}],"version-history":[{"count":3,"href":"https:\/\/caringcompany.org.hk\/sc\/wp-json\/wp\/v2\/pages\/6650\/revisions"}],"predecessor-version":[{"id":7176,"href":"https:\/\/caringcompany.org.hk\/sc\/wp-json\/wp\/v2\/pages\/6650\/revisions\/7176"}],"wp:attachment":[{"href":"https:\/\/caringcompany.org.hk\/sc\/wp-json\/wp\/v2\/media?parent=6650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}