{"id":980,"date":"2024-04-09T08:59:49","date_gmt":"2024-04-09T08:59:49","guid":{"rendered":"https:\/\/www.youthclic.hk\/home-page-update\/"},"modified":"2025-03-31T07:24:24","modified_gmt":"2025-03-31T07:24:24","slug":"%e4%b8%bb%e9%a1%b5","status":"publish","type":"page","link":"https:\/\/www.youthclic.hk\/cn\/","title":{"rendered":"\u4e3b\u9875"},"content":{"rendered":"\n<div id=\"hkclic-home-banner\" class=\"hkclic-home-banner hero\">\n    <div class=\"clic-desktop bg-no-repeat bg-cover bg-center py-[99px] w-full hidden sm:block h-[600px]\"\n        style='background-image: url(https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-home-banner.png);'>\n        <div class=\"mx-auto container text-white\">\n            <div class=\"w-full max-w-[736px]\">\n                <h1 class=\"hero-title heading1 font-semibold\">\n                    \u9999\u6e2f\u9752\u5c11\u5e74\u793e\u5340\u6cd5\u5f8b\u8cc7\u8a0a                <\/h1>\n                <p class=\"hero-des mt-5 mb-10 heading5\">\u9752\u5e74\u793e\u533a\u6cd5\u7f51\u662f\u4e00\u4e2a\u4e13\u95e8\u4e3a\u9999\u6e2f\u9752\u5c11\u5e74\u800c\u8bbe\u7684\u53cc\u8bed\u6cd5\u5f8b\u8d44\u8baf\u7f51\u7ad9\uff0c\u4e3a\u9752\u5c11\u5e74\u63d0\u4f9b\u57fa\u672c\u7684\u6cd5\u5f8b\u8d44\u8baf\u3001\u53ca\u4e0e\u9752\u5c11\u5e74\u606f\u606f\u76f8\u5173\u7684\u6cd5\u5f8b\u77e5\u8bc6\u3002<\/p>\n                <a href=\"https:\/\/www.youthclic.hk\/cn\/topics\/\"\n                    class=\"view-all-topics-btn text-white bg-primary border-[2px] border-primary hover:bg-white hover:text-primary transition heading5 rounded-[4px] block h-[45px] xl:h-[50px] 3xl:h-[60px] 5xl:h-[70px] px-5 5xl:px-10 max-w-max flex items-center justify-center\">\n                    \u67e5\u770b\u6240\u6709\u4e3b\u984c                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"clic-mobile bg-no-repeat bg-cover bg-center py-[50px] w-full block sm:hidden\"\n        style='background-image: url(https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/05\/new-banner-mobile.jpg);'>\n        <div class=\"mx-auto container text-white relative z-[1]\">\n            <div class=\"w-full max-w-[736px]\">\n                <h1 class=\"hero-title heading1 font-semibold\">\n                    \u9999\u6e2f\u9752\u5c11\u5e74\u793e\u5340\u6cd5\u5f8b\u8cc7\u8a0a                <\/h1>\n                <p class=\"hero-des mt-5 mb-10 heading5\">\u9752\u5e74\u793e\u533a\u6cd5\u7f51\u662f\u4e00\u4e2a\u4e13\u95e8\u4e3a\u9999\u6e2f\u9752\u5c11\u5e74\u800c\u8bbe\u7684\u53cc\u8bed\u6cd5\u5f8b\u8d44\u8baf\u7f51\u7ad9\uff0c\u4e3a\u9752\u5c11\u5e74\u63d0\u4f9b\u57fa\u672c\u7684\u6cd5\u5f8b\u8d44\u8baf\u3001\u53ca\u4e0e\u9752\u5c11\u5e74\u606f\u606f\u76f8\u5173\u7684\u6cd5\u5f8b\u77e5\u8bc6\u3002<\/p>\n                <a href=\"https:\/\/www.youthclic.hk\/cn\/topics\/\"\n                    class=\"view-all-topics-btn text-white bg-primary border-[2px] border-primary hover:bg-white hover:text-primary transition heading5 rounded-[4px] block h-[45px] xl:h-[50px] 3xl:h-[60px] 5xl:h-[70px] px-5 5xl:px-10 max-w-max flex items-center justify-center\">\n                    \u67e5\u770b\u6240\u6709\u4e3b\u984c                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"hkclic-topic-block\" class=\"hkclic-topic-block py-5 lg:py-[80px] bg-topicbg\">\n    <div class=\"mx-auto container\">\n        <div class=\"container-sm\">\n            <div class=\"topic-title mb-5 lg:mb-[60px]\">\n                <h2 class=\"heading2 text-center font-semibold\">\u4e3b\u9898<\/h2>\n            <\/div>    \n            <div class=\"topic-container grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 lg:gap-5 3xl:gap-10\">\n           \n                                  <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/sexual-offences-unlawful-sexual-intercourse-with-a-girl-under-13-years-of-age\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-sexual.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       \u6027\u72af\u7f6a                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/cyber-crimes-unauthorized-access-to-a-computer-by-telecommunications\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-cyber-1.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       \u7f51\u7edc\u72af\u7f6a                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/bullying-and-triad-related-crimes-criminal-intimidation\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-violence.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                        \u6b3a\u51cc\u3001\u66b4\u529b\u548c\u5e2e\u6d3e                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/theft-and-drugs-crimes-driving-without-a-licence\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-driving.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       \u4ea4\u901a\u8fdd\u89c4                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/theft-and-drugs-crimes-burglary\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-dishonest.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       \u4e0e\u4e0d\u8bda\u5b9e\u6709\u5173\u7f6a\u884c                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/theft-and-drugs-crimes-possession-of-dangerous-drugs\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-drug.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       \u6bd2\u54c1\u72af\u7f6a                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/cyber-bullying-what-is-cyberbullying\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-bully.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       \u7f51\u7edc\u7db2\u7d61                    <\/div>\n                <\/a>\n                                  <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/the-rule-of-law\/\" class=\"topic-card block group cursor-pointer\">\n                    <div class=\"tc-image bg-white border-[2px] border-topicgrey rounded-[4px] group-hover:border-primary flex items-center justify-center h-[145px] xs:h-[160px] lg:h-[240px]\">\n                       \n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-topic-legal.png\" class=\"topic-image w-full h-full object-contain\"\/>\n                       \n                    <\/div>\n                    <div class=\"tc-title font-semibold heading4 pt-2 lg:pt-5 text-center group-hover:text-primary group-hover:underline\">\n                       \u6211\u4eec\u7684\u6cd5\u5f8b\u5236\u5ea6                    <\/div>\n                <\/a>\n                               \n            <\/div> \n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div id=\"hkclic-features\" class=\"hkclic-features py-5 lg:py-[80px]\">\n   <div class=\"mx-auto container\">\n        <div class=\"container-sm\">\n            <div class=\"features-title mb-5 lg:mb-[60px]\">\n                <h2 class=\"heading2 text-center font-semibold\"> \u7279\u8272\u9875\u9762<\/h2>\n            <\/div>  \n            <div class=\"features-container grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 lg:gap-5 3xl:gap-10\">\n\n                            <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/sexual-offences-unlawful-sexual-intercourse-with-a-girl-under-13-years-of-age\/\" class=\"features-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] after:content-[' '] after:w-full after:h-full after:bg-[#0003] after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                    <div class=\"feature-bg-container w-full h-full rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-features1.png\" alt=\"feature-bg\" class=\"feature-bg w-full h-full\"\/>   \n                    <\/div>\n                    <div class=\"feat-main absolute top-0 left-0 z-[1] w-full h-full flex flex-col justify-between text-white\">\n                        <div class=\"p-[10px] lg:p-[20px]\">\n                            <button class=\"go-more-btn flex items-center w-[20px] h-[20px] lg:w-[40px] lg:h-[40px] rounded-full ml-auto group transition\">\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-default.svg\" alt=\"go-more-default-icon\" class=\"w-full h-full object-contain group-hover:hidden go-more-default\"\/>\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-hover.svg\" alt=\"go-more-hover-icon\" class=\"w-full h-full object-contain hidden group-hover:block go-more-hover\"\/>\n                            <\/button>\n                        <\/div>                                 \n                        <div class=\"fill-up-black p-[15px] 6xl:px-[32px] 6xl:py-[20px]\">\n                            <div class=\"feat-link font-semibold body-2 underline mb-[5px] lg:mb-[10px] overflow-hidden custom-ellipsis-2 uppercase\">\n                            \u6027\u72af\u7f6a                            <\/div>\n                            <div class=\"feat-title font-semibold heading5 overflow-hidden custom-ellipsis-3\">\n                                \u900f\u8fc7\u5a01\u80c1\u6216\u6050\u5413\u83b7\u53d6\u975e\u6cd5\u6027\u884c\u4e3a\r\n                            <\/div>\n                        <\/div>                  \n                    <\/div>\n                    \n                <\/a>\n               \n                                <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/cyber-crimes-unauthorized-access-to-a-computer-by-telecommunications\/\" class=\"features-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] after:content-[' '] after:w-full after:h-full after:bg-[#0003] after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                    <div class=\"feature-bg-container w-full h-full rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-features2.png\" alt=\"feature-bg\" class=\"feature-bg w-full h-full\"\/>   \n                    <\/div>\n                    <div class=\"feat-main absolute top-0 left-0 z-[1] w-full h-full flex flex-col justify-between text-white\">\n                        <div class=\"p-[10px] lg:p-[20px]\">\n                            <button class=\"go-more-btn flex items-center w-[20px] h-[20px] lg:w-[40px] lg:h-[40px] rounded-full ml-auto group transition\">\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-default.svg\" alt=\"go-more-default-icon\" class=\"w-full h-full object-contain group-hover:hidden go-more-default\"\/>\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-hover.svg\" alt=\"go-more-hover-icon\" class=\"w-full h-full object-contain hidden group-hover:block go-more-hover\"\/>\n                            <\/button>\n                        <\/div>                                 \n                        <div class=\"fill-up-black p-[15px] 6xl:px-[32px] 6xl:py-[20px]\">\n                            <div class=\"feat-link font-semibold body-2 underline mb-[5px] lg:mb-[10px] overflow-hidden custom-ellipsis-2 uppercase\">\n                            \u7f51\u7edc\u72af\u7f6a                            <\/div>\n                            <div class=\"feat-title font-semibold heading5 overflow-hidden custom-ellipsis-3\">\n                                \u85c9\u7535\u8baf\u800c\u5728\u672a\u83b7\u6388\u6743\u4e0b\u53d6\u7528\u7535\u8111\u8d44\u6599                            <\/div>\n                        <\/div>                  \n                    <\/div>\n                    \n                <\/a>\n               \n                                <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/bullying-and-triad-related-crimes-assault-occasioning-actual-bodily-harm-aoabh\/\" class=\"features-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] after:content-[' '] after:w-full after:h-full after:bg-[#0003] after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                    <div class=\"feature-bg-container w-full h-full rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-features3.png\" alt=\"feature-bg\" class=\"feature-bg w-full h-full\"\/>   \n                    <\/div>\n                    <div class=\"feat-main absolute top-0 left-0 z-[1] w-full h-full flex flex-col justify-between text-white\">\n                        <div class=\"p-[10px] lg:p-[20px]\">\n                            <button class=\"go-more-btn flex items-center w-[20px] h-[20px] lg:w-[40px] lg:h-[40px] rounded-full ml-auto group transition\">\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-default.svg\" alt=\"go-more-default-icon\" class=\"w-full h-full object-contain group-hover:hidden go-more-default\"\/>\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-hover.svg\" alt=\"go-more-hover-icon\" class=\"w-full h-full object-contain hidden group-hover:block go-more-hover\"\/>\n                            <\/button>\n                        <\/div>                                 \n                        <div class=\"fill-up-black p-[15px] 6xl:px-[32px] 6xl:py-[20px]\">\n                            <div class=\"feat-link font-semibold body-2 underline mb-[5px] lg:mb-[10px] overflow-hidden custom-ellipsis-2 uppercase\">\n                            \u6b3a\u51cc\u3001\u66b4\u529b\u548c\u5e2e\u6d3e                            <\/div>\n                            <div class=\"feat-title font-semibold heading5 overflow-hidden custom-ellipsis-3\">\n                                \u88ad\u51fb\u81f4\u9020\u6210\u8eab\u4f53\u4f24\u5bb3                            <\/div>\n                        <\/div>                  \n                    <\/div>\n                    \n                <\/a>\n               \n                                <a href=\"https:\/\/www.youthclic.hk\/cn\/topic\/theft-and-drugs-crimes-driving-a-motor-vehicle-under-the-influence-of-drink-or-drugs\/\" class=\"features-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] after:content-[' '] after:w-full after:h-full after:bg-[#0003] after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                    <div class=\"feature-bg-container w-full h-full rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-features4.png\" alt=\"feature-bg\" class=\"feature-bg w-full h-full\"\/>   \n                    <\/div>\n                    <div class=\"feat-main absolute top-0 left-0 z-[1] w-full h-full flex flex-col justify-between text-white\">\n                        <div class=\"p-[10px] lg:p-[20px]\">\n                            <button class=\"go-more-btn flex items-center w-[20px] h-[20px] lg:w-[40px] lg:h-[40px] rounded-full ml-auto group transition\">\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-default.svg\" alt=\"go-more-default-icon\" class=\"w-full h-full object-contain group-hover:hidden go-more-default\"\/>\n                                <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/themes\/hkclic\/public\/images\/hkclic\/features\/hkclic-go-more-hover.svg\" alt=\"go-more-hover-icon\" class=\"w-full h-full object-contain hidden group-hover:block go-more-hover\"\/>\n                            <\/button>\n                        <\/div>                                 \n                        <div class=\"fill-up-black p-[15px] 6xl:px-[32px] 6xl:py-[20px]\">\n                            <div class=\"feat-link font-semibold body-2 underline mb-[5px] lg:mb-[10px] overflow-hidden custom-ellipsis-2 uppercase\">\n                            \u4ea4\u901a\u8fdd\u89c4                            <\/div>\n                            <div class=\"feat-title font-semibold heading5 overflow-hidden custom-ellipsis-3\">\n                                \u5728\u9152\u7c7b\u6216\u836f\u7269\u5f71\u54cd\u4e0b\u9a7e\u9a76\u6c7d\u8f66                            <\/div>\n                        <\/div>                  \n                    <\/div>\n                    \n                <\/a>\n               \n                                \n            <\/div> \n        <\/div>\n   <\/div>\n<\/div>\n\n<div id=\"hkclic-features-videos\" class=\"hkclic-features-videos py-5 lg:py-[80px] bg-featlightyellow\">\n    <div class=\"mx-auto container\">\n        <div class=\"container-sm\">\n            <div class=\"featvideo-title mb-5 lg:mb-[60px]\">\n                <h2 class=\"heading2 text-center font-semibold\">\u4e2a\u6848\u77ed\u7247<\/h2>\n            <\/div>  \n            <div class=\"featvideo-container grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 lg:gap-5 3xl:gap-8\">\n                            <a href=\"https:\/\/www.youthclic.hk\/cn\/video\/sexual-offences-drunken-rape\/\" class=\"featvideo-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] cus-transition hover:translate-y-[-10px]\">\n                    <div class=\"featvideo-bg-container relative w-full rounded-[4px] after:content-[' '] after:w-full after:h-full after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-video1.png\" alt=\"simple bg\" class=\"case-bg w-full h-full object-cover rounded-[4px]\"\/>   \n                       \n                    <\/div> \n                    <div class=\"video-title heading5 text-white absolute bottom-0 left-0 p-2 xl:p-5 6xl:px-[40px] 6xl:py-[20px] overflow-hidden custom-ellipsis-1\">\n                        \u9189\u5978                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.youthclic.hk\/cn\/video\/sexual-offences-the-early-maturing-children\/\" class=\"featvideo-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] cus-transition hover:translate-y-[-10px]\">\n                    <div class=\"featvideo-bg-container relative w-full rounded-[4px] after:content-[' '] after:w-full after:h-full after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-video2.png\" alt=\"simple bg\" class=\"case-bg w-full h-full object-cover rounded-[4px]\"\/>   \n                       \n                    <\/div> \n                    <div class=\"video-title heading5 text-white absolute bottom-0 left-0 p-2 xl:p-5 6xl:px-[40px] 6xl:py-[20px] overflow-hidden custom-ellipsis-1\">\n                        \u65e9\u719f\u5b69\u5b50                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.youthclic.hk\/cn\/video\/sexual-offences-videos-of-love-and-hate\/\" class=\"featvideo-card relative bg-no-repeat bg-cover bg-center block group cursor-pointer rounded-[4px] cus-transition hover:translate-y-[-10px]\">\n                    <div class=\"featvideo-bg-container relative w-full rounded-[4px] after:content-[' '] after:w-full after:h-full after:absolute after:top-0 after:left-0 after:z-[0] after:rounded-[4px]\">\n                        <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-temp-video3.png\" alt=\"simple bg\" class=\"case-bg w-full h-full object-cover rounded-[4px]\"\/>   \n                       \n                    <\/div> \n                    <div class=\"video-title heading5 text-white absolute bottom-0 left-0 p-2 xl:p-5 6xl:px-[40px] 6xl:py-[20px] overflow-hidden custom-ellipsis-1\">\n                        \u7231\u6068\u77ed\u7247                    <\/div>\n                <\/a>\n                        <\/div>\n                    <\/div>       \n    <\/div>\n<\/div>\n\n\n<div id=\"hkclic-swiper\" class=\"hkclic-swiper py-5 lg:py-[80px]\">\n    <div class=\"mx-auto container\">\n        <div class=\"container-md\">\n            <h2 class=\"heading2 font-semibold text-center mb-5 lg:mb-10 3xl:mb-[60px] text-headblack\">\u6700\u65b0\u6d88\u606f<\/h2>\n            <!-- Slider main container -->\n            <div class=\"swiper px-[100px] \">\n                <!-- Additional required wrapper -->\n                <div class=\"swiper-wrapper lg:h-[400px] mb-[50px] lg:mb-[60px]\">\n                    <!-- Slides -->\n                                        <div class=\"swiper-slide\">\n                        <div class=\"swiper-inner-card grid grid-cols-1 lg:grid-cols-2\">\n                            <div class=\"swiper-thumbnail\">\n                                <a href=\"\" class=\"swiper-link\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2025\/03\/CRec-Banner-1255x839_renamed.png\"\n                                        class=\"swiper-image \" \/>\n                                <\/a>\n                            <\/div>\n                            <div class=\"swiper-block\">\n                                <div class=\"swiper-block-inner\">\n                                    <h4 class=\"heading4 font-semibold text-headblack \"><\/h4>\n                                    <p>\n                                    <p>\u300c\u793e\u533a\u6cd5\u7f51\u667a\u80fd\u63a8\u8350\u7cfb\u7edf\u300d(CRec) \u6b63\u5f0f\u63a8\u51fa\uff01\u8fd9\u6b3e\u4eba\u5de5\u667a\u80fd\u9a71\u52a8\u7684\u6cd5\u5f8b\u8d44\u8baf\u641c\u5bfb\u5de5\u5177\uff0c\u53ef\u4ee5\u6839\u636e\u60a8\u7684\u6cd5\u5f8b\u95ee\u9898\u6216\u8005\u60c5\u5883\uff0c\u63a8\u8350\u793e\u533a\u6cd5\u7f51\u4e0a\u6700\u76f8\u5173\u7684\u8d44\u8baf\u9875\u9762\u3002\u4e0d\u8bba\u60a8\u662f\u6cd5\u5f8b\u4e13\u4e1a\u4eba\u58eb\u5b9a\u8fd8\u662f\u65b0\u624b\uff0cCRec \u90fd\u80fd\u5e2e\u60a8\u5feb\u901f\u627e\u5230\u6240\u9700\u7684\u6cd5\u5f8b\u8d44\u8baf\u3002<a href=\"https:\/\/clic.org.hk\/app\/recommender\" target=\"_blank\" rel=\"noopener\">\u7acb\u5373\u4f53\u9a8c<\/a>\u3002<\/p>\n                                    <\/p>\n                                                                    <\/div>                               \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"swiper-slide\">\n                        <div class=\"swiper-inner-card grid grid-cols-1 lg:grid-cols-2\">\n                            <div class=\"swiper-thumbnail\">\n                                <a href=\"\" class=\"swiper-link\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/hkclic-slider1.png\"\n                                        class=\"swiper-image \" \/>\n                                <\/a>\n                            <\/div>\n                            <div class=\"swiper-block\">\n                                <div class=\"swiper-block-inner\">\n                                    <h4 class=\"heading4 font-semibold text-headblack \">\u901a\u8bc6\u6559\u80b2\u514d\u8d39\u4e0b\u8f7d<\/h4>\n                                    <p>\n                                    <p><span class=\"\">\u9752\u5e74\u793e\u533a\u6cd5\u7f51\u4e0e\u9999\u6e2f\u5927\u5b66\u6559\u80b2\u5b66\u9662\u5408\u4f5c\uff0c\u5c06\u9752\u5e74\u793e\u533a\u6cd5\u7f51\u5185\u5bb9\u7f16\u5199\u6210\u4e2d\u5b66\u901a\u8bc6\u79d1\u6559\u6750\uff0c\u6b22\u8fce<\/span><a class=\"basic_form--link--7lLmB blue_link--blueLink--9rlnd comment_message--linkified--hR5xo\" rel=\"noopener nofollow noreferrer ugc\" data-tooltip-type=\"special\" data-tooltip=\"tooltip-hyperlink-popup\" data-tooltip-show-above=\"true\" data-tooltip-unconstrain-width=\"true\" data-tooltip-editor-type=\"fullscreen\" data-tooltip-url-string=\"https:\/\/youthclic.hk\/LS_teaching.pdf\" data-tooltip-interactive=\"true\" data-tooltip-precise=\"true\">\u6309\u6b64<\/a><span class=\"\">\u514d\u8d39\u4e0b\u8f7d\u6559\u6750\uff08\u53ea\u8bbe\u4e2d\u6587\u7248\uff09\u3002<\/span><\/p>\n                                    <\/p>\n                                                                        <a href=\"https:\/\/www.youthclic.hk\/wp-content\/uploads\/2024\/04\/LS_teaching.pdf\" class=\"download-link font-semibold\">\n                                        <span class=\"flex items-center group border-b-[2px] border-b-white hover:border-b-primary hover:text-primary\">\n                                        \u4e0b\u8f7d\u6559\u5b66\u5305                                            <svg class=\"ml-[10px]\" width=\"8\" height=\"13\" viewBox=\"0 0 8 13\" fill=\"none\"\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <path\n                                                    d=\"M7.33358 6.03176L1.99343 0.691706C1.86992 0.568097 1.70504 0.5 1.52924 0.5C1.35343 0.5 1.18856 0.568097 1.06504 0.691706L0.671779 1.08487C0.415879 1.34107 0.415879 1.75745 0.671779 2.01326L5.15604 6.49751L0.666803 10.9867C0.543292 11.1104 0.475098 11.2751 0.475098 11.4508C0.475098 11.6267 0.543292 11.7915 0.666803 11.9152L1.06007 12.3083C1.18368 12.4319 1.34846 12.5 1.52426 12.5C1.70006 12.5 1.86494 12.4319 1.98845 12.3083L7.33358 6.96336C7.45738 6.83936 7.52538 6.6738 7.52499 6.49781C7.52538 6.32112 7.45738 6.15566 7.33358 6.03176Z\"\n                                                    fill=\"#2B2B2B\" \/>\n                                            <\/svg>\n                                        <\/span>\n                                    <\/a>\n                                                                    <\/div>                               \n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n                                <div class=\"navigation absolute w-full h-0 left-1\/2 top-1\/2 z-10 -translate-y-1\/2 -translate-x-1\/2\">\n                    <button class=\"prev-btn 5xl:w-[60px] 5xl:h-[60px] xl:w-[50px] xl:h-[50px] w-[35px] h-[35px] rounded-full bg-[#EEEEEE]\">\n                        <svg class=\"5xl:w-full xl:w-1\/2 w-[18px]\" width=\"30\" height=\"22\" viewBox=\"0 0 30 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M28.3334 11L1.66675 11M1.66675 11L11.6667 1M1.66675 11L11.6667 21\" stroke=\"#2B2B2B\"\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n\n                    <\/button>\n\n                    <button class=\"next-btn 5xl:w-[60px] 5xl:h-[60px] xl:w-[50px] xl:h-[50px] w-[35px] h-[35px] rounded-full bg-[#EEEEEE]\">\n                        <svg class=\"5xl:w-full xl:w-1\/2 w-[18px]\" width=\"30\" height=\"22\" viewBox=\"0 0 30 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M1.66664 11L28.3333 11M28.3333 11L18.3333 21M28.3333 11L18.3333 1\" stroke=\"#2B2B2B\"\n                                stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n\n                    <\/button>\n                <\/div>\n                <div class=\"swiper-pagination\"><\/div>\n                            <\/div>\n            \n        <\/div>\n    <\/div>\n\n\n<\/div>","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-980","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.youthclic.hk\/cn\/wp-json\/wp\/v2\/pages\/980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.youthclic.hk\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.youthclic.hk\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.youthclic.hk\/cn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.youthclic.hk\/cn\/wp-json\/wp\/v2\/comments?post=980"}],"version-history":[{"count":2,"href":"https:\/\/www.youthclic.hk\/cn\/wp-json\/wp\/v2\/pages\/980\/revisions"}],"predecessor-version":[{"id":2758,"href":"https:\/\/www.youthclic.hk\/cn\/wp-json\/wp\/v2\/pages\/980\/revisions\/2758"}],"wp:attachment":[{"href":"https:\/\/www.youthclic.hk\/cn\/wp-json\/wp\/v2\/media?parent=980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}