{"id":4001,"date":"2025-12-01T12:00:49","date_gmt":"2025-12-01T12:00:49","guid":{"rendered":"https:\/\/www.cmhahk.org\/?page_id=4001"},"modified":"2026-05-05T07:42:01","modified_gmt":"2026-05-05T07:42:01","slug":"past-events","status":"publish","type":"page","link":"https:\/\/www.cmhahk.org\/tc\/past-events\/","title":{"rendered":"\u904e\u5f80\u6d3b\u52d5"},"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\/USED-second-image-1-scaled.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\/USED-second-image-1-scaled.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]\">\u904e\u5f80\u6d3b\u52d5<\/h1>\n                <div class=\"mt-4 font-primary text-body font-normal leading-[160%] text-white\">\n                    <h3>\u4e86\u89e3\u66f4\u591a\u9999\u6e2f\u8077\u5834\u4e92\u52a9\u806f\u76df(\u524d\u7a31\u9999\u6e2f\u57ce\u5e02\u7cbe\u795e\u5065\u5eb7\u806f\u76df)\u904e\u5f80\u6d3b\u52d5\u3002<\/h3>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div block-name=\"cm-event-tabs\" class=\"md:pt-20 pt-[60px] md:pb-20 pb-10 bg-black\">\n    <div class=\"container\">\n        <div class=\"container-sm\">\n            <div class=\"w-full max-w-max overflow-x-auto mx-auto custom-scroll-box\">\n                <div class=\"mx-auto min-w-max bg-white md:py-3 py-2 px-3 rounded-[50px]\">\n                    <div class=\"grid grid-cols-3 md:gap-2 w-max\">\n                                                                                    <a href=\"https:\/\/www.cmhahk.org\/tc\/cmha-hk-events\/\"\n                                    class=\"text-body whitespace-nowrap leading-[160%] text-primary-button font-primary md:px-6 px-2 md:py-3 py-2 text-center block rounded-[50px]\n                                bg-white  font-normal hover:text-brand-orange\">\n                                    \u672c\u6703\u6d3b\u52d5                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/affiliated-events\/\"\n                                    class=\"text-body whitespace-nowrap leading-[160%] text-primary-button font-primary md:px-6 px-2 md:py-3 py-2 text-center block rounded-[50px]\n                                bg-white  font-normal hover:text-brand-orange\">\n                                    \u5408\u4f5c\u5925\u4f34\u6d3b\u52d5                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-events\/\"\n                                    class=\"text-body whitespace-nowrap leading-[160%] text-primary-button font-primary md:px-6 px-2 md:py-3 py-2 text-center block rounded-[50px]\n                                bg-brand-orange font-bold\">\n                                    \u904e\u5f80\u6d3b\u52d5                                <\/a>\n                                                                        <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n\n<div block-name=\"cm-event-listing\" class=\"cm-event-listing md:pb-20 pb-[60px] bg-black\">\n    <div class=\"container\">\n        <div class=\"container-sm\">\n            <div>\n                <div class=\"flex md:flex-row flex-col md:justify-between md:items-center\">\n                                                    <div class=\"md:flex hidden items-center md:mb-0 mb-5\">\n            <label for=\"event-list-6a29fcd46c29b-filter\"\n                class=\"text-body font-primary text-brand-teal leading-[160%] mr-3 block whitespace-nowrap\">\u6d3b\u52d5\u985e\u5225:<\/label>\n            <div class=\"flex flex-wrap event-filter-bar\">\n                <div class=\" mr-3 last:mr-0 flex items-center relative text-body\">\n                    <input type=\"radio\" id=\"event-list-6a29fcd46c29b-all\" name=\"event-list-6a29fcd46c29b-filter\" value=\"all\"\n                         checked='checked'                        onchange=\"window.location.href='\/tc\/wp-json\/wp\/v2\/pages\/4001'\">\n                    <label for=\"event-list-6a29fcd46c29b-all\" class=\"inline-block ml-3\">\u5168\u90e8<\/label>\n                <\/div>\n                <div class=\" mr-3 last:mr-0 flex items-center relative text-body\">\n                    <input type=\"radio\" id=\"event-list-6a29fcd46c29b-member_only\" name=\"event-list-6a29fcd46c29b-filter\" value=\"member\"\n                                                onchange=\"window.location.href='\/tc\/wp-json\/wp\/v2\/pages\/4001?event_filter=member'\">\n                    <label for=\"event-list-6a29fcd46c29b-member_only\" class=\"inline-block ml-3\">\u53ea\u9650\u6703\u54e1\n<\/label>\n                <\/div>\n                <div class=\" mr-3 last:mr-0 flex items-center relative text-body\">\n                    <input type=\"radio\" id=\"event-list-6a29fcd46c29b-non_member\" name=\"event-list-6a29fcd46c29b-filter\" value=\"non-member\"\n                                                onchange=\"window.location.href='\/tc\/wp-json\/wp\/v2\/pages\/4001?event_filter=non-member'\">\n                    <label for=\"event-list-6a29fcd46c29b-non_member\" class=\"inline-block ml-3\">\u516c\u958b\u6d3b\u52d5<\/label>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"md:hidden flex items-center justify-end\">\n            <button class=\"event-mobile-filter-btn flex items-center\">\n                <h6 class=\"text-body font-normal leading-[160%] text-brand-teal font-primary mr-2 underline\">\n                    Filter <\/h6>\n                <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/filter.svg\" alt=\"filter\" class=\"max-w-[16px]\">\n            <\/button>\n        <\/div>\n\n        <div class=\"fixed w-full h-full left-0 top-0 z-[13] bg-black_333 bg-opacity-60 md:hidden hidden event-filter-mobile-popup\">\n            <div class=\"absolute left-0 bottom-0 w-full h-full max-h-max bg-white rounded-xl rounded-bl-none rounded-br-none px-5 py-6\">\n                <div class=\"flex items-center justify-between\">\n                    <h6 class=\"heading6 font-bold leading-[160%] text-brand-teal font-secondary\">\n                        Filter <\/h6>\n                    <button class=\"close-btn\">\n                        <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/close-black.svg\" alt=\"close\" class=\"max-w-[11px]\">\n                    <\/button>\n                <\/div>\n                <div class=\"event-filter-mobile\">\n                    <div class=\"flex flex-col md:mb-0 mb-5 mt-5\">\n                        <label for=\"event-list-6a29fcd46c29b-filter-mobile\"\n                            class=\"text-body font-primary text-brand-teal leading-[160%] mb-3 block whitespace-nowrap\">\u6d3b\u52d5\u985e\u5225:<\/label>\n                        <div class=\"flex flex-wrap event-filter-bar\">\n                            <div class=\" mr-3 last:mr-0 flex items-center relative text-body\">\n                                <input type=\"radio\" id=\"event-list-6a29fcd46c29b-all_mobile\" name=\"event-list-6a29fcd46c29b-filter-mobile\" value=\"all\"\n                                     checked='checked'                                    onchange=\"window.location.href='\/tc\/wp-json\/wp\/v2\/pages\/4001'\">\n                                <label for=\"event-list-6a29fcd46c29b-all_mobile\" class=\"inline-block ml-3\">\u5168\u90e8<\/label>\n                            <\/div>\n                            <div class=\" mr-3 last:mr-0 flex items-center relative text-body\">\n                                <input type=\"radio\" id=\"event-list-6a29fcd46c29b-member_only_mobile\" name=\"event-list-6a29fcd46c29b-filter-mobile\" value=\"member\"\n                                                                        onchange=\"window.location.href='\/tc\/wp-json\/wp\/v2\/pages\/4001?event_filter=member'\">\n                                <label for=\"event-list-6a29fcd46c29b-member_only_mobile\" class=\"inline-block ml-3\">\u53ea\u9650\u6703\u54e1\n<\/label>\n                            <\/div>\n                            <div class=\" mr-3 last:mr-0 flex items-center relative text-body\">\n                                <input type=\"radio\" id=\"event-list-6a29fcd46c29b-non_member_mobile\" name=\"event-list-6a29fcd46c29b-filter-mobile\" value=\"non-member\"\n                                                                        onchange=\"window.location.href='\/tc\/wp-json\/wp\/v2\/pages\/4001?event_filter=non-member'\">\n                                <label for=\"event-list-6a29fcd46c29b-non_member_mobile\" class=\"inline-block ml-3\">\u516c\u958b\u6d3b\u52d5<\/label>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div>\n                        <div class=\"flex flex-col\">\n                            <label for=\"event-list-6a29fcd46c29b-mobile-year\" class=\"block mb-3 text-brand-teal font-normal leading-[160%]\">\u5e74\u4efd<\/label>\n\n                            <form method=\"get\" action=\"\/tc\/wp-json\/wp\/v2\/pages\/4001\">\n                                                                <div x-data=\"{ open: false }\" class=\"relative w-full\">\n                                    <button type=\"button\" @click=\"open = !open\" class=\"w-full px-4 md:py-4 py-3 flex items-center justify-between rounded-lg border border-smoke-screen bg-white text-body font-primary text-text-black\">\n                                        <span class=\"truncate\">\u5e74\u4efd<\/span>\n                                        <span class=\"ml-2\">\n                                            <svg class=\"transform transition-transform\" :class=\"{ 'rotate-180': open }\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 7L12 13L18 7L20 9L12 17L4 9L6 7Z\" fill=\"#868686\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/button>\n\n                                    <div x-show=\"open\" x-cloak @click.away=\"open = false\" class=\"absolute bottom-full mb-2 left-0 w-full bg-white rounded-lg border border-grey-line max-h-64 overflow-auto shadow-[0_-10px_30px_0_rgba(165,165,165,0.32)] z-[15]\">\n                                        <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                            <input type=\"checkbox\"\n                                                class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-all\"\n                                                                                                onclick=\"event.stopPropagation();\"\n                                                onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">\u5168\u90e8<\/span>\n                                        <\/label>\n\n                                                                                    <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                                <input type=\"checkbox\"\n                                                    name=\"event_year[]\"\n                                                    value=\"2026\"\n                                                    class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                                                        onclick=\"event.stopPropagation();\"\n                                                    onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2026<\/span>\n                                            <\/label>\n                                                                                    <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                                <input type=\"checkbox\"\n                                                    name=\"event_year[]\"\n                                                    value=\"2025\"\n                                                    class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                                                        onclick=\"event.stopPropagation();\"\n                                                    onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2025<\/span>\n                                            <\/label>\n                                                                                    <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                                <input type=\"checkbox\"\n                                                    name=\"event_year[]\"\n                                                    value=\"2024\"\n                                                    class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                                                        onclick=\"event.stopPropagation();\"\n                                                    onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2024<\/span>\n                                            <\/label>\n                                                                                    <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                                <input type=\"checkbox\"\n                                                    name=\"event_year[]\"\n                                                    value=\"2023\"\n                                                    class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                                                        onclick=\"event.stopPropagation();\"\n                                                    onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2023<\/span>\n                                            <\/label>\n                                                                                    <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                                <input type=\"checkbox\"\n                                                    name=\"event_year[]\"\n                                                    value=\"2022\"\n                                                    class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                                                        onclick=\"event.stopPropagation();\"\n                                                    onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2022<\/span>\n                                            <\/label>\n                                                                                    <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                                                <input type=\"checkbox\"\n                                                    name=\"event_year[]\"\n                                                    value=\"2021\"\n                                                    class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                                                        onclick=\"event.stopPropagation();\"\n                                                    onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2021<\/span>\n                                            <\/label>\n                                                                            <\/div>\n                                <\/div>\n                            <\/form>\n                        <\/div>\n                        <button id=\"event-filter-apply-btn\" class=\"close-btn mt-5 text-button-lg px-5 py-3 rounded-lg bg-brand-orange text-black_333 font-bold leading-[normal] text-center w-full\">Close <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n                                                                            <form method=\"get\" action=\"\/tc\/wp-json\/wp\/v2\/pages\/4001\" class=\"md:flex hidden items-center relative z-10\">\n            \n            <label for=\"event-list-6a29fcd46c29b-year\" class=\"block mr-3 text-brand-teal font-normal leading-[160%] whitespace-nowrap\">\u5e74\u4efd<\/label>\n\n            <div x-data=\"{ open: false }\" class=\"relative min-w-[200px]\">\n                <button type=\"button\" @click=\"open = !open\" class=\"w-full px-4 md:py-4 py-3 flex items-center justify-between rounded-lg border border-smoke-screen bg-white text-body font-primary text-text-black\">\n                    <span class=\"truncate\">\u5e74\u4efd<\/span>\n                    <span class=\"ml-2\">\n                        <svg class=\"transform transition-transform\" :class=\"{ 'rotate-180': open }\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 7L12 13L18 7L20 9L12 17L4 9L6 7Z\" 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-full 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                    <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                        <input type=\"checkbox\"\n                            class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-all\"\n                                                        onclick=\"event.stopPropagation();\"\n                            onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">\u5168\u90e8<\/span>\n                    <\/label>\n\n                                            <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                            <input type=\"checkbox\"\n                                name=\"event_year[]\"\n                                value=\"2026\"\n                                class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                onclick=\"event.stopPropagation();\"\n                                onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2026<\/span>\n                        <\/label>\n                                            <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                            <input type=\"checkbox\"\n                                name=\"event_year[]\"\n                                value=\"2025\"\n                                class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                onclick=\"event.stopPropagation();\"\n                                onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2025<\/span>\n                        <\/label>\n                                            <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                            <input type=\"checkbox\"\n                                name=\"event_year[]\"\n                                value=\"2024\"\n                                class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                onclick=\"event.stopPropagation();\"\n                                onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2024<\/span>\n                        <\/label>\n                                            <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                            <input type=\"checkbox\"\n                                name=\"event_year[]\"\n                                value=\"2023\"\n                                class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                onclick=\"event.stopPropagation();\"\n                                onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2023<\/span>\n                        <\/label>\n                                            <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                            <input type=\"checkbox\"\n                                name=\"event_year[]\"\n                                value=\"2022\"\n                                class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                onclick=\"event.stopPropagation();\"\n                                onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2022<\/span>\n                        <\/label>\n                                            <label class=\"flex items-center px-4 py-2 gap-3 cursor-pointer hover:bg-neutral-100 relative custom-filter-checkbox\">\n                            <input type=\"checkbox\"\n                                name=\"event_year[]\"\n                                value=\"2021\"\n                                class=\"w-5 h-5 min-w-5 aspect-square border-black-medium rounded opacity-0 absolute event-year-option\"\n                                                                onclick=\"event.stopPropagation();\"\n                                onchange=\"window.cmEventYearFilterHandleChange &#038;&#038; window.cmEventYearFilterHandleChange(this)\" \/>\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\">2021<\/span>\n                        <\/label>\n                                    <\/div>\n            <\/div>\n        <\/form>\n\n        <script>\n            window.cmEventYearFilterHandleChange = window.cmEventYearFilterHandleChange || function(changedEl) {\n                if (!changedEl || !changedEl.form) return;\n\n                var form = changedEl.form;\n                var allCheckbox = form.querySelector('.event-year-all');\n                var yearCheckboxes = Array.prototype.slice.call(form.querySelectorAll('.event-year-option'));\n\n                if (changedEl.classList.contains('event-year-all')) {\n                    var isAllChecked = changedEl.checked;\n                    yearCheckboxes.forEach(function(cb) {\n                        cb.checked = isAllChecked;\n                    });\n                } else {\n                    if (allCheckbox) {\n                        var everyYearIsChecked = yearCheckboxes.length > 0 && yearCheckboxes.every(function(cb) {\n                            return cb.checked;\n                        });\n                        allCheckbox.checked = everyYearIsChecked;\n                    }\n                }\n                form.submit();\n            };\n        <\/script>\n                                    <\/div>\n                <div class=\"md:mt-20 mt-10\">\n                                            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:gap-12 gap-6\">\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/member-sharing-creating-a-culture-of-growth-for-early-in-career-colleagues\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link member-only-event\"\n                                    data-event-id=\"7478\"\n                                    data-is-member=\"1\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/CMHA-Member-Sharing-May-2026-1024x1024.png\"\n                                                    alt=\"CMHA-Member-Sharing-May-2026\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                            <div\n                                                    class=\"text-eyebrow text-center font-bold leading-[normal] text-primary-button px-4 py-1 rounded-[20px] bg-brand-green inline-block\">\n                                                    \u53ea\u9650\u6703\u54e1                                                <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            Member Sharing: Creating a Culture of Growth for Early in Career Colleagues                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                As organisations navigate evolving expectations around performance, hybrid work, and AI integration, this session will explore what early\u2011career employees are experiencing and the implications for onboarding, engagement, psychological safety, and retention.\u00a0                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2026\u5e745\u670827\u65e5,\u661f\u671f\u4e09                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/cmha-hk-wellbeing-week-2025\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link member-only-event\"\n                                    data-event-id=\"5417\"\n                                    data-is-member=\"1\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/12\/dis-Wellbeing-Week-2025-image.png\"\n                                                    alt=\"CMHA HK Wellbeing Week 2025 (Member Only)\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                            <div\n                                                    class=\"text-eyebrow text-center font-bold leading-[normal] text-primary-button px-4 py-1 rounded-[20px] bg-brand-green inline-block\">\n                                                    \u53ea\u9650\u6703\u54e1                                                <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            CMHA HK Wellbeing Week 2025 (Member Only)                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                20\u201324 October 2025 is CMHA HK Wellbeing Week! Participation is free and open to all employees of CMHA HK member organisations.                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2025\u5e7410\u670820\u65e5,\u661f\u671f\u4e00                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/world-mental-health-day-building-mental-strength-to-face-a-world-of-constant-change\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link \"\n                                    data-event-id=\"5419\"\n                                    data-is-member=\"0\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2025\/10\/World-Mental-Health-Day-Building-mental-strength-to-face-a-world-of-constant-change.jpg\"\n                                                    alt=\"World Mental Health Day Building mental strength to face a world of constant change\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            World Mental Health Day: Building mental strength to face a world of constant change                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                Panel discussion and Networking Event for CMHA HK Operational Leads and Senior Sponsors                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2025\u5e7410\u670815\u65e5,\u661f\u671f\u4e09                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/world-mental-health-day-leadership-session\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link \"\n                                    data-event-id=\"5421\"\n                                    data-is-member=\"0\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/01\/dis-CMHA-HK_WMHD-2025-Leadership-event.png\"\n                                                    alt=\"World Mental Health Day: Leadership Session\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            World Mental Health Day: Leadership Session                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                Senior Leaders and Operational Leads are invited to attend our Leadership Session with guest speaker Gordon Watson, Non-executive Chairman of AXA Asia, Co-founder of World Flourishing Organisation and Board Member of OneMind.                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2025\u5e7410\u670813\u65e5,\u661f\u671f\u4e00                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/mental-health-first-aider-gatherings-2025-english-and-chinese-session\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link \"\n                                    data-event-id=\"5424\"\n                                    data-is-member=\"0\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/01\/lg-MHFA-Gathering-2025.png\"\n                                                    alt=\"Mental Health First Aider Gatherings 2025 &#8211; English and Chinese Session\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            Mental Health First Aider Gatherings 2025 &#8211; English and Chinese Session                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                This September, CMHA HK will again be holding a series of gatherings for Mental Health First Aiders, providing a networking and opportunity for sharing for employees trained in MHFA who may be mental health champions or ambassadors in your organisations.                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2025\u5e749\u670811\u65e5,\u661f\u671f\u56db                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/mercer-wellbeing-award-member-only\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link member-only-event\"\n                                    data-event-id=\"5427\"\n                                    data-is-member=\"1\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/01\/dis-Member-Sharing.jpg\"\n                                                    alt=\"Mercer Wellbeing Award (Member Only)\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                            <div\n                                                    class=\"text-eyebrow text-center font-bold leading-[normal] text-primary-button px-4 py-1 rounded-[20px] bg-brand-green inline-block\">\n                                                    \u53ea\u9650\u6703\u54e1                                                <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            Mercer Wellbeing Award (Member Only)                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                Our May Member Sharing event will feature presentations from five CMHA HK member companies who were finalists in the recent Mercer Wellbeing Awards.                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2025\u5e745\u670821\u65e5,\u661f\u671f\u4e09                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/international-womens-day-panel-discussion-member-only-event\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link member-only-event\"\n                                    data-event-id=\"5429\"\n                                    data-is-member=\"1\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/01\/dis-IWD-FLIER-2025-crop-0.jpg\"\n                                                    alt=\"International Women&#8217;s Day &#8211; Panel Discussion (Member only event)\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                            <div\n                                                    class=\"text-eyebrow text-center font-bold leading-[normal] text-primary-button px-4 py-1 rounded-[20px] bg-brand-green inline-block\">\n                                                    \u53ea\u9650\u6703\u54e1                                                <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            International Women&#8217;s Day &#8211; Panel Discussion (Member only event)                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                To mark International Women\u2019s Day 2025, CMHA HK brought together a panel of leaders to explore how companies can drive meaningful change in workplace inclusion, leadership equity, and mental well-being for women.                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2025\u5e745\u67083\u65e5,\u661f\u671f\u516d                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/member-sharing-session-member-only\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link member-only-event\"\n                                    data-event-id=\"5431\"\n                                    data-is-member=\"1\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/01\/dis-CMHA-HK-Member-Sharing-session-2025-02.png\"\n                                                    alt=\"Member Sharing Session (Member Only)\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                            <div\n                                                    class=\"text-eyebrow text-center font-bold leading-[normal] text-primary-button px-4 py-1 rounded-[20px] bg-brand-green inline-block\">\n                                                    \u53ea\u9650\u6703\u54e1                                                <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            Member Sharing Session (Member Only)                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                The session gave members an opportunity for open discussion and collaboration with the aim of learning from each other the strategies that have succeeded in creating greater engagement with available resources for the people who benefit from them most.                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2025\u5e742\u670825\u65e5,\u661f\u671f\u4e8c                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                            <a href=\"https:\/\/www.cmhahk.org\/tc\/past-event\/overview-of-the-cmha-hk-training-program-public-webinar\/\"\n                                    target=\"_self\"\n                                    class=\"block group event-card-link \"\n                                    data-event-id=\"5433\"\n                                    data-is-member=\"0\">\n                                    <div class=\"bg-white md:rounded-[20px] rounded-xl rounded-tr-none xl:p-5 p-3 h-full\">\n                                        <div class=\"overflow-hidden rounded-xl\">\n                                                                                                                                            <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/uploads\/2026\/01\/dis-New-Training-Program-Overview-JPG.jpg\"\n                                                    alt=\"Overview of the CMHA HK Training Program (Public webinar)\"\n                                                    class=\"aspect-[448\/335] object-contain w-full group-hover:scale-[1.08] transition-all duration-300 rounded-xl\">\n                                                                                    <\/div>\n                                        <div class=\"mt-5 flex justify-between items-center\">\n                                            <div class=\"text-eyebrow font-medium text-black-text-medium leading-[normal] mr-1\">\n                                                                                            <\/div>\n                                                                                    <\/div>\n                                        <div\n                                            class=\"lg:mt-5 mt-3 heading5 font-secondary font-bold text-brand-teal group-hover:text-complimentary-orange leading-[normal] line-clamp-2\">\n                                            Overview of the CMHA HK Training Program (Public webinar)                                        <\/div>\n                                                                                    <div\n                                                class=\"mt-4 text-body line-clamp-2 text-black-text-medium [&#038;_strong]:font-bold [&#038;_b]:font-bold\">\n                                                Join our Training Team as they present the revised CMHA HK training program &#8211; covering Leadership &amp; Manager training, mental health essentials for general employees, and modules targeting specific employee life stages.                                            <\/div>\n                                                                                <div class=\"md:mt-5 mt-3 flex justify-between items-center\">\n                                            <p class=\"text-eyebrow font-medium leading-[normal] text-black-text-medium mr-1\">\n                                                2025\u5e741\u670814\u65e5,\u661f\u671f\u4e8c                                            <\/p>\n                                            <button\n                                                class=\"inline-flex items-center text-eyebrow font-bold leading-[160%] text-primary-button group-hover:text-complimentary-orange\">\n                                                <span\n                                                    class=\"font-secondary\">\u95b1\u8b80\u66f4\u591a<\/span>\n                                                <img decoding=\"async\" class=\"w-[26px] h-[26px] min-w-[26px] ml-[10px]\n                                group-hover:filter group-hover:[filter:brightness(0)_saturate(100%)_invert(45%)_sepia(28%)_saturate(4290%)_hue-rotate(15deg)_brightness(105%)_contrast(101%)]\"\n                                                    src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/right-arrow-normal-line.svg\"\n                                                    alt=\"left arrow\">\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/a>\n                                                                                <\/div>\n                                    <\/div>\n                                            <div class=\"lg:mt-20 mt-10 custom-pagination flex justify-center items-center\">\n            <a href=\"#\"\n                class=\"opacity-30 cursor-not-allowed pointer-events-none\">\n                <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/pagination-left.svg\"\n                    alt=\"left\">\n            <\/a>\n                            <a href=\"\/tc\/wp-json\/wp\/v2\/pages\/4001\"\n                    class=\"active\">\n                    1                <\/a>\n                            <a href=\"\/tc\/wp-json\/wp\/v2\/pages\/4001?event_page=2\"\n                    class=\"\">\n                    2                <\/a>\n                            <a href=\"\/tc\/wp-json\/wp\/v2\/pages\/4001?event_page=3\"\n                    class=\"\">\n                    3                <\/a>\n                                <a href=\"#\" class=\"pointer-events-none\">&#8230;<\/a>\n                                <a href=\"\/tc\/wp-json\/wp\/v2\/pages\/4001?event_page=8\"\n                    class=\"\">\n                    8                <\/a>\n                        <a href=\"\/tc\/wp-json\/wp\/v2\/pages\/4001?event_page=2\"\n                class=\"\">\n                <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/pagination-right.svg\"\n                    alt=\"right\">\n            <\/a>\n        <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<div class=\"fixed w-full h-full top-0 left-0 z-[13] bg-[#000] bg-opacity-65 member-access-popup hidden\">\n    <div class=\"absolute bg-white left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full rounded-[20px] rounded-tr-none\n    md:max-w-[673px] max-w-[85%]\">\n        <div class=\"md:px-[60px] md:py-[60px] sm:px-10 sm:py-10 px-5 py-9\">\n            <button class=\"absolute sm:right-5 right-3 sm:top-5 top-3 z-[2] close-btn\">\n                <img decoding=\"async\" src=\"https:\/\/www.cmhahk.org\/wp-content\/themes\/cmha-hk\/public\/images\/icons\/close-black.svg\"\n                    alt=\"close\" class=\"\">\n            <\/button>\n            <div class=\"heading4 font-bold leading-[normal] text-black_333 text-center\">\n                \u9700\u8981\u6703\u54e1\u767b\u5165\uff01            <\/div>\n            <div class=\"md:mt-10 mt-5 text-body-lg text-center font-normal leading-[160%] text-text-black\">\n                \u6b64\u9801\u9762\u53ea\u4f9b\u6703\u54e1\u4f7f\u7528\u3002\u8acb\u5148\u767b\u5165\u5e33\u6236\uff0c\u4ee5\u7e7c\u7e8c\u4e26\u700f\u89bd\u5c08\u5c6c\u5167\u5bb9\u3002            <\/div>\n            <div class=\"lg:mt-10 mt-5 grid sm:grid-cols-2 lg:gap-10 md:gap-5 gap-3\">\n                <button\n                    class=\"close-btn md:px-5 px-3 py-[11px] bg-white hover:bg-black border border-black-medium rounded-lg rounded-tr-none text-body-lg font-bold text-black-text-medium text-center leading-[normal]\">\n                    \u53d6\u6d88                <\/button>\n                <a href=\"https:\/\/www.cmhahk.org\/tc\/login\/\"\n                    class=\"arrow-button md:px-5 px-3 py-3 bg-brand-orange rounded-lg rounded-tr-none text-body-lg font-bold text-primary-button text-center leading-[normal]\">\n                    \u524d\u5f80\u767b\u5165\u9801\u9762                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const memberOnlyEvents = document.querySelectorAll('.member-only-event');\n        const popup = document.querySelector('.member-access-popup');\n        const closeButtons = document.querySelectorAll('.close-btn');\n        const isUserLoggedIn = false;\n\n        \/\/ Handle member-only event clicks\n        memberOnlyEvents.forEach(function (eventCard) {\n            eventCard.addEventListener('click', function (e) {\n                if (!isUserLoggedIn) {\n                    e.preventDefault();\n                    if (popup) {\n                        popup.classList.remove('hidden');\n                    }\n                }\n            });\n        });\n\n        \/\/ Close popup handlers\n        closeButtons.forEach(function (button) {\n            button.addEventListener('click', function () {\n                if (popup) {\n                    popup.classList.add('hidden');\n                }\n            });\n        });\n\n        \/\/ Close popup when clicking outside\n        if (popup) {\n            popup.addEventListener('click', function (e) {\n                if (e.target === popup) {\n                    popup.classList.add('hidden');\n                }\n            });\n        }\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4001","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/4001","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/comments?post=4001"}],"version-history":[{"count":13,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/4001\/revisions"}],"predecessor-version":[{"id":6937,"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/pages\/4001\/revisions\/6937"}],"wp:attachment":[{"href":"https:\/\/www.cmhahk.org\/tc\/wp-json\/wp\/v2\/media?parent=4001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}