{"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-07-27T02:51:02","modified_gmt":"2026-07-27T02:51:02","slug":"elementor-19","status":"publish","type":"page","link":"https:\/\/www.matsuo.com.tw\/en\/","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\">\u5805\u5b9f\u30fb\u9769\u65b0\u30fb\u30b5\u30fc\u30d3\u30b9<\/span>\r\n                <br \/>\r\n                <span class=\"hero-title-white mt-3 inline-block\">\u4fa1\u5024\u306e\u5171\u5275<\/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                    \u30b3\u30a2\u4e8b\u696d\u3092\u77e5\u308b\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            \u88fd\u54c1<span class=\"text-[#2E7D32]\">\u4e8b\u696d\u5185\u5bb9<\/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-category\/led-driver\/\"\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\u30c9\u30e9\u30a4\u30d0\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-category\/dimmer\/\"\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-category\/led-lighting\/\"\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\u5668\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-category\/charger\/\"\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              \u30ab\u30b9\u30bf\u30e0\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              \u30ab\u30b9\u30bf\u30e0ODM\u30b5\u30fc\u30d3\u30b9\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\/en\/\"><\/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\/en\/\"><\/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\">+886-7-8113103 #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\/en\/\"><\/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\/en\/\"><\/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 \u5805\u5b9f\u30fb\u9769\u65b0\u30fb\u30b5\u30fc\u30d3\u30b9 \u4fa1\u5024\u306e\u5171\u5275 \u30b3\u30a2\u4e8b\u696d\u3092\u77e5\u308b Product business \u88fd\u54c1\u4e8b\u696d\u5185\u5bb9 LED DRIVER LED\u96fb\u6e90\u30c9\u30e9\u30a4\u30d0 DIMMER \u9ad8\u54c1\u8cea\u8abf\u5149\u5668 LIGHTING LED\u7167\u660e\u5668\u5177 CHARGER \u30ab\u30b9\u30bf\u30e0\u5145\u96fb\u5668 ODM \u30ab\u30b9\u30bf\u30e0ODM\u30b5\u30fc\u30d3\u30b9 Contact info@matsuo.com.tw +886-7-8113103 #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\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matsuo.com.tw\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.matsuo.com.tw\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.matsuo.com.tw\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matsuo.com.tw\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":262,"href":"https:\/\/www.matsuo.com.tw\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":35402,"href":"https:\/\/www.matsuo.com.tw\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/35402"}],"wp:attachment":[{"href":"https:\/\/www.matsuo.com.tw\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}