{"id":19,"date":"2026-04-15T06:50:16","date_gmt":"2026-04-15T06:50:16","guid":{"rendered":"https:\/\/www.matsuo.com.tw\/?page_id=19"},"modified":"2026-06-15T07:27:55","modified_gmt":"2026-06-15T07:27:55","slug":"elementor-19","status":"publish","type":"page","link":"https:\/\/www.matsuo.com.tw\/ja\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca32b75 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"ca32b75\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4277255 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4277255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n    <title>\u96fb\u529b\u96fb\u5b50 - \u5171\u5275\u50f9\u503c<\/title>\r\n    <meta\r\n        name=\"description\"\r\n        content=\"\u5c08\u696d\u96fb\u529b\u96fb\u5b50\u8207 LED \u63a7\u5236\u5668\u89e3\u6c7a\u65b9\u6848\uff0c\u6df1\u8015\u53f0\u7063\u4e09\u5341\u9918\u5e74\uff0c\u63d0\u4f9b\u5ba2\u88fd\u5316\u96fb\u6e90\u8207\u667a\u6167\u8abf\u5149\u6280\u8853\u3002\"\r\n    \/>\r\n\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        \"brand-green\": \"#00ff88\",\r\n                        \"brand-red\": \"#e63946\",\r\n                    },\r\n                },\r\n            },\r\n        };\r\n    <\/script>\r\n\r\n    <style>\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        html,\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden;\r\n            background: #ffffff;\r\n        }\r\n\r\n        body {\r\n            font-family: \"Microsoft JhengHei\", sans-serif;\r\n        }\r\n\r\n        \/* =========================================================\r\n           Hero\r\n        ========================================================= *\/\r\n\r\n        .hero {\r\n            position: relative;\r\n            min-height: 60svh;\r\n            overflow: hidden;\r\n            background-image: var(--hero-bg-image);\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n        }\r\n\r\n        .hero::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 0;\r\n            background: rgba(0, 0, 0, 0.35);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .hero-content {\r\n            contain: layout paint;\r\n        }\r\n\r\n        .hero-label-text {\r\n            color: #ffffff !important;\r\n        }\r\n\r\n        .hero-title-white {\r\n            color: #ffffff !important;\r\n            -webkit-text-fill-color: #ffffff !important;\r\n        }\r\n\r\n        \/* \u7d71\u4e00 Hero \u5167\u6587\u5b57\u8207\u6309\u9215\u5de6\u5074\u57fa\u6e96\u7dda *\/\r\n        .hero-align-left {\r\n            padding-left: 0 !important;\r\n            padding-right: 0 !important;\r\n        }\r\n\r\n        \/* =========================================================\r\n           Button\r\n        ========================================================= *\/\r\n\r\n        .magnetic-btn {\r\n            display: inline-block;\r\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n            will-change: transform;\r\n            transform: translateZ(0);\r\n        }\r\n\r\n        .magnetic-btn:hover {\r\n            transform: translateY(-3px) translateZ(0);\r\n        }\r\n\r\n        \/* =========================================================\r\n           Accessibility\r\n        ========================================================= *\/\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .text-gradient-animated { animation: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <!-- ========================================================= -->\r\n    <!-- HERO -->\r\n    <!-- ========================================================= -->\r\n\r\n    <section\r\n        class=\"hero flex flex-col justify-center items-start text-left bg-white\"\r\n        style=\"--hero-bg-image: url('https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/05\/260525.png');\"\r\n    >\r\n\r\n        <!-- Content -->\r\n        <div class=\"hero-content hero-align-left relative z-10 max-w-4xl pt-20 ml-6 md:ml-16 lg:ml-24\">\r\n\r\n            <!-- Label -->\r\n            <div class=\"flex items-center justify-start gap-4 mb-6\">\r\n    <span class=\"w-10 h-0.5 bg-brand-green inline-block translate-y-[-10px]\"><\/span>\r\n    <p class=\"hero-label-text font-bold tracking-[0.2em] text-sm uppercase leading-none m-0\">\r\n        Since 1979 \u00b7 Kaohsiung, Taiwan\r\n    <\/p>\r\n    <span class=\"w-10 h-0.5 bg-brand-green inline-block translate-y-[-10px]\"><\/span>\r\n<\/div>\r\n\r\n            <!-- Title -->\r\n            <h1 class=\"text-5xl md:text-[4.5rem] mb-8 leading-[1.1] font-bold cursor-default\">\r\n                <span class=\"hero-title-white\">\u8e0f\u5be6 \u5275\u65b0 \u670d\u52d9<\/span>\r\n                <br \/>\r\n                <span class=\"hero-title-white mt-3 inline-block\">\u5171\u5275\u50f9\u503c<\/span>\r\n            <\/h1>\r\n\r\n            <!-- CTA -->\r\n            <div class=\"flex flex-col sm:flex-row gap-6 justify-start items-start\">\r\n                <a\r\n                    href=\"#section-solutions\"\r\n                    class=\"magnetic-btn px-8 py-4 bg-brand-red rounded-full font-bold text-white tracking-wider shadow-xl shadow-red-500\/20\"\r\n                >\r\n                    \u63a2\u7d22\u6838\u5fc3\u696d\u52d9\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65d1519 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"65d1519\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce11d00 elementor-widget elementor-widget-html\" data-id=\"ce11d00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ====================================================================== -->\r\n<!-- Product Business Section - Fixed & Optimized                          -->\r\n<!-- Changes:                                                               -->\r\n<!--   [P1] Card 05 \u88dc\u4e0a border-b xl:border-b-0                            -->\r\n<!--   [P1] Prev\/Next \u6309\u9215\u52a0\u5165 JS carousel \u908f\u8f2f\uff085 \u6b04 \u2194 \u6372\u52d5\u63a7\u5236\uff09        -->\r\n<!--   [P2] Card 04 scale \u503c\u7d71\u4e00\u70ba 1.06 \/ 1.12                             -->\r\n<!--   [P2] \u6bcf\u5f35\u5361\u7247 <a> \u52a0\u5165 aria-label                                   -->\r\n<!--   [P2] \u6240\u6709\u5716\u7247\u52a0\u5165 loading=\"lazy\"                                    -->\r\n<!--   [P3] \u2039 \u203a \u6539\u70ba SVG \u7bad\u982d\uff0c\u8de8\u5b57\u578b\u7a69\u5b9a                                 -->\r\n<!--   [P3] \u79fb\u9664\u7121\u6548 blur-[1px]                                            -->\r\n<!--   [P3] \u7d71\u4e00 card href\uff08\u5f85\u5404\u9801\u5efa\u7acb\u5f8c\u66ff\u63db\u70ba\u5404\u81ea URL\uff09                   -->\r\n<!-- ====================================================================== -->\r\n\r\n<section id=\"section-solutions\" class=\"bg-white py-0 px-0 overflow-hidden\">\r\n\r\n  <div class=\"w-full mx-auto\">\r\n\r\n    <div class=\"grid grid-cols-1 lg:grid-cols-[30%_70%] min-h-[360px]\">\r\n\r\n      <!-- \u5de6\u5074\u4ecb\u7d39\u5340 -->\r\n      <div class=\"relative bg-[#eef0f1] px-8 md:px-12 lg:px-14 py-12 flex flex-col justify-center overflow-hidden\">\r\n\r\n        <!-- \u80cc\u666f\u88dd\u98fe [P3] \u79fb\u9664 blur-[1px]\uff0c\u6e1b\u5c11 repaint cost -->\r\n        <div class=\"absolute inset-0 opacity-40 pointer-events-none\" aria-hidden=\"true\">\r\n          <div class=\"absolute -left-28 top-8 w-[420px] h-[420px] rounded-full border-[38px] border-white\/80\"><\/div>\r\n          <div class=\"absolute -left-12 top-24 w-[250px] h-[250px] rounded-full border-[18px] border-white\/70\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative z-10 text-center lg:text-left\">\r\n\r\n          <div class=\"flex items-center justify-center lg:justify-start gap-4 mb-5\">\r\n            <span class=\"w-8 h-0.5 bg-[#2E7D32]\" aria-hidden=\"true\"><\/span>\r\n            <span class=\"text-[#2E7D32] font-bold tracking-[0.2em] uppercase text-xs\">\r\n              Product business\r\n            <\/span>\r\n            <span class=\"w-8 h-0.5 bg-[#2E7D32]\" aria-hidden=\"true\"><\/span>\r\n          <\/div>\r\n\r\n          <h2 class=\"text-3xl md:text-5xl font-bold text-[#111827] leading-tight mb-6\">\r\n            \u7522\u54c1<span class=\"text-[#2E7D32]\">\u696d\u52d9<\/span>\r\n          <\/h2>\r\n\r\n          <!--\r\n            [P1] Prev \/ Next \u73fe\u5728\u6703\u63a7\u5236\u5361\u7247\u5bb9\u5668\u7684\u6c34\u5e73\u6372\u52d5\r\n            \u53ea\u5728 xl \u4ee5\u4e0b\uff08\u5361\u7247\u672a\u5168\u6578\u986f\u793a\u6642\uff09\u624d\u6709\u610f\u7fa9\r\n          -->\r\n          <div class=\"flex justify-center lg:justify-start gap-4 mt-8\">\r\n\r\n            <button\r\n              type=\"button\"\r\n              id=\"btn-prev\"\r\n              aria-label=\"\u4e0a\u4e00\u500b\u7522\u54c1\"\r\n              class=\"w-12 h-12 rounded-full bg-[#333333] text-white flex items-center justify-center hover:bg-[#2E7D32] transition duration-300 disabled:opacity-40 disabled:cursor-not-allowed\"\r\n            >\r\n              <!-- [P3] SVG \u7bad\u982d\uff0c\u8de8\u5b57\u578b \/ \u8de8\u88dd\u7f6e\u7a69\u5b9a -->\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                   stroke=\"currentColor\" stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n            <button\r\n              type=\"button\"\r\n              id=\"btn-next\"\r\n              aria-label=\"\u4e0b\u4e00\u500b\u7522\u54c1\"\r\n              class=\"w-12 h-12 rounded-full bg-[#333333] text-white flex items-center justify-center hover:bg-[#2E7D32] transition duration-300 disabled:opacity-40 disabled:cursor-not-allowed\"\r\n            >\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                   stroke=\"currentColor\" stroke-width=\"2.5\"\r\n                   stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- \u53f3\u5074\u696d\u52d9\u5361\u7247\u5340 -->\r\n      <!--\r\n        [P1] \u52a0\u5165 id=\"cards-track\" \u4f9b JS \u63a7\u5236\u6372\u52d5\r\n        overflow-x-auto + scroll-smooth\uff1a\u5728 sm\/md \u5c3a\u5bf8\u4e0b\u5141\u8a31\u6c34\u5e73\u6372\u52d5\r\n        xl: 5 \u6b04\u5168\u5c55\u958b\uff0c\u6372\u52d5\u505c\u7528\r\n      -->\r\n      <div\r\n        id=\"cards-track\"\r\n        class=\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-5 bg-white\r\n               overflow-x-auto scroll-smooth\"\r\n        role=\"list\"\r\n      >\r\n\r\n        <!-- 01 LED Driver -->\r\n        <a href=\"https:\/\/www.matsuo.com.tw\/product\/\"\r\n           role=\"listitem\"\r\n           aria-label=\"LED \u96fb\u6e90\u9a45\u52d5\u5668\u7522\u54c1\u9801\"\r\n           class=\"group relative flex flex-col min-h-[360px] border-r border-b xl:border-b-0 border-gray-200 bg-white overflow-hidden\">\r\n\r\n          <div class=\"relative h-44 overflow-hidden bg-gray-100\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/05\/0525-2.png\"\r\n              alt=\"LED Driver \u96fb\u6e90\u9a45\u52d5\u5668\"\r\n              loading=\"lazy\"\r\n              class=\"absolute inset-0 w-full h-full object-cover block scale-[1.06] group-hover:scale-[1.12] transition duration-700 ease-out\"\r\n            >\r\n            <div class=\"absolute inset-0 bg-white\/15 group-hover:bg-transparent transition duration-500\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"flex-1 px-5 pt-8 pb-6 text-center flex flex-col justify-start\">\r\n            <span class=\"inline-flex mx-auto mb-4 bg-[#E63329] text-white text-[10px] px-3 py-1 rounded-full tracking-wider\">\r\n              LED DRIVER\r\n            <\/span>\r\n            <h3 class=\"text-xl font-bold text-[#111827] mb-4 leading-snug\">\r\n              LED \u96fb\u6e90\u9a45\u52d5\u5668\r\n            <\/h3>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n        <!-- 02 Dimmer -->\r\n        <a href=\"https:\/\/www.matsuo.com.tw\/product\/\"\r\n           role=\"listitem\"\r\n           aria-label=\"\u9ad8\u54c1\u8cea\u8abf\u5149\u5668\u7522\u54c1\u9801\"\r\n           class=\"group relative flex flex-col min-h-[360px] border-r border-b xl:border-b-0 border-gray-200 bg-white overflow-hidden\">\r\n\r\n          <div class=\"relative h-44 overflow-hidden bg-gray-100\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/05\/0525-1.png\"\r\n              alt=\"Dimmer \u8abf\u5149\u5668\"\r\n              loading=\"lazy\"\r\n              class=\"absolute inset-0 w-full h-full object-cover block scale-[1.06] group-hover:scale-[1.12] transition duration-700 ease-out\"\r\n            >\r\n            <div class=\"absolute inset-0 bg-white\/15 group-hover:bg-transparent transition duration-500\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"flex-1 px-5 pt-8 pb-6 text-center flex flex-col justify-start\">\r\n            <span class=\"inline-flex mx-auto mb-4 bg-[#E63329] text-white text-[10px] px-3 py-1 rounded-full tracking-wider\">\r\n              DIMMER\r\n            <\/span>\r\n            <h3 class=\"text-xl font-bold text-[#111827] mb-4 leading-snug\">\r\n              \u9ad8\u54c1\u8cea\u8abf\u5149\u5668\r\n            <\/h3>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n        <!-- 03 Lighting -->\r\n        <a href=\"https:\/\/www.matsuo.com.tw\/product\/\"\r\n           role=\"listitem\"\r\n           aria-label=\"LED \u7167\u660e\u71c8\u5177\u7522\u54c1\u9801\"\r\n           class=\"group relative flex flex-col min-h-[360px] border-r border-b xl:border-b-0 border-gray-200 bg-white overflow-hidden\">\r\n\r\n          <div class=\"relative h-44 overflow-hidden bg-gray-100\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/06\/260615.png\"\r\n              alt=\"Lighting LED \u7167\u660e\u71c8\u5177\"\r\n              loading=\"lazy\"\r\n              class=\"absolute inset-0 w-full h-full object-cover block scale-[1.06] group-hover:scale-[1.12] transition duration-700 ease-out\"\r\n            >\r\n            <div class=\"absolute inset-0 bg-white\/15 group-hover:bg-transparent transition duration-500\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"flex-1 px-5 pt-8 pb-6 text-center flex flex-col justify-start\">\r\n            <span class=\"inline-flex mx-auto mb-4 bg-[#2E7D32] text-white text-[10px] px-3 py-1 rounded-full tracking-wider\">\r\n              LIGHTING\r\n            <\/span>\r\n            <h3 class=\"text-xl font-bold text-[#111827] mb-4 leading-snug\">\r\n              LED \u7167\u660e\u71c8\u5177\r\n            <\/h3>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n        <!-- 04 Charger [P2] scale \u7d71\u4e00\u70ba 1.06 \/ 1.12 -->\r\n        <a href=\"https:\/\/www.matsuo.com.tw\/product\/\"\r\n           role=\"listitem\"\r\n           aria-label=\"\u5ba2\u88fd\u5316\u5145\u96fb\u5668\u7522\u54c1\u9801\"\r\n           class=\"group relative flex flex-col min-h-[360px] border-r border-b xl:border-b-0 border-gray-200 bg-white overflow-hidden\">\r\n\r\n          <div class=\"relative h-44 overflow-hidden bg-gray-100\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/05\/0525-4.png\"\r\n              alt=\"Charger \u5ba2\u88fd\u5316\u5145\u96fb\u5668\"\r\n              loading=\"lazy\"\r\n              class=\"absolute inset-0 w-full h-full object-cover object-center block scale-[1.06] group-hover:scale-[1.12] transition duration-700 ease-out\"\r\n            >\r\n            <div class=\"absolute inset-0 bg-white\/15 group-hover:bg-transparent transition duration-500\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"flex-1 px-5 pt-8 pb-6 text-center flex flex-col justify-start\">\r\n            <span class=\"inline-flex mx-auto mb-4 bg-[#2E7D32] text-white text-[10px] px-3 py-1 rounded-full tracking-wider\">\r\n              CHARGER\r\n            <\/span>\r\n            <h3 class=\"text-xl font-bold text-[#111827] mb-4 leading-snug\">\r\n              \u5ba2\u88fd\u5316\u5145\u96fb\u5668\r\n            <\/h3>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n        <!-- 05 ODM [P1] \u88dc\u4e0a border-b xl:border-b-0\uff0c\u884c\u52d5\u7248\u672b\u5361\u4e00\u81f4\u6027 -->\r\n        <a href=\"https:\/\/www.matsuo.com.tw\/product\/\"\r\n           role=\"listitem\"\r\n           aria-label=\"\u5ba2\u88fd\u5316 ODM \u670d\u52d9\u7522\u54c1\u9801\"\r\n           class=\"group relative flex flex-col min-h-[360px] border-b xl:border-b-0 border-gray-200 bg-white overflow-hidden\">\r\n\r\n          <div class=\"relative h-44 overflow-hidden bg-gray-100\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/05\/0525-5-1.png\"\r\n              alt=\"ODM \u5ba2\u88fd\u5316\u958b\u767c\u670d\u52d9\"\r\n              loading=\"lazy\"\r\n              class=\"absolute inset-0 w-full h-full object-cover block scale-[1.06] group-hover:scale-[1.12] transition duration-700 ease-out\"\r\n            >\r\n            <div class=\"absolute inset-0 bg-white\/15 group-hover:bg-transparent transition duration-500\" aria-hidden=\"true\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"flex-1 px-5 pt-8 pb-6 text-center flex flex-col justify-start\">\r\n            <span class=\"inline-flex mx-auto mb-4 bg-[#111827] text-white text-[10px] px-3 py-1 rounded-full tracking-wider\">\r\n              ODM\r\n            <\/span>\r\n            <h3 class=\"text-xl font-bold text-[#111827] mb-4 leading-snug\">\r\n              \u5ba2\u88fd\u5316 ODM \u670d\u52d9\r\n            <\/h3>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/div><!-- \/#cards-track -->\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- [P1] Prev \/ Next \u6372\u52d5\u63a7\u5236\u908f\u8f2f -->\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var track   = document.getElementById(\"cards-track\");\r\n  var btnPrev = document.getElementById(\"btn-prev\");\r\n  var btnNext = document.getElementById(\"btn-next\");\r\n\r\n  if (!track || !btnPrev || !btnNext) return;\r\n\r\n  \/* \u6bcf\u6b21\u6372\u52d5\u4e00\u5f35\u5361\u7247\u7684\u5bec\u5ea6 *\/\r\n  function cardWidth() {\r\n    var firstCard = track.querySelector(\"a\");\r\n    return firstCard ? firstCard.offsetWidth : 280;\r\n  }\r\n\r\n  function updateButtons() {\r\n    var atStart = track.scrollLeft <= 2;\r\n    var atEnd   = track.scrollLeft + track.clientWidth >= track.scrollWidth - 2;\r\n    btnPrev.disabled = atStart;\r\n    btnNext.disabled = atEnd;\r\n  }\r\n\r\n  btnPrev.addEventListener(\"click\", function () {\r\n    track.scrollBy({ left: -cardWidth(), behavior: \"smooth\" });\r\n  });\r\n\r\n  btnNext.addEventListener(\"click\", function () {\r\n    track.scrollBy({ left: cardWidth(), behavior: \"smooth\" });\r\n  });\r\n\r\n  track.addEventListener(\"scroll\", updateButtons, { passive: true });\r\n\r\n  \/* xl \u4ee5\u4e0a 5 \u6b04\u5168\u5c55\u958b\uff0c\u6309\u9215\u96b1\u85cf *\/\r\n  var mq = window.matchMedia(\"(min-width: 1280px)\");\r\n  function onBreakpoint(e) {\r\n    var hide = e.matches;\r\n    btnPrev.style.display = hide ? \"none\" : \"\";\r\n    btnNext.style.display = hide ? \"none\" : \"\";\r\n    if (!hide) updateButtons();\r\n  }\r\n\r\n  mq.addEventListener(\"change\", onBreakpoint);\r\n  onBreakpoint(mq);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36e7859f elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"36e7859f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-19ac088\" data-id=\"19ac088\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3523972d elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"3523972d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-440233e3\" data-id=\"440233e3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-670196d9 wpr-logo-position-center elementor-widget elementor-widget-wpr-logo\" data-id=\"670196d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-logo.default\">\n\t\t\t\t\t\t\t\t\n\t\t\t<div class=\"wpr-logo elementor-clearfix\">\n\n\t\t\t\t\t\t\t\t<picture class=\"wpr-logo-image\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<source srcset=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/04\/cropped-250528_LOGO_\u901a\u7528-scaled-1.png 1x, https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/04\/cropped-250528_LOGO_\u901a\u7528-scaled-1.png 2x\">\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/04\/cropped-250528_LOGO_\u901a\u7528-scaled-1.png\" alt=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/www.matsuo.com.tw\/ja\/\"><\/a>\n\t\t\t\t\t\t\t\t\t<\/picture>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/www.matsuo.com.tw\/ja\/\"><\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-233966a5 elementor-widget elementor-widget-text-editor\" data-id=\"233966a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Contact<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28c188dd elementor-widget elementor-widget-heading\" data-id=\"28c188dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">info@matsuo.com.tw<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8422f5a elementor-widget elementor-widget-heading\" data-id=\"8422f5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">07 811 3103 #117<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fbcaf76 elementor-widget elementor-widget-heading\" data-id=\"3fbcaf76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">806\u9ad8\u96c4\u5e02\u524d\u93ae\u5340\u897f\u56db\u885714-3\u865f<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-7ed8b948\" data-id=\"7ed8b948\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-29fcb4a1 wpr-logo-position-left elementor-widget elementor-widget-wpr-logo\" data-id=\"29fcb4a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-logo.default\">\n\t\t\t\t\t\t\t\t\n\t\t\t<div class=\"wpr-logo elementor-clearfix\">\n\n\t\t\t\t\t\t\t\t<picture class=\"wpr-logo-image\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<source srcset=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/06\/260324_HIKARIRO_LOGO.png 1x, https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/06\/260324_HIKARIRO_LOGO.png 2x\">\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.matsuo.com.tw\/wp-content\/uploads\/2026\/06\/260324_HIKARIRO_LOGO.png\" alt=\"\">\n\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/www.matsuo.com.tw\/ja\/\"><\/a>\n\t\t\t\t\t\t\t\t\t<\/picture>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a class=\"wpr-logo-url\" rel=\"home\" aria-label=\"\" href=\"https:\/\/www.matsuo.com.tw\/ja\/\"><\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18b7c226 elementor-widget elementor-widget-text-editor\" data-id=\"18b7c226\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Other Locations<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9ce350 elementor-widget elementor-widget-heading\" data-id=\"2d9ce350\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">bruce_lgi@outlook.com<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f607b43 elementor-widget elementor-widget-heading\" data-id=\"6f607b43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">+62-811-9631-0858<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-463167cb elementor-widget elementor-widget-heading\" data-id=\"463167cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Pergudangan &amp; Industri Royal Kosambi, Blok CC-22<br>\n            Jl. Raya Salembaran, Kec. Kosambi, Tangerang, Banten 15213<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-68a8afaa\" data-id=\"68a8afaa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-43e6e26b elementor-widget elementor-widget-text-editor\" data-id=\"43e6e26b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Company<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2853bd85 elementor-widget elementor-widget-heading\" data-id=\"2853bd85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.matsuo.com.tw\/\">Home<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a448e8e elementor-widget elementor-widget-heading\" data-id=\"3a448e8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.matsuo.com.tw\/about-us\/\">About Us<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46ac9518 elementor-widget elementor-widget-heading\" data-id=\"46ac9518\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.matsuo.com.tw\/product\/\">Product<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f929b70 e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"2f929b70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-548559b\" href=\"https:\/\/www.linkedin.com\/company\/taiwanmatsuo?originalSubdomain=tw\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92ef74c elementor-widget elementor-widget-heading\" data-id=\"92ef74c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">luxoragrowid@gmail.com<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-58c7e8ef elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"58c7e8ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u96fb\u529b\u96fb\u5b50 &#8211; \u5171\u5275\u50f9\u503c Since 1979 \u00b7 Kaohsiung, Taiwan \u8e0f\u5be6 \u5275\u65b0 \u670d\u52d9 \u5171\u5275\u50f9\u503c \u63a2\u7d22\u6838\u5fc3\u696d\u52d9 Product business \u7522\u54c1\u696d\u52d9 LED DRIVER LED \u96fb\u6e90\u9a45\u52d5\u5668 DIMMER \u9ad8\u54c1\u8cea\u8abf\u5149\u5668 LIGHTING LED \u7167\u660e\u71c8\u5177 CHARGER \u5ba2\u88fd\u5316\u5145\u96fb\u5668 ODM \u5ba2\u88fd\u5316 ODM \u670d\u52d9 Contact info@matsuo.com.tw 07 811 3103 #117 806\u9ad8\u96c4\u5e02\u524d\u93ae\u5340\u897f\u56db\u885714-3\u865f Other Locations bruce_lgi@outlook.com +62-811-9631-0858 Pergudangan &amp; Industri Royal Kosambi, Blok CC-22 Jl. Raya Salembaran, Kec. Kosambi, Tangerang, Banten 15213 Company Home About Us Product Linkedin luxoragrowid@gmail.com<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.matsuo.com.tw\/ja\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matsuo.com.tw\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.matsuo.com.tw\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.matsuo.com.tw\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matsuo.com.tw\/ja\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":247,"href":"https:\/\/www.matsuo.com.tw\/ja\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":35192,"href":"https:\/\/www.matsuo.com.tw\/ja\/wp-json\/wp\/v2\/pages\/19\/revisions\/35192"}],"wp:attachment":[{"href":"https:\/\/www.matsuo.com.tw\/ja\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}