{"id":43,"date":"2021-12-20T08:09:52","date_gmt":"2021-12-20T08:09:52","guid":{"rendered":"https:\/\/mi-technovation.com\/tw\/?page_id=43"},"modified":"2025-05-28T04:02:48","modified_gmt":"2025-05-28T04:02:48","slug":"esg-commitments","status":"publish","type":"page","link":"https:\/\/mi-technovation.com\/tw\/index.php\/esg-commitments\/","title":{"rendered":"\u74b0\u5883\u3001\u793e\u6703\u8cac\u4efb\u3001\u4f01\u696d\u6cbb\u7406\u548c\u6c38\u7e8c\u71df\u904b"},"content":{"rendered":"<div id=\"pl-43\"  class=\"panel-layout\" ><div id=\"pg-43-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-43-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-43-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><\/a><\/div><\/div><\/div><\/div><div id=\"pg-43-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-43-1-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-43-1-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-43-1-1-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"1\" >\t\t\t<div class=\"textwidget\"><h3 style=\"text-align: center;\">\u6c38\u7e8c\u5100\u8868\u677f<\/h3>\n<\/div>\n\t\t<\/div><\/div><div id=\"pgc-43-1-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><div id=\"pg-43-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-43-2-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-43-2-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-43-2-1-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"textwidget custom-html-widget\">\t\t<script src=\"https:\/\/kit.fontawesome.com\/12b8ae151b.js\" crossorigin=\"anonymous\"><\/script>\n    <title>Image Slider with Dots and Arrows<\/title>\n    <style>\n        .slider-container {\n            max-width: 1000px;\n            margin: auto;\n            overflow: hidden;\n            position: relative;\n        }\n        .slider-wrapper {\n            display: flex;\n            transition: transform 0.5s ease-in-out;\n        }\n        .slider-image {\n            width: 100%;\n            flex-shrink: 0;\n        }\n        .dot-container {\n            text-align: center;\n        }\n        .dot {\n            height: 10px;\n            width: 10px;\n            margin: 0 5px;\n            background-color: #ddd;\n            border-radius: 50%;\n            display: inline-block;\n            transition: background-color 0.6s ease;\n            cursor: pointer;\n        }\n        .dot.active {\n            background-color: #717171;\n        }\n        .arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 25px;\n            height: 90px;\n            background-color: rgba(0, 0, 0, 0.1);\n            color: rgba(0, 0, 0, 0.1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            user-select: none;\n            margin: 0 0 0 10px;\n            border-radius:5px;\n        }\n        .arrow:hover {\n            background-color: rgba(0, 0, 0, 0.2);\n            color: rgba(0, 0, 0, 0.2);\n        }\n        .arrow-left {\n            left: 15px;\n\t\t\t\t\t\tpadding-left: 5px;\n        }\n        .arrow-right {\n            right: 15px;\n\t\t\t\t\t\tpadding-right: 5px;\n        }\n        .arrow.hidden {\n            display: none;\n        }\n    <\/style>\n    <div class=\"slider-container\">\n        <div class=\"slider-wrapper\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2025\/05\/\u6c38\u7e8c\u5100\u8868\u677f_2024_TW_1.png\" alt=\"\u6c38\u7e8c\u5100\u8868\u677f 2024\" class=\"slider-image active\">\n        <img decoding=\"async\" src=\"https:\/\/mi-technovation.com\/tw\/wp-content\/uploads\/2023\/08\/\u6c38\u7e8c\u5100\u8868\u677f2.jpg\" alt=\"\u6c38\u7e8c\u5100\u8868\u677f_2024 2022\" class=\"slider-image\">\n        <\/div>\n        <div class=\"arrow arrow-left hidden\" onclick=\"navigate(-1)\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\n        <div class=\"arrow arrow-right\" onclick=\"navigate(1)\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n    <\/div>\n    <div class=\"dot-container\">\n        <span class=\"dot active\" onclick=\"currentSlide(0)\"><\/span>\n        <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span>\n    <\/div>\n\n    <script>\n        const sliderWrapper = document.querySelector('.slider-wrapper');\n        const dots = document.querySelectorAll('.dot');\n        const leftArrow = document.querySelector('.arrow-left');\n        const rightArrow = document.querySelector('.arrow-right');\n        let currentIndex = 0;\n        const totalSlides = dots.length;\n\n        function currentSlide(n) {\n            showSlide(n);\n        }\n\n        function navigate(direction) {\n            showSlide(currentIndex + direction);\n        }\n\n        function showSlide(index) {\n            if (index < 0 || index >= totalSlides) return;\n            \n            currentIndex = index;\n            sliderWrapper.style.transform = `translateX(-${index * 100}%)`;\n            \n            dots.forEach((dot, i) => {\n                dot.classList.toggle('active', i === index);\n            });\n\n            updateArrowVisibility();\n        }\n\n        function updateArrowVisibility() {\n            leftArrow.classList.toggle('hidden', currentIndex === 0);\n            rightArrow.classList.toggle('hidden', currentIndex === totalSlides - 1);\n        }\n\n        \/\/ Initialize arrow visibility\n        updateArrowVisibility();\n    <\/script>\n<\/div><\/div><\/div><div id=\"pgc-43-2-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><div id=\"pg-43-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-43-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-43-3-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"3\" ><div class=\"textwidget custom-html-widget\"><a name=\"core\"><\/a>\n<p>\n\t&nbsp;<\/p>\n<\/div><\/div><\/div><\/div><div id=\"pg-43-4\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-43-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-43-4-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"4\" ><div class=\"textwidget custom-html-widget\"><h3 style=\"text-align: center;\">\u6c38\u7e8c\u71df\u904b\u7684\u6838\u5fc3\u91cd\u9ede\n\n<\/h3><\/div><\/div><\/div><\/div><div id=\"pg-43-5\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-43-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-43-5-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"5\" ><div class=\"textwidget custom-html-widget\"><p style=\"text-align: center;\" align=\"center\">\u5728\u6b63\u9f4a\u96c6\u5718\uff0c\u6c38\u7e8c\u767c\u5c55\u5df2\u6210\u70ba\u96c6\u5718\u696d\u52d9\u6230\u7565\u548c\u76ee\u6a19\u7684\u4e00\u90e8\u5206\u3002\u70ba\u4e86\u4fdd\u6301\u9818\u5148\u512a\u52e2\uff0c\u6211\u5011\u901a\u904e\u4ee5\u4e0b\u4e09\uff083\uff09\u500b\u6838\u5fc3\u91cd\u9ede\u7a4d\u6975\u63a8\u52d5\u6c38\u7e8c\u7d93\u71df\uff1a\n\n<\/p><\/div><\/div><\/div><\/div><div id=\"pg-43-6\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-43-6-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-43-6-1\"  class=\"panel-grid-cell\" ><div id=\"panel-43-6-1-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"6\" ><div class=\"textwidget custom-html-widget\"><div style=\"width:300px; height:410px; background:#A62502; border: 1px solid #900000; border-radius:10px\">\n     <div style=\"width:50px; height:50px; background:#CCCCCC; border-radius:25px; margin:auto; position: relative; top:20px; text-align:center; line-height:50px; border: 1px solid #900000;\">\n        <span style=\"font-family:Arial; font-size:30px; color:#A62502\">\n            1\n        <\/span>\n    <\/div>\n    <div style=\"width:240px; height:70px; margin:auto; position: relative; top:30px; text-align:center; margin: auto; \">\n        <span style=\"font-family:Arial; font-size:22px; color:#FFFFFF; line-height:30px\">\n            \u6c38\u7e8c\u767c\u5c55\u7684\u4f01\u696d\n        <\/span>\n    <\/div>\n    <div style=\"width:260px; height:180px; text-align:center; background:#FFFFFF; position: relative; top:35px; border-radius:10px; margin:auto; padding: 15px; border: 1px solid #900000; line-height: 1.2;\">\n        <span style=\"font-size: 17px;\">\n            \u6211\u5011\u81f4\u529b\u65bc\u5be6\u884c\u201c\u5e73\u8861\u5206\u914d\u76f8\u95dc\u5229\u76ca\u201d\u7684\u7406\u5ff5\u3002 \u6211\u5011\u5805\u6301\u4ee5\u8ca0\u8cac\u4efb\u7684\u614b\u5ea6\u53bb\u5275\u9020\u53ca\u516c\u5e73\u5206\u914d\u6240\u5f97\u7684\u7d93\u6fdf\u6548\u76ca\uff0c\u5f9e\u800c\u9054\u5230\u53ef\u6301\u7e8c\u6027\u3001\u6210\u529f\u7684\u71df\u904b\u8207\u696d\u52d9\u6a21\u5f0f\u3002 \n        <\/span>\n    <\/div>\n    <div style=\"width:260px; height: 40px; position: relative; top:25px; border-radius:10px; margin:auto; \">\n        <a href=\"https:\/\/mi-technovation.com\/tw\/index.php\/about-us\/#philosophy\" style=\"display: block; width: 260px; height: 40px; position: relative; top:25px; text-align: center; background: #FFFFFF; border: 2px solid #00B0F0; border-radius: 10px; line-height: 40px; color: black; text-decoration: none;\">\n            \u6df1\u5165\u77ad\u89e3 &gt&gt&gt\n        <\/a>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div><div id=\"pgc-43-6-2\"  class=\"panel-grid-cell\" ><div id=\"panel-43-6-2-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"7\" ><div class=\"textwidget custom-html-widget\"><div style=\"width:300px; height:410px; background:#002060; border: 1px solid #000066; border-radius:10px\">\n    <div style=\"width:50px; height:50px; background:#CCCCCC; border-radius:25px; margin:auto; position: relative; top:20px; text-align:center; line-height:50px; border: 1px solid #000066;\">\n        <span style=\"font-family:Arial; font-size:30px; color:#002060\">\n            2\n        <\/span>\n    <\/div>\n    <div style=\"width:240px; height:70px; margin:auto; position: relative; top:30px; text-align:center; margin: auto;\">\n        <span style=\"font-family:Arial; font-size:22px; color:#FFFFFF; line-height:30px\">\n            \u8ca0\u8cac\u4efb\u7684\u4f01\u696d\u884c\u70ba\n        <\/span>\n    <\/div>\n    <div style=\"width:260px; height:180px; text-align:center; background:#FFFFFF; position: relative; top:35px; border-radius:10px; margin:auto; padding: 15px; border: 1px solid #000066; line-height: 1.2;\">\n        <span style=\"font-size: 17px;\">\n          \u6211\u5011\u5c07\u826f\u597d\u7684\u6cbb\u7406\u9053\u5fb7\u878d\u5165\u6211\u5011\u7684\u4f01\u696d\u904b\u71df\u548c\u7b56\u7565\u4e2d\uff0c\u540c\u6642\u6211\u5011\u5728\u7ba1\u7406\u6211\u5011\u7684\u696d\u52d9\u6642\u5927\u529b\u63d0\u5021\u9ad8\u8aa0\u4fe1\u3001\u9ad8\u900f\u660e\u5ea6\u3001\u4ee5\u53ca\u5f37\u800c\u6709\u6548\u7684\u554f\u8cac\u5236\u548c\u61c9\u8b8a\u80fd\u529b\u3002  \n        <\/span>\n    <\/div>\n\t<div style=\"width:260px; height: 40px; position: relative; top:25px; border-radius:10px; margin:auto; \">\n        <a href=\"https:\/\/mi-technovation.com\/tw\/index.php\/our-esg-commitment1\/#corporate\" style=\"display: block; width: 260px; height: 40px; position: relative; top:25px; text-align: center; background: #FFFFFF; border: 2px solid #00B0F0; border-radius: 10px; line-height: 40px; color: black; text-decoration: none;\">\n            \u6df1\u5165\u77ad\u89e3 &gt&gt&gt\n        <\/a>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div><div id=\"pgc-43-6-3\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-43-6-3-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"8\" ><div class=\"textwidget custom-html-widget\"><div style=\"width:300px; height:410px; background:#254113; border: 1px solid #004d00; border-radius:10px\">\n    <div style=\"width:50px; height:50px; background:#CCCCCC; border-radius:25px; margin:auto; position: relative; top:20px; text-align:center; line-height:50px; border: 1px solid #004d00;\">\n        <span style=\"font-family:Arial; font-size:30px; color:#254113\">\n            3\n        <\/span>\n    <\/div>\n    <div style=\"width:240px; height:70px; margin:auto; position: relative; top:30px; text-align:center; margin: auto;\">\n        <span style=\"font-family:Arial; font-size:22px; color:#FFFFFF; line-height: 30px\">\n            \u5c0d\u7d93\u71df\u6240\u5728\u5730\u7684\u74b0\u5883\u548c\u793e\u5340\u7684\u5f71\u97ff\n        <\/span>\n    <\/div>\n    <div style=\"width:260px; height:180px; text-align:center;background:#FFFFFF; position: relative; top:35px; border-radius:10px; margin:auto; padding: 15px; border: 1px solid #004d00; line-height: 1.2;\">\n        <span style=\"font-size: 17px;\">\n            \u6211\u5011\u627f\u8afe\u5c65\u884c\u5c0d\u6211\u5011\u7684\u7d93\u71df\u6240\u5728\u5730\u7684\u74b0\u5883\u548c\u793e\u5340\u7684\u76f8\u95dc\u8cac\u4efb\u3002\u6211\u5011\u652f\u6301\u6539\u5584\u6559\u80b2\u548c\u91ab\u7642\u8cea\u91cf\u4e26\u4e3b\u52d5\u9032\u4e00\u6b65\u7684\u64f4\u5927\u4fdd\u8b77\u751f\u7269\u591a\u6a23\u6027\u7684\u8209\u63aa\u3002\n        <\/span>\n    <\/div>\n\t\t<div style=\"width:260px; height: 40px; position: relative; top:25px; border-radius:10px; margin:auto; \">\n        <a href=\"https:\/\/mi-technovation.com\/tw\/index.php\/our-esg-commitment1\/#protection\" style=\"display: block; width: 260px; height: 40px; position: relative; top:25px; text-align: center; background: #FFFFFF; border: 2px solid #00B0F0; border-radius: 10px; line-height: 40px; color: black; text-decoration: none;\">\n            \u6df1\u5165\u77ad\u89e3 &gt&gt&gt\n        <\/a>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div><div id=\"pgc-43-6-4\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><div id=\"pg-43-7\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-43-7-0\"  class=\"panel-grid-cell\" ><div id=\"panel-43-7-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child\" data-index=\"9\" ><div class=\"textwidget custom-html-widget\"><a name=\"report\"><\/a>\n<p>\n\t&nbsp;<\/p>\n<\/div><\/div><div id=\"panel-43-7-0-1\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"10\" ><div class=\"textwidget custom-html-widget\"><style>\n  body {\n    margin: 0;\n    padding: 0;\n  }\n  .container {\n    width: 100%;\n    padding: 20px;\n    background-color: #eff9ff; \/* Lighter shade of blue *\/\n  }\n  h3, p {\n    text-align: left;\n  }\n<\/style>\n<div class=\"container\">\n<h3>\u6c38\u7e8c\u5831\u544a<\/h3>\n\u6211\u5011\u5728\u6b64\u5206\u4eab\u6b63\u9f4a\u96c6\u5718\u5728\u6c38\u7e8c\u767c\u5c55\u65b9\u9762\u53d6\u5f97\u7684\u9032\u5c55\u548c\u8868\u73fe\u3002\u672a\u4f86\u5e7e\u5e74\uff0c\u6211\u5011\u5c07\u7e7c\u7e8c\u6309\u7167\u96c6\u5718\u898f\u5283\u7684\u8def\u7dda\u63a8\u52d5\u76f8\u95dc\u7684\u6c38\u7e8c\u767c\u5c55\u3002\n\n<p><a href=\"https:\/\/mi-technovation.com\/investor-relations\/sustainability-report\/\">\u95b1\u8b80\u5b8c\u6574\u5831\u544a &gt;&gt;&gt;<\/a><\/p>\n\n<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u6c38\u7e8c\u5100\u8868\u677f<\/p>\n","protected":false},"author":1,"featured_media":44,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"class_list":["post-43","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":82,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":1158,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions\/1158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/media\/44"}],"wp:attachment":[{"href":"https:\/\/mi-technovation.com\/tw\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}