{"id":1604,"date":"2024-07-03T18:00:08","date_gmt":"2024-07-03T18:00:08","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/bbmsl\/career\/"},"modified":"2024-10-28T09:08:03","modified_gmt":"2024-10-28T09:08:03","slug":"career","status":"publish","type":"page","link":"https:\/\/bbmsl.com\/zh-hant\/career\/","title":{"rendered":"\u5c31\u696d\u6a5f\u6703"},"content":{"rendered":"\n<div block-name=\"bbmsl-img-slider-hero\" class=\"py-10 md:py-[60px] xl:py-[100px] bg-white overflow-hidden\" id=\"bbmslLandingBanner\">\n  <div class=\"container\">\n    <div class=\"xl:flex items-center\">\n      <div class=\"xl:max-w-[848px] xl:pr-5\">\n\n        <h1 class=\"heading1 leading-[50px] md:leading-[56px] 3xl:leading-[75px] mb-5\">\n          \u52a0\u5165\u6211\u5011        <\/h1>\n\n        <div class=\"text-body text-tertiary leading-7 font-noto-sans\">\n          <p>BBMSL\u4e00\u76f4\u81f4\u529b\u65bc\u5c0b\u627e\u5177\u6709\u5171\u540c\u6838\u5fc3\u50f9\u503c\u89c0\u7684\u4eba\u624d\u3002\u52a0\u5165\u6211\u5011\uff0c\u767c\u63ee\u60a8\u7684\u6240\u9577\uff0c\u5171\u540c\u5851\u9020\u5b89\u5168\u53ef\u9760\u7684\u96fb\u5b50\u652f\u4ed8\u89e3\u6c7a\u65b9\u6848\u3002\u70ba\u5ba2\u6236\u63d0\u4f9b\u66f4\u512a\u8cea\u3001\u66f4\u5c08\u696d\u7684\u670d\u52d9\uff0c\u5f15\u9818\u6578\u78bc\u5316\u4e4b\u8def\u3002\u8b93\u6211\u5011\u651c\u624b\u5408\u4f5c\uff0c\u70ba\u672a\u4f86\u7684\u96fb\u5b50\u652f\u4ed8\u9818\u57df\u5e36\u4f86\u66f4\u5927\u7684\u5275\u65b0\u548c\u6210\u529f\u3002<\/p>\n        <\/div>\n\n                  <div class=\"mt-5 xl:mt-10 md:flex\">\n                          <a href=\"#careerOpportunities\"\n                                class=\"block max-lg:flex-1 max-lg:text-center text-btn py-4 px-6 rounded-[100px] transition md:mr-5 last:mr-0 text-white bg-primary border border-primary hover:bg-secondary hover:border-secondary\">\n                \u8077\u4f4d\u7a7a\u7f3a              <\/a>\n            \n                          <a href=\"mailto:hr@bbmsl.com\"\n                target=\"_blank\" rel=\"nofollow\"                class=\"block max-lg:flex-1 max-lg:text-center text-btn py-4 px-6 rounded-[100px] transition md:mt-0 mt-2.5 md:mr-5 last:mr-0 text-primary bg-white border border-primary hover:bg-secondary hover:text-white hover:border-secondary\">\n                \u806f\u7d61\u6211\u5011              <\/a>\n                      <\/div>\n              <\/div>\n\n      <div\n        class=\"flex items-center mx-auto xl:mr-[unset] xl:ml-auto max-w-[640px] xl:max-w-[660px] mt-5 md:mt-10 lg:mt-[60px] xl:mt-0 w-full transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n        x-data=\"ish_images_wrapper\">\n                  <div class=\"ish-slider swiper\">\n            <div class=\"swiper-wrapper\">\n                              <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/CareersHK_cover5-1.png\" alt=\"\" class=\"size-full object-cover rounded-xl\"\n                    x-ref=\"ish_image_0\" \/>\n                <\/div>\n                              <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/CareersHK_cover2-1.png\" alt=\"\" class=\"size-full object-cover rounded-xl\"\n                    x-ref=\"ish_image_1\" \/>\n                <\/div>\n                              <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/CareersHK_cover6-1.png\" alt=\"\" class=\"size-full object-cover rounded-xl\"\n                    x-ref=\"ish_image_2\" \/>\n                <\/div>\n                              <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/CareersHK_cover3-1.png\" alt=\"\" class=\"size-full object-cover rounded-xl\"\n                    x-ref=\"ish_image_3\" \/>\n                <\/div>\n                              <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/CareersHK_cover4-1.png\" alt=\"\" class=\"size-full object-cover rounded-xl\"\n                    x-ref=\"ish_image_4\" \/>\n                <\/div>\n                              <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/CareersHK_cover-1.png\" alt=\"\" class=\"size-full object-cover rounded-xl\"\n                    x-ref=\"ish_image_5\" \/>\n                <\/div>\n                          <\/div>\n\n            <div class=\"swiper-pagination\">\n            <\/div>\n          <\/div>\n              <\/div>\n      <script>\n        document.addEventListener('alpine:init', function () {\n          Alpine.data('ish_images_wrapper', () => ({\n            imgSlider: null,\n            init() {\n              const firstImg = this.$refs[`ish_image_0`];\n              if (firstImg.complete) {\n                this.initSwiper();\n                this.observe();\n              } else {\n                firstImg.addEventListener('load', () => {\n                  this.initSwiper();\n                  this.observe();\n                });\n              }\n            },\n            initSwiper() {\n              this.imgSlider = new Swiper('.ish-slider', {\n                slidesPerView: 1,\n                effect: \"fade\",\n                autoplay: true,\n                pagination: {\n                  el: '.swiper-pagination',\n                  clickable: true\n                },\n              })\n            },\n            observe() {\n              const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                  if (entry.isIntersecting && !this.observed) {\n                    this.observed = true;\n                    this.$el.classList.remove('before');\n                    observer.disconnect();\n                  }\n                });\n              }, { threshold: 0.5 });\n              observer.observe(this.$el);\n            }\n          }));\n        });\n      <\/script>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-career-our-values\" class=\"py-10 md:py-[60px] xl:py-[100px] bg-lightBlue overflow-hidden\"\n  id=\"careerOurValues\" x-data=\"bbmsl_career_our_values\">\n  <div class=\"container relative\">\n    <div class=\"xl:flex\">\n      <div class=\"mx-auto max-w-[640px] xl:mr-10 5xl:mr-20 flex-1\">\n                  <div class=\"xl:flex xl:justify-start\">\n            <img decoding=\"async\" class=\"aspect-square object-contain mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/CareersHK_cover7.png\" alt=\"\" x-ref=\"img_content\" \/>\n          <\/div>\n                <\/div>\n\n      <div class=\"xl:flex-1 5xl:max-w-[820px] mx-auto xl:mx-[unset] mt-10 xl:mt-0 aspect-[185\/151]\">\n        <h2 class=\"heading2 text-black000 leading-[42px] xl:leading-[60px] mb-5\">\u6211\u5011\u7684\u50f9\u503c\u89c0<\/h2>\n\n        <p class=\"text-body text-tertiary leading-7 mb-10 font-noto-sans\">\u6211\u5011\u6191\u8457\u5718\u968a\u5728\u2f40\u4ed8\u6280\u8853\u2f45\u2faf\u7684\u5c08\u696d\u77e5\u8b58\uff0c\u8d70\u5728\u79d1\u6280\u5c16\u7aef\uff0c\u63d0\u4f9b\u5275\u65b0\u7684\u89e3\u6c7a\u65b9\u6848\uff0c\u6eff\u8db3\u5ba2\u6236\u4e0d\u65b7\u8b8a\u5316\u7684\u9700\u6c42\uff0c\u5168\u2f45\u4f4d\u5e6b\u52a9\u5546\u2f3e\u63d0\u5347\u7af6\u722d\u2f12\u3002<\/p>\n\n                  <div>\n              <div\n    class=\"accordion-wrapper group py-5 lg:py-8 first:pt-0 border-b border-black800 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n    x-data=\"career_our_values_ac_0\">\n    <div class=\"group\/inner flex leading-7 items-center cursor-pointer\" @click=\"handleAccordion($el)\">\n      <div class=\"flex items-center mr-2.5\">\n                  <div class=\"size-7 shrink-0 mr-4 relative\">\n            <img decoding=\"async\"\n              class=\"size-full object-contain transition duration-300 opacity-100 group-[&#038;.opened]:opacity-0 group-hover\/inner:opacity-0\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/visionary.svg\" alt=\"\" \/>\n                          <img decoding=\"async\"\n                class=\"size-full object-contain transition duration-300 opacity-0 group-[&#038;.opened]:opacity-100 group-hover\/inner:opacity-100 absolute top-0 left-0\"\n                src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/visionary-active.svg\" alt=\"\" \/>\n                      <\/div>\n        \n        <h5 class=\"text-24 text-tertiary transition group-[&#038;.opened]:text-primary group-hover\/inner:text-primary\">\n          \u9858\u666f        <\/h5>\n      <\/div>\n\n      <span class=\"ml-auto size-6 shrink-0\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 24 25\" fill=\"none\">\n  <g id=\"mdi:plus\" class=\"transition-opacity duration-300 group-[&#038;.opened]:opacity-0\">\n    <path id=\"Vector\" d=\"M19 13.5H13V19.5H11V13.5H5V11.5H11V5.5H13V11.5H19V13.5Z\" fill=\"#58595B\" \/>\n  <\/g>\n  <g id=\"ic:outline-minus\" class=\"transition-opacity duration-300 group-[&#038;.opened]:opacity-100\">\n    <path id=\"Vector\" d=\"M19 13.498H5V11.498H19V13.498Z\" fill=\"#1D4F5F\" \/>\n  <\/g>\n<\/svg>      <\/span>\n    <\/div>\n\n    <div class=\"accordion-content transition-all overflow-hidden max-h-0\">\n      <div class=\"text-body leading-7 text-tertiary pt-5 lg:pt-10 font-noto-sans\">\n        <p>\u6211\u5011\u81f4\u529b\u65bc\u900f\u904e\u63d0\u4f9b\u5feb\u901f\u53ca\u7a69\u5b9a\u7684\u96fb\u5b50\u652f\u4ed8\u65b9\u6848\uff0c\u8b93\u96fb\u5b50\u652f\u4ed8\u548c\u96f6\u552e\u8b8a\u5f97\u5bb9\u6613\u7c21\u55ae\u3002<\/p>\n      <\/div>\n    <\/div>\n\n    <script>\n      document.addEventListener('alpine:init', function () {\n        Alpine.data('career_our_values_ac_0', () => ({\n          observed: false,\n          init() {\n            this.observe();\n            if(0 == 0) {\n              this.handleAccordion(this.$el);\n            }\n          },\n          observe() {\n            const observer = new IntersectionObserver((entries) => {\n              entries.forEach(entry => {\n                if (entry.isIntersecting && !this.observed) {\n                  this.observed = true;\n                  this.$el.classList.remove('before');\n                  observer.disconnect();\n                }\n              });\n            }, { threshold: 0.1 });\n            observer.observe(this.$el);\n          },\n          handleAccordion(ele) {\n            const previous = document.querySelector('#careerOurValues .accordion-wrapper.opened .accordion-content');\n            if(previous) {\n              this.toggleAccordion(previous);\n            }\n            \n            this.toggleAccordion(ele.parentElement.querySelector('.accordion-content'));\n          },\n          toggleAccordion(ele) {\n            const parent = ele.parentElement;\n            const height = this.getChildrenHeight(ele);\n            if(parent.classList.contains('opened')) {\n              parent.classList.remove('opened');\n              ele.style.setProperty('max-height', `${height}px`);\n              void ele.clientHeight;\n              ele.style.removeProperty('max-height');\n            } else {\n              parent.classList.add('opened');\n              ele.style.setProperty('max-height', `${height}px`);\n              setTimeout(() => {\n                ele.style.setProperty('max-height', 'max-content');\n              }, 150);\n            }\n          },\n          getChildrenHeight(ele) {\n            let height = 0;\n            Array.from(ele.children).forEach(child => {\n              height += child.clientHeight;\n            });\n            return height;\n          }\n        }));\n      });\n    <\/script>\n  <\/div>\n    <div\n    class=\"accordion-wrapper group py-5 lg:py-8 first:pt-0 border-b border-black800 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n    x-data=\"career_our_values_ac_1\">\n    <div class=\"group\/inner flex leading-7 items-center cursor-pointer\" @click=\"handleAccordion($el)\">\n      <div class=\"flex items-center mr-2.5\">\n                  <div class=\"size-7 shrink-0 mr-4 relative\">\n            <img decoding=\"async\"\n              class=\"size-full object-contain transition duration-300 opacity-100 group-[&#038;.opened]:opacity-0 group-hover\/inner:opacity-0\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/curious.svg\" alt=\"\" \/>\n                          <img decoding=\"async\"\n                class=\"size-full object-contain transition duration-300 opacity-0 group-[&#038;.opened]:opacity-100 group-hover\/inner:opacity-100 absolute top-0 left-0\"\n                src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/curious-active.svg\" alt=\"\" \/>\n                      <\/div>\n        \n        <h5 class=\"text-24 text-tertiary transition group-[&#038;.opened]:text-primary group-hover\/inner:text-primary\">\n          \u5275\u65b0        <\/h5>\n      <\/div>\n\n      <span class=\"ml-auto size-6 shrink-0\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 24 25\" fill=\"none\">\n  <g id=\"mdi:plus\" class=\"transition-opacity duration-300 group-[&#038;.opened]:opacity-0\">\n    <path id=\"Vector\" d=\"M19 13.5H13V19.5H11V13.5H5V11.5H11V5.5H13V11.5H19V13.5Z\" fill=\"#58595B\" \/>\n  <\/g>\n  <g id=\"ic:outline-minus\" class=\"transition-opacity duration-300 group-[&#038;.opened]:opacity-100\">\n    <path id=\"Vector\" d=\"M19 13.498H5V11.498H19V13.498Z\" fill=\"#1D4F5F\" \/>\n  <\/g>\n<\/svg>      <\/span>\n    <\/div>\n\n    <div class=\"accordion-content transition-all overflow-hidden max-h-0\">\n      <div class=\"text-body leading-7 text-tertiary pt-5 lg:pt-10 font-noto-sans\">\n        <p>\u6211\u5011\u4e0d\u65b7\u8ffd\u6c42\u5275\u65b0\uff0c\u9f13\u52f5\u54e1\u5de5\u63d0\u51fa\u65b0\u7684\u60f3\u6cd5\u548c\u65b9\u6cd5\uff0c\u900f\u904e\u6280\u8853\u548c\u4f7f\u7528\u8005\u9ad4\u9a57\u7684\u5275\u65b0\uff0c\u70ba\u5ba2\u6236\u5e36\u4f86\u66f4\u597d\u7684\u652f\u4ed8\u89e3\u6c7a\u65b9\u6848\u3002<\/p>\n      <\/div>\n    <\/div>\n\n    <script>\n      document.addEventListener('alpine:init', function () {\n        Alpine.data('career_our_values_ac_1', () => ({\n          observed: false,\n          init() {\n            this.observe();\n            if(1 == 0) {\n              this.handleAccordion(this.$el);\n            }\n          },\n          observe() {\n            const observer = new IntersectionObserver((entries) => {\n              entries.forEach(entry => {\n                if (entry.isIntersecting && !this.observed) {\n                  this.observed = true;\n                  this.$el.classList.remove('before');\n                  observer.disconnect();\n                }\n              });\n            }, { threshold: 0.1 });\n            observer.observe(this.$el);\n          },\n          handleAccordion(ele) {\n            const previous = document.querySelector('#careerOurValues .accordion-wrapper.opened .accordion-content');\n            if(previous) {\n              this.toggleAccordion(previous);\n            }\n            \n            this.toggleAccordion(ele.parentElement.querySelector('.accordion-content'));\n          },\n          toggleAccordion(ele) {\n            const parent = ele.parentElement;\n            const height = this.getChildrenHeight(ele);\n            if(parent.classList.contains('opened')) {\n              parent.classList.remove('opened');\n              ele.style.setProperty('max-height', `${height}px`);\n              void ele.clientHeight;\n              ele.style.removeProperty('max-height');\n            } else {\n              parent.classList.add('opened');\n              ele.style.setProperty('max-height', `${height}px`);\n              setTimeout(() => {\n                ele.style.setProperty('max-height', 'max-content');\n              }, 150);\n            }\n          },\n          getChildrenHeight(ele) {\n            let height = 0;\n            Array.from(ele.children).forEach(child => {\n              height += child.clientHeight;\n            });\n            return height;\n          }\n        }));\n      });\n    <\/script>\n  <\/div>\n    <div\n    class=\"accordion-wrapper group py-5 lg:py-8 first:pt-0 border-b border-black800 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n    x-data=\"career_our_values_ac_2\">\n    <div class=\"group\/inner flex leading-7 items-center cursor-pointer\" @click=\"handleAccordion($el)\">\n      <div class=\"flex items-center mr-2.5\">\n                  <div class=\"size-7 shrink-0 mr-4 relative\">\n            <img decoding=\"async\"\n              class=\"size-full object-contain transition duration-300 opacity-100 group-[&#038;.opened]:opacity-0 group-hover\/inner:opacity-0\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/reliable.svg\" alt=\"\" \/>\n                          <img decoding=\"async\"\n                class=\"size-full object-contain transition duration-300 opacity-0 group-[&#038;.opened]:opacity-100 group-hover\/inner:opacity-100 absolute top-0 left-0\"\n                src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/reliable-active.svg\" alt=\"\" \/>\n                      <\/div>\n        \n        <h5 class=\"text-24 text-tertiary transition group-[&#038;.opened]:text-primary group-hover\/inner:text-primary\">\n          \u53ef\u9760        <\/h5>\n      <\/div>\n\n      <span class=\"ml-auto size-6 shrink-0\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 24 25\" fill=\"none\">\n  <g id=\"mdi:plus\" class=\"transition-opacity duration-300 group-[&#038;.opened]:opacity-0\">\n    <path id=\"Vector\" d=\"M19 13.5H13V19.5H11V13.5H5V11.5H11V5.5H13V11.5H19V13.5Z\" fill=\"#58595B\" \/>\n  <\/g>\n  <g id=\"ic:outline-minus\" class=\"transition-opacity duration-300 group-[&#038;.opened]:opacity-100\">\n    <path id=\"Vector\" d=\"M19 13.498H5V11.498H19V13.498Z\" fill=\"#1D4F5F\" \/>\n  <\/g>\n<\/svg>      <\/span>\n    <\/div>\n\n    <div class=\"accordion-content transition-all overflow-hidden max-h-0\">\n      <div class=\"text-body leading-7 text-tertiary pt-5 lg:pt-10 font-noto-sans\">\n        <p>\u6211\u5011\u8207\u4e0d\u540c\u5546\u6236\u5efa\u7acb\u4e86\u9577\u671f\u7684\u5408\u4f5c\u95dc\u4fc2\uff0c\u4e26\u900f\u904e\u5b89\u5168\u6027\u3001\u5408\u898f\u6027\u548c\u8cc7\u6599\u4fdd\u8b77\u63aa\u65bd\u4f86\u78ba\u4fdd\u4ea4\u6613\u7684\u5b89\u5168\u3002\u52a0\u5165\u6211\u5011\uff0c\u6210\u70ba\u4e00\u500b\u53ef\u9760\u7684\u5718\u968a\u6210\u54e1\u70ba\u5ba2\u6236\u63d0\u4f9b\u5353\u8d8a\u7684\u652f\u4ed8\u670d\u52d9\u3002<\/p>\n      <\/div>\n    <\/div>\n\n    <script>\n      document.addEventListener('alpine:init', function () {\n        Alpine.data('career_our_values_ac_2', () => ({\n          observed: false,\n          init() {\n            this.observe();\n            if(2 == 0) {\n              this.handleAccordion(this.$el);\n            }\n          },\n          observe() {\n            const observer = new IntersectionObserver((entries) => {\n              entries.forEach(entry => {\n                if (entry.isIntersecting && !this.observed) {\n                  this.observed = true;\n                  this.$el.classList.remove('before');\n                  observer.disconnect();\n                }\n              });\n            }, { threshold: 0.1 });\n            observer.observe(this.$el);\n          },\n          handleAccordion(ele) {\n            const previous = document.querySelector('#careerOurValues .accordion-wrapper.opened .accordion-content');\n            if(previous) {\n              this.toggleAccordion(previous);\n            }\n            \n            this.toggleAccordion(ele.parentElement.querySelector('.accordion-content'));\n          },\n          toggleAccordion(ele) {\n            const parent = ele.parentElement;\n            const height = this.getChildrenHeight(ele);\n            if(parent.classList.contains('opened')) {\n              parent.classList.remove('opened');\n              ele.style.setProperty('max-height', `${height}px`);\n              void ele.clientHeight;\n              ele.style.removeProperty('max-height');\n            } else {\n              parent.classList.add('opened');\n              ele.style.setProperty('max-height', `${height}px`);\n              setTimeout(() => {\n                ele.style.setProperty('max-height', 'max-content');\n              }, 150);\n            }\n          },\n          getChildrenHeight(ele) {\n            let height = 0;\n            Array.from(ele.children).forEach(child => {\n              height += child.clientHeight;\n            });\n            return height;\n          }\n        }));\n      });\n    <\/script>\n  <\/div>\n    <div\n    class=\"accordion-wrapper group py-5 lg:py-8 first:pt-0 pb-0 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n    x-data=\"career_our_values_ac_3\">\n    <div class=\"group\/inner flex leading-7 items-center cursor-pointer\" @click=\"handleAccordion($el)\">\n      <div class=\"flex items-center mr-2.5\">\n                  <div class=\"size-7 shrink-0 mr-4 relative\">\n            <img decoding=\"async\"\n              class=\"size-full object-contain transition duration-300 opacity-100 group-[&#038;.opened]:opacity-0 group-hover\/inner:opacity-0\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/determined.svg\" alt=\"\" \/>\n                          <img decoding=\"async\"\n                class=\"size-full object-contain transition duration-300 opacity-0 group-[&#038;.opened]:opacity-100 group-hover\/inner:opacity-100 absolute top-0 left-0\"\n                src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/determined-active.svg\" alt=\"\" \/>\n                      <\/div>\n        \n        <h5 class=\"text-24 text-tertiary transition group-[&#038;.opened]:text-primary group-hover\/inner:text-primary\">\n          \u6c7a\u5fc3        <\/h5>\n      <\/div>\n\n      <span class=\"ml-auto size-6 shrink-0\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 24 25\" fill=\"none\">\n  <g id=\"mdi:plus\" class=\"transition-opacity duration-300 group-[&#038;.opened]:opacity-0\">\n    <path id=\"Vector\" d=\"M19 13.5H13V19.5H11V13.5H5V11.5H11V5.5H13V11.5H19V13.5Z\" fill=\"#58595B\" \/>\n  <\/g>\n  <g id=\"ic:outline-minus\" class=\"transition-opacity duration-300 group-[&#038;.opened]:opacity-100\">\n    <path id=\"Vector\" d=\"M19 13.498H5V11.498H19V13.498Z\" fill=\"#1D4F5F\" \/>\n  <\/g>\n<\/svg>      <\/span>\n    <\/div>\n\n    <div class=\"accordion-content transition-all overflow-hidden max-h-0\">\n      <div class=\"text-body leading-7 text-tertiary pt-5 lg:pt-10 font-noto-sans\">\n        <p>\u6211\u5011\u5177\u5099\u5805\u5b9a\u4e0d\u79fb\u7684\u6c7a\u5fc3\uff0c\u514b\u670d\u6311\u6230\u4e26\u5be6\u73fe\u76ee\u6a19\u3002\u9f13\u52f5\u54e1\u5de5\u5728\u9762\u5c0d\u56f0\u96e3\u6642\u4fdd\u6301\u7a4d\u6975\u7684\u614b\u5ea6\uff0c\u4e92\u76f8\u652f\u6301\u548c\u5408\u4f5c\uff0c\u4ee5\u9054\u5230\u5353\u8d8a\u7684\u6210\u7e3e\u3002<\/p>\n      <\/div>\n    <\/div>\n\n    <script>\n      document.addEventListener('alpine:init', function () {\n        Alpine.data('career_our_values_ac_3', () => ({\n          observed: false,\n          init() {\n            this.observe();\n            if(3 == 0) {\n              this.handleAccordion(this.$el);\n            }\n          },\n          observe() {\n            const observer = new IntersectionObserver((entries) => {\n              entries.forEach(entry => {\n                if (entry.isIntersecting && !this.observed) {\n                  this.observed = true;\n                  this.$el.classList.remove('before');\n                  observer.disconnect();\n                }\n              });\n            }, { threshold: 0.1 });\n            observer.observe(this.$el);\n          },\n          handleAccordion(ele) {\n            const previous = document.querySelector('#careerOurValues .accordion-wrapper.opened .accordion-content');\n            if(previous) {\n              this.toggleAccordion(previous);\n            }\n            \n            this.toggleAccordion(ele.parentElement.querySelector('.accordion-content'));\n          },\n          toggleAccordion(ele) {\n            const parent = ele.parentElement;\n            const height = this.getChildrenHeight(ele);\n            if(parent.classList.contains('opened')) {\n              parent.classList.remove('opened');\n              ele.style.setProperty('max-height', `${height}px`);\n              void ele.clientHeight;\n              ele.style.removeProperty('max-height');\n            } else {\n              parent.classList.add('opened');\n              ele.style.setProperty('max-height', `${height}px`);\n              setTimeout(() => {\n                ele.style.setProperty('max-height', 'max-content');\n              }, 150);\n            }\n          },\n          getChildrenHeight(ele) {\n            let height = 0;\n            Array.from(ele.children).forEach(child => {\n              height += child.clientHeight;\n            });\n            return height;\n          }\n        }));\n      });\n    <\/script>\n  <\/div>\n            <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  document.addEventListener('alpine:init', function () {\n    Alpine.data('bbmsl_career_our_values', () => ({\n      imgLoaded: false,\n      observed: false,\n      init() {\n        const img = this.$refs.img_content;\n        if (img.complete) {\n          setTimeout(() => {\n            this.observe();\n          }, 10);\n        } else {\n          img.addEventListener('load', () => {\n            this.observe();\n          });\n        }\n      },\n      observe() {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting && !this.observed) {\n              this.observed = true;\n              this.$refs.img_content.classList.remove('before');\n              observer.disconnect();\n            }\n          });\n        }, { threshold: 0.25 });\n        observer.observe(this.$refs.img_content);\n      }\n    }));\n  });\n<\/script>\n\n\n<div block-name=\"bbmsl-career-four-cols\" class=\"bg-white py-10 md:py-[60px] xl:py-[120px] overflow-hidden\">\n  <div class=\"container\">\n    <h2 class=\"text-center heading2 leading-8 xl:leading-[48px] text-black000 mb-5\">\u6d25\u8cbc\u548c\u798f\u5229<\/h2>\n    <p class=\"text-center text-body font-noto-sans leading-7 mb-5 lg:mb-10 text-[#616567]\"><\/p>\n\n          <div class=\"-m-2.5 xl:-m-5\">\n        <div class=\"flex flex-wrap justify-center\">\n                      <div\n              class=\"p-2.5 xl:p-5 w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 flex flex-col transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"career_four_cols_content_0\">\n              <div class=\"p-5 md:p-7 rounded-xl border border-black800 flex-1\">\n                <div class=\"mb-5 md:mb-8\">\n                                      <img decoding=\"async\" class=\"size-10 md:size-[60px] object-contain mx-auto\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/test-09.png\"\n                      alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"text-center heading4 leading-7 text-black000 mb-2.5\">\u5730\u9ede<\/h5>\n                  <p class=\"text-center text-body leading-6 md:leading-7 text-tertiary\">\u5730\u7406\u4f4d\u7f6e\u512a\u8d8a\u7684\u7532\u7d1a\u5beb\u5b57\u6a13<\/p>\n                <\/div>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('career_four_cols_content_0', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n            <\/div>\n                      <div\n              class=\"p-2.5 xl:p-5 w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 flex flex-col transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"career_four_cols_content_1\">\n              <div class=\"p-5 md:p-7 rounded-xl border border-black800 flex-1\">\n                <div class=\"mb-5 md:mb-8\">\n                                      <img decoding=\"async\" class=\"size-10 md:size-[60px] object-contain mx-auto\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/test-11.png\"\n                      alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"text-center heading4 leading-7 text-black000 mb-2.5\">\u4fdd\u96aa<\/h5>\n                  <p class=\"text-center text-body leading-6 md:leading-7 text-tertiary\">\u91ab\u7642\u548c\u7259\u79d1\u4fdd\u96aa<\/p>\n                <\/div>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('career_four_cols_content_1', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n            <\/div>\n                      <div\n              class=\"p-2.5 xl:p-5 w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 flex flex-col transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"career_four_cols_content_2\">\n              <div class=\"p-5 md:p-7 rounded-xl border border-black800 flex-1\">\n                <div class=\"mb-5 md:mb-8\">\n                                      <img decoding=\"async\" class=\"size-10 md:size-[60px] object-contain mx-auto\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/test-10.png\"\n                      alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"text-center heading4 leading-7 text-black000 mb-2.5\">\u734e\u91d1<\/h5>\n                  <p class=\"text-center text-body leading-6 md:leading-7 text-tertiary\">\u914c\u60c5\u5e74\u7d42\u82b1\u7d05<\/p>\n                <\/div>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('career_four_cols_content_2', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n            <\/div>\n                      <div\n              class=\"p-2.5 xl:p-5 w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 flex flex-col transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"career_four_cols_content_3\">\n              <div class=\"p-5 md:p-7 rounded-xl border border-black800 flex-1\">\n                <div class=\"mb-5 md:mb-8\">\n                                      <img decoding=\"async\" class=\"size-10 md:size-[60px] object-contain mx-auto\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/test-12.png\"\n                      alt=\"\" \/>\n                                  <\/div>\n\n                <div>\n                  <h5 class=\"text-center heading4 leading-7 text-black000 mb-2.5\">\u8077\u696d\u751f\u6daf<\/h5>\n                  <p class=\"text-center text-body leading-6 md:leading-7 text-tertiary\">\u826f\u597d\u7684\u767c\u5c55\u6a5f\u6703<\/p>\n                <\/div>\n              <\/div>\n              <script>\n                document.addEventListener('alpine:init', function () {\n                  Alpine.data('career_four_cols_content_3', () => ({\n                    init() {\n                      this.observe();\n                    },\n                    observe() {\n                      const observer = new IntersectionObserver((entries) => {\n                        entries.forEach(entry => {\n                          if (entry.isIntersecting && !this.observed) {\n                            this.observed = true;\n                            this.$el.classList.remove('before');\n                            observer.disconnect();\n                          }\n                        });\n                      }, { threshold: 0.5 });\n                      observer.observe(this.$el);\n                    }\n                  }));\n                });\n              <\/script>\n            <\/div>\n                  <\/div>\n      <\/div>\n      <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-img-block\" class=\"max-w-[1920px] mx-auto\">\n      <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/careerhk_banner.png\" alt=\"\" \/>\n  <\/div>\n\n\n<div block-name=\"bbmsl-where-to-find-us\" class=\"bg-white py-10 md:py-[60px] xl:py-[120px] overflow-hidden\">\n  <div class=\"container\">\n    <h2 class=\"text-center heading2 leading-8 xl:leading-[48px] text-black000 mb-5\">\u6211\u5011\u7684\u696d\u52d9<\/h2>\n    \n          <div class=\"mt-5 md:mt-10\">\n        <div class=\"-m-[9px]\">\n          <div class=\"flex flex-wrap 4xl:flex-nowrap justify-center\">\n                          <div class=\"flex flex-col p-[9px] w-full sm:w-1\/2 md:w-1\/4 xl:w-1\/5 4xl:w-auto 4xl:flex-1 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"find_location_0\">\n                <div class=\"p-5 2xl:p-7 flex-col flex-1 rounded-xl border border-800\">\n                  <div class=\"mx-auto size-20 mb-5\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/hong-kong.png\" alt=\"\" class=\"size-full object-contain\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 text-black000 leading-7 mb-3 text-nowrap\">\u9999\u6e2f<\/h5>\n                    <p class=\"text-body text-tertiary font-noto-sans leading-7\"><\/p>\n                  <\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('find_location_0', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                          <div class=\"flex flex-col p-[9px] w-full sm:w-1\/2 md:w-1\/4 xl:w-1\/5 4xl:w-auto 4xl:flex-1 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"find_location_1\">\n                <div class=\"p-5 2xl:p-7 flex-col flex-1 rounded-xl border border-800\">\n                  <div class=\"mx-auto size-20 mb-5\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/taiwan.png\" alt=\"\" class=\"size-full object-contain\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 text-black000 leading-7 mb-3 text-nowrap\">\u53f0\u7063<\/h5>\n                    <p class=\"text-body text-tertiary font-noto-sans leading-7\"><\/p>\n                  <\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('find_location_1', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                          <div class=\"flex flex-col p-[9px] w-full sm:w-1\/2 md:w-1\/4 xl:w-1\/5 4xl:w-auto 4xl:flex-1 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"find_location_2\">\n                <div class=\"p-5 2xl:p-7 flex-col flex-1 rounded-xl border border-800\">\n                  <div class=\"mx-auto size-20 mb-5\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/australia.png\" alt=\"\" class=\"size-full object-contain\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 text-black000 leading-7 mb-3 text-nowrap\">\u6fb3\u6d32<\/h5>\n                    <p class=\"text-body text-tertiary font-noto-sans leading-7\"><\/p>\n                  <\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('find_location_2', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                          <div class=\"flex flex-col p-[9px] w-full sm:w-1\/2 md:w-1\/4 xl:w-1\/5 4xl:w-auto 4xl:flex-1 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"find_location_3\">\n                <div class=\"p-5 2xl:p-7 flex-col flex-1 rounded-xl border border-800\">\n                  <div class=\"mx-auto size-20 mb-5\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/Vietnam.png\" alt=\"\" class=\"size-full object-contain\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 text-black000 leading-7 mb-3 text-nowrap\">\u8d8a\u5357<\/h5>\n                    <p class=\"text-body text-tertiary font-noto-sans leading-7\"><\/p>\n                  <\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('find_location_3', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                          <div class=\"flex flex-col p-[9px] w-full sm:w-1\/2 md:w-1\/4 xl:w-1\/5 4xl:w-auto 4xl:flex-1 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"find_location_4\">\n                <div class=\"p-5 2xl:p-7 flex-col flex-1 rounded-xl border border-800\">\n                  <div class=\"mx-auto size-20 mb-5\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/thailand.png\" alt=\"\" class=\"size-full object-contain\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 text-black000 leading-7 mb-3 text-nowrap\">\u6cf0\u570b<\/h5>\n                    <p class=\"text-body text-tertiary font-noto-sans leading-7\"><\/p>\n                  <\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('find_location_4', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                          <div class=\"flex flex-col p-[9px] w-full sm:w-1\/2 md:w-1\/4 xl:w-1\/5 4xl:w-auto 4xl:flex-1 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"find_location_5\">\n                <div class=\"p-5 2xl:p-7 flex-col flex-1 rounded-xl border border-800\">\n                  <div class=\"mx-auto size-20 mb-5\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/singapore.png\" alt=\"\" class=\"size-full object-contain\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 text-black000 leading-7 mb-3 text-nowrap\">\u65b0\u52a0\u5761<\/h5>\n                    <p class=\"text-body text-tertiary font-noto-sans leading-7\"><\/p>\n                  <\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('find_location_5', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                          <div class=\"flex flex-col p-[9px] w-full sm:w-1\/2 md:w-1\/4 xl:w-1\/5 4xl:w-auto 4xl:flex-1 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-data=\"find_location_6\">\n                <div class=\"p-5 2xl:p-7 flex-col flex-1 rounded-xl border border-800\">\n                  <div class=\"mx-auto size-20 mb-5\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/malaysia.png\" alt=\"\" class=\"size-full object-contain\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 text-black000 leading-7 mb-3 text-nowrap\">\u99ac\u4f86\u897f\u4e9e<\/h5>\n                    <p class=\"text-body text-tertiary font-noto-sans leading-7\"><\/p>\n                  <\/div>\n                <\/div>\n                <script>\n                  document.addEventListener('alpine:init', function () {\n                    Alpine.data('find_location_6', () => ({\n                      init() {\n                        this.observe();\n                      },\n                      observe() {\n                        const observer = new IntersectionObserver((entries) => {\n                          entries.forEach(entry => {\n                            if (entry.isIntersecting && !this.observed) {\n                              this.observed = true;\n                              this.$el.classList.remove('before');\n                              observer.disconnect();\n                            }\n                          });\n                        }, { threshold: 0.5 });\n                        observer.observe(this.$el);\n                      }\n                    }));\n                  });\n                <\/script>\n              <\/div>\n                      <\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-career-opportunities\" class=\"career-opportunities\" x-data=\"career_opportunities\" id=\"careerOpportunities\">\n  <div class=\"bg-lightBlue pt-10 md:pt-[60px] xl:pt-[120px] pb-[150px] md:pb-[120px]\">\n    <div class=\"container\">\n      <h2 class=\"text-center heading2 leading-8 xl:leading-[48px] text-black000 mb-5\">\u73fe\u6709\u8077\u4f4d\u7a7a\u7f3a<\/h2>\n      <p class=\"text-center text-body font-noto-sans leading-7 lg:mb-10 text-tertiary\"><\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"bg-white\">\n    <div class=\"container\">\n      <div class=\"pb-10 md:pb-[60px] xl:pb-[120px] pt-[150px] md:pt-[120px] relative\">\n                <div\n  class=\"lg:flex items-center p-5 lg:p-7 bg-white rounded-xl shadow-[0_4px_20px_0_#1D4F5F1A] absolute left-0 top-0 w-full -translate-y-1\/2 transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n  x-data=\"career_filter\">\n  <h5 class=\"text-btn leading-5 text-tertiary uppercase mr-5\">\u7be9\u9078\u689d\u4ef6<\/h5>\n\n  <div class=\"md:flex items-center mt-2.5 lg:mt-0\">\n        <div class=\"relative max-lg:flex-1 lg:min-w-[260px] xl:min-w-[300px] 3xl:min-w-[400px] group md:mr-2.5 lg:mr-5\">\n      <div class=\"flex py-3 lg:py-4 px-4 lg:px-5 rounded-lg border border-800 cursor-pointer\"\n        @click=\"showLocationFilter = !showLocationFilter; showFunctionFilter = false;\">\n        <p class=\"text-body leading-5 text-tertiary flex items-center mr-2.5\" x-text=\"locationText\">\n           \u6240\u6709\u5730\u5340        <\/p>\n\n        <div class=\"ml-auto\">\n          <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-down-arrow-2.svg\"\n            class=\"transition group-[&#038;.opened]:rotate-180\" alt=\"Down Arrow\" \/>\n        <\/div>\n      <\/div>\n\n      <div class=\"absolute w-full z-[1] -bottom-2 left-0 translate-y-full max-h-0 overflow-hidden transition-all\"\n        x-ref=\"location_filter\">\n        <ul class=\"border border-800 bg-white rounded-lg py-3 lg:py-4 px-4 lg:px-5\">\n          <li class=\"text-body mb-5 last:mb-0 text-tertiary cursor-pointer\"\n            @click=\"handleFilterItemClick('', 'f_location', ' \u6240\u6709\u5730\u5340', 'locationText', 'showLocationFilter')\">\n             \u6240\u6709\u5730\u5340          <\/li>\n                        <li class=\"text-body mb-5 last:mb-0 text-tertiary cursor-pointer\"\n                @click=\"handleFilterItemClick('60', 'f_location', '\u9999\u6e2f', 'locationText', 'showLocationFilter')\">\n                \u9999\u6e2f              <\/li>\n                      <\/ul>\n      <\/div>\n    <\/div>\n\n        <div class=\"relative max-lg:flex-1 lg:min-w-[260px] xl:min-w-[300px] 3xl:min-w-[400px] group md:mt-0 mt-2.5\">\n      <div class=\"flex py-3 lg:py-4 px-4 lg:px-5 rounded-lg border border-800 cursor-pointer\"\n        @click=\"showFunctionFilter = !showFunctionFilter; showLocationFilter = false;\">\n        <p class=\"text-body leading-5 text-tertiary flex items-center mr-2.5\" x-text=\"functionText\">\n           \u6240\u6709\u90e8\u9580        <\/p>\n\n        <div class=\"ml-auto\">\n          <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-down-arrow-2.svg\"\n            class=\"transition group-[&#038;.opened]:rotate-180\" alt=\"Down Arrow\" \/>\n        <\/div>\n      <\/div>\n\n      <div class=\"absolute w-full z-[1] -bottom-2 left-0 translate-y-full max-h-0 overflow-hidden transition-all\"\n        x-ref=\"function_filter\">\n        <ul class=\"border border-800 bg-white rounded-lg py-3 lg:py-4 px-4 lg:px-5\">\n          <li class=\"text-body mb-5 last:mb-0 text-tertiary cursor-pointer\"\n            @click=\"handleFilterItemClick('', 'f_function', ' \u6240\u6709\u90e8\u9580', 'functionText', 'showFunctionFilter')\">\n             \u6240\u6709\u90e8\u9580          <\/li>\n                        <li class=\"text-body mb-5 last:mb-0 text-tertiary cursor-pointer\" dat-id=\"56\"\n                @click=\"handleFilterItemClick('56', 'f_function', '\u79d1\u6280\u90e8\u9580', 'functionText', 'showFunctionFilter')\">\n                \u79d1\u6280\u90e8\u9580              <\/li>\n                      <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    <p class=\"flex max-lg:justify-end shrink-0 items-center ml-auto text-body leading-7 text-tertiary lg:mt-0 mt-2.5\">\n    <span x-text=\"totalPosts\">0<\/span>\n    <span>&nbsp;\u500b\u8077\u4f4d\u7a7a\u7f3a<\/span>\n  <\/p>\n<\/div>\n<script>\n  document.addEventListener('alpine:init', function () {\n    Alpine.data('career_filter', () => ({\n      observed: false,\n      showLocationFilter: false,\n      locationText: \" \u6240\u6709\u5730\u5340\",\n      showFunctionFilter: false,\n      functionText: \" \u6240\u6709\u90e8\u9580\",\n      listenClickAwayHandler: null,\n      init() {\n        this.observe();\n\n        this.listenClickAwayHandler = (e) => this.listenClickAway(e);\n        this.$watch('showLocationFilter', (v) => {\n          const locationFilter = this.$refs.location_filter;\n          this.toggleDropdown(locationFilter);\n        });\n        this.$watch('showFunctionFilter', (v) => {\n          const locationFilter = this.$refs.function_filter;\n          this.toggleDropdown(locationFilter);\n        });\n      },\n      toggleDropdown(ele) {\n        const parent = ele.parentElement;\n        const height = this.getChildHeight(ele);\n        if (parent.classList.contains('opened')) {\n          parent.classList.remove('opened');\n          ele.style.setProperty('max-height', `${height}px`);\n          ele.clientHeight;\n          ele.style.removeProperty('max-height');\n          document.removeEventListener('click', this.listenClickAwayHandler);\n        } else {\n          parent.classList.add('opened');\n          ele.style.setProperty('max-height', `${height}px`);\n          setTimeout(() => {\n            ele.style.setProperty('max-height', 'max-content');\n          }, 150);\n          setTimeout(() => {\n            document.addEventListener('click', this.listenClickAwayHandler);\n          }, 1);\n        }\n      },\n      getChildHeight(ele) {\n        let height = 0;\n        Array.from(ele.children).forEach((child) => {\n          height += child.clientHeight;\n        });\n        return height;\n      },\n      listenClickAway(e) {\n        if (this.showLocationFilter) {\n          this.showLocationFilter = false;\n        }\n\n        if (this.showFunctionFilter) {\n          this.showFunctionFilter = false;\n        }\n      },\n      handleFilterItemClick(f_value, f_key, d_value, d_key, bool) {\n        this[`${f_key}`] = f_value;\n        this[`${d_key}`] = d_value;\n        this[`${bool}`] = false;\n      },\n      observe() {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting && !this.observed) {\n              this.observed = true;\n              this.$el.classList.remove('before');\n              observer.disconnect();\n            }\n          });\n        }, { threshold: 0.5 });\n        observer.observe(this.$el);\n      }\n    }));\n  });\n<\/script>\n        <div class=\"career-content\">\n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  document.addEventListener('alpine:init', function () {\n    Alpine.data('career_opportunities', () => ({\n      f_location: \"\",\n      f_function: \"\",\n      posts: [],\n      totalPosts: \"0\",\n      lang: 'ICL_LANGUAGE_CODE',\n      init() {\n        this.$watch('f_location', () => {\n          this.getPosts();\n        });\n        this.$watch('f_function', () => {\n          this.getPosts();\n        });\n      },\n      async getPosts() {\n        const baseUrl = 'https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/career';\n        const param = {\n          s_location: this.f_location,\n          s_function: this.f_function,\n        }\n\n        if(this.lang) {\n          param.lang = this.lang;\n        }\n\n        const fetchUrl = baseUrl + \"?\" + this.objectToQueryString(param);\n\n        try {\n          const res = await fetch(fetchUrl);\n          this.posts = await res.json();\n          this.totalPosts = res.headers.get('X-WP-Total');\n\n          \/\/ render\n          const content = document.querySelector('.career-opportunities .career-content');\n          content.innerHTML = '';\n          if (!content.querySelector('template')) {\n            const template = `<div\n    class=\"p-5 lg:p-7 rounded-xl border border-black800 bg-white mb-5 last:mb-0 lg:flex items-center transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n    x-data=\"{\n          observed: false,\n          observe() {\n            const observer = new IntersectionObserver(function(entries) {\n              entries.forEach(function(entry) {\n                if (entry.isIntersecting &#038;&#038; !this.observed) {\n                  this.observed = true;\n                  this.$el.classList.remove('before');\n                  observer.disconnect();\n                }\n              }.bind(this));\n            }.bind(this), { threshold: 0.5 });\n            observer.observe($el);\n          }\n        }\" x-init=\"observe()\">\n    <div class=\"mr-5\">\n      <div class=\"md:flex items-start text-body leading-5 text-tertiary mb-3\">\n        <span x-text=\"post.location[0]\"><\/span>\n        <span class=\"mx-2 mt-[3px] lg:mx-5 h-[14px] w-[1px] bg-tertiary hidden md:block\">\n        <\/span>\n        <div class=\"flex mt-2.5 md:mt-0\">\n          <span x-text=\"post.functions.join(', ')\"><\/span>\n        <\/div>\n      <\/div>\n      <h4 class=\"text-24 leading-7 xl:leading-9 black-000\" x-text=\"post.title\"><\/h4>\n    <\/div>\n\n    <div class=\"ml-auto shrink-0 mt-5 lg:mt-0\">\n      <a href=\"\" :href=\"post.link\"\n        class=\"inline-block text-btn py-4 px-6 text-white transition bg-primary hover:bg-secondary rounded-[100px]\">\n        \u7acb\u5373\u7533\u8acb      <\/a>\n    <\/div>\n  <\/div>`;\n            Alpine.morph(content, `\n              <div class=\"${content.className}\">\n                <template x-for=\"post in posts\" :key=\"post.id\">\n                  ${template}\n                <\/template>\n              <\/div>\n            `);\n          }\n        } catch (e) {\n          console.log(e);\n        } finally {\n\n        }\n      },\n      objectToQueryString: function (obj) {\n        for (let key in obj) {\n          if (!obj[key]) delete obj[key];\n        }\n\n        return Object.keys(obj).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(obj[key])).join('&');\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,"inline_featured_image":false,"footnotes":""},"class_list":["post-1604","page","type-page","status-publish","hentry"],"acf":[],"rankMath":{"parentDomain":"bbmsl.com","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":true,"featuredImageNotice":"The featured image should be at least 200 by 200 pixels to be picked up by Facebook and other social media sites.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"career","permalinkFormat":"https:\/\/bbmsl.com\/zh-hant\/%pagename%\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/bbmsl.com\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":false,"primaryTaxonomy":false,"serpData":{"title":"\u5c31\u696d\u6a5f\u6703 | Black Bear Group","description":"\u6211\u5011\u63d0\u4f9b\u5145\u6eff\u6d3b\u529b\u3001\u5275\u65b0\u7684\u5de5\u4f5c\u74b0\u5883\uff0c\u6b61\u8fce\u60a8\u52a0\u5165\u6211\u5011\u7684\u5718\u968a\u3002","focusKeywords":"\u5c31\u696d\u6a5f\u6703","pillarContent":false,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":"","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"username","primaryTerm":0,"authorName":"admin","titleTemplate":"%title% %sep% %sitename%","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":[],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":false,"hasBreadcrumb":false},"homeUrl":"https:\/\/bbmsl.com\/zh-hant\/","objectID":1604,"objectType":"post","locale":"zh","localeFull":"zh_TW","overlayImages":{"play":{"name":"Play icon","url":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/hdd\/bbmsl\/public_html\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"GIF icon","url":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/hdd\/bbmsl\/public_html\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/social-placeholder.jpg","customPermalinks":true,"isUserRegistered":false,"autoSuggestKeywords":false,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Fbbmsl.com%2Fzh-hant%2F&r=https%3A%2F%2Fbbmsl.com%2Fzh-hant%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1604%2F%3Fnonce%3De8cf1f75a2","maxTags":5,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/favicon.png","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"isPro":false,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Upgrade","trendsPreviewImage":"https:\/\/bbmsl.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":[],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":false,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":[],"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"_links":{"self":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/comments?post=1604"}],"version-history":[{"count":14,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1604\/revisions"}],"predecessor-version":[{"id":3580,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1604\/revisions\/3580"}],"wp:attachment":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=1604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}