{"id":478,"date":"2021-10-22T14:28:09","date_gmt":"2021-10-22T06:28:09","guid":{"rendered":"http:\/\/jcafc-port.hk\/build_an_age_friendly_environment\/age-friendly-transport\/"},"modified":"2022-08-12T12:14:24","modified_gmt":"2022-08-12T04:14:24","slug":"age-friendly-transport","status":"publish","type":"build_an_afe","link":"https:\/\/jcafc-port.hk\/zh-hant\/build-an-age-friendly-environment\/age-friendly-transport\/","title":{"rendered":"\u9f61\u6d3b\u9032\u51fa\u793e\u5340"},"content":{"rendered":"<div class=\"blocks-spacing max-w-5xl mx-auto lg:px-6 px-4\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"500\" x-init=\" AOS.init(); \">\n        <div class=\"lg:mt-12 mt-4\">\n        <h2 class=\"section-title\">\n            \u9577\u8005\u53ca\u5e74\u9f61\u53cb\u5584\u7684\u4ea4\u901a\u8a2d\u65bd\u548c\u670d\u52d9\uff0c\u80fd\u9f13\u52f5\u9577\u8005\u591a\u5916\u51fa\u793e\u5340\uff0c\u53c3\u8207\u4e0d\u540c\u7684\u6d3b\u52d5\uff0c\u4e26\u7372\u5f97\u6240\u9700\u7684\u670d\u52d9\u3002                    <\/h2>\n    <\/div>\n        \n        <div class=\"lg:mt-6 mt-4\">\n        <div class=\"max-w-4xl mx-auto px-6\">\n            <div>\n                <div class=\"text-my-blue-dark lg:mt-8 text-center lg:text-base text-sm\">\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n\n<div class=\"max-w-3xl m-auto lg:px-6 px-4 blocks-spacing relative\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\"  x-init=\" AOS.init(); \">\n    <!-- \/\/phone-frame-slider -->\n   \n    <div class=\"relative\" x-init=\"\n                           \n                        \">\n        <div\n            class=\"swiper_block_6182428f7b3cc-prev swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 mt-0 transform -translate-y-1\/2 lg:-translate-x-20 -translate-x-4 left-0\">\n            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\" alt=\"\">\n        <\/div>\n        <div\n            class=\"phone-frame lg:w-full w-64  mx-auto block bg-my-gray-phone rounded-lg relative before:content-[''] before:block before:h-8 before:w-8 before:rounded-circle lg:before:ml-4 lg:before:mb-0 before:mb-2   before:absolute lg:before:left-0 before:left-1\/2 before:bottom-0 lg:before:bottom-auto lg:before:top-1\/2 before:transform lg:before:-translate-y-1\/2 lg:before:translate-x-0  before:-translate-x-1\/2 before:bg-my-gray-phone-button after:content-[''] after:block after:absolute lg:after:right-0 lg:after:top-1\/2 after:-top-0 lg:after:left-auto after:left-1\/2  after:transform after:-translate-y-1\/2 lg:after:translate-x-0 after:-translate-x-1\/2  lg:after:mr-4 after:mr-0 after:mt-4 lg:after:h-24 after:h-2 lg:after:w-2 after:w-24 after:bg-my-gray-phone-button after:rounded-lg lg:py-4 pt-8 pb-12 lg:pl-16 lg:px-10 px-4 shadow-phone-frame\">\n            <div class=\"w-full h-full bg-white\">\n                <div class=\"swiper-app-swiper swiper-container swiper swiper_block_6182428f7b3cc h-full\" data-swiper-name=\"swiper_block_6182428f7b3cc\">\n                    <div class=\"swiper-wrapper relative\">\n                                                                                                <div class=\"swiper-slide h-auto\">\n                            <div class=\"flex flex-wrap h-full\">\n                                <div class=\"lg:w-4\/12 w-full lg:px-6 px-4 lg:py-8 py-4\">\n                                    <div>\n                                        <div>\n                                            <img decoding=\"async\" class=\"mx-auto rounded-xl lg:w-20 lg:h-20 w-12 h-12\" src=\"https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/\u53cb\u5584\u9f61\u6d3b\u4ea4\u901a.png\" alt=\"\u53cb\u5584\u9f61\u6d3b\u4ea4\u901a\">\n                                        <\/div>\n                                        <div class=\"text-center lg:mt-6 mt-4\">\n                                            <span class=\"lg:text-base text-sm\">\n                                                \u6309\u6b64\u4e0b\u8f09\uff1a                                             <\/span>\n                                        <\/div>\n                                        <div class=\"mt-4 lg:block flex justify-center gap-x-2\">\n                                            <a class=\"block\" href=\"https:\/\/apps.apple.com\/hk\/app\/%E5%8F%8B%E5%96%84%E9%BD%A1%E6%B4%BB%E4%BA%A4%E9%80%9A\/id1356938346\" target=\"_blank\" rel=\"noopener\">\n                                                <img decoding=\"async\" class=\"mx-auto lg:w-auto w-24\"\n                                                    src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/apple-store-download.png\"\n                                                    alt=\"apple store\">\n                                            <\/a>\n                                            <a class=\"lg:mt-4 block\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.mcsl.jcafctrans&#038;hl=zh_HK&#038;gl=US\" target=\"_blank\" rel=\"noopener\">\n                                                <img decoding=\"async\" class=\"mx-auto lg:w-auto w-24\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/google-play-download.png\" alt=\"google play\">\n                                            <\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"lg:w-8\/12 w-full bg-my-purple-background lg:px-6 px-4 lg:py-8 py-4 flex items-center\">\n                                    <!-- overflow-y-scroll -->\n                                    <div>\n                                        <div>\n                                            <h5 class=\"lg:text-lg text-sm text-my-blue-focus font-medium\"> \u6d41\u52d5\u61c9\u7528\u7a0b\u5f0f | \u53cb\u5584\u9f61\u6d3b\u4ea4\u901a                                                                                    <\/h5>\n                                        <\/div>\n                                        <div>\n                                            <!-- <span class=\"lg:text-sm text-xs\"><\/span> -->\n                                        <\/div>\n                                        <div class=\"mt-4\">\n                                            <div>\n                                                <div  x-init=\"$($el).find('*').css('display', 'contents')\" class=\"lg:leading-8 lg:text-base text-sm line-clamp-6 after:content[] text-my-blue-dark\">\n                                                    <p>\u63d0\u4f9b\u4e5d\u9f8d\u57ce\u5340\u4e0d\u540c\u7684\u793e\u5340\u670d\u52d9\u548c\u4ea4\u901a\u8cc7\u8a0a\uff0c\u5305\u62ec\u91ab\u7642\u3001\u5eb7\u6a02\u6587\u5a1b\u53ca\u793e\u5340\u670d\u52d9\uff0c\u4ee5\u53ca\u4ecb\u7d39\u5168\u6e2f\u5404\u5340\u7684\u4e3b\u8981\u666f\u9ede\u53ca\u5176\u9577\u8005\u53ca\u5e74\u9f61\u53cb\u5584\u6307\u6578\u3002<\/p>\n<p>(\u7531\u8056\u516c\u6703\u8056\u5320\u5802\u9577\u8005\u5730\u5340\u4e2d\u5fc3\u5728<a href=\"https:\/\/www.jcafc.hk\/tc\/Events\/Apps-Kowloon-City.html\" target=\"_blank\" rel=\"noopener\">\u300c\u8cfd\u99ac\u6703\u9f61\u6d3b\u57ce\u5e02\u8a08\u5283 &#8211; \u4e5d\u9f8d\u57ce\u53cb\u5584\u793e\u5340\u61c9\u7528\u7a0b\u5f0f\uff1a\u4ea4\u901a\u300d<\/a>\u4e0b\u88fd\u4f5c)<\/p>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\" flex \">\n                                                                                                                                                \n                                                                                                        <button class=\" learn-more-btn mt-4 border-2 border-my-blue-focus text-my-blue-focus px-4 py-1 rounded-md font-medium flex lg:text-base text-sm lg:mx-0 mx-auto\"\n                                                        @click = \" \n                                                        modal_open = true ;\n                                                        console.log(modal_open)\n                                                        $('.modalcontent').html(' &lt;div class=&quot;z-top max-w-4xl mx-auto w-full relative max-h-screen&quot;&gt; &lt;div class=&quot;bg-white w-full h-full lg:p-8 p-4 rounded-2xl&quot;&gt; &lt;div class=&quot;flex&quot;&gt; &lt;div&gt; &lt;h2 class=&quot;text-my-blue-focus lg:text-2xl text-lg font-medium&quot;&gt; \u6d41\u52d5\u61c9\u7528\u7a0b\u5f0f | \u53cb\u5584\u9f61\u6d3b\u4ea4\u901a &lt;\/h2&gt; &lt;\/div&gt; &lt;div class=&quot;ml-auto&quot;&gt; &lt;button class=&quot;&quot; @click=&quot;modal_open=false&quot;&gt; &lt;svg class=&quot;lg:w-auto w-4&quot; width=&quot;28&quot; height=&quot;28&quot; viewBox=&quot;0 0 28 28&quot; fill=&quot;none&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt; &lt;path d=&quot;M1 1L27 27&quot; stroke=&quot;#9B9B9B&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;\/&gt; &lt;path d=&quot;M27 1L1 27&quot; stroke=&quot;#9B9B9B&quot; stroke-width=&quot;2&quot; stroke-linecap=&quot;round&quot;\/&gt; &lt;\/svg&gt; &lt;\/button&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;div class=&quot;mt-4&quot;&gt; &lt;\/div&gt; &lt;div class=&quot;grid grid-cols-12 h-full&quot;&gt; &lt;div class=&quot;lg:col-span-4 col-span-12 lg:px-6 px-4 lg:py-8 py-4&quot;&gt; &lt;div&gt; &lt;div&gt; &lt;img class=&quot;mx-auto rounded-xl lg:w-20 lg:h-20 w-12 h-12&quot; src=&quot; https:\/\/jcafc-port.hk\/wp-content\/uploads\/2021\/10\/\u53cb\u5584\u9f61\u6d3b\u4ea4\u901a.png &quot; alt=&quot; \u53cb\u5584\u9f61\u6d3b\u4ea4\u901a &quot;&gt; &lt;\/div&gt; &lt;div class=&quot;text-center lg:mt-6 mt-4&quot;&gt; &lt;span class=&quot;lg:text-base text-sm&quot;&gt; \u6309\u6b64\u4e0b\u8f09\uff1a  &lt;\/span&gt; &lt;\/div&gt; &lt;div class=&quot;mt-4 lg:block flex justify-center gap-x-2&quot;&gt; &lt;a target=&quot;_blank&quot; class=&quot;block&quot; href=&quot;https:\/\/apps.apple.com\/hk\/app\/%E5%8F%8B%E5%96%84%E9%BD%A1%E6%B4%BB%E4%BA%A4%E9%80%9A\/id1356938346&quot;&gt; &lt;img class=&quot;mx-auto lg:w-auto w-24&quot; src=&quot;https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/apple-store-download.png&quot; alt=&quot;apple store&quot;&gt; &lt;\/a&gt; &lt;a target=&quot;_blank&quot; class=&quot;lg:mt-4 block&quot; href=&quot;https:\/\/play.google.com\/store\/apps\/details?id=com.mcsl.jcafctrans&amp;hl=zh_HK&amp;gl=US&quot;&gt; &lt;img class=&quot;mx-auto lg:w-auto w-24&quot; src=&quot;https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/google-play-download.png&quot; alt=&quot;google play&quot;&gt; &lt;\/a&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;div class=&quot;lg:col-span-8 col-span-12 lg:px-6 px-4 lg:py-8 py-4 flex items-center&quot;&gt; &lt;div&gt; &lt;p&gt;\u63d0\u4f9b\u4e5d\u9f8d\u57ce\u5340\u4e0d\u540c\u7684\u793e\u5340\u670d\u52d9\u548c\u4ea4\u901a\u8cc7\u8a0a\uff0c\u5305\u62ec\u91ab\u7642\u3001\u5eb7\u6a02\u6587\u5a1b\u53ca\u793e\u5340\u670d\u52d9\uff0c\u4ee5\u53ca\u4ecb\u7d39\u5168\u6e2f\u5404\u5340\u7684\u4e3b\u8981\u666f\u9ede\u53ca\u5176\u9577\u8005\u53ca\u5e74\u9f61\u53cb\u5584\u6307\u6578\u3002&lt;\/p&gt; &lt;p&gt;(\u7531\u8056\u516c\u6703\u8056\u5320\u5802\u9577\u8005\u5730\u5340\u4e2d\u5fc3\u5728&lt;a href=&quot;https:\/\/www.jcafc.hk\/tc\/Events\/Apps-Kowloon-City.html&quot;&gt;\u300c\u8cfd\u99ac\u6703\u9f61\u6d3b\u57ce\u5e02\u8a08\u5283 &amp;#8211; \u4e5d\u9f8d\u57ce\u53cb\u5584\u793e\u5340\u61c9\u7528\u7a0b\u5f0f\uff1a\u4ea4\u901a\u300d&lt;\/a&gt;\u4e0b\u88fd\u4f5c)&lt;\/p&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt; &lt;\/div&gt;');\n                                                        \"\n                                                        \n                                                        >\n                                                            \u67e5\u770b\u5168\u6587                                                        <\/button>\n                                                                                             \n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                \n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div\n            class=\"swiper_block_6182428f7b3cc-next swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40  mt-0 transform -translate-y-1\/2 lg:translate-x-20 translate-x-4 right-0\">\n            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\" alt=\"\">\n        <\/div>\n    <\/div>\n    <!-- phonre frame swiper\/\/ -->\n    <div class=\"text-center\">\n        <div class=\"swiper_block_6182428f7b3cc-pagination w-auto inline lg:mt-8 mt-4 relative bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto bottom-auto\">\n    <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"blocks-spacing\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-data=\"\" x-init=\" AOS.init(); \">\n    <div class=\"max-w-4xl mx-auto px-6 text-center\">\n        <h2 class=\"text-my-blue-focus lg:text-3xl text-xl font-medium\">\n            \u77ed\u7247| \u9577\u8005\u53ca\u5e74\u9f61\u53cb\u5584\u4ea4\u901a\u8a2d\u65bd\u548c\u6d41\u52d5\u61c9\u7528\u7a0b\u5f0f                        <br>\n            <!-- <span class=\"text-sm\">(Chinese version only)<\/span> -->\n        <\/h2>\n    <\/div>\n    <div\n        class=\"tv-swiper-left flex flex-wrap max-w-5xl mx-auto lg:px-6 px-4 items-center lg:pb-0 pb-4\">\n        <div class=\" lg:w-8\/12  w-full\">\n            <div class=\"relative mt-4\" x-data=\"\" x-init=\"\n                console.log();\n                if($($el).find('.swiper-slide-main').length < 2){\n                    $($el).find('.swiper-button-prev, .swiper-button-next, .swiper_block_618243097b3ce-pagination').addClass('hidden')\n                }\n                \">\n                <div class=\"flex\" x-data=\"\" x-init=\"\n                    console.log('')\n                    var video_title_resize = function(){\n                        var total_height = $($el).find('.video_box').height() + $($el).find('.swiper_block_618243097b3ce-small-title').height()\n                        $($el).css( 'min-height' , total_height + 'px' )\n                    }\n                    $(window).on('resize', function(){\n                        video_title_resize()\n                    } )\n                    $(window).on('load',function(){\n                        video_title_resize()\n                    })\n                    \">\n                    <div>\n                        <div\n                            class=\"swiper_block_618243097b3ce-button-prev transform sm:translate-x-0 -translate-x-4 swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 left-auto left-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative h-max mx-auto test_height w-full max-w-2xl\" >\n                        <!-- <div class=\"relative h-max mx-auto test_height w-auto inline\" > -->\n                        <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/tv-frame.png\"\n                            alt=\"\">\n                        <div class=\"absolute top-0 left-0 h-3\/4 w-full xs:px-8 xs:py-4 px-4 py-2 video_box\">\n                        <!-- <div class=\"absolute top-0 left-0  w-full h-3\/4 \"> -->\n                            <div class=\"overflow-hidden h-full\">\n                                <div class=\"video-swiper swiper swiper-container swiper_block_618243097b3ce swiper_block_618243097b3ce-main bg-white h-full w-full\" data-swiper-name=\"swiper_block_618243097b3ce\">\n                                    <div class=\"swiper-wrapper \">\n                                                                                                                                                                <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/LKdrctRoOqw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper swiper-container swiper-small-title swiper_block_618243097b3ce-small-title absolute w-full text-center lg:bottom-0 bottom-0 left-1\/2 -translate_x_50_y_100\">\n                                <div class=\"swiper-wrapper\">\n                                                                                                                                                <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                                                                    <\/h3>\n                                    <\/div>\n                                                                                                        <\/div>\n                                <div class=\"text-center\">\n                                    <div class=\"swiper_block_618243097b3ce-pagination inline bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto\">  <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"swiper_block_618243097b3ce-button-next transform sm:translate-x-0 translate-x-4 swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 right-auto right-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"lg:w-4\/12  w-full lg:mt-0 mt-4\">\n            <div class=\"lg:text-left text-center\">\n                <div class=\"swiper swiper-container swiper_block_618243097b3ce\">\n                    <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                    <\/div>\n                    <div\n                        class=\" text-my-blue-dark text-sm lg:text-base lg:mt-6\">\n                        <p><span style=\"font-weight: 400;\">\u77ed\u7247\u4ecb\u7d39\u9435\u8def\u516c\u53f8\u3001\u5df4\u58eb\u516c\u53f8\u548c\u975e\u653f\u5e9c\u6a5f\u69cb\u6240\u63a8\u52d5\u7684\u9577\u8005\u53ca\u5e74\u9f61\u53cb\u5584\u4ea4\u901a\u8a2d\u65bd\u548c\u6d41\u52d5\u61c9\u7528\u7a0b\u5f0f\u3002<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">(\u7531\u7db2\u4e0a\u5e73\u53f0\u300a\u5065\u5eb7\uff0e\u65e6\u300b\u5728<\/span><a href=\"https:\/\/www.jcafc.hk\/tc\/Resources-Centre\/Videos\/Hieggo-X-Jockey-Club-Age-Friendly-City-Project.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">\u300c\u5065\u5eb7\uff0e\u65e6 x \u8cfd\u99ac\u6703\u9f61\u6d3b\u57ce\u5e02\u8a08\u5283\u300d<\/span><\/a><span style=\"font-weight: 400;\">\u77ed\u7247\u7cfb\u5217\u4e0b\u88fd\u4f5c)<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"blocks-spacing\" data-aos=\"fade-up\" data-aos-once=\"true\" data-aos-easing=\"ease-in-out\" data-aos-duration=\"300\" data-aos-offset=\"200\" x-data=\"\" x-init=\" AOS.init(); \">\n    <div class=\"max-w-4xl mx-auto px-6 text-center\">\n        <h2 class=\"text-my-blue-focus lg:text-3xl text-xl font-medium\">\n            \u77ed\u7247\uff5c\u9f61\u6d3b\u5c0f\u5df4                        <br>\n            <!-- <span class=\"text-sm\">(Chinese version only)<\/span> -->\n        <\/h2>\n    <\/div>\n    <div\n        class=\"tv-swiper-right flex flex-wrap max-w-5xl mx-auto lg:px-6 px-4 items-center lg:pb-0 pb-4\">\n        <div class=\" lg:w-8\/12  w-full\">\n            <div class=\"relative mt-4\" x-data=\"\" x-init=\"\n                console.log();\n                if($($el).find('.swiper-slide-main').length < 2){\n                    $($el).find('.swiper-button-prev, .swiper-button-next, .swiper_block_618243367b3d0-pagination').addClass('hidden')\n                }\n                \">\n                <div class=\"flex\" x-data=\"\" x-init=\"\n                    console.log('')\n                    var video_title_resize = function(){\n                        var total_height = $($el).find('.video_box').height() + $($el).find('.swiper_block_618243367b3d0-small-title').height()\n                        $($el).css( 'min-height' , total_height + 'px' )\n                    }\n                    $(window).on('resize', function(){\n                        video_title_resize()\n                    } )\n                    $(window).on('load',function(){\n                        video_title_resize()\n                    })\n                    \">\n                    <div>\n                        <div\n                            class=\"swiper_block_618243367b3d0-button-prev transform sm:translate-x-0 -translate-x-4 swiper-button-prev bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 left-auto left-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow-left.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"relative h-max mx-auto test_height w-full max-w-2xl\" >\n                        <!-- <div class=\"relative h-max mx-auto test_height w-auto inline\" > -->\n                        <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/build_an_age_friendly_environment\/tv-frame.png\"\n                            alt=\"\">\n                        <div class=\"absolute top-0 left-0 h-3\/4 w-full xs:px-8 xs:py-4 px-4 py-2 video_box\">\n                        <!-- <div class=\"absolute top-0 left-0  w-full h-3\/4 \"> -->\n                            <div class=\"overflow-hidden h-full\">\n                                <div class=\"video-swiper swiper swiper-container swiper_block_618243367b3d0 swiper_block_618243367b3d0-main bg-white h-full w-full\" data-swiper-name=\"swiper_block_618243367b3d0\">\n                                    <div class=\"swiper-wrapper \">\n                                                                                                                                                                <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/4lVQTpUhIME\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                        <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/p2p5SX9jWgo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                        <div class=\"swiper-slide swiper-slide-main w-full\">\n                                                                                        <div x-data=\"\" x-init=\"$($el).find('iframe').addClass('w-full h-full')\" class=\"w-full h-full\">\n                                                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/YnBBFEcYPGk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>                                            <\/div>\n                                                                                    <\/div>\n                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper swiper-container swiper-small-title swiper_block_618243367b3d0-small-title absolute w-full text-center lg:bottom-0 bottom-0 left-1\/2 -translate_x_50_y_100\">\n                                <div class=\"swiper-wrapper\">\n                                                                                                                                                <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            \u4e0b\u4e00\u7ad9\uff1a\u6cb9\u5c16\u65fa\uff08\u9577\u8005\u7bc7\uff09                                        <\/h3>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            \u4e0b\u4e00\u7ad9\uff1a\u6cb9\u5c16\u65fa\uff08\u9752\u5e74\u4eba\u7bc7\uff09                                        <\/h3>\n                                    <\/div>\n                                                                                                            <div class=\"swiper-slide\">\n                                        <h3\n                                            class=\"text-my-blue-focus font-medium lg:text-lg md:text-base text-sm w-1\/2 mx-auto\">\n                                            \u4e0b\u4e00\u7ad9\uff1a\u6cb9\u5c16\u65fa\uff08\u5c0f\u5df4\u53f8\u6a5f\u7bc7\uff09                                        <\/h3>\n                                    <\/div>\n                                                                                                        <\/div>\n                                <div class=\"text-center\">\n                                    <div class=\"swiper_block_618243367b3d0-pagination inline bg-my-gray-5 text-white rounded-full px-5 opacity-90 lg:text-xs text-xs w-max mx-auto\">  <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"swiper_block_618243367b3d0-button-next transform sm:translate-x-0 translate-x-4 swiper-button-next bg-my-blue-focus w-9 h-9 flex items-center justify-center after:hidden rounded-circle opacity-40 right-auto right-0 relative\">\n                            <img decoding=\"async\" src=\"https:\/\/jcafc-port.hk\/wp-content\/themes\/cuhkage_ie\/resources\/assets\/button-arrow.svg\"\n                                alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"lg:w-4\/12  w-full lg:mt-0 mt-4\">\n            <div class=\"lg:text-left text-center\">\n                <div class=\"swiper swiper-container swiper_block_618243367b3d0\">\n                    <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                        <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                        <div class=\"swiper-slide\">\n                                                    <\/div>\n                                                                    <\/div>\n                    <div\n                        class=\" text-my-blue-dark text-sm lg:text-base lg:mt-6\">\n                        <p><span style=\"font-weight: 400;\">\u9577\u8005\u5750\u5c0f\u5df4\u6709\u751a\u9ebc\u9700\u8981\uff1f\u9752\u5e74\u4eba\u548c\u5c0f\u5df4\u53f8\u6a5f\u53ef\u4ee5\u5982\u4f55\u6539\u5584\u5c0f\u5df4\u7684\u9577\u8005\u53ca\u5e74\u9f61\u53cb\u5584\u7a0b\u5ea6\uff0c\u66f4\u65b9\u4fbf\u6709\u9700\u8981\u7684\u9577\u8005\uff1f<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">(\u7531\u65fa\u89d2\u8857\u574a\u6703\u9673\u6176\u793e\u6703\u670d\u52d9\u4e2d\u5fc3\u5728<\/span><a href=\"https:\/\/www.jcafc.hk\/tc\/Events\/Next-Station--Yau-Tsim-Mong--1.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">\u300c\u8cfd\u99ac\u6703\u9f61\u6d3b\u57ce\u5e02\u8a08\u5283 &#8211; \u4e0b\u4e00\u7ad9\uff1a\u6cb9\u5c16\u65fa (1)\u300d<\/span><\/a><span style=\"font-weight: 400;\">\u4e0b\u88fd\u4f5c)<\/span><\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"featured_media":0,"template":"","class_list":["post-478","build_an_afe","type-build_an_afe","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jcafc-port.hk\/zh-hant\/wp-json\/wp\/v2\/build_an_afe\/478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jcafc-port.hk\/zh-hant\/wp-json\/wp\/v2\/build_an_afe"}],"about":[{"href":"https:\/\/jcafc-port.hk\/zh-hant\/wp-json\/wp\/v2\/types\/build_an_afe"}],"wp:attachment":[{"href":"https:\/\/jcafc-port.hk\/zh-hant\/wp-json\/wp\/v2\/media?parent=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}