{"id":1600,"date":"2024-06-18T07:15:21","date_gmt":"2024-06-18T07:15:21","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/bbmsl\/home\/"},"modified":"2026-05-21T03:26:50","modified_gmt":"2026-05-21T03:26:50","slug":"home","status":"publish","type":"page","link":"https:\/\/bbmsl.com\/zh-hant\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div block-name=\"bbmsl-home-landing-multi-animations\" class=\"py-10 xl:pb-[68px] bg-white overflow-hidden\"\n  x-data=\"landing_multi_animations\">\n  <div class=\"container\">\n    <div class=\"xl:flex items-center\">\n      <div class=\"xl:max-w-[700px] 3xl:max-w-[848px] xl:mr-5\" x-ref=\"landing_content\">\n        \n        \n        <h1 class=\"heading1 leading-[50px] md:leading-[56px] 3xl:leading-[75px] mb-5\">\n          Payment Beyond                      <span class=\"text-primary\">Imagination<\/span>\n                  <\/h1>\n\n        <div class=\"text-body text-tertiary leading-7 font-noto-sans\">\n          <p>BBMSL\u70ba\u9999\u6e2f\u96fb\u5b50\u652f\u4ed8\u4f9b\u61c9\u5546\uff0c\u63d0\u4f9b\u7b26\u5408PCI DSS\u5b89\u5168\u8a8d\u8b49\u7684\u652f\u4ed8\u670d\u52d9\u3002\u6211\u5011\u79c9\u6301\u5353\u8d8a\u7684\u627f\u8afe\uff0c\u5df2\u8207\u8d85\u904e18,000\u5bb6\u672c\u5730\u548c\u570b\u969b\u54c1\u724c\u63d0\u4f9b\u7dda\u4e0a\u6216\u7dda\u4e0b\u96fb\u5b50\u652f\u4ed8\u89e3\u6c7a\u65b9\u6848\u53ca\u5546\u6236\u670d\u52d9\uff0c\u8b93\u652f\u4ed8\u8d85\u4e4e\u60f3\u50cf\u3002<\/p>\n        <\/div>\n\n                  <div class=\"mt-5 md:mt-10 md:flex\">\n                          <a href=\"https:\/\/wa.me\/85255887325\" target=\"_blank\" rel=\"nofollow noopener\" 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                \u806f\u7d61\u6211\u5011              <\/a>\n            \n                          <a href=\"https:\/\/www.youtube.com\/playlist?list=PLGs0olEerXym5UZn9v9TuvcoBXQgZid0R\" 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\" rel=\"nofollow noopener\" target=\"_blank\">\n                \u5361\u6a5f\u793a\u7bc4\u5f71\u7247              <\/a>\n                      <\/div>\n              <\/div>\n\n      <div\n        class=\"mx-auto xl:mr-[unset] xl:ml-auto max-w-[480px] xl:max-w-[660px] mt-5 md:mt-[60px] xl:mt-0 w-full aspect-square relative\"\n        x-ref=\"content_img\">\n                              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/bg-shape.png\" alt=\"\"\n              class=\"size-full object-contain relative transition duration-1000 before [&#038;.before]:opacity-0\"\n              x-ref=\"bg_shape\" \/>\n          \n                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/BBMSL-WisePOS-E.png\" alt=\"\u4fe1\u7528\u5361\u6a5f\"\n              class=\"size-full object-contain absolute top-0 left-1\/2 -translate-x-1\/2 transition duration-1000 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n              x-ref=\"bg_image\" \/>\n          \n                      <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/fg-image.png\" alt=\"\"\n              class=\"size-full object-contain absolute top-0 left-0 transition duration-1000 before [&#038;.before]:opacity-0 [&#038;.before]:-translate-y-[10%]\"\n              x-ref=\"fg_image\" \/>\n                        <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('landing_multi_animations', () => ({\n        observed: false,\n        init() {\n          Promise.all([\n            this.loadImg(this.$refs.bg_shape),\n            this.loadImg(this.$refs.bg_image),\n            this.loadImg(this.$refs.fg_image)\n          ]).then(() => {\n            this.observe();\n          });\n        },\n        loadImg(img) {\n          return new Promise((resolve) => {\n            if (img.complete) {\n              resolve();\n            } else {\n              img.addEventListener('load', () => {\n                resolve();\n              });\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.bg_shape.classList.remove('before');\n                setTimeout(() => {\n                  this.$refs.bg_image.classList.remove('before');\n                }, 300);\n                setTimeout(() => {\n                  this.$refs.fg_image.classList.remove('before');\n                }, 600);\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.30 });\n          observer.observe(this.$refs.content_img);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-countup\" class=\"py-10 bg-lightBlue\">\n  <div class=\"container\">\n          <div\n        class=\"flex flex-col md:flex-row md:flex-wrap justify-center gap-y-5 max-lg:justify-evenly max-md:items-center\">\n                  <div\n            class=\"flex md:flex-col lg:flex-row items-center flex-1 lg:flex-[unset] md:mr-10 lg:mr-20 last:mr-0 max-lg:max-w-[222px] max-md:min-w-[222px] transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] xl:min-w-[250px] 4xl:min-w-[310px]\"\n            x-data=\"count_up_0\">\n                          <div class=\"size-10 lg:size-[60px] shrink-0 mr-8 md:mr-0 lg:mr-8\">\n                <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/cp-merchant.png\" alt=\"BBMSL Merchant\" \/>\n              <\/div>\n            \n            <div class=\"md:text-center lg:text-left lg:max-w-max md:mt-5 lg:mt-0\">\n              <h5 class=\"heading2 leading-8 xl:leading-[48px] mb-2 text-black000 flex md:justify-center lg:justify-start\">\n                <span x-text=\"count\">0<\/span>\n                <span>k+<\/span>\n              <\/h5>\n              <p class=\"text-body-lg text-tertiary leading-8 font-noto-sans\">\n                \u5546\u6236              <\/p>\n            <\/div>\n          <\/div>\n          <script>\n            (function () {\n              document.addEventListener('alpine:init', function () {\n                Alpine.data('count_up_0', () => ({\n                  count: 0,\n                  total: 20,\n                  duration: 2000,\n                  init() {\n                    this.observe();\n                  },\n                  countUp() {\n                    const start = performance.now();\n                    const duration = this.duration;\n                    const total = this.total;\n                    const step = (timestamp) => {\n                      const progress = timestamp - start;\n                      const percentage = Math.min(progress \/ duration, 1);\n                      this.count = Number.isInteger(total) ? Math.floor(percentage * total) : (percentage * total).toFixed(total.toString().split('.')[1].length);\n                      if (progress < duration) {\n                        requestAnimationFrame(step);\n                      }\n                    };\n                    requestAnimationFrame(step);\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                          this.countUp();\n                          observer.disconnect(); \/\/ Stop observing once the count-up has started\n                        }\n                      });\n                    }, { threshold: 0.1 }); \/\/ Trigger when 10% of the element is visible\n                    observer.observe(this.$el);\n                  }\n                }));\n              });\n            })();\n          <\/script>\n                  <div\n            class=\"flex md:flex-col lg:flex-row items-center flex-1 lg:flex-[unset] md:mr-10 lg:mr-20 last:mr-0 max-lg:max-w-[222px] max-md:min-w-[222px] transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] xl:min-w-[250px] 4xl:min-w-[310px]\"\n            x-data=\"count_up_1\">\n                          <div class=\"size-10 lg:size-[60px] shrink-0 mr-8 md:mr-0 lg:mr-8\">\n                <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/cp-payment-methods.png\" alt=\"BBMSL Payment Methods\" \/>\n              <\/div>\n            \n            <div class=\"md:text-center lg:text-left lg:max-w-max md:mt-5 lg:mt-0\">\n              <h5 class=\"heading2 leading-8 xl:leading-[48px] mb-2 text-black000 flex md:justify-center lg:justify-start\">\n                <span x-text=\"count\">0<\/span>\n                <span>+<\/span>\n              <\/h5>\n              <p class=\"text-body-lg text-tertiary leading-8 font-noto-sans\">\n                \u96fb\u5b50\u652f\u4ed8\u65b9\u5f0f              <\/p>\n            <\/div>\n          <\/div>\n          <script>\n            (function () {\n              document.addEventListener('alpine:init', function () {\n                Alpine.data('count_up_1', () => ({\n                  count: 0,\n                  total: 19,\n                  duration: 2000,\n                  init() {\n                    this.observe();\n                  },\n                  countUp() {\n                    const start = performance.now();\n                    const duration = this.duration;\n                    const total = this.total;\n                    const step = (timestamp) => {\n                      const progress = timestamp - start;\n                      const percentage = Math.min(progress \/ duration, 1);\n                      this.count = Number.isInteger(total) ? Math.floor(percentage * total) : (percentage * total).toFixed(total.toString().split('.')[1].length);\n                      if (progress < duration) {\n                        requestAnimationFrame(step);\n                      }\n                    };\n                    requestAnimationFrame(step);\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                          this.countUp();\n                          observer.disconnect(); \/\/ Stop observing once the count-up has started\n                        }\n                      });\n                    }, { threshold: 0.1 }); \/\/ Trigger when 10% of the element is visible\n                    observer.observe(this.$el);\n                  }\n                }));\n              });\n            })();\n          <\/script>\n                  <div\n            class=\"flex md:flex-col lg:flex-row items-center flex-1 lg:flex-[unset] md:mr-10 lg:mr-20 last:mr-0 max-lg:max-w-[222px] max-md:min-w-[222px] transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] xl:min-w-[250px] 4xl:min-w-[310px]\"\n            x-data=\"count_up_2\">\n                          <div class=\"size-10 lg:size-[60px] shrink-0 mr-8 md:mr-0 lg:mr-8\">\n                <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/cp-pos-system-integrations.png\" alt=\"BBMSL Pos System Integrations\" \/>\n              <\/div>\n            \n            <div class=\"md:text-center lg:text-left lg:max-w-max md:mt-5 lg:mt-0\">\n              <h5 class=\"heading2 leading-8 xl:leading-[48px] mb-2 text-black000 flex md:justify-center lg:justify-start\">\n                <span x-text=\"count\">0<\/span>\n                <span>+<\/span>\n              <\/h5>\n              <p class=\"text-body-lg text-tertiary leading-8 font-noto-sans\">\n                \u53ef\u4e32\u63a5POS\u7cfb\u7d71              <\/p>\n            <\/div>\n          <\/div>\n          <script>\n            (function () {\n              document.addEventListener('alpine:init', function () {\n                Alpine.data('count_up_2', () => ({\n                  count: 0,\n                  total: 50,\n                  duration: 2000,\n                  init() {\n                    this.observe();\n                  },\n                  countUp() {\n                    const start = performance.now();\n                    const duration = this.duration;\n                    const total = this.total;\n                    const step = (timestamp) => {\n                      const progress = timestamp - start;\n                      const percentage = Math.min(progress \/ duration, 1);\n                      this.count = Number.isInteger(total) ? Math.floor(percentage * total) : (percentage * total).toFixed(total.toString().split('.')[1].length);\n                      if (progress < duration) {\n                        requestAnimationFrame(step);\n                      }\n                    };\n                    requestAnimationFrame(step);\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                          this.countUp();\n                          observer.disconnect(); \/\/ Stop observing once the count-up has started\n                        }\n                      });\n                    }, { threshold: 0.1 }); \/\/ Trigger when 10% of the element is visible\n                    observer.observe(this.$el);\n                  }\n                }));\n              });\n            })();\n          <\/script>\n              <\/div>\n      <\/div>\n<\/div>\n\n\n<div block-name=\"bbmsl-home-solutions-and-services\"\n  class=\"py-10 md:py-[60px] xl:py-[120px] bg-white relative overflow-hidden\" x-data=\"home_solutions_and_services\">\n  <div class=\"absolute right-0 bottom-0 hidden xl:block\">\n    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/bbmsl-solution-bg.png\"\n      alt=\"Services and Solution Decoration\" \/>\n  <\/div>\n  <div class=\"container relative\">\n    <p class=\"text-body font-bold leading-5 text-tertiary mb-2.5\">\n      \u89e3\u6c7a\u65b9\u6848\u53ca\u670d\u52d9    <\/p>\n\n    <h2 class=\"heading2 text-black000 leading-[42px] xl:leading-[60px] mb-5\">\u7dda\u4e0a\u7dda\u4e0b\u96a8\u6642\u6536\u6b3e<\/h2>\n\n    <p class=\"text-body text-tertiary leading-7 mb-10 font-noto-sans\">\u7121\u8ad6\u4f60\u662f\u5be6\u9ad4\u5e97\u5546\u6236\u3001\u9084\u662f\u7db2\u5e97\u5546\u5bb6\uff0c\u6211\u5011\u90fd\u6709\u9069\u5408\u4f60\u7684\u96fb\u5b50\u2f40\u4ed8\u2f45\u6848\u3002\u8b93BBMSL\u96c6\u4e2d\u7ba1\u7406\u6536\u4ed8\u6b3e\uff0c\u8b93\u4f60\u5c08\u6ce8\u696d\u52d9\uff0c\u722d\u53d6\u7121\u9650\u5546\u6a5f\u3002<\/p>\n\n    <div class=\"transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-ref=\"home_ss_content\">\n      <div class=\"flex overflow-auto mb-10\">\n                  <div class=\"pb-2.5 mr-10 last:mr-0 relative cursor-pointer\"\n            @click=\"handleIndexes(0, '0_0')\">\n            <p class=\"heading4 text-black000  whitespace-nowrap transition-opacity\"\n              :class=\"currentIndex == 0 ? 'opacity-100' : 'opacity-50'\">\u7dda\u4e0b\u96fb\u5b50\u652f\u4ed8\u670d\u52d9<\/p>\n            <div class=\"absolute h-[3px] rounded-[3px] left-0 bottom-0 bg-black000 transition-all\"\n              :class=\"currentIndex == 0 ? 'w-full' : 'w-0'\"><\/div>\n          <\/div>\n                  <div class=\"pb-2.5 mr-10 last:mr-0 relative cursor-pointer\"\n            @click=\"handleIndexes(1, '1_0')\">\n            <p class=\"heading4 text-black000  whitespace-nowrap transition-opacity\"\n              :class=\"currentIndex == 1 ? 'opacity-100' : 'opacity-50'\">\u7dda\u4e0a\u96fb\u5b50\u652f\u4ed8\u670d\u52d9<\/p>\n            <div class=\"absolute h-[3px] rounded-[3px] left-0 bottom-0 bg-black000 transition-all\"\n              :class=\"currentIndex == 1 ? 'w-full' : 'w-0'\"><\/div>\n          <\/div>\n              <\/div>\n  \n      <div class=\"xl:flex\">\n        <div class=\"xl:max-w-[740px] xl:mr-20 flex-1\">\n            <div x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n    x-transition:enter-start=\"opacity-10 scale-[0.9]\" x-transition:enter-end=\"opacity-100 scale-1\"\n    :class=\"currentIndex == 0 ? '' : 'hidden'\">\n          <ul class=\"mb-10\">\n                  <li class=\"py-8 first:pt-0 last:pb-0 border-b border-black800 last:border-none accordion-item group\"\n            :class=\"currentContentIndex == '0_0' ? 'opened' : ''\">\n            <div class=\"flex leading-7 items-center cursor-pointer\"\n              @click=\"setCurrentContentIndex('0_0')\">\n              <h5 class=\"text-24 text-tertiary mr-2.5 transition group-[&#038;.opened]:text-secondary\">\u591a\u5143\u5316\u7684\u652f\u4ed8\u65b9\u5f0f<\/h5>\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>\n              <\/span>\n            <\/div>\n\n            <div x-ref=\"accordion_content_0_0\"\n              x-show=\"currentContentIndex == '0_0'\"\n              x-transition:enter=\"transition-all ease-in-out duration-500\"\n              x-transition:enter-start=\"opacity-0 -translate-x-[10%]\"\n              x-transition:enter-end=\"opacity-100\" class=\"accordion-content\">\n              <div class=\"text-body leading-7 text-tertiary pt-10 font-noto-sans\">\n                <p>\u4e00\u90e8\u88dd\u7f6e\uff0c\u652f\u63f4\u591a\u7a2e\u4e3b\u6d41\u96fb\u5b50\u652f\u4ed8\u65b9\u5f0f\uff0c\u70ba\u9867\u5ba2\u6253\u9020\u9806\u66a2\u5feb\u901f\u7684\u7d50\u5e33\u9ad4\u9a57\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/li>\n                  <li class=\"py-8 first:pt-0 last:pb-0 border-b border-black800 last:border-none accordion-item group\"\n            :class=\"currentContentIndex == '0_1' ? 'opened' : ''\">\n            <div class=\"flex leading-7 items-center cursor-pointer\"\n              @click=\"setCurrentContentIndex('0_1')\">\n              <h5 class=\"text-24 text-tertiary mr-2.5 transition group-[&#038;.opened]:text-secondary\">\u4e2d\u5c0f\u4f01\u5546\u6236\u5c08\u4eab\u512a\u60e0\u624b\u7e8c\u8cbb<\/h5>\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>\n              <\/span>\n            <\/div>\n\n            <div x-ref=\"accordion_content_0_1\"\n              x-show=\"currentContentIndex == '0_1'\"\n              x-transition:enter=\"transition-all ease-in-out duration-500\"\n              x-transition:enter-start=\"opacity-0 -translate-x-[10%]\"\n              x-transition:enter-end=\"opacity-100\" class=\"accordion-content\">\n              <div class=\"text-body leading-7 text-tertiary pt-10 font-noto-sans\">\n                <p>\u4e2d\u5c0f\u4f01\u9762\u5c0d\u6fc0\u70c8\u5e02\u5834\u7af6\u722d\uff0c\u6211\u5011\u77ad\u89e3\u5230\u6210\u672c\u5c0d\u4e2d\u5c0f\u5546\u6236\u7684\u95dc\u9375\u6027\u3002\u6211\u5011\u70ba\u5408\u8cc7\u683c\u7684\u4e2d\u5c0f\u4f01\u63d0\u4f9b\u7279\u60e0\u4ea4\u6613\u8cbb\u7387\uff0c\u6e1b\u4f4e\u8207\u96fb\u5b50\u652f\u4ed8\u76f8\u95dc\u7684\u6210\u672c\uff0c\u8b93\u5c0f\u578b\u4f01\u696d\u6709\u66f4\u591a\u6a5f\u6703\u628a\u63e1\u5546\u6a5f.<\/p>\n              <\/div>\n            <\/div>\n          <\/li>\n                  <li class=\"py-8 first:pt-0 last:pb-0 border-b border-black800 last:border-none accordion-item group\"\n            :class=\"currentContentIndex == '0_2' ? 'opened' : ''\">\n            <div class=\"flex leading-7 items-center cursor-pointer\"\n              @click=\"setCurrentContentIndex('0_2')\">\n              <h5 class=\"text-24 text-tertiary mr-2.5 transition group-[&#038;.opened]:text-secondary\">12\/7 \u5ba2\u670d\u652f\u63f4<\/h5>\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>\n              <\/span>\n            <\/div>\n\n            <div x-ref=\"accordion_content_0_2\"\n              x-show=\"currentContentIndex == '0_2'\"\n              x-transition:enter=\"transition-all ease-in-out duration-500\"\n              x-transition:enter-start=\"opacity-0 -translate-x-[10%]\"\n              x-transition:enter-end=\"opacity-100\" class=\"accordion-content\">\n              <div class=\"text-body leading-7 text-tertiary pt-10 font-noto-sans\">\n                <p>\u5ba2\u670d\u5718\u968a12\/7 \u904b\u4f5c\uff0c\u771f\u4eba\u63a5\u807d\uff0c\u5373\u6642\u89e3\u6c7a\u554f\u984c\uff0c\u8b93\u5546\u6236\u7121\u9700\u64d4\u6182\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/li>\n                  <li class=\"py-8 first:pt-0 last:pb-0 border-b border-black800 last:border-none accordion-item group\"\n            :class=\"currentContentIndex == '0_3' ? 'opened' : ''\">\n            <div class=\"flex leading-7 items-center cursor-pointer\"\n              @click=\"setCurrentContentIndex('0_3')\">\n              <h5 class=\"text-24 text-tertiary mr-2.5 transition group-[&#038;.opened]:text-secondary\">POS\u7cfb\u7d71\u6574\u5408<\/h5>\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>\n              <\/span>\n            <\/div>\n\n            <div x-ref=\"accordion_content_0_3\"\n              x-show=\"currentContentIndex == '0_3'\"\n              x-transition:enter=\"transition-all ease-in-out duration-500\"\n              x-transition:enter-start=\"opacity-0 -translate-x-[10%]\"\n              x-transition:enter-end=\"opacity-100\" class=\"accordion-content\">\n              <div class=\"text-body leading-7 text-tertiary pt-10 font-noto-sans\">\n                <p>\u5361\u6a5f\u53ef\u4ee5\u8207\u73fe\u6709\u7684POS\u7cfb\u7d71\u6574\u5408\uff0c\u540c\u6b65\u92b7\u552e\u91d1\u984d\uff0c\u6e1b\u5c11\u4eba\u70ba\u8f38\u5165\u932f\u8aa4\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/li>\n              <\/ul>\n              <a href=\"https:\/\/bbmsl.com\/zh-hant\/offline-payment\/\" class=\"inline-flex py-4 px-6 rounded-[100px] text-btn text-white leading-5 items-center transition bg-primary hover:bg-secondary\">\n          \u4e86\u89e3\u66f4\u591a          <span class=\"ml-3 shrink-0 size-4\">\n            <img decoding=\"async\" class=\"size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-right-arrow.svg\" alt=\"Right Arrow Svg\" \/>\n          <\/span>\n        <\/a>\n          <\/div>\n    <div x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n    x-transition:enter-start=\"opacity-10 scale-[0.9]\" x-transition:enter-end=\"opacity-100 scale-1\"\n    :class=\"currentIndex == 1 ? '' : 'hidden'\">\n          <ul class=\"mb-10\">\n                  <li class=\"py-8 first:pt-0 last:pb-0 border-b border-black800 last:border-none accordion-item group\"\n            :class=\"currentContentIndex == '1_0' ? 'opened' : ''\">\n            <div class=\"flex leading-7 items-center cursor-pointer\"\n              @click=\"setCurrentContentIndex('1_0')\">\n              <h5 class=\"text-24 text-tertiary mr-2.5 transition group-[&#038;.opened]:text-secondary\">\u7c21\u5316\u4ed8\u6b3e\u7a0b\u5e8f<\/h5>\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>\n              <\/span>\n            <\/div>\n\n            <div x-ref=\"accordion_content_1_0\"\n              x-show=\"currentContentIndex == '1_0'\"\n              x-transition:enter=\"transition-all ease-in-out duration-500\"\n              x-transition:enter-start=\"opacity-0 -translate-x-[10%]\"\n              x-transition:enter-end=\"opacity-100\" class=\"accordion-content\">\n              <div class=\"text-body leading-7 text-tertiary pt-10 font-noto-sans\">\n                <p>\u4ed8\u6b3e\u754c\u9762\u7c21\u55ae\u6613\u7528\uff0c\u65b9\u4fbf\u9867\u5ba2\u5feb\u901f\u9032\u884c\u7dda\u4e0a\u652f\u4ed8\uff0c\u6e1b\u5c11\u300c\u907a\u68c4\u8cfc\u7269\u8eca\u300d\uff0c\u589e\u52a0\u92b7\u552e\u984d\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/li>\n                  <li class=\"py-8 first:pt-0 last:pb-0 border-b border-black800 last:border-none accordion-item group\"\n            :class=\"currentContentIndex == '1_1' ? 'opened' : ''\">\n            <div class=\"flex leading-7 items-center cursor-pointer\"\n              @click=\"setCurrentContentIndex('1_1')\">\n              <h5 class=\"text-24 text-tertiary mr-2.5 transition group-[&#038;.opened]:text-secondary\">\u5b89\u5168\u6027<\/h5>\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>\n              <\/span>\n            <\/div>\n\n            <div x-ref=\"accordion_content_1_1\"\n              x-show=\"currentContentIndex == '1_1'\"\n              x-transition:enter=\"transition-all ease-in-out duration-500\"\n              x-transition:enter-start=\"opacity-0 -translate-x-[10%]\"\n              x-transition:enter-end=\"opacity-100\" class=\"accordion-content\">\n              <div class=\"text-body leading-7 text-tertiary pt-10 font-noto-sans\">\n                <p>\u5546\u6236\u7121\u9700\u81ea\u884c\u7372\u53d6PCI DSS\u8a8d\u8b49\uff0c\u6211\u5011\u7684\u89e3\u6c7a\u65b9\u6848\u80fd\u70ba\u60a8\u7bc0\u7701\u6642\u9593\u3001\u8cc7\u6e90\u548c\u89e3\u6c7a\u6f5b\u5728\u5b89\u5168\u98a8\u96aa\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/li>\n                  <li class=\"py-8 first:pt-0 last:pb-0 border-b border-black800 last:border-none accordion-item group\"\n            :class=\"currentContentIndex == '1_2' ? 'opened' : ''\">\n            <div class=\"flex leading-7 items-center cursor-pointer\"\n              @click=\"setCurrentContentIndex('1_2')\">\n              <h5 class=\"text-24 text-tertiary mr-2.5 transition group-[&#038;.opened]:text-secondary\">\u9032\u5165O2O\u71df\u5546\u6a21\u5f0f<\/h5>\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>\n              <\/span>\n            <\/div>\n\n            <div x-ref=\"accordion_content_1_2\"\n              x-show=\"currentContentIndex == '1_2'\"\n              x-transition:enter=\"transition-all ease-in-out duration-500\"\n              x-transition:enter-start=\"opacity-0 -translate-x-[10%]\"\n              x-transition:enter-end=\"opacity-100\" class=\"accordion-content\">\n              <div class=\"text-body leading-7 text-tertiary pt-10 font-noto-sans\">\n                <p>\u7d50\u5408\u7db2\u8def\u548c\u5be6\u9ad4\u5e97\u7684\u92b7\u552e\uff0c\u5c07\u7dda\u4e0a\u5ba2\u6e90\u5c0e\u6d41\u5230\u7dda\u4e0b\uff01\u6211\u5011\u7684\u7dda\u4e0a\u96fb\u5b50\u652f\u4ed8\u670d\u52d9\u80fd\u8207\u5be6\u9ad4\u5e97\u7121\u7e2b\u6574\u5408\uff0c\u9867\u5ba2\u7dda\u4e0a\u8cfc\u8cb7\u7dda\u4e0b\u53d6\u8ca8\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/li>\n                  <li class=\"py-8 first:pt-0 last:pb-0 border-b border-black800 last:border-none accordion-item group\"\n            :class=\"currentContentIndex == '1_3' ? 'opened' : ''\">\n            <div class=\"flex leading-7 items-center cursor-pointer\"\n              @click=\"setCurrentContentIndex('1_3')\">\n              <h5 class=\"text-24 text-tertiary mr-2.5 transition group-[&#038;.opened]:text-secondary\">\u8f15\u9b06\u6574\u5408 API\u6587\u4ef6\u53ca\u7db2\u7ad9\u63d2\u4ef6<\/h5>\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>\n              <\/span>\n            <\/div>\n\n            <div x-ref=\"accordion_content_1_3\"\n              x-show=\"currentContentIndex == '1_3'\"\n              x-transition:enter=\"transition-all ease-in-out duration-500\"\n              x-transition:enter-start=\"opacity-0 -translate-x-[10%]\"\n              x-transition:enter-end=\"opacity-100\" class=\"accordion-content\">\n              <div class=\"text-body leading-7 text-tertiary pt-10 font-noto-sans\">\n                <p>\u900f\u904e\u4f7f\u7528API\/ \u7db2\u7ad9\u63d2\u4ef6\uff0c\u5927\u5927\u964d\u4f4e\u964d\u69cb\u652f\u4ed8\u89e3\u6c7a\u65b9\u6848\u76f8\u95dc\u7684\u958b\u767c\u6210\u672c\u3002<\/p>\n              <\/div>\n            <\/div>\n          <\/li>\n              <\/ul>\n              <a href=\"https:\/\/bbmsl.com\/zh-hant\/online-payment\/\" class=\"inline-flex py-4 px-6 rounded-[100px] text-btn text-white leading-5 items-center transition bg-primary hover:bg-secondary\">\n          \u4e86\u89e3\u66f4\u591a          <span class=\"ml-3 shrink-0 size-4\">\n            <img decoding=\"async\" class=\"size-full object-contain\"\n              src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-right-arrow.svg\" alt=\"Right Arrow Svg\" \/>\n          <\/span>\n        <\/a>\n          <\/div>\n          <\/div>\n  \n        <div class=\"max-w-[688px] xl:flex-1 xl:max-w-[740px] mx-auto xl:mx-[unset] mt-10 xl:mt-0 aspect-[185\/151]\"\n          x-ref=\"img_content\">\n                        <div class=\"xl:flex xl:justify-end\" x-show=\"currentIndex == 0\"\n                x-transition:enter=\"transition-all ease-in-out duration-500\" x-transition:enter-start=\"opacity-10 scale-[0.9]\"\n                x-transition:enter-end=\"opacity-100 scale-1\" :class=\"currentIndex == 0 ? '' : 'hidden'\">\n                <img decoding=\"async\" class=\"aspect-[185\/151] object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/HomeHK_services.png\" alt=\"\u7dda\u4e0b\u96fb\u5b50\u652f\u4ed8\u670d\u52d9\" \/>\n              <\/div>\n                            <div class=\"xl:flex xl:justify-end\" x-show=\"currentIndex == 1\"\n                x-transition:enter=\"transition-all ease-in-out duration-500\" x-transition:enter-start=\"opacity-10 scale-[0.9]\"\n                x-transition:enter-end=\"opacity-100 scale-1\" :class=\"currentIndex == 1 ? '' : 'hidden'\">\n                <img decoding=\"async\" class=\"aspect-[185\/151] object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/09\/HomeHK_services2.png\" alt=\"\u7dda\u4e0a\u96fb\u5b50\u652f\u4ed8\u670d\u52d9\" \/>\n              <\/div>\n                      <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('home_solutions_and_services', () => ({\n        currentIndex: 0,\n        currentContentIndex: \"0_0\",\n        handleIndexes(index, currentContentIndex) {\n          this.currentIndex = index;\n          this.currentContentIndex = currentContentIndex;\n        },\n        setCurrentContentIndex(index) {\n          this.currentContentIndex = index;\n        },\n        observed: false,\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.$refs.home_ss_content.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.25 });\n          observer.observe(this.$el);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div block-name=\"bbmsl-payment-tabs\" class=\"bg-lightBlue py-10 md:py-[60px] xl:py-[120px] overflow-hidden\"\n  x-data=\"bbmsl_payment_tabs\">\n  <div class=\"container\">\n    <p class=\"text-body font-bold leading-5 text-tertiary mb-5\">\u96fb\u5b50\u652f\u4ed8\u65b9\u5f0f<\/p>\n    <h2 class=\"heading2 xl:leading-[48px] text-black000 mb-5 xl:mb-10 3xl:mb-20\">\u91dd\u5c0d\u76ee\u6a19\u5e02\u5834\uff0c\u9078\u64c7\u9069\u5408\u7684\u652f\u4ed8\u65b9\u5f0f<\/h2>\n\n    <div class=\"xl:flex transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-ref=\"payment_tabs\">\n            <div class=\"xl:max-w-[300px] 3xl:max-w-[375px] w-full xl:mr-10 3xl:mr-20\">\n                <ul class=\"hidden xl:block\">\n                      <li\n              class=\"py-7 px-10 heading4 rounded-xl mb-5 last:mb-0 cursor-pointer transition-all border-t border-r border-b hover:border-primary hover:underline hover:text-black000\"\n              :class=\"currentIndex == 0 ? 'text-black000 border-primary bg-[#EBF7F9] border-l-[20px]' : 'border-black800 font-normal text-tertiary bg-white border-l'\"\n              @click=\"currentIndex = 0\">\u9999\u6e2f<\/li>\n                      <li\n              class=\"py-7 px-10 heading4 rounded-xl mb-5 last:mb-0 cursor-pointer transition-all border-t border-r border-b hover:border-primary hover:underline hover:text-black000\"\n              :class=\"currentIndex == 1 ? 'text-black000 border-primary bg-[#EBF7F9] border-l-[20px]' : 'border-black800 font-normal text-tertiary bg-white border-l'\"\n              @click=\"currentIndex = 1\">\u65b0\u52a0\u5761<\/li>\n                  <\/ul>\n\n                <div class=\"xl:hidden relative mobile-filter\">\n          <div class=\"flex mb-5 py-4 px-5 border border-black800 rounded-lg items-center\" @click=\"toggleMobileFilter\">\n            <p class=\"text-body text-tertiary leading-5 mr-2.5\" x-text=\"mobileFilterText\">\u9999\u6e2f<\/p>\n            <span class=\"size-6 ml-auto transition-all\" :class=\"showMobileFilter ? 'rotate-180' : ''\">\n              <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-payment-arrow.svg\"\n                alt=\"Arrow Svg\" \/>\n            <\/span>\n          <\/div>\n\n          <ul\n            class=\"absolute left-0 -bottom-1 translate-y-full border border-black800 rounded-lg shadow-lg w-full bg-white p-5\"\n            x-show=\"showMobileFilter\" x-transition:enter=\"transition-opacity ease-in-out\"\n            x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\"\n            x-transition:leave=\"transition-opacity ease-in-out\" x-transition:leave-start=\"opacity-100\"\n            x-transition:leave-end=\"opacity-0\">\n                          <li class=\"text-body-sm mb-2.5 last:mb-0\"\n                :class=\"currentIndex == 0 ?  'text-primary' : 'text-tertiary'\"\n                @click=\"handleMobileFilterClick(0, '\u9999\u6e2f')\">\u9999\u6e2f<\/li>\n                          <li class=\"text-body-sm mb-2.5 last:mb-0\"\n                :class=\"currentIndex == 1 ?  'text-primary' : 'text-tertiary'\"\n                @click=\"handleMobileFilterClick(1, '\u65b0\u52a0\u5761')\">\u65b0\u52a0\u5761<\/li>\n                      <\/ul>\n        <\/div>\n      <\/div>\n\n            <div class=\"xl:max-w-[1105px] flex-1\">\n                  <div class=\"grid xl:grid-cols-3 gap-5\">\n                            <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '0ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-visa.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Visa<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '100ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/mastercard.png\" alt=\"Mastercard\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Mastercard<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '200ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-ae.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">American Express<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '300ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-unionpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u9280\u806f<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '400ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/payment-logo-jcb.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">JCB<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '500ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-octopus.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u516b\u9054\u901a<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '600ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-payme.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">PayMe<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '700ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-alipay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u652f\u4ed8\u5bf6<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '800ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-alipayhk.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">AlipayHK<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '900ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-alipay-1.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Alipay+<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1000ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-wechatpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u5fae\u4fe1\u652f\u4ed8<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1100ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-wechatpayhk.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">WeChat Pay HK<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1200ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-quickpass-1.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u96f2\u9583\u4ed8<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1300ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-bocpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">BoC Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1400ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-tapgo.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Tap&amp;Go<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1500ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-applepay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Apple Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1600ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-googlepay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Google Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1700ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-huaweipay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Huawei Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 0\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 0 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '1800ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-samsungpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Samsung Pay<\/h5>\n                                      <\/div>\n                <\/div>\n                          <\/div>\n                  <div class=\"grid xl:grid-cols-3 gap-5\">\n                            <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '0ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-visa.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Visa<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '100ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/mastercard.png\" alt=\"Mastercard\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Mastercard<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '200ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-ae.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">American Express<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '300ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-unionpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u9280\u806f<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '400ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/payment-logo-SG7-paynow.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">PayNow<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '500ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-SG6-discover.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Discover<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '600ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/payment-logo-SG5-dinersclub.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">Diners Club International<\/h5>\n                                      <\/div>\n                <\/div>\n                                <div class=\"bg-white p-5 lg:p-7 rounded-xl border border-black800 xl:block flex items-center\"\n                  x-show=\"currentIndex == 1\" x-transition:enter=\"transition-all ease-in-out duration-500\"\n                  x-transition:enter-start=\"opacity-10 translate-x-[10%]\" x-transition:enter-end=\"opacity-100\"\n                  :class=\"currentIndex == 1 ? '' : 'hidden'\"\n                  :style=\"{ transitionDelay: '700ms'}\">\n                  <div class=\"xl:mb-5 xl:mr-0 mr-5 shrink-0\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/payment-logo-wechatpay.png\" alt=\"\" class=\"size-[60px] xl:size-20 object-contain\">\n                  <\/div>\n\n                  <div>\n                    <h5 class=\"text-24 text-black000 leading-7\">\u5fae\u4fe1\u652f\u4ed8<\/h5>\n                                      <\/div>\n                <\/div>\n                          <\/div>\n              <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_payment_tabs', () => ({\n        currentIndex: 0,\n        showMobileFilter: false,\n        mobileFilterText: '\u9999\u6e2f',\n        listenClickAwayHandler: null,\n        init() {\n          this.listenClickAwayHandler = (e) => this.listenClickAway(e);\n          this.$watch('showMobileFilter', () => {\n            if (this.showMobileFilter) {\n              setTimeout(() => {\n                document.addEventListener('click', this.listenClickAwayHandler);\n              }, 1);\n            } else {\n              document.removeEventListener('click', this.listenClickAwayHandler);\n            }\n          });\n          this.observe();\n        },\n        toggleMobileFilter() {\n          this.showMobileFilter = !this.showMobileFilter;\n        },\n        handleMobileFilterClick(index, text) {\n          this.currentIndex = index;\n          this.mobileFilterText = text;\n          this.showMobileFilter = false;\n        },\n        listenClickAway(e) {\n          if (!e.target.classList.contains('mobile-filter') || !e.target.closest('.mobile-filter')) {\n            this.toggleMobileFilter();\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.payment_tabs.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.2 });\n          observer.observe(this.$el);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div id=\"offerSlider\" block-name=\"bbmsl-offer-slider\" class=\"bg-white py-10 md:py-[60px] xl:py-[120px] overflow-hidden\"\n  x-data=\"bbmsl_offer_slider\">\n  <div class=\"container relative\">\n    <h2 class=\"heading2 leading-[48px] text-black000 mb-5\">\u4e2d\u2f29\u4f01\u5546\u2f3e\u5c08\u4eab\u512a\u60e0\u2f3f\u7e8c\u8cbb<\/h2>\n    <div class=\"mb-10 text-body leading-7 text-tertiary font-noto-sans\">\n      \u4e2d\u5c0f\u4f01\u9762\u5c0d\u6fc0\u70c8\u5e02\u5834\u7af6\u722d\uff0c\u6211\u5011\u77ad\u89e3\u5230\u6210\u672c\u5c0d\u4e2d\u5c0f\u5546\u6236\u7684\u95dc\u9375\u6027\u3002\u6211\u5011\u70ba\u5408\u8cc7\u683c\u7684\u4e2d\u5c0f\u4f01\u63d0\u4f9b\u7279\u60e0\u4ea4\u6613\u8cbb\u7387\uff0c\u6e1b\u4f4e\u8207\u96fb\u5b50\u652f\u4ed8\u76f8\u95dc\u7684\u6210\u672c\uff0c\u8b93\u5c0f\u578b\u4f01\u696d\u6709\u66f4\u591a\u6a5f\u6703\u628a\u63e1\u5546\u6a5f\u3002    <\/div>\n\n\n\n    <div class=\"offer-slider swiper transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\"\n      x-ref=\"offer_slider\">\n      <div\n        class=\"left-curtain absolute top-0 left-0 w-[100vw] h-full -translate-x-full bg-white z-[2] pointer-events-none\">\n      <\/div>\n      <div\n        class=\"right-curtain absolute top-0 right-0 w-[100vw] h-full translate-x-[90%] z-[2] from-transparent to-white from-0% to-15% bg-gradient-to-r pointer-events-none\">\n      <\/div>\n      <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/low-transation.png\" alt=\"Low Transation Rate\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u4ea4\u6613\u2f3f\u7e8c\u8cbb\u4f4e\u2f841.2%<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/settlement-period.png\" alt=\"\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u7d50\u7b97\u671f T+2<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/support-exhibitions.png\" alt=\"Support Exhibitions\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u5c55\u89bd\u6d3b\u52d5\u3001POP-UP\u5546\u5e97\u3001\u81ea\u52a9\u9ede\u9910\u6a5f\u9069\u7528<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/support-multiples.png\" alt=\"Support Multiples Payment\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u2f40\u63f4\u591a\u7a2e\u96fb\u2f26\u2f40\u4ed8\u2f45\u5f0f (\u5305\u62ec\u672c\u5730\u53ca\u570b\u969b\u4ed8\u6b3e\u65b9\u5f0f)<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/wireless-devices.png\" alt=\"Weireless Device\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u7121\u7dda\u88dd\u7f6e\uff0c\u9023\u63a5WIFI\uff0f\u6578\u64da\u5361\u5373\u53ef\u4f7f\u7528<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/Frame-1000013327.png\" alt=\"\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u6536\u8cbb\u900f\u660e\uff0c\u7121\u984d\u5916\u9644\u52a0\u8cbb\u7528<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/10\/cs-hotline.png\" alt=\"\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u771f\u4eba\u63a5\u807d\u5ba2\u670d\u71b1\u7dda<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/Frame-1000013327-3.png\" alt=\"\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u8a2d\u6709\u7db2\u9801\u7248\u53ca\u624b\u6a5f\u61c9\u7528\u7a0b\u5f0f\u7248\u5c0d\u6578\u5e73\u53f0<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div\n                class=\"flex-1 flex flex-col py-10 lg:py-[60px] px-8 border-[2px] border-[#E7E7E7] rounded-xl group transition-all hover:shadow-[0_4px_20px_0_rgba(0,0,0,0.1)] hover:border-black800\">\n                <div class=\"mb-8 pointer-events-none\">\n                  <img decoding=\"async\"\n                    class=\"size-[60px] xl:size-[100px] object-contain mx-auto transition-all group-hover:scale-[1.125]\"\n                    src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/Frame-1000013327-4.png\" alt=\"\" \/>\n                <\/div>\n\n                <div class=\"text-center pointer-events-none flex-1 flex flex-col\">\n                  <h5 class=\"text-24 leading-6 md:leading-7 xl:leading-8 mb-2.5 text-black000\">\u5361\u6a5f\u64cd\u4f5c\u7c21\u55ae\uff0c\u54e1\u5de5\u4e0a\u624b\u5bb9\u6613<\/h5>\n                                  <\/div>\n              <\/div>\n            <\/div>\n                  <\/div>\n\n      <div class=\"swiper-button-prev group\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 60 60\" fill=\"none\">\n  <rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"29.5\" stroke=\"#121212\"\n    class=\"transition-all fill-transparent group-hover:fill-black000\" \/>\n  <g clip-path=\"url(#clip0_6006_24635)\">\n    <path\n      d=\"M34.1883 39.7337C34.5433 39.3788 34.5434 38.8031 34.1883 38.4481L25.7402 30.0002L34.1883 21.5519C34.5433 21.1969 34.5434 20.6213 34.1883 20.2663C33.8333 19.9112 33.2577 19.9112 32.9027 20.2663L23.8117 29.3574C23.6413 29.5279 23.5455 29.7591 23.5455 30.0002C23.5455 30.2413 23.6413 30.4726 23.8118 30.643L32.9027 39.7337C33.2577 40.0888 33.8333 40.0888 34.1883 39.7337Z\"\n      class=\"transition-all fill-black000 group-hover:fill-white\" \/>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_6006_24635\">\n      <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(40 20) rotate(90)\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>      <\/div>\n\n      <div class=\"swiper-button-next group\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 60 60\" fill=\"none\">\n  <rect x=\"59.5\" y=\"59.5\" width=\"59\" height=\"59\" rx=\"29.5\" transform=\"rotate(-180 59.5 59.5)\" stroke=\"#121212\"\n    class=\"transition-all fill-transparent group-hover:fill-black000\" \/>\n  <path\n    d=\"M25.8117 20.2663C25.4567 20.6212 25.4566 21.1969 25.8117 21.5519L34.2598 29.9998L25.8117 38.4481C25.4567 38.8031 25.4566 39.3787 25.8117 39.7337C26.1667 40.0888 26.7423 40.0888 27.0974 39.7337L36.1883 30.6426C36.3587 30.4721 36.4545 30.2409 36.4545 29.9998C36.4545 29.7587 36.3587 29.5274 36.1882 29.357L27.0973 20.2663C26.7423 19.9112 26.1667 19.9112 25.8117 20.2663Z\"\n    class=\"transition-all fill-black000 group-hover:fill-white\" \/>\n<\/svg>      <\/div>\n\n      <div class=\"swiper-pagination hidden xl:block\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('bbmsl_offer_slider', () => ({\n        swiper: null,\n        init() {\n          this.swiper = new Swiper('.offer-slider', {\n            slidesPerView: 'auto',\n            spaceBetween: 10,\n            pagination: {\n              el: '.swiper-pagination',\n              clickable: true\n            },\n            navigation: {\n              nextEl: '.swiper-button-next',\n              prevEl: '.swiper-button-prev',\n            },\n            breakpoints: {\n              768: {\n                spaceBetween: 20\n              },\n              1280: {\n                spaceBetween: 40\n              }\n            }\n          });\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.$refs.offer_slider.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(this.$el);\n        }\n      }));\n    });\n  })();\n<\/script>\n\n\n<div id=\"testimonialSlider\" block-name=\"bbmsl-testimonial-slider\"\n  class=\"bg-lightBlue py-10 md:py-[60px] xl:py-[120px] overflow-hidden\" x-data=\"testimonial_slider\">\n  <div class=\"container\">\n    <div class=\"text-center mb-10\">\n      <p class=\"text-body leading-5 mb-5 text-tertiary font-bold\">\u5546\u6236\u597d\u8a55 <\/p>\n      <h2 class=\"heading2 leading-[48px] text-black000\">\u91cf\u8eab\u8a02\u505a\u6700\u9069\u5408\u7684\u96fb\u5b50\u89e3\u6c7a\u65b9\u6848<\/h2>\n    <\/div>\n\n    <div class=\"container-md\">\n      <div class=\"logo-slider swiper transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%]\" x-ref=\"logo_slider\">\n        <div class=\"swiper-wrapper pointer-events-none\">\n                        <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant1.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant2.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant3.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant4.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant5.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant6.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant7.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant8.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant9.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant10.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant11.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant12.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant13.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant14.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant15.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant16.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant17.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant18.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant19.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant20.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                            <div class=\"swiper-slide\">\n                <div class=\"aspect-[5\/2]\">\n                  <img decoding=\"async\" class=\"size-full object-contain\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/08\/merchant21.png\" alt=\"\" \/>\n                <\/div>\n              <\/div>\n                      <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"max-w-[1800px] md:px-10 px-5 mx-auto transition duration-500 before [&#038;.before]:opacity-0 [&#038;.before]:translate-y-[10%] mt-10\" x-ref=\"t_slider\">\n    <div class=\"testimonial-slider swiper\">\n      <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 0 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 0 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>BBMSL\u4fe1\u7528\u5361\u6a5f\u597d\u7528\uff01\u81ea\u5f9e\u8f49\u7528\u4e86BBMSL\u7684\u96fb\u5b50\u652f\u4ed8\u7cfb\u7d71\u5f8c\uff0c\u4ed8\u6b3e\u904e\u7a0b\u66f4\u5feb\u901f\u7a69\u5b9a\u3002\u7121\u7dda\u88dd\u7f6e\u8b93\u4f60\u5728\u5e97\u92ea\u89d2\u843d\u4e5f\u80fd\u6536\u6b3e\uff0c\u65b9\u4fbf\u54e1\u5de5\u53ca\u5ba2\u4eba\uff0c\u63d0\u4f9b\u66f4\u597d\u7684\u7528\u9910\u9ad4\u9a57\uff01<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 0 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/jenny.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Jenny<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u5496\u5561\u5e97\u5e97\u4e3b<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 1 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 1 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>\u73fe\u5728\u8d8a\u4f86\u8d8a\u591a\u4f7f\u7528\u96fb\u5b50\u652f\u4ed8\uff0c\u5b89\u88dd\u4e86BBPOS*\u5361\u6a5f\u5f8c\u53ef\u8fce\u5408\u4e0d\u540c\u4ed8\u6b3e\u7fd2\u6163\u7684\u5ba2\u4eba\uff0c\u751f\u610f\u984d\u9084\u589e\u52a0\u4e8620%\uff01 BBPOS\u5361\u6a5f\u597d\u7528\uff0c\u63a8\u85a6\u7d66\u5927\u5bb6\uff01 (*BBMSL\u524d\u8eab\u70baBBPOS MSL)<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 1 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/jennifer.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Jennifer<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u82b1\u5e97\u5e97\u4e3b<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 2 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 2 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>BBMSL\u96fb\u5b50\u652f\u4ed8\u7cfb\u7d71\u53ef\u8207\u5e97\u92ea\u73fe\u6709\u7684\u9910\u98f2\u7cfb\u7d71\u6574\u5408\uff0c\u7121\u9700\u91cd\u65b0\u9069\u61c9\u7cfb\u7d71\u3002\u6d41\u52d5\u5361\u6a5f\u4e5f\u53ef\u5728\u5e97\u8216\u4efb\u4f55\u89d2\u843d\u4f7f\u7528\uff0c\u96a8\u6642\u96a8\u5730\u5728\u5ba2\u4eba\u9762\u524d\u5b8c\u6210\u6536\u6b3e\u7a0b\u5e8f\uff0c\u4fe1\u7528\u5361\u4e0d\u7528\u96e2\u958b\u5ba2\u7684\u8996\u7dda\uff0c\u63d0\u9ad8\u5b89\u5168\u6027\u3002<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 2 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/06\/juno.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Juno<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\"> \u9910\u5ef3\u7d93\u7406<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 3 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 3 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>\u6211\u5011\u5df2\u7d93\u4f7f\u7528BBMSL\u4fe1\u7528\u5361\u6a5f\u8d85\u904e3\u5e74\u4e86\uff0c\u70ba\u9910\u5ef3\u63d0\u9ad8\u71df\u904b\u6548\u7387\u548c\u6e1b\u4f4e\u6703\u8a08\u6210\u672c\u3002\u4ea4\u6613\u8cbb\u7528\u4ea6\u6bd4\u5176\u4ed6\u516c\u53f8\u4f4e\uff0c\u800c\u4e14\u6536\u6b3e\u904e\u7a0b\u5feb\u6377\uff0c\u5361\u6a5f\u6613\u7528\u3002<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 3 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_Mr.-Chan.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Mr. Chan<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u9910\u5ef3\u8001\u95c6<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 4 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 4 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>BBMSL\u7684\u5831\u544a\u529f\u80fd\u975e\u5e38\u5168\u9762\uff0c\u53ef\u4ee5\u96a8\u6642\u5728\u7cfb\u7d71\u7ffb\u67e5\u4ea4\u6613\u7d00\u9304\u53ca\u4e0b\u8f09\u5831\u544a\uff0c\u65b9\u4fbf\u5831\u7a05\u53ca\u6838\u6578\u3002<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 4 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_Christy.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Christy <\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u6703\u8a08\u5e2b<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 5 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 5 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>BBMSL\u4fe1\u7528\u5361\u6a5f\u5e6b\u52a9\u6211\u7bc0\u7701\u53bb\u9280\u884c\u5165\u6578\u7684\u6642\u9593\u3002\u5361\u6a5f\u4f7f\u7528\u904e\u7a0b\u7c21\u55ae\uff0c\u5ba2\u670d\u652f\u63f4\u90fd\u975e\u5e38\u597d\u540c\u7d30\u5fc3\u3002\u9ad8\u5ea6\u63a8\u85a6\u7d66\u4efb\u4f55\u60f3\u5b89\u88dd\u4fe1\u7528\u5361\u6a5f\u7684\u8001\u95c6\uff01<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 5 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_Angus.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Angus<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u96f6\u552e\u5546\u5e97\u7d93\u7406<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 6 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 6 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>\u5361\u6a5f\u7c21\u55ae\u6613\u7528\uff0c\u9084\u63d0\u4f9b\u6559\u5b78\u5f71\u7247\u5e6b\u6211\u8a13\u7df4\u54e1\u5de5\uff0c\u652f\u4ed8\u901f\u5ea6\u4ea6\u5f88\u5feb\uff01<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 6 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_Sam.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Sam <\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u9910\u5ef3\u8001\u95c6<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 7 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 7 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>\u9069\u5408\u4e2d\u5c0f\u4f01\u696d\u7d93\u71df\u696d\u52d9\uff0c\u4ed8\u6b3e\u901f\u5ea6\u5feb\u901f\u3002<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 7 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_Kristina.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Kristina<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u96f6\u552e\u5e97\u8001\u95c6<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 8 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 8 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>\u5361\u6a5f\u53ef\u4ee5\u6536\u53d6\u5e02\u9762\u4e3b\u8981\u652f\u4ed8\u65b9\u5f0f\uff0c\u7c21\u55ae\u6613\u7528\uff0c\u800c\u4e14\u4ffe\u9322\u901f\u5ea6\u597d\u5feb\u3002<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 8 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_Phoebus-and-Nicole.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">Phoebus and Nicole <\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u5496\u5561\u5e97\u8001\u95c6<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 9 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 9 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>BBMSL\u7dda\u4e0a\u652f\u4ed8\u65b9\u6848\u53ef\u4ee5\u540c\u6211\u5730\u73fe\u6709\u7db2\u5e97\u7cfb\u7d71\u7121\u7e2b\u5c0d\u63a5\uff0c\u7c21\u55ae\u6613\u7528\uff0c\u5e6b\u52a9\u6211\u5730\u63d0\u9ad8\u92b7\u552e\u3002<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 9 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_\u674e\u751f-1.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">\u674e\u751f<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u7db2\u5e97\u5e97\u4e3b<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 10 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 10 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>\u8655\u7406\u7533\u8acb\u5361\u6a5f\u6548\u7387\u597d\u5feb\uff0c\u5361\u6a5f\u53ef\u4ee5\u63a5\u53d7\u5927\u90e8\u5206\u652f\u4ed8\u65b9\u5f0f\uff0c\u5305\u62ec\u6d77\u5916\u5361\uff0c\u66f4\u65b9\u4fbf\u904a\u5ba2\uff0c\u5e6b\u52a9\u6211\u5011\u6709\u6548\u7387\u7d44\u7e54\u6d3b\u52d5\u3002<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 10 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_Adam.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\"> Adam <\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u6d3b\u52d5\u4e3b\u8fa6\u65b9<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                        <div class=\"swiper-slide\">\n              <div class=\"flex flex-col transition-all duration-500\"\n                :class=\"currentTestimonialIndex == 11 ? 'xl:pb-10' : 'xl:pt-10 opacity-40'\">\n                <div class=\"flex transition-all duration-500 rounded-xl p-7\"\n                  :class=\"currentTestimonialIndex == 11 ? 'bg-white shadow-[0_4px_20px_0_#00000014]' : 'bg-white xl:bg-transparent'\">\n                  <div class=\"shrink-0 w-6 md:w-[38px] mr-[14px] md:mr-7\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/themes\/bbmsl\/public\/images\/icons\/bbmsl-open-d-quote.svg\"\n                      alt=\"Open Quote\" \/>\n                  <\/div>\n\n                  <div class=\"text-body leading-7 text-black000 font-noto-sans\">\n                    <p>\u300c\u4ed8\u6b3e\u9023\u7d50\u300d\u529f\u80fd\u5e6b\u5230\u6211\u505a\u751f\u610f\uff0c\u6253\u9020\u5230Chat and Pay \u5605\u8cfc\u7269\u9ad4\u9a57\u6bd4\u5ba2\u4eba\uff0c\u6211\u53ef\u4ee5\u81ea\u884c\u8a2d\u5b9a\u4ed8\u6b3e\u8a73\u7d30\u8a0a\u606f\uff0c\u900f\u904eWhatsapp\u3001\u96fb\u90f5\u3001\u793e\u4ea4\u5a92\u9ad4\u76f4\u63a5\u767c\u9001\u9023\u7d50\uff0c\u7c21\u55ae\u65b9\u4fbf\u3002<\/p>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rotate-45 -translate-y-1\/2 relative mx-auto transition-opacity duration-500 bg-white size-5\"\n                  :class=\"currentTestimonialIndex == 11 ? 'opacity-100 shadow-[4px_4px_3px_-1px_#00000014]' : 'opacity-0'\">\n                <\/div>\n\n                <div class=\"flex flex-col items-center mt-10 mb-5\">\n                  <div class=\"size-[100px]\">\n                    <img decoding=\"async\" src=\"https:\/\/bbmsl.com\/wp-content\/uploads\/2024\/07\/CM_\u5f35\u751f-2.png\" alt=\"\" \/>\n                  <\/div>\n\n                  <div class=\"flex flex-col text-center\">\n                    <h5 class=\"text-24 leading-9 text-black000\">\u5f35\u751f<\/h5>\n                    <p class=\"text-body leading-7 text-tertiary font-noto-sans\">\u7db2\u5e97\u5e97\u4e3b<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n                  <\/div>\n\n      <div class=\"swiper-button-prev group\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 60 60\" fill=\"none\">\n  <rect x=\"0.5\" y=\"0.5\" width=\"59\" height=\"59\" rx=\"29.5\" stroke=\"#121212\"\n    class=\"transition-all fill-transparent group-hover:fill-black000\" \/>\n  <g clip-path=\"url(#clip0_6006_24635)\">\n    <path\n      d=\"M34.1883 39.7337C34.5433 39.3788 34.5434 38.8031 34.1883 38.4481L25.7402 30.0002L34.1883 21.5519C34.5433 21.1969 34.5434 20.6213 34.1883 20.2663C33.8333 19.9112 33.2577 19.9112 32.9027 20.2663L23.8117 29.3574C23.6413 29.5279 23.5455 29.7591 23.5455 30.0002C23.5455 30.2413 23.6413 30.4726 23.8118 30.643L32.9027 39.7337C33.2577 40.0888 33.8333 40.0888 34.1883 39.7337Z\"\n      class=\"transition-all fill-black000 group-hover:fill-white\" \/>\n  <\/g>\n  <defs>\n    <clipPath id=\"clip0_6006_24635\">\n      <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(40 20) rotate(90)\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg>      <\/div>\n\n      <div class=\"swiper-button-next group\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"size-full\" viewBox=\"0 0 60 60\" fill=\"none\">\n  <rect x=\"59.5\" y=\"59.5\" width=\"59\" height=\"59\" rx=\"29.5\" transform=\"rotate(-180 59.5 59.5)\" stroke=\"#121212\"\n    class=\"transition-all fill-transparent group-hover:fill-black000\" \/>\n  <path\n    d=\"M25.8117 20.2663C25.4567 20.6212 25.4566 21.1969 25.8117 21.5519L34.2598 29.9998L25.8117 38.4481C25.4567 38.8031 25.4566 39.3787 25.8117 39.7337C26.1667 40.0888 26.7423 40.0888 27.0974 39.7337L36.1883 30.6426C36.3587 30.4721 36.4545 30.2409 36.4545 29.9998C36.4545 29.7587 36.3587 29.5274 36.1882 29.357L27.0973 20.2663C26.7423 19.9112 26.1667 19.9112 25.8117 20.2663Z\"\n    class=\"transition-all fill-black000 group-hover:fill-white\" \/>\n<\/svg>      <\/div>\n\n      <div class=\"swiper-pagination\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  (function () {\n    document.addEventListener('alpine:init', function () {\n      Alpine.data('testimonial_slider', () => ({\n        logoSlider: null,\n        testimonialSlider: null,\n        currentTestimonialIndex: 1,\n        observedLogo: false,\n        observedTestimonial: false,\n        init() {\n          if (window.innerWidth < 1280) {\n            this.currentTestimonialIndex = 0;\n          }\n\n          this.logoSlider = new Swiper('.logo-slider', {\n            autoplay: {\n              delay: 0,\n            },\n            speed: 5000,\n            loop: true,\n            slidesPerView: 'auto',\n            spaceBetween: 32,\n            allowTouchMove: false,\n          });\n\n          this.testimonialSlider = new Swiper('.testimonial-slider', {\n            slidesPerView: 1,\n            centeredSlides: true,\n            initialSlide: this.currentTestimonialIndex,\n            spaceBetween: 20,\n            pagination: {\n              el: '.swiper-pagination',\n              clickable: true\n            },\n            navigation: {\n              nextEl: '.swiper-button-next',\n              prevEl: '.swiper-button-prev',\n            },\n            breakpoints: {\n              768: {\n                slidesPerView: 'auto',\n                spaceBetween: 20,\n              },\n              1280: {\n                slidesPerView: 3,\n                spaceBetween: 80,\n              }\n            },\n          });\n\n          this.testimonialSlider.on('slideChange', ({ activeIndex }) => {\n            this.currentTestimonialIndex = activeIndex;\n          });\n\n          this.observe(this.$refs.logo_slider, 'observedLogo');\n          this.observe(this.$refs.t_slider, 'observedTestimonial');\n        },\n        observe(ele, observedKey) {\n          const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n              if (entry.isIntersecting && !this.observed) {\n                this[`${observedKey}`] = true;\n                ele.classList.remove('before');\n                observer.disconnect();\n              }\n            });\n          }, { threshold: 0.5 });\n          observer.observe(ele);\n        }\n      }));\n    });\n  })();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1600","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":"home","permalinkFormat":"https:\/\/bbmsl.com\/zh-hant\/","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":"BBMSL\u96fb\u5b50\u652f\u4ed8\u65b9\u6848 | \u4fe1\u7528\u5361\u6a5f | \u4e2d\u5c0f\u4f01\u9996\u9078","description":"BBMSL\u96fb\u5b50\u652f\u4ed8\u65b9\u6848\u70ba\u60a8\u63d0\u4f9b\u4e00\u7ad9\u5f0f\u652f\u4ed8\u7cfb\u7d71\/ \u4fe1\u7528\u5361\u6a5f\uff0c\u5305\u62ec\u4fe1\u7528\u5361\u3001\u516b\u9054\u901a\u3001\u652f\u4ed8\u5bf6\u3001\u5fae\u4fe1\u652f\u4ed8\u3002\u8d85\u904e18,000\u500b\u4e2d\u5c0f\u4f01\u5546\u6236\u4fe1\u8cf4\uff0c\u5feb\u901f\u5b89\u88dd\uff0c\u7acb\u5373\u7533\u8acb\uff0c\u514d\u8cbb\u5831\u50f9\uff01","focusKeywords":"\u4fe1\u7528\u5361\u6a5f,\u96fb\u5b50\u652f\u4ed8,payment","pillarContent":true,"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":1600,"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%2F1600%2F%3Fnonce%3D858200a5c3","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\/1600","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=1600"}],"version-history":[{"count":23,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1600\/revisions"}],"predecessor-version":[{"id":6609,"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/pages\/1600\/revisions\/6609"}],"wp:attachment":[{"href":"https:\/\/bbmsl.com\/zh-hant\/wp-json\/wp\/v2\/media?parent=1600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}