{"id":4586,"date":"2025-12-02T05:29:12","date_gmt":"2025-12-01T21:29:12","guid":{"rendered":"https:\/\/hkcss.visibleone.site\/recipient-lists\/"},"modified":"2026-08-04T14:33:45","modified_gmt":"2026-08-04T06:33:45","slug":"recipient-lists","status":"publish","type":"page","link":"https:\/\/hkcss.visibleone.site\/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:\/\/hkcss.visibleone.site\/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\u8a31\u540d\u55ae                        <\/h1>\n\n                        <ul class=\"breadcrumb-list\">\n\n                                                                                                <li>\n                                                                                    <a href=\"https:\/\/hkcss.visibleone.site\/\" target=\"_self\">\n                                                \u9996\u9801                                            <\/a>\n                                                                            <\/li>\n\n                                                                            <li>\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/circle.svg\" alt=\"separator\" \/>\n                                        <\/li>\n                                    \n                                                                    <li>\n                                                                                    <span class=\"current\">\u5609\u8a31\u540d\u55ae<\/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:\/\/hkcss.visibleone.site\/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\u95dc\u61f7\u300d\u6a19\u8a8c                        <\/a>\n                                                <a href=\"https:\/\/hkcss.visibleone.site\/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\u95dc\u61f7\u300d\u6a19\u8a8c                        <\/a>\n                                                <a href=\"https:\/\/hkcss.visibleone.site\/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\u5225\u5609\u8a31                        <\/a>\n                                                <a href=\"https:\/\/hkcss.visibleone.site\/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\u5225\u734e\u9805                        <\/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-6adac48b935bb\" 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\u95dc\u61f7\u300d\u6a19\u8a8c                <\/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\u95dc\u61f7\u300d\u8a08\u5283\u65e8\u5728\u9f13\u52f5\u4f01\u696d\u5728\u5be6\u8e10\u95dc\u611b\u6587\u5316\u548c\u63a8\u52d5\u793e\u6703\u53ef\u6301\u7e8c\u767c\u5c55\u65b9\u9762\u6301\u7e8c\u9032\u6b65\u3002\u6211\u5011\u6839\u64da\u4f01\u696d\uff0f\u6a5f\u69cb\u6240\u63d0\u4ea4\u7684\u5e74\u5ea6\u56de\u61c9\u548c\u6578\u64da\uff0c\u5206\u6790\u53ca\u8a55\u4f30\u5176\u65bc\u53ef\u6301\u7e8c\u767c\u5c55\u7684\u6574\u9ad4\u7ba1\u6cbb\u3001\u653f\u7b56\u7ba1\u7406\u3001\u6578\u64da\u8ffd\u8e28\u3001\u62ab\u9732\u53ca\u5408\u4f5c\u65b9\u9762\u5c0d\u793e\u6703\u5e36\u4f86\u7684\u7a4d\u6975\u5f71\u97ff\uff0c\u4e26\u6839\u64da\u5176\u6574\u9ad4\u8868\u73fe\u4f86\u4e88\u4ee5\u5609\u8a31\u3002\u6210\u529f\u7372\u5f97\u6a19\u8a8c\u7684\u4f01\u696d\/\u6a5f\u69cb\u5c07\u5283\u5206\u70ba\u4e09\u5927\u985e\u5225\uff1a\u5927\u4f01\u696d\u3001\u4e2d\u5c0f\u4f01\uff08\u300c\u5546\u754c\u5c55\u95dc\u61f7\u300d\u6a19\u8a8c\uff09\u53ca\u6a5f\u69cb\uff08\u300c\u540c\u5fc3\u5c55\u95dc\u61f7\u300d\u6a19\u8a8c\uff09\uff0c\u6bcf\u500b\u985e\u5225\u518d\u4f9d\u64da\u5176\u8868\u73fe\uff0c\u9032\u4e00\u6b65\u7d30\u5206\u70ba\u56db\u500b\u5609\u8a31\u7a0b\u5ea6\u3002<br \/><br \/>\r\n\u8acb\u767b\u5165\u7db2\u4e0a\u7533\u8acb\u7cfb\u7d71\u67e5\u95b12024\/25\u5e74\u5ea6\u7684\u7533\u8acb\u7d50\u679c\uff1b\u7b26\u5408\u8cc7\u683c\u7684\u7533\u8acb\u8005\u53ef\u4e0b\u8f09\u6a19\u8a8c\u6a94\u6848\u53ca\u96fb\u5b50\u8b49\u66f8\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                                \u7a4d\u6975\u53c3\u8207                            <\/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\u73fe\u9ad8\u65bc\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                                \u9032\u968e\u8868\u73fe                            <\/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                                \u9818\u5148\u8868\u73fe                            <\/div>\n                                                                <\/div>\n\n                <div class=\"flex justify-center items-center w-full\">\n                                                                        <img decoding=\"async\" data-tab=\"0\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image-2.png\" alt=\"\u7a4d\u6975\u53c3\u8207\"\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:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image-6.png\" alt=\"\u8868\u73fe\u9ad8\u65bc\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:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image-4-1.png\" alt=\"\u9032\u968e\u8868\u73fe\"\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:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image-3-1.png\" alt=\"\u9818\u5148\u8868\u73fe\"\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-6adac48b935bb');\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 class=\"container\">\n                <div class=\"container-3xl\">\n                    <div class=\" xl:pb-[120px] md:py-[60px] py-[30px] xl:pt-[60px]\">\n                                                    <h3 class=\"heading2 text-grey-dark font-primary font-semibold 2xl:mb-10 lg:mb-8 md:mb-6 mb-4\">\n                                \u6a19\u8a8c\u5609\u8a31\u540d\u55ae<\/h2>\n                                                                        <div class=\"advanced-table-wrapper\" \n             data-filters=\"[]\" \n             data-per-page=\"10\"\n             data-sort-col=\"\"\n             data-sort-order=\"asc\"\n             data-filter-logic=\"and\"\n             data-messages=\"{&quot;search_results&quot;:&quot;Search results about&quot;,&quot;zero_results&quot;:&quot;0 related results&quot;,&quot;no_result_title&quot;:&quot;No Result Found&quot;,&quot;no_result_desc&quot;:&quot;No Result Found. Adjust your keywords and try again.&quot;}\"\n             data-custom-results=\"[]\"\n             data-custom-filter-mappings=\"[]\">\n            <table id=\"advanced-table-5661\" class=\"display advanced-table\" style=\"width:100%\">\n                                <thead>\n                    <tr>\n                        <th style=\"width: 50px;\">#<\/th>\n                                                    <th>Test<\/th>\n                                                    <th>Test<\/th>\n                                                    <th>Test<\/th>\n                                                    <th>Test<\/th>\n                                                    <th>Test<\/th>\n                                            <\/tr>\n                <\/thead>\n                                <tbody>\n                                        <tr>\n                        <td>1<\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                            <\/tr>\n                                        <tr>\n                        <td>2<\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                            <\/tr>\n                                        <tr>\n                        <td>3<\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                            <\/tr>\n                                        <tr>\n                        <td>4<\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                                    <td style=\"text-align: left; white-space: pre-wrap;\"><\/td>\n                                            <\/tr>\n                                    <\/tbody>\n            <\/table>\n        <\/div>\n                            <\/div>\n                <\/div>\n            <\/div>\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-4586","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/comments?post=4586"}],"version-history":[{"count":3,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4586\/revisions"}],"predecessor-version":[{"id":5663,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4586\/revisions\/5663"}],"wp:attachment":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/media?parent=4586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}