{"id":1379,"date":"2025-03-11T02:46:31","date_gmt":"2025-03-10T18:46:31","guid":{"rendered":"https:\/\/phpweb2.nutn.edu.tw\/ilt\/wordpress\/?page_id=1379"},"modified":"2026-04-06T20:17:51","modified_gmt":"2026-04-06T12:17:51","slug":"ai%e6%99%ba%e6%85%a7%e6%8a%80%e8%a1%93%e8%88%87%e6%87%89%e7%94%a8%e4%ba%ba%e6%89%8d%e5%9f%b9%e8%a8%93%e7%8f%ad","status":"publish","type":"page","link":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=1379","title":{"rendered":"AI\u667a\u6167\u6280\u8853\u8207\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed"},"content":{"rendered":"\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1301\" height=\"401\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/Banner-0318.jpg\" alt=\"\" class=\"wp-image-1733\" srcset=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/Banner-0318.jpg 1301w, https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/Banner-0318-300x92.jpg 300w, https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/Banner-0318-1024x316.jpg 1024w, https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/Banner-0318-768x237.jpg 768w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" \/><\/figure>\n\n\n<!DOCTYPE html>\r\n<html lang=\"zh-Hant\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\t<title>\u5165\u53e3\u7db2\u7ad9<\/title>\r\n\t<style>\r\n\t\t.entry-buttons {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 40px;\r\n\t\t\twidth: 100%;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tflex-wrap: nowrap;\r\n\t\t}\r\n\r\n\t\t.entry-button {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-start;\r\n\t\t\toverflow: hidden;\r\n\t\t\tborder: 3px solid transparent;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tbackground: #f2f2f2;\r\n\t\t\tcursor: pointer;\r\n\t\t\tbox-shadow: 0 8px 32px rgba(80, 80, 80, 0.18), 0 1.5px 8px rgba(0,0,0,0.10);\r\n\t\t\ttransition: background 0.2s, transform 0.2s, box-shadow 0.2s, border 0.2s;\r\n\t\t\tflex: 1 1 0;\r\n\t\t\tmin-width: 340px;\r\n\t\t\tmax-width: 600px;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\r\n\t\t.entry-button:hover {\r\n\t\t\ttransform: translateY(-3px) scale(1.04);\r\n\t\t\tborder: 3px solid #e53935;\r\n\t\t\tbox-shadow: 0 8px 32px rgba(229,57,53,0.18), 0 1.5px 8px rgba(0,0,0,0.10);\r\n\t\t}\r\n\r\n\t\t.entry-button .btn-tip {\r\n\t\t\twidth: 100%;\r\n\t\t\tmin-height: 60px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex-direction: column;\r\n\t\t\tgap: 4px;\r\n\t\t\tbackground: rgba(255,255,255,0.85);\r\n\t\t\tcolor: #e53935;\r\n\t\t\tfont-size: 1.25rem;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tletter-spacing: 1.5px;\r\n\t\t\ttext-align: center;\r\n\t\t\tpadding: 8px 12px;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\r\n\t\t.btn-tip .tip-job {\r\n\t\t\tposition: relative;\r\n\t\t\tcolor: #222;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tfont-size: 1.1em;\r\n\t\t}\r\n\r\n\t\t.btn-tip .tip-underline {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: -2px;\r\n\t\t\theight: 2px;\r\n\t\t\tbackground: #e53935;\r\n\t\t\ttransform: scaleX(0);\r\n\t\t\ttransform-origin: left;\r\n\t\t\ttransition: transform 0.35s cubic-bezier(.77,0,.18,1);\r\n\t\t}\r\n\r\n\t\t.entry-button:hover .btn-tip .tip-job .tip-underline {\r\n\t\t\ttransform: scaleX(1);\r\n\t\t}\r\n\r\n\t\t.entry-button .btn-img {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\r\n\t\t\tobject-fit: contain;\r\n\t\t\tflex-grow: 1;\r\n\t\t}\r\n\r\n\t\t.section-title {\r\n\t\t\tcolor: #d32f2f;\r\n\t\t\tfont-size: 1.5em;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tletter-spacing: 1.5px;\r\n\t\t\tpadding: 6px 12px;\r\n\t\t\tbackground: rgba(0,0,0,0.05);\r\n\t\t\tborder-radius: 6px;\r\n\t\t}\r\n\r\n\t\t.section-title-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-top: 12px;\r\n\t\t}\r\n\r\n\t\t\/* RWD *\/\r\n\t\t@media (max-width: 900px) {\r\n\t\t\t.entry-buttons {\r\n\t\t\t\tgap: 24px;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t}\r\n\t\t\t.entry-button {\r\n\t\t\t\tflex: 1 1 100%;\r\n\t\t\t\twidth: 90vw;\r\n\t\t\t\tmin-width: 0;\r\n\t\t\t\tmax-width: 100vw;\r\n\t\t\t}\r\n\t\t\t.entry-button .btn-tip {\r\n\t\t\t\tfont-size: 1rem;\r\n\t\t\t\tmin-height: 50px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (max-width: 600px) {\r\n\t\t\t.entry-buttons {\r\n\t\t\t\tgap: 20px;\r\n\t\t\t}\r\n\t\t\t.entry-button {\r\n\t\t\t\twidth: 92vw;\r\n\t\t\t}\r\n\t\t\t.entry-button .btn-tip {\r\n\t\t\t\tfont-size: 0.92rem;\r\n\t\t\t\tmin-height: 45px;\r\n\t\t\t}\r\n\t\t}\r\n\t<\/style>\r\n<\/head>\r\n<body>\r\n\t<div style=\"text-align:center; margin-top:32px;\">\r\n\t\t<span style=\"color:#1976d2; font-weight:bold; font-size:1.2em; text-decoration:none; padding:4px 12px; border-radius:6px; transition:background 0.2s; display:inline-block; background:transparent;\">\r\n\t\t\t\u9ede\u64ca\u4e86\u89e3\u8ab2\u7a0b\u7d30\u7bc0\r\n\t\t<\/span>\r\n\t<\/div>\r\n\r\n\t<!-- \u2705 \u65b0\u8ab2\u7a0b\u6a19\u984c\r\n\t<div class=\"section-title-wrapper\">\r\n\t\t<span class=\"section-title\">\u65b0\u8208\u8ab2\u7a0b<\/span>\r\n\t<\/div>\r\n\t-->\r\n\r\n\t<!-- \u2705 \u65b0\u8ab2\u7a0b\u6309\u9215 -->\r\n\t<div class=\"entry-buttons single\">\r\n\t\t<!--<button class=\"entry-button\" onclick=\"window.open('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=3670','_blank')\">\r\n\t\t\t<span class=\"btn-tip\">\r\n\t\t\t\t<span class=\"tip-job\">AI<span style=\"color:#9b6ec4;font-weight:bold;\">\u667a\u6167\u61c9\u7528<\/span>\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed\u7b2c<span style=\"color:#b54d3f;font-weight:bold;\">02<\/span>\u671f(\u8077\u524d\u73ed)<span class=\"tip-underline\"><\/span><\/span>\r\n\t\t\t<\/span>\r\n\t\t\t<img decoding=\"async\" class=\"btn-img\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/01\/\u87a2\u5e55\u64f7\u53d6\u756b\u9762-2026-01-30-230701.png\" alt=\"AI\u667a\u6167\u61c9\u7528\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed02\u671f\" \/>\r\n\t\t<\/button>-->\r\n\t\t\r\n\t\t<button class=\"entry-button\" onclick=\"window.open('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=3809','_blank')\">\r\n\t\t\t<span class=\"btn-tip\">\r\n\t\t\t\t<span class=\"tip-job\">AI<span style=\"color:#2d6ea8;font-weight:bold;\">\u6642\u5c1a\u96f6\u552e<\/span>\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed(\u5728\u8077\u73ed)<span class=\"tip-underline\"><\/span><\/span>\r\n\t\t\t<\/span>\r\n\t\t\t<img decoding=\"async\" class=\"btn-img\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/03\/\u87a2\u5e55\u64f7\u53d6\u756b\u9762-2026-03-05-193012.png\" alt=\"AI\u6642\u5c1a\u96f6\u552e\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed\" \/>\r\n\t\t<\/button>\r\n\t<\/div>\r\n\r\n\t<!-- \u2705 \u5df2\u958b\u8a13\u8ab2\u7a0b\u6a19\u984c\r\n\t<div class=\"section-title-wrapper\">\r\n\t\t<span class=\"section-title\">\u5df2\u958b\u8a13\u8ab2\u7a0b<\/span>\r\n\t<\/div>\r\n\t-->\r\n\r\n\t<!-- \u2705 \u5df2\u958b\u8a13\u8ab2\u7a0b\u6309\u9215\r\n\t<div class=\"entry-buttons\">\r\n\t\t<button class=\"entry-button\" onclick=\"window.open('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/ai%e5%81%a5%e5%ba%b7%e9%86%ab%e7%be%8e%e7%94%a2%e6%a5%ad%e6%99%ba%e6%85%a7%e6%87%89%e7%94%a8%e4%ba%ba%e6%89%8d%e5%9f%b9%e8%a8%93%e7%8f%ad','_blank')\">\r\n\t\t\t<span class=\"btn-tip\">\r\n\t\t\t\t<span class=\"tip-job\">AI<span style=\"color:#e16913;font-weight:bold;\">\u5065\u5eb7\u91ab\u7f8e<\/span>\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed<br>(\u8077\u524d\u73ed)<span class=\"tip-underline\"><\/span><\/span>\r\n\t\t\t<\/span>\r\n\t\t\t<img decoding=\"async\" class=\"btn-img\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u7db2\u7ad9001.jpg\" alt=\"AI\u5065\u5eb7\u91ab\u7f8e\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed\" \/>\r\n\t\t<\/button>\r\n\r\n\t\t<button class=\"entry-button\" onclick=\"window.open('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/ai%e6%99%82%e5%b0%9a%e9%9b%b6%e5%94%ae%e7%94%a2%e6%a5%ad%e6%99%ba%e6%85%a7%e6%87%89%e7%94%a8%e4%ba%ba%e6%89%8d%e5%9f%b9%e8%a8%93%e7%8f%ad','_blank')\">\r\n\t\t\t<span class=\"btn-tip\">\r\n\t\t\t\t<span class=\"tip-job\">AI<span style=\"color:#d53272;font-weight:bold;\">\u6642\u5c1a\u96f6\u552e<\/span>\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed<br>(\u5728\u8077\u73ed)<span class=\"tip-underline\"><\/span><\/span>\r\n\t\t\t<\/span>\r\n\t\t\t<img decoding=\"async\" class=\"btn-img\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u7db2\u7ad9002_250914.jpg\" alt=\"AI\u6642\u5c1a\u96f6\u552e\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed\" \/>\r\n\t\t<\/button>\r\n\t<\/div>\r\n\t-->\r\n\r\n<\/body>\r\n<\/html>\n\n\n<!DOCTYPE html>\r\n<html lang=\"zh-Hant-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    <title>AI \u8077\u8a13\u8ab2\u7a0b<\/title>\r\n\r\n    <style>\r\n      html { font-size: 110%; }\r\n\r\n      body{\r\n        font-family:\"Noto Sans TC\",sans-serif;\r\n        background:#f9fafb;\r\n        color:#1f2937;\r\n        margin:0;\r\n        padding:0;\r\n      }\r\n\r\n      .hero-modern{\r\n        background:#fff;\r\n        width:min(1100px,92vw);\r\n        margin:24px auto;\r\n        padding:28px 26px;\r\n        border-radius:24px;\r\n        box-shadow:0 6px 28px rgba(0,0,0,0.04);\r\n        box-sizing:border-box;\r\n      }\r\n\r\n      .hero-container{\r\n        display:grid;\r\n        grid-template-columns:1fr 420px;\r\n        gap:22px;\r\n        align-items:center;\r\n      }\r\n\r\n      .badge{\r\n        display:inline-flex;\r\n        gap:8px;\r\n        align-items:center;\r\n        border:1.5px solid #ff5a36cc;\r\n        border-radius:999px;\r\n        padding:8px 16px;\r\n        color:#cc1f1a;\r\n        background:linear-gradient(to right,#ffe3e3,#fff3f6);\r\n        font-size:0.98rem;\r\n        font-weight:700;\r\n        margin-bottom:12px;\r\n        box-shadow:0 2px 8px rgba(255,90,54,0.15);\r\n      }\r\n\r\n      .title{\r\n        font-weight:900;\r\n        font-size:clamp(1.65rem,3.2vw,2.35rem);\r\n        line-height:1.15;\r\n        margin:10px 0 10px;\r\n        color:#2d3a4a;\r\n        display:inline-block;\r\n        position:relative;\r\n        letter-spacing:0.02em;\r\n      }\r\n      .title::after{\r\n        content:\"\";\r\n        position:absolute;\r\n        left:0;\r\n        bottom:-8px;\r\n        width:100%;\r\n        height:4px;\r\n        background:linear-gradient(90deg,#38bdf8,#a78bfa);\r\n        border-radius:2px;\r\n      }\r\n\r\n      .hero-desc{\r\n        font-size:1.02rem;\r\n        line-height:1.8;\r\n        color:#374151;\r\n        font-weight:500;\r\n        margin-top:10px;\r\n      }\r\n\r\n      .highlight-blue{ color:#2563eb; font-weight:800; }\r\n      .highlight-orange{ color:#f97316; font-weight:800; }\r\n\r\n      .hero-card{\r\n        width:420px;\r\n        display:grid;\r\n        gap:14px;\r\n      }\r\n\r\n      .hero-info{\r\n        background:#f6fff8;\r\n        border-radius:16px;\r\n        padding:16px;\r\n        box-shadow:0 2px 10px rgba(14,124,60,0.07);\r\n        border:1.5px solid #b2dfdb;\r\n        text-align:left;\r\n      }\r\n\r\n      .hero-info-title{\r\n        font-size:1.05rem;\r\n        font-weight:900;\r\n        color:#111827;\r\n        margin-bottom:10px;\r\n        display:flex;\r\n        gap:8px;\r\n        align-items:center;\r\n      }\r\n\r\n      .hero-info ul{\r\n        list-style:none;\r\n        margin:0 0 8px 0;\r\n        padding:0;\r\n        font-size:0.98rem;\r\n        color:#111827;\r\n        line-height:1.7;\r\n      }\r\n      .hero-info ul li{\r\n        margin:8px 0;\r\n        display:flex;\r\n        gap:10px;\r\n        align-items:flex-start;\r\n      }\r\n      .hero-info ul li .dot{\r\n        flex:0 0 auto;\r\n        width:26px;\r\n        height:26px;\r\n        border-radius:9px;\r\n        display:inline-flex;\r\n        align-items:center;\r\n        justify-content:center;\r\n        background:#ffffff;\r\n        border:1px solid rgba(0,0,0,0.06);\r\n        box-shadow:0 2px 8px rgba(0,0,0,0.04);\r\n        margin-top:1px;\r\n      }\r\n      .hero-info ul li .txt{\r\n        flex:1 1 auto;\r\n        min-width:0;\r\n      }\r\n\r\n      .hero-info-foot{\r\n        font-size:0.95rem;\r\n        color:#2563eb;\r\n        font-weight:900;\r\n        padding-top:6px;\r\n        border-top:1px dashed rgba(37,99,235,0.25);\r\n      }\r\n\r\n      .card-section{\r\n        max-width:1100px;\r\n        margin: 8px auto 44px;\r\n        padding: 0 24px 10px;\r\n      }\r\n\r\n      .section-title{\r\n        text-align:center;\r\n        margin: 26px 0 18px;\r\n      }\r\n      .section-title h2{\r\n        font-size:1.75rem;\r\n        font-weight:900;\r\n        color:#0f172a;\r\n        margin:0;\r\n        letter-spacing:0.02em;\r\n      }\r\n      .section-title p{\r\n        margin:10px auto 0;\r\n        color:#475569;\r\n        font-size:0.98rem;\r\n        line-height:1.6;\r\n        max-width:720px;\r\n      }\r\n\r\n      .grid{\r\n        display:grid;\r\n        gap:18px;\r\n      }\r\n      @media (min-width: 780px){\r\n        .grid.cols-2{\r\n          grid-template-columns: 1fr 1fr;\r\n          gap:20px;\r\n          align-items:stretch;\r\n        }\r\n      }\r\n\r\n      .card{\r\n        background:#fff;\r\n        border-radius:20px;\r\n        padding:22px 18px 18px;\r\n        border:1px solid #e5e7eb;\r\n        box-shadow:0 10px 28px rgba(15,23,42,0.05);\r\n        transition:transform .25s ease, box-shadow .25s ease;\r\n        position:relative;\r\n        overflow:hidden;\r\n      }\r\n      .card::before{\r\n        content:\"\";\r\n        position:absolute;\r\n        left:0; top:0;\r\n        width:100%; height:4px;\r\n        background:linear-gradient(90deg,#38bdf8,#a78bfa);\r\n      }\r\n      .card:hover{\r\n        transform:translateY(-4px);\r\n        box-shadow:0 16px 40px rgba(15,23,42,0.09);\r\n      }\r\n\r\n      .card-head{\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:space-between;\r\n        gap:12px;\r\n        margin-bottom:14px;\r\n      }\r\n      .card-head h3{\r\n        margin:0;\r\n        font-size:1.12rem;\r\n        font-weight:900;\r\n        color:#0f172a;\r\n        letter-spacing:0.02em;\r\n      }\r\n      .pill{\r\n        flex:0 0 auto;\r\n        font-size:0.82rem;\r\n        font-weight:500;\r\n        padding:6px 10px;\r\n        border-radius:999px;\r\n        background:#f1f5f9;\r\n        border:1px solid #e2e8f0;\r\n        color:#334155;\r\n        white-space:nowrap;\r\n      }\r\n\r\n      .feature-list{\r\n        list-style:none;\r\n        margin:0;\r\n        padding:0;\r\n        display:grid;\r\n        gap:12px;\r\n      }\r\n      .feature-item{\r\n        display:flex;\r\n        gap:12px;\r\n        align-items:flex-start;\r\n        padding:12px 12px;\r\n        border-radius:14px;\r\n        background:linear-gradient(180deg,#ffffff, #fbfdff);\r\n        border:1px solid rgba(148,163,184,0.25);\r\n      }\r\n      .feature-icon{\r\n        flex:0 0 auto;\r\n        width:34px;\r\n        height:34px;\r\n        border-radius:12px;\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:center;\r\n        background:rgba(56,189,248,0.14);\r\n        border:1px solid rgba(56,189,248,0.25);\r\n        font-size:1.05rem;\r\n      }\r\n      .feature-text{\r\n        min-width:0;\r\n        line-height:1.65;\r\n        color:#334155;\r\n        font-size:0.98rem;\r\n      }\r\n      .feature-text b{\r\n        color:#2563eb;\r\n        font-weight:900;\r\n      }\r\n\r\n      @media (max-width: 900px){\r\n        .hero-container{ grid-template-columns:1fr; align-items:start; }\r\n        .hero-card{ width:100%; }\r\n      }\r\n      @media (max-width: 768px){\r\n        .hero-modern{ padding:22px 14px; margin:18px auto; }\r\n        .badge{ font-size:0.95rem; padding:8px 14px; white-space:normal; }\r\n        .title{ font-size:1.55rem !important; word-break:break-word; }\r\n        .title::after{ width:78%; }\r\n        .hero-desc{ font-size:1rem; line-height:1.7; }\r\n        .hero-info{ padding:14px; }\r\n        .section-title h2{ font-size:1.5rem; }\r\n        .section-title p{ font-size:0.95rem; }\r\n        .card{ padding:18px 14px 14px; }\r\n        .feature-item{ padding:10px; }\r\n        .feature-text{ font-size:0.95rem; }\r\n      }\r\n\r\n      .hero-modern,\r\n      .hero-container,\r\n      .hero-text{\r\n        max-width:100%;\r\n        overflow-x:hidden;\r\n      }\r\n    <\/style>\r\n  <\/head>\r\n\r\n  <body>\r\n    <section class=\"hero-modern\" aria-labelledby=\"hero-title\">\r\n      <div class=\"hero-container\">\r\n        <div class=\"hero-text\">\r\n          <span class=\"badge\">\u2728 \u7522\u5b98\u5b78\u7814\u30fb\u806f\u5408\u6253\u9020\u30fb\u7522\u696d\u5148\u6a5f\u30fb\u91cd\u78c5\u63a8\u51fa<\/span>\r\n          <h1 id=\"hero-title\" class=\"title\">AI\u8077\u8a13\u8ab2\u7a0b<\/h1>\r\n\r\n          <p class=\"hero-desc\">\r\n            \u91dd\u5c0d\u60f3\u8f49\u8077\u3001\u9032\u4fee\u6216\u63d0\u5347\u7af6\u722d\u529b\u7684\u5b78\u54e1\uff0c\u63d0\u4f9b\u5b8c\u6574\u7684 AI \u5be6\u52d9\u57f9\u8a13\u8207\u7522\u696d\u61c9\u7528\u5167\u5bb9\u3002<br \/>\r\n            <span class=\"highlight-blue\">\r\n              AI <span class=\"highlight-orange\" style=\"color: #9370DB;\">\u667a\u6167\u61c9\u7528<\/span>\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed\u7b2c02\u671f\uff08\u8077\u524d\u73ed\uff09\r\n            <\/span><br \/>\r\n            <span class=\"highlight-blue\">\r\n              AI <span class=\"highlight-orange\" style=\"color: #1E90FF;\">\u6642\u5c1a\u96f6\u552e<\/span>\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed\uff08\u5728\u8077\u73ed\uff09\r\n            <\/span>\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"hero-card\">\r\n          <div class=\"hero-info\">\r\n            <div class=\"hero-info-title\">\r\n              <span aria-hidden=\"true\">\ud83c\udf93<\/span>\r\n              <span style=\"color:#e16913\">\u8077\u524d\u73ed<\/span>\u88dc\u52a9\u8207\u798f\u5229\r\n            <\/div>\r\n\r\n            <ul>\r\n              <li>\r\n                <span class=\"dot\">\ud83c\udfaf<\/span>\r\n                <span class=\"txt\"><b>\u5b78\u8cbb\u88dc\u52a9<\/b>\uff5c\u653f\u5e9c\u63d0\u4f9b\u6700\u9ad8 100% \u5168\u984d\u88dc\u52a9<\/span>\r\n              <\/li>\r\n              <li>\r\n                <span class=\"dot\">\ud83c\udfaf<\/span>\r\n                <span class=\"txt\"><b>\u751f\u6d3b\u6d25\u8cbc<\/b>\uff5c\u7b26\u5408\u8cc7\u683c\u5373\u53ef\u9818\u53d6<\/span>\r\n              <\/li>\r\n              <li>\r\n                <span class=\"dot\">\ud83c\udfaf<\/span>\r\n                <span class=\"txt\"><b>\u5b78\u7fd2\u734e\u52f5<\/b>\uff5c15\u201329\u6b72\u518d\u52a0\u78bc 8,000 \u5143\/\u6708<\/span>\r\n              <\/li>\r\n            <\/ul>\r\n\r\n            <div class=\"hero-info-foot\">\ud83d\ude80 \u5b78AI\u3001\u9818\u88dc\u52a9\u3001\u62ff\u734e\u52f5\u91d1\uff0cCP\u503c\u7206\u8868\uff01<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"hero-info\">\r\n            <div class=\"hero-info-title\">\r\n              <span aria-hidden=\"true\">\ud83d\udcbc<\/span>\r\n              <span style=\"color:#13a0e1\">\u5728\u8077\u73ed<\/span>\u5b78\u8cbb\u8207\u512a\u60e0\r\n            <\/div>\r\n\r\n            <ul>\r\n              <li>\r\n                <span class=\"dot\">\ud83c\udfaf<\/span>\r\n                <span class=\"txt\">\r\n                  <b>\u7279\u5b9a\u5c0d\u8c61\u514d\u8cbb<\/b><br \/>\r\n                  \u7b26\u5408\u8cc7\u683c\u8005\u53ef\u4eab\u653f\u5e9c\u5168\u984d\u88dc\u52a9\uff0c\u964d\u4f4e\u9032\u4fee\u9580\u6abb\uff0c\u5b89\u5fc3\u6295\u5165\u6578\u4f4d\u8f49\u578b\u5b78\u7fd2\u3002\r\n                <\/span>\r\n              <\/li>\r\n              <li>\r\n                <span class=\"dot\">\ud83c\udfaf<\/span>\r\n                <span class=\"txt\"><b>\u5176\u4ed6\u5b78\u54e1<\/b> \u2192 \u653f\u5e9c\u88dc\u52a9 80%\uff0c\u81ea\u4ed8 1,730 \u5143\uff01<\/span>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"card-section\" aria-labelledby=\"sec-title\">\r\n      <div class=\"section-title\">\r\n        <h2 id=\"sec-title\">\u8ab2\u7a0b\u4eae\u9ede\u8207\u5e2b\u8cc7<\/h2>\r\n        <p>\r\n          \u7d50\u5408\u7406\u8ad6\u3001\u5be6\u4f5c\u8207\u7522\u696d\u9700\u6c42\uff0c\u900f\u904e\u8de8\u9818\u57df\u8b1b\u5e2b\u5718\u968a\u8207\u771f\u5be6\u6848\u4f8b\u6f14\u7df4\uff0c\r\n          \u5e6b\u52a9\u5b78\u54e1\u5728\u6700\u77ed\u6642\u9593\u5167\u638c\u63e1 AI \u61c9\u7528\u80fd\u529b\u3002\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"grid cols-2\">\r\n        <article class=\"card\">\r\n          <div class=\"card-head\">\r\n            <h3>\u8b1b\u5e2b\u5718\u968a\u9663\u5bb9<\/h3>\r\n            <span class=\"pill\">\u7522\u5b78\u5be6\u6230 \u00d7 \u6559\u6388\u9818\u8ecd<\/span>\r\n          <\/div>\r\n\r\n          <ul class=\"feature-list\">\r\n            <li class=\"feature-item\">\r\n              <div class=\"feature-icon\">\ud83c\udf93<\/div>\r\n              <div class=\"feature-text\"><b>\u5b78\u754c\u6b0a\u5a01\u89aa\u6388\uff1a<\/b>\u7531\u8cc7\u6df1\u6559\u6388\u9818\u8ecd\uff0c\u8de8 AI\u3001\u6559\u80b2\u79d1\u6280\u3001\u8cc7\u6599\u5206\u6790\u591a\u9818\u57df\u3002<\/div>\r\n            <\/li>\r\n            <li class=\"feature-item\">\r\n              <div class=\"feature-icon\">\ud83c\udfe2<\/div>\r\n              <div class=\"feature-text\"><b>\u7522\u696d\u5be6\u6230\u8b1b\u5e2b\uff1a<\/b>\u5177\u5099\u751f\u6210\u5f0f AI\u3001\u8cc7\u6599\u5de5\u7a0b\u3001AI \u61c9\u7528\u958b\u767c\u5be6\u52d9\u7d93\u9a57\u3002<\/div>\r\n            <\/li>\r\n            <li class=\"feature-item\">\r\n              <div class=\"feature-icon\">\ud83e\udde0<\/div>\r\n              <div class=\"feature-text\"><b>\u696d\u754c\u5be6\u52d9\u5c08\u5bb6\u6388\u8ab2\uff1a<\/b>\u5206\u4eab\u570b\u969b\u54c1\u724c\u64cd\u4f5c\u3001\u96f6\u552e\u7d93\u71df\u8207\u6578\u64da\u6c7a\u7b56\u7684\u4e00\u7dda\u6848\u4f8b\u3002<\/div>\r\n            <\/li>\r\n            <li class=\"feature-item\">\r\n              <div class=\"feature-icon\">\ud83e\udded<\/div>\r\n              <div class=\"feature-text\"><b>\u5c31\u696d\u5c0e\u5411\u652f\u63f4\uff1a<\/b>\u63d0\u4f9b\u5c65\u6b77\u5065\u6aa2\u3001\u9762\u8a66\u6307\u5c0e\uff0c\u5354\u52a9\u52a0\u901f\u8077\u6daf\u8f49\u63db\u3002<\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"card\">\r\n          <div class=\"card-head\">\r\n            <h3>\u8ab2\u7a0b\u61c9\u7528\u65b9\u5411<\/h3>\r\n            <span class=\"pill\">\u96f6\u552e\u5834\u57df \u00d7 AI\u843d\u5730<\/span>\r\n          <\/div>\r\n\r\n          <ul class=\"feature-list\">\r\n            <li class=\"feature-item\">\r\n              <div class=\"feature-icon\">\ud83d\udecd\ufe0f<\/div>\r\n              <div class=\"feature-text\"><b>\u805a\u7126 AI \u00d7 \u667a\u6167\u96f6\u552e\uff1a<\/b>\u4ee5\u300c\u667a\u6167\u6642\u5c1a\u96f6\u552e\u300d\u70ba\u6838\u5fc3\u60c5\u5883\uff0c\u4e32\u63a5\u6280\u8853\u8207\u5546\u696d\u61c9\u7528\u3002<\/div>\r\n            <\/li>\r\n            <li class=\"feature-item\">\r\n              <div class=\"feature-icon\">\ud83e\udde9<\/div>\r\n              <div class=\"feature-text\"><b>\u7522\u696d\u5c0e\u5411\u8a2d\u8a08\uff1a<\/b>\u8ab2\u7db1\u5c0d\u6e96\u4f01\u696d\u9700\u6c42\uff0c\u805a\u7126\u751f\u6210\u5f0f AI \u8207\u8cc7\u6599\u61c9\u7528\u80fd\u529b\u3002<\/div>\r\n            <\/li>\r\n            <li class=\"feature-item\">\r\n              <div class=\"feature-icon\">\ud83d\udee0\ufe0f<\/div>\r\n              <div class=\"feature-text\"><b>\u5b78\u79d1\uff0b\u8853\u79d1\u878d\u5408\uff1a<\/b>\u5f9e AI \u57fa\u790e\u5230\u5be6\u4f5c\u64cd\u4f5c\uff0c\u5faa\u5e8f\u6f38\u9032\u3001\u5b78\u5b8c\u5c31\u80fd\u7528\u3002<\/div>\r\n            <\/li>\r\n            <li class=\"feature-item\">\r\n              <div class=\"feature-icon\">\u23f1\ufe0f<\/div>\r\n              <div class=\"feature-text\"><b>\u5728\u8077\u8005\u5c08\u5c6c\u7bc0\u594f\uff1a<\/b>\u5b78\u6703 AI \u6578\u4f4d\u8f49\u578b\u5229\u5668\uff0c\u63d0\u5347\u8077\u5834\u6838\u5fc3\u50f9\u503c\u8207\u7af6\u722d\u529b\u3002<\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n  <\/body>\r\n<\/html>\r\n\n\n\n<script>(function() {\r\n  var ua = navigator.userAgent.toLowerCase();\r\n  var isLine = ua.indexOf(\" line\/\") > -1;\r\n\r\n  \/\/ \u5982\u679c\u662f\u5728 LINE WebView\r\n  if (isLine && location.href.indexOf(\"openExternalBrowser=1\") === -1) {\r\n    \/\/ \u5f37\u5236\u8df3\u8f49\uff0c\u52a0\u4e0a\u53c3\u6578\u8b93 LINE \u958b\u5916\u90e8\u700f\u89bd\u5668\r\n    var newUrl = location.href + (location.href.indexOf(\"?\") > -1 ? \"&\" : \"?\") + \"openExternalBrowser=1\";\r\n    location.href = newUrl;\r\n  }\r\n\r\n  \/\/ \u5982\u679c\u5df2\u7d93\u5728\u5916\u90e8\u700f\u89bd\u5668\uff0c\u4e26\u4e14\u5e36\u6709 openExternalBrowser=1\r\n  if (!isLine && location.href.indexOf(\"openExternalBrowser=1\") > -1) {\r\n    \/\/ \u7528 URL API \u79fb\u9664 openExternalBrowser \u53c3\u6578\r\n    var url = new URL(location.href);\r\n    url.searchParams.delete(\"openExternalBrowser\");\r\n    \/\/ \u91cd\u65b0\u5c0e\u5411\u4e00\u6b21\u4e7e\u6de8\u7684\u7db2\u5740\uff08\u907f\u514d\u5e72\u64fe\uff09\r\n    window.location.replace(url.toString());\r\n  }\r\n})();\r\n<\/script>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-right:10%;padding-bottom:40px;padding-left:10%\">\n<div class=\"wp-block-group animated animated-fadeInUp is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-3 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-primary-color has-text-color has-medium-font-size\" style=\"letter-spacing:1px\">Sign Up Information<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center animated animated-fadeInUp has-slider-title-font-size\" style=\"line-height:1.3\">\u5831\u540d\u8cc7\u8a0a<\/h2>\n\n\n<!DOCTYPE html>\r\n<html lang=\"zh-Hant-TW\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n<title>AI \u8077\u8a13\u8ab2\u7a0b\uff5c\u5831\u540d\u8cc7\u8a0a<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* ===========================\r\n       \u2705 \u5c08\u5c6c\u5340\u584a\uff1a.ai-course \u5c01\u88dd\r\n       =========================== *\/\r\n.ai-course{\r\n\/* \u2705 \u9810\u8a2d\u4e3b\u984c\uff08\u8ab2\u7a0b\u4e00\uff1a\u7d2b\uff09 *\/\r\n\t--primary: #9b6ec4;\r\n      --tab-bg: #9b6ec4;\r\n      --tab-active-bg: linear-gradient(135deg, #9b6ec4, #5e3f7d);\r\n      --tab-text: #ffffff;          \/* \u2705 \u5206\u9801\u6a19\u984c\u5b57\u6539\u767d\uff08\u4e0d\u518d\u7d05\uff09 *\/\r\n      --tab-text-muted: rgba(255,255,255,0.88);\r\n\r\n\/* \u2705 \u6d77\u5831\u98a8\u683c\uff08\u8ab2\u7a0b\u4e8c\uff1a\u6f38\u8b8a\u85cd\uff09 *\/\r\n\t\t--fashion-tab-bg: linear-gradient(135deg, #2b71ac, #64bde2);\r\n\t\t--fashion-tab-active-bg: linear-gradient(135deg, #0b3a57, #2b71ac);\r\n\t\t--fashion-primary: #2b71ac;\r\n\r\n      font-family: 'Noto Sans TC', sans-serif;\r\n      background: #fff;\r\n      color: #4a2c00;\r\n      font-size: 1.2rem;\r\n      line-height: 1.9;\r\n      margin: 40px auto;\r\n      max-width: 960px;\r\n      border-radius: 18px;\r\n      border: 2px solid var(--primary);\r\n      box-shadow: 0 4px 16px rgba(0,0,0,0.06);\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* \u2705 \u5207\u5230 AI\u6642\u5c1a\u96f6\u552e\u6642\u7684\u4e3b\u984c\uff08\u7531 JS \u52a0\u4e0a .theme-fashion\uff09 *\/\r\n    .ai-course.theme-fashion{\r\n      --primary: var(--fashion-primary);\r\n      --tab-bg: var(--fashion-tab-bg);\r\n      --tab-active-bg: var(--fashion-tab-active-bg);\r\n      border-color: var(--primary);\r\n    }\r\n\r\n    \/* \u5206\u9801\u6309\u9215 *\/\r\n    .ai-course .tab-buttons{\r\n      display:flex;\r\n      background: var(--tab-bg);\r\n      border-bottom: 2px solid var(--primary);\r\n    }\r\n\r\n    .ai-course .tab-button{\r\n      flex:1;\r\n      padding:16px;\r\n      text-align:center;\r\n      font-size:1.2rem;\r\n      font-weight:bold;\r\n      cursor:pointer;\r\n      border:none;\r\n      background: transparent;               \/* \u2705 \u8b93\u6f38\u8b8a\u5e95\u900f\u51fa *\/\r\n      color: var(--tab-text-muted);          \/* \u2705 \u5206\u9801\u6a19\u984c\u5b57\u6539\u767d\u7cfb *\/\r\n      transition:0.3s;\r\n    }\r\n\r\n    .ai-course .tab-button.active{\r\n      background: var(--tab-active-bg);\r\n      color: var(--tab-text);               \/* \u2705 \u767d\u8272 *\/\r\n    }\r\n\r\n    \/* \u5206\u9801\u5167\u5bb9 *\/\r\n    .ai-course .tab-content{\r\n      display:none;\r\n      padding:0 24px 48px;\r\n      background:#fff;\r\n    }\r\n    .ai-course .tab-content.active{ display:block; }\r\n\r\n    \/* \u2705 \u5167\u5bb9\u4e3b\u984c\u8272\uff1a\u7d71\u4e00\u7528 var(--primary) *\/\r\n    .ai-course .tab-content h1,\r\n    .ai-course .tab-content .subtitle,\r\n    .ai-course .tab-content td:first-child,\r\n    .ai-course .tab-content a{\r\n      color: var(--primary);\r\n    }\r\n\r\n    \/* \u6a19\u984c\u8207\u526f\u6a19\u984c *\/\r\n    .ai-course h1{\r\n      font-size:2rem;\r\n      text-align:center;\r\n      margin-top:40px;\r\n      margin-bottom:16px;\r\n      font-weight:700;\r\n    }\r\n    .ai-course .subtitle{\r\n      text-align:center;\r\n      font-weight:600;\r\n      font-size:1.15rem;\r\n      margin-bottom:20px;\r\n    }\r\n\r\n    \/* \u8cc7\u6599\u8868\u683c *\/\r\n    .ai-course table{\r\n      width:100%;\r\n      border-collapse:collapse;\r\n      font-size:1.2rem;\r\n      margin:32px auto 20px auto;\r\n    }\r\n    .ai-course table td{\r\n      padding:16px 12px;\r\n      border-bottom:1px solid var(--primary);\r\n      vertical-align:top;\r\n    }\r\n    .ai-course table td:first-child{\r\n      width:35%;\r\n      font-weight:bold;\r\n    }\r\n\r\n    .ai-course a{ text-decoration: underline; }\r\n\r\n    .ai-course .qrcode{\r\n      margin-top:12px;\r\n      max-width:160px;\r\n      border-radius:12px;\r\n    }\r\n\r\n    \/* \u6309\u9215\u7fa4\u7d44 *\/\r\n    .ai-course .ai-btn-row{\r\n      display:flex;\r\n      justify-content:center;\r\n      gap:20px;\r\n      flex-wrap:wrap;\r\n      margin-top:36px;\r\n    }\r\n\r\n    .ai-course .ai-btn-row .ai-btn{\r\n      padding:16px 32px;\r\n      font-size:1.2rem;\r\n      font-weight:700;\r\n      border-radius:16px;\r\n      text-decoration:none;\r\n      text-align:center;\r\n      color:#fff;\r\n      border:none;\r\n      white-space:nowrap;\r\n      display:inline-block;\r\n      transition:background 0.2s, transform 0.2s;\r\n      max-width:260px;\r\n      background: var(--primary);           \/* \u2705 \u4e3b\u6309\u9215\u8ddf\u4e3b\u984c\u8272\u8d70 *\/\r\n    }\r\n\r\n    .ai-course .ai-btn-row .ai-btn.is-secondary{\r\n      background:#757575;\r\n      color:#fff;\r\n    }\r\n\r\n    .ai-course .ai-btn-row .ai-btn:hover{\r\n      opacity:0.9;\r\n      transform:translateY(-2px);\r\n    }\r\n\r\n    \/* \u984d\u5916\u8cc7\u8a0a *\/\r\n    .ai-course .info-box{\r\n      margin-top:48px;\r\n      border-radius:16px;\r\n      box-shadow:0 4px 16px rgba(136,0,27,0.12);\r\n      padding:24px 28px;\r\n      background:#c8e9ff;\r\n      border:2px solid rgba(47,115,216,0.65);\r\n    }\r\n    .ai-course .info-box h2{\r\n      margin-top:0;\r\n      font-size:1.5rem;\r\n      margin-bottom:16px;\r\n      color:#2f73d8;\r\n    }\r\n    .ai-course .info-box ul{\r\n      padding-left:0;\r\n      margin:0;\r\n      list-style:none;\r\n    }\r\n    .ai-course .info-box li{\r\n      margin-bottom:14px;\r\n      font-size:1.15rem;\r\n      color:#333;\r\n    }\r\n\r\n    @media (max-width: 600px){\r\n      .ai-course{ font-size:1.05rem; }\r\n      .ai-course h1{ font-size:1.5rem; }\r\n      .ai-course table td:first-child{ width:40%; }\r\n      .ai-course .ai-btn-row .ai-btn{ font-size:1rem; padding:14px 20px; }\r\n      .ai-course .info-box li{ font-size:1rem; }\r\n    }\r\n\r\n    \/* \u624b\u6a5f\u97ff\u61c9\u5f0f\uff1a\u8868\u683c\u6539\u70ba\u6a6b\u5411\u6392\u5217\u53ef\u81ea\u52d5\u63db\u884c *\/\r\n    @media (max-width: 600px){\r\n      .ai-course table{\r\n        display:flex;\r\n        flex-wrap:wrap;\r\n        border-collapse:separate;\r\n        width:100%;\r\n      }\r\n      .ai-course table tr{\r\n        display:flex;\r\n        flex-wrap:wrap;\r\n        width:100%;\r\n        border-bottom:1px solid #ffe0b2;\r\n        padding:8px 0;\r\n      }\r\n      .ai-course table td{\r\n        display:inline-block;\r\n        width:auto;\r\n        padding:6px 10px;\r\n        border:none;\r\n        white-space:normal;\r\n        word-break:break-word;\r\n        line-height:1.6;\r\n      }\r\n      \/* \u2705 \u624b\u6a5f\u5de6\u6b04\u6a19\u984c\u4e5f\u8ddf\u8457\u4e3b\u984c\u8272\u8d70\uff08\u7d2b\/\u85cd\uff09 *\/\r\n      .ai-course table td:first-child{\r\n        font-weight:bold;\r\n        color: var(--primary);\r\n        margin-right:6px;\r\n        width:auto;\r\n      }\r\n      .ai-course table td:last-child{ flex:1; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\t<div class=\"ai-course theme-purple\" id=\"aiCourse\">\r\n\t\t<div class=\"tab-buttons\">\r\n\t\t\t<button class=\"tab-button active\" data-tab=\"0\">\u8077\u524d\u73ed\uff5cAI\u667a\u6167\u61c9\u7528\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed<\/button>\r\n\t\t\t<button class=\"tab-button\" data-tab=\"1\">\u5728\u8077\u73ed\uff5cAI\u6642\u5c1a\u96f6\u552e\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d<br>\u57f9\u8a13\u73ed<\/button>\r\n\t\t<\/div>\r\n\r\n    <!-- \u8ab2\u7a0b\u4e00 -->\r\n    <div class=\"tab-content active\">\r\n      <h1>AI\u667a\u6167\u61c9\u7528\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed02\u671f<\/h1>\r\n      <div class=\"subtitle\">\u7522\u5b98\u5b78\u7814\u30fb\u6b0a\u5a01\u6307\u5c0e\u30fb\u5c08\u696d\u8a8d\u8b49\u30fb\u50f9\u503c\u52a0\u500d<\/div>\r\n\r\n      <table>\r\n        <tr><td>\u5831\u540d\u65e5\u671f<\/td><td>\u5373\u65e5\u8d77\u81f3 115\u5e743\u670817\u65e5 16:00<\/td><\/tr>\r\n        <tr><td>\u8a13\u7df4\u6642\u6578<\/td><td>255\u5c0f\u6642<\/td><\/tr>\r\n        <tr><td>\u9304\u8a13\u540d\u984d<\/td><td>34\u4eba<\/td><\/tr>\r\n \u00a0 \u00a0 \u00a0 \u00a0<tr><td>\u8a13\u7df4\u5730\u9ede<\/td><td>\u570b\u7acb\u81fa\u5357\u5927\u5b78\u5e9c\u57ce\u6821\u5340\uff08\u81fa\u5357\u5e02\u4e2d\u897f\u5340\u6a39\u6797\u8857\u4e8c\u6bb5 33 \u865f\uff09<\/td><\/tr>\r\n        <!--<tr><td>\u7db2\u8def\u5831\u540d<\/td><td>\r\n          <a href=\"https:\/\/its.taiwanjobs.gov.tw\/Course\/Detail?ID=161756\" target=\"_blank\">\u53f0\u7063\u5c31\u696d\u901a\u7db2\u7ad9<\/a><br>\r\n          <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/01\/qrcode-1.png\" alt=\"02\u671fQRcode\" class=\"qrcode\">\r\n        <\/td><\/tr>-->\r\n        <tr><td>\u7504\u8a66\u65e5\u671f<\/td><td>115 \u5e74 3 \u6708 19 \u65e5<\/td><\/tr>\r\n        <tr><td>\u8a13\u7df4\u65e5\u671f<\/td><td>115 \u5e74 3 \u6708 26 \u65e5 \u81f3 115 \u5e74 6 \u6708 05 \u65e5<\/td><\/tr>\r\n        <tr><td>\u5b78\u8cbb\u88dc\u52a9<\/td><td>\u653f\u5e9c\u63d0\u4f9b\u9ad8\u9054 <b style=\"color:#d21928;\">80%\u81f3100%\u7684\u5b78\u8cbb\u88dc\u52a9<\/b>\u3002\u7b26\u5408\u81ea\u9858\/\u975e\u81ea\u9858\u5931\u696d\u8005\u8eab\u5206\u8005\uff0c\u66fe\u6709\u6295\u4fdd\u7d00\u9304\uff0c\u76ee\u524d\u9000\u4fdd\u4e14\u5f85\u696d\u4e2d\uff0c<b style=\"color:#d21928;\">\u8a13\u7df4\u8cbb\u7528\u5168\u984d\u88dc\u52a9100%<\/b>\u3002<\/td><\/tr>\r\n        <tr><td>\u751f\u6d3b\u6d25\u8cbc<\/td><td>\u7b26\u5408\u8077\u696d\u8a13\u7df4<b style=\"color:#d21928;\">\u751f\u6d3b\u6d25\u8cbc\u88dc\u52a9<\/b>\u5c0d\u8c61\u8005\uff0c\u8077\u696d\u8a13\u7df4\u6709\u6d25\u8cbc\u3002<\/td><\/tr>\r\n        <tr><td>\u5b78\u7fd2\u734e\u52f5<\/td><td>\u7b26\u540815\u6b72\u81f329\u6b72\u4e4b\u672c\u570b\u7c4d\u5f85\u696d\u9752\u5e74\uff0c\u53ef\u9818\u53d6<b style=\"color:#d21928;\">\u5b78\u7fd2\u734e\u52f5\u91d1$8,000\u5143<\/b>\/\u6708\uff08\u4ee51\u6b21\u70ba\u9650\uff09\u3002<\/td><\/tr>\r\n      <\/table>\r\n\r\n      <div class=\"ai-btn-row\">\r\n        <a class=\"ai-btn is-secondary\" href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=3670\" target=\"_blank\">\u8ab2\u7a0b\u7db2\u7ad9<\/a>\r\n        <!--<a class=\"ai-btn\" href=\"https:\/\/its.taiwanjobs.gov.tw\/Course\/Detail?ID=161756\" target=\"_blank\">\u7acb\u5373\u5831\u540d<\/a>-->\r\n      <\/div>\r\n\r\n      <div class=\"info-box\">\r\n        <h2>\ud83d\udd14 \u65b0\u589e\u8cc7\u8a0a<\/h2>\r\n        <ul>\r\n          <li>\ud83c\udfeb \u5be6\u9ad4\u5831\u540d\uff1a\u53f0\u5357\u5e02\u4e2d\u897f\u5340\u6a39\u6797\u8857\u4e8c\u6bb533\u865f \u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb\u8fa6\u516c\u5ba4\uff08\u601d\u8aa0\u6a13F104\u5ba4\uff09<\/li>\r\n          <li>\ud83d\udccd \u8a13\u7df4\u5730\u9ede\uff1a\u570b\u7acb\u81fa\u5357\u5927\u5b78\u5e9c\u57ce\u6821\u5340<\/li>\r\n          <li>\ud83d\udcc4 \u8a66\u984c\u7bc4\u570d\uff1a<a href=\"https:\/\/wwwq.moex.gov.tw\/exam\/wFrmExamQandASearch.aspx\" target=\"_blank\" style=\"color:#d21928;\">\u8a08\u7b97\u6a5f\u6982\u8981\uff08\u8003\u984c\u5e74\u5ea6112-114\uff09<\/a><\/li>\r\n          <li>\ud83d\udd16 \u8a66\u984c\u67e5\u8a62\u65b9\u5f0f\uff1a<a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/01\/\u8a66\u984c\u7bc4\u570d\u67e5\u8a62\u9014\u9015.pdf\" target=\"_blank\" style=\"color:#d21928;\">\u9ede\u6211\u958b\u555f<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u8ab2\u7a0b\u4e8c\uff08AI\u6642\u5c1a\u96f6\u552e\uff09 -->\r\n    <div class=\"tab-content\">\r\n      <h1>AI\u6642\u5c1a\u96f6\u552e\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed<\/h1>\r\n      <div class=\"subtitle\">\u638c\u63e1AI\u6578\u4f4d\u8f49\u578b\u5229\u5668\uff0c\u63d0\u5347\u8077\u5834\u6838\u5fc3\u50f9\u503c\u3002<\/div>\r\n\r\n      <table>\r\n        <tr><td>\u5831\u540d\u65e5\u671f<\/td><td>\u5373\u65e5\u8d77\u81f3 115\u5e744\u67089\u65e5 16:00<\/td><\/tr>\r\n        <tr><td>\u8a13\u7df4\u6642\u6578<\/td><td>42\u5c0f\u6642<\/td><\/tr>\r\n        <tr><td>\u9304\u8a13\u540d\u984d<\/td><td>25\u4eba<\/td><\/tr>\r\n        <tr><td>\u8a13\u7df4\u5730\u9ede<\/td><td>\u570b\u7acb\u81fa\u5357\u5927\u5b78\u5e9c\u57ce\u6821\u5340\uff08\u81fa\u5357\u5e02\u4e2d\u897f\u5340\u6a39\u6797\u8857\u4e8c\u6bb5 33 \u865f\uff09<\/td><\/tr>\r\n        <tr><td>\u7db2\u8def\u5831\u540d<\/td><td>\r\n          <a href=\"https:\/\/ojt.wda.gov.tw\/ClassSearch\/Detail?OCID=171114&plantype=5\" target=\"_blank\">\u53f0\u7063\u5c31\u696d\u901a\u7db2\u7ad9<\/a><br>\r\n          <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/03\/qrcode_316862498_c78f72203b1e69b597875eee9bb84216-1.png\" alt=\"\u6642\u5c1a\u73edQRcode\" class=\"qrcode\">\r\n        <\/td><\/tr>\r\n        <tr><td>\u7504\u8a66\u65e5\u671f<\/td><td>115 \u5e74 4 \u6708 11 \u65e5<\/td><\/tr>\r\n        <tr><td>\u8a13\u7df4\u65e5\u671f<\/td><td>115 \u5e74 4 \u6708 18 \u65e5 \u81f3 115 \u5e74 5 \u6708 30 \u65e5<\/td><\/tr>\r\n        <tr><td>\u5b78\u8cbb\u88dc\u52a9<\/td><td>\u7b26\u5408\u88dc\u52a9\u8cc7\u683c\u8005\uff0c\u653f\u5e9c\u63d0\u4f9b\u9ad8\u9054 <b style=\"color:#d21928;\">80%\u81f3100%\u7684\u5b78\u8cbb\u88dc\u52a9<\/b>\u3002<\/td><\/tr>\r\n      <\/table>\r\n\r\n      <div class=\"ai-btn-row\">\r\n        <a class=\"ai-btn is-secondary\" href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=3809\" target=\"_blank\">\u8ab2\u7a0b\u7db2\u7ad9<\/a>\r\n        <a class=\"ai-btn\" href=\"https:\/\/ojt.wda.gov.tw\/ClassSearch\/Detail?OCID=171114&plantype=5\" target=\"_blank\">\u7acb\u5373\u5831\u540d<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"info-box\">\r\n        <h2>\ud83d\udd14 \u65b0\u589e\u8cc7\u8a0a<\/h2>\r\n        <ul>\r\n          <li>\ud83c\udfeb \u5be6\u9ad4\u5831\u540d\uff1a\u53f0\u5357\u5e02\u4e2d\u897f\u5340\u6a39\u6797\u8857\u4e8c\u6bb533\u865f \u6578\u4f4d\u5b78\u7fd2\u79d1\u6280\u5b78\u7cfb\u8fa6\u516c\u5ba4\uff08\u601d\u8aa0\u6a13F104\u5ba4\uff09<\/li>\r\n          <li>\ud83d\udccd \u8a13\u7df4\u5730\u9ede\uff1a\u570b\u7acb\u81fa\u5357\u5927\u5b78\u5e9c\u57ce\u6821\u5340<\/li>\r\n          <li>\ud83d\udcc4 \u8a66\u984c\u7bc4\u570d\uff1a<a href=\"https:\/\/wwwq.moex.gov.tw\/exam\/wFrmExamQandASearch.aspx\" target=\"_blank\" style=\"color:#d21928;\">\u8a08\u7b97\u6a5f\u6982\u8981\uff08\u8003\u984c\u5e74\u5ea6112-114\uff09<\/a><\/li>\r\n          <li>\ud83d\udd16 \u8a66\u984c\u67e5\u8a62\u65b9\u5f0f\uff1a<a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/01\/\u8a66\u984c\u7bc4\u570d\u67e5\u8a62\u9014\u9015.pdf\" target=\"_blank\" style=\"color:#d21928;\">\u9ede\u6211\u958b\u555f<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2705 JS \u5206\u9801\u5207\u63db + \u4e3b\u984c\u5207\u63db -->\r\n  <script>\r\n    const aiCourse = document.getElementById(\"aiCourse\");\r\n    const aiTabs = document.querySelectorAll(\".ai-course .tab-button\");\r\n    const aiContents = document.querySelectorAll(\".ai-course .tab-content\");\r\n\r\n    aiTabs.forEach((btn, i) => {\r\n      btn.addEventListener(\"click\", () => {\r\n        aiTabs.forEach(b => b.classList.remove(\"active\"));\r\n        aiContents.forEach(c => c.classList.remove(\"active\"));\r\n\r\n        btn.classList.add(\"active\");\r\n        aiContents[i].classList.add(\"active\");\r\n\r\n        \/\/ \u2705 \u4e3b\u984c\u5207\u63db\uff1a\u7b2c 2 \u500b\u5206\u9801\uff08i === 1\uff09\u5957\u7528\u6d77\u5831\u6f38\u8b8a\u85cd\r\n        if (i === 1) aiCourse.classList.add(\"theme-fashion\");\r\n        else aiCourse.classList.remove(\"theme-fashion\");\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group animated animated-fadeInUp is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-6 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-primary-color has-text-color has-medium-font-size\" style=\"letter-spacing:1px\">Course Subsidy Information<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center animated animated-fadeInUp has-slider-title-font-size\" style=\"line-height:1.3\">\u8077\u696d\u8a13\u7df4\u88dc\u52a9\u53ca\u514d\u8cbb\u53c3\u8a13\u8cc7\u683c\u9805\u76ee<\/h2>\n\n\n<!DOCTYPE html>\r\n<html lang=\"zh-Hant\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>\u88dc\u52a9\u8cc7\u8a0a\u4e0b\u8f09<\/title>\r\n  <style>\r\n    #scrollCards {\r\n      display: flex;\r\n      gap: 24px;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n    .scroll-wrapper {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin-top: 32px;\r\n      position: relative;\r\n      max-width: 100vw;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      padding: 40px 0;\r\n    }\r\n    .scroll-container {\r\n      display: flex;\r\n      overflow-x: auto;\r\n      gap: 24px;\r\n      padding: 0 0 32px 0;\r\n      \r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n    }\r\n    .arrow-btn {\r\n      justify-content: center;\r\n      font-size: 1.6rem;\r\n      cursor: pointer;\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      z-index: 2;\r\n      transition: background 0.2s, color 0.2s;\r\n      box-shadow: 0 2px 8px rgba(25,118,210,0.08);\r\n    }\r\n    .arrow-btn:disabled {\r\n      opacity: 0.3;\r\n      cursor: default;\r\n    }\r\n    #scrollLeft { left: -48px; }\r\n    #scrollRight { right: -48px; }\r\n    .info-block {\r\n  width: 260px;\r\n  min-width: 260px;\r\n  max-width: 260px;\r\n  background: #ededed;\r\n  border-radius: 16px;\r\n  box-shadow: 0 2px 12px rgba(0,0,0,0.08);\r\n  padding: 20px 14px 16px 14px;\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;     \/* \u2b05\ufe0f \u5c45\u4e2d *\/\r\n  text-align: center;      \/* \u2b05\ufe0f \u6587\u5b57\u5c45\u4e2d *\/\r\n  position: relative;\r\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n}\r\n    .info-block:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 6px 18px rgba(0,0,0,0.15);\r\n    }\r\n    .card-title {\r\n      font-size: 1.2rem;\r\n      font-weight: 900;\r\n      color: #111;\r\n      margin-bottom: 12px;\r\n      letter-spacing: 0.03em;\r\n    }\r\n.download-link {\r\n  display: block;\r\n  width: 90%;\r\n  text-align: left;\r\n  margin: 8px auto;\r\n  padding: 8px 16px;\r\n  background: #fff !important;\r\n  color: #1976d2 !important;\r\n  border: 2px solid #1976d2 !important;\r\n  border-radius: 6px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: background 0.25s ease, color 0.25s ease !important;\r\n}\r\n\r\n.download-link:hover {\r\n  background: #1976d2 !important;\r\n  color: #fff !important;\r\n}\r\n\r\n.faq-link {\r\n  width: auto;            \/* \u6839\u64da\u5167\u5bb9\u81ea\u52d5\u5bec\u5ea6 *\/\r\n  min-width: 160px;       \/* \u6700\u5c0f\u5bec\u5ea6\uff08\u53ef\u81ea\u884c\u8abf\u6574\uff09 *\/\r\n  max-width: 100%;        \/* \u6700\u591a\u6490\u6eff\u5bb9\u5668 *\/\r\n  text-align: center;     \/* \u6587\u5b57\u7f6e\u4e2d *\/\r\n  display: block;\r\n  margin: 8px auto;       \/* \u6c34\u5e73\u7f6e\u4e2d *\/\r\n}\r\n\r\n    @media (max-width: 600px) {\r\n      .info-block { min-width: 90vw; max-width: 95vw; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <!-- \u5c0f\u6a19\u984c -->\r\n  <div style=\"text-align:center;font-size:1.1rem;font-weight:700;color:#111;margin-bottom:8px;\">\u8acb\u5148\u78ba\u8a8d\u8eab\u4efd<\/div>\r\n  <div class=\"scroll-wrapper\">\r\n  <!-- <button class=\"arrow-btn\" id=\"scrollLeft\" aria-label=\"\u5de6\u79fb\">&#8592;<\/button> -->\r\n  <div id=\"scrollCards\">\r\n      <!-- \u5f85\u696d\u8005\u8eab\u4efd\u5361\u7247 -->\r\n      <div class=\"info-block\">\r\n        <div class=\"card-title\">\u5f85\u696d\u8005\u8eab\u4efd<\/div>\r\n        <a class=\"download-link\" href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u751f\u6d3b\u6d25\u8cbc-\u5b78\u7fd2\u734e\u52f5\u91d1\u8acb\u9818\u4e00\u89bd\u88681140314.pdf\" download>1. \u751f\u6d3b\u6d25\u8cbc\u53ca\u5b78\u7fd2\u734e\u52f5\u91d1\u8acb\u9818\u4e00\u89bd\u8868<\/a>\r\n        <a class=\"download-link\" href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u514d\u8cbb\u53c3\u8a13\u5c0d\u8c61\u53ca\u8cc7\u683c\u8b49\u660e\u6587\u4ef6\u4e00\u89bd\u8868.pdf\" download>2. \u5f85\u696d\u8005\u8eab\u4efd\u514d\u8cbb\u53c3\u8a13\u8cc7\u683c\u4e00\u89bd\u8868<\/a>\r\n      <\/div>\r\n\t \u00a0<!-- \u5728\u8077\u8005\u8eab\u4efd\u5361\u7247 -->\r\n      <div class=\"info-block\">\r\n        <div class=\"card-title\">\u5728\u8077\u8005\u8eab\u4efd<\/div>\r\n        <a class=\"download-link\" href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u514d\u7e73\u81ea\u884c\u8ca0\u64d4\u8cbb\u7528\u4e4b\u53c3\u8a13\u8005\u8cc7\u683c\u689d\u4ef6.pdf\" download>1. \u5728\u8077\u8005\u8eab\u4efd\u514d\u8cbb\u53c3\u8a13\u8cc7\u683c\u4e00\u89bd\u8868<\/a>\r\n      <\/div>\r\n      <!-- FAQ\u5361\u7247 -->\r\n      <div class=\"info-block\">\r\n        <div class=\"card-title\">FAQ <span style=\"font-size:0.9em;font-weight:400;\">(114.4.29\u66f4\u65b0)<\/span><\/div>\r\n        <a class=\"download-link faq-link\" href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/3.\u9752\u5e74\u8077\u524d\u8a13\u7df4\u5b78\u7fd2\u734e\u52f5\u91d1_\u76f8\u95dc\u554f\u7b54Q\uff06A.pdf\" download>\u5e38\u898b\u554f\u984c\u4e0b\u8f09<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <!-- <button class=\"arrow-btn\" id=\"scrollRight\" aria-label=\"\u53f3\u79fb\">&#8594;<\/button> -->\r\n  <\/div>\r\n<\/body>\r\n\r\n<\/html>\r\n\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group animated animated-fadeInUp is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-9 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-primary-color has-text-color has-medium-font-size\" style=\"letter-spacing:1px\">Contact Information<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center animated animated-fadeInUp has-slider-title-font-size\" style=\"line-height:1.3\">\u806f\u7d61\u8cc7\u8a0a<\/h2>\n\n\n<!DOCTYPE html>\r\n<html lang=\"zh-Hant\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\t<title>\u806f\u7d61\u8cc7\u8a0a<\/title>\r\n<style>\r\n  .contact-layout {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    background: #fdf4ef;\r\n    padding: 32px 2vw;\r\n    font-family: 'Noto Sans TC', sans-serif;\r\n    margin: 0 auto;\r\n    max-width: 1200px;\r\n  }\r\n  .contact-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n  .contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 1.4rem; \/* \u6bd4\u4f8b\u525b\u597d\uff0c\u907f\u514d\u6587\u5b57\u592a\u5927 *\/\r\n    font-weight: 600;\r\n    color: #222;\r\n  }\r\n  .icon {\r\n    width: 20px;\r\n    height: 20px;\r\n    margin-right: 8px;\r\n    flex-shrink: 0;\r\n  }\r\n  .contact-org {\r\n    text-align: center;\r\n    min-width: 340px;\r\n    margin-left: 48px;\r\n  }\r\n  .org-title {\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    margin-bottom: 16px;\r\n  }\r\n  @media (max-width: 900px) {\r\n    .contact-layout {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 24px;\r\n    }\r\n    .contact-org {\r\n      min-width: unset;\r\n      margin-left: 0;\r\n      text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<\/head>\r\n<body>\r\n\r\n\r\n\r\n  <div class=\"contact-layout\">\r\n\t\t<div class=\"contact-info\">\r\n\r\n\t\t\t<!-- Facebook -->\r\n\t\t\t<div class=\"contact-item\">\r\n\t\t\t\t<svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t\t<rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#1976D2\"\/>\r\n\t\t\t\t\t<path d=\"M14 8h-2c-.6 0-1 .4-1 1v2h3l-.5 3h-2.5v6h-3v-6H7v-3h2v-2c0-1.7 1.3-3 3-3h2v3z\" fill=\"white\"\/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t\t<a class=\"contact-text\" href=\"https:\/\/reurl.cc\/XAlQMR\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:inherit;text-decoration:underline;\">Ai\u667a\u6167\u6280\u8853\u8207\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u64da\u9ede <\/a>\r\n\t\t\t<\/div>\r\n            <!-- LINE -->\r\n            <div class=\"contact-item\">\r\n                <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#00C300\"\/>\r\n                    <path d=\"M12 4C6.48 4 2 7.58 2 12c0 2.54 1.64 4.78 4.18 6.22-.06.48-.39 2.04-.45 2.36-.07.33.12.32.25.23.1-.07 1.6-1.09 2.25-1.54.5.07 1.02.11 1.56.11 5.52 0 10-3.58 10-8s-4.48-8-10-8z\" fill=\"white\"\/>\r\n                    <path d=\"M8.5 11.5h1v2h-1v-2zm2 0h1v2h-1v-2zm2 0h1v2h-1v-2z\" fill=\"#00C300\"\/>\r\n                <\/svg>\r\n                <a class=\"contact-text\" href=\"https:\/\/line.me\/R\/ti\/p\/@270jdtoe\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:inherit;text-decoration:underline;\">@270jdtoe<\/a>\r\n            <\/div>\r\n\t\t\t<!-- Email -->\r\n\t\t\t<div class=\"contact-item\">\r\n\t\t\t\t<svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t\t<rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#FF9800\"\/>\r\n\t\t\t\t\t<path d=\"M5 8h14v8H5V8z\" fill=\"white\"\/>\r\n\t\t\t\t\t<path d=\"M5 8l7 5 7-5\" stroke=\"#FF9800\" stroke-width=\"2\" fill=\"none\"\/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t\t<span class=\"contact-text\">aittc.nutn@gmail.com<\/span>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<!-- \u5730\u5740 -->\r\n\t\t\t<div class=\"contact-item\">\r\n\t\t\t\t<svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t\t<rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#2196F3\"\/>\r\n\t\t\t\t\t<path d=\"M12 5a6 6 0 0 0-6 6c0 4.2 6 9 6 9s6-4.8 6-9a6 6 0 0 0-6-6zm0 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4z\" fill=\"white\"\/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t\t<span class=\"contact-text\">\u53f0\u5357\u5e02\u4e2d\u897f\u5340\u6a39\u6797\u8857\u4e8c\u6bb533\u865f\u601d\u8aa0\u6a13F104\u5ba4<\/span>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<!-- \u96fb\u8a71 -->\r\n\t\t\t\t\t\t\t\t\t<div class=\"contact-item\">\r\n\t\t\t\t\t\t\t\t\t\t\t<svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#4CAF50\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.07 21 3 13.93 3 5a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.58a1 1 0 0 1-.24 1.01l-2.2 2.2z\" fill=\"white\"\/>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"contact-text\">06-2130019<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\r\n\t<\/div>\r\n<\/body>\r\n<\/html>\r\n\n<\/div>\n\n\n<!DOCTYPE html>\r\n<html lang=\"zh-Hant\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\r\n  <title>AI\u667a\u6167\u61c9\u7528\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed - \u8ab2\u7a0b\u8cc7\u8a0a<\/title>\r\n\r\n  <style>\r\n    html, body {\r\n      margin: 0;\r\n      padding: 0;\r\n      width: 100%;\r\n      overflow-x: hidden;\r\n      background-color: #f8f9fa;\r\n      -webkit-text-size-adjust: 100%;\r\n    }\r\n\r\n    body.viewer-open {\r\n      overflow: hidden;\r\n      touch-action: none;\r\n    }\r\n\r\n    .img-row {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 24px;\r\n      margin: 20px auto;\r\n      padding: 0 16px;\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .img-row img {\r\n      width: 100%;\r\n      max-width: 720px;\r\n      height: auto;\r\n      aspect-ratio: 3 \/ 4;\r\n      object-fit: contain;\r\n      border-radius: 8px;\r\n      cursor: zoom-in;\r\n      -webkit-user-drag: none;\r\n      user-select: none;\r\n      transition: transform 0.15s ease, opacity 0.3s ease;\r\n      background: #eaeaea;\r\n      display: block;\r\n    }\r\n\r\n    .img-row img:hover {\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .overlay {\r\n      position: fixed;\r\n      inset: 0;\r\n      background: rgba(0,0,0,0.9);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 99999;\r\n      cursor: zoom-out;\r\n      padding: 10px;\r\n      box-sizing: border-box;\r\n      overscroll-behavior: contain;\r\n    }\r\n\r\n    .overlay img {\r\n      max-width: 98vw;\r\n      max-height: 95vh;\r\n      object-fit: contain;\r\n      background: #fff;\r\n      border-radius: 10px;\r\n      box-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n      display: block;\r\n    }\r\n\r\n    @media (max-width: 800px) {\r\n      .img-row {\r\n        gap: 16px;\r\n        padding: 0 10px;\r\n      }\r\n\r\n      .img-row img {\r\n        max-width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"img-row\">\r\n    <img\r\n      src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/01\/V6.png\"\r\n      alt=\"AI\u667a\u6167\u61c9\u7528\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed\u6d77\u5831\"\r\n      loading=\"eager\"\r\n      decoding=\"async\"\r\n    >\r\n  <\/div>\r\n\r\n  <div class=\"img-row\">\r\n    <img\r\n      src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/02\/P-V3.png\"\r\n      alt=\"AI\u6642\u5c1a\u96f6\u552e\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed\u6d77\u5831\"\r\n      loading=\"eager\"\r\n      decoding=\"async\"\r\n    >\r\n  <\/div>\r\n\r\n  <script>\r\n    document.addEventListener('contextmenu', (e) => {\r\n      if (e.target.tagName === 'IMG') e.preventDefault();\r\n    }, { passive: false });\r\n\r\n    document.addEventListener('dragstart', (e) => {\r\n      if (e.target.tagName === 'IMG') e.preventDefault();\r\n    }, { passive: false });\r\n\r\n    function openImageViewer(src, alt) {\r\n      const overlay = document.createElement('div');\r\n      overlay.className = 'overlay';\r\n\r\n      const img = document.createElement('img');\r\n      img.src = src;\r\n      img.alt = alt || '';\r\n\r\n      overlay.appendChild(img);\r\n      document.body.appendChild(overlay);\r\n      document.body.classList.add('viewer-open');\r\n\r\n      const close = () => {\r\n        if (!document.body.contains(overlay)) return;\r\n        document.body.removeChild(overlay);\r\n        document.body.classList.remove('viewer-open');\r\n        document.removeEventListener('keydown', escHandler);\r\n      };\r\n\r\n      overlay.addEventListener('click', close, { passive: true });\r\n\r\n      const escHandler = (e) => {\r\n        if (e.key === 'Escape') close();\r\n      };\r\n      document.addEventListener('keydown', escHandler);\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      document.querySelectorAll('.img-row img').forEach((img) => {\r\n        img.addEventListener('click', () => {\r\n          if (img.complete) {\r\n            openImageViewer(img.src, img.alt);\r\n          } else {\r\n            img.addEventListener('load', () => openImageViewer(img.src, img.alt), { once: true });\r\n          }\r\n        }, { passive: true });\r\n      });\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-14 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group animated animated-fadeInUp is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-13 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-primary-color has-text-color has-medium-font-size\" style=\"letter-spacing:1px\">Training Has Commenced<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n<\/div>\n<\/div>\n\n\n<!DOCTYPE html>\r\n<html lang=\"zh-Hant\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>\u5165\u53e3\u7db2\u7ad9<\/title>\r\n  <style>\r\n    .entry-buttons {\r\n      display: flex;\r\n      gap: 40px;\r\n      width: 100%;\r\n      justify-content: center;\r\n      box-sizing: border-box;\r\n      flex-wrap: nowrap;\r\n    }\r\n\r\n    .entry-button {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      overflow: hidden;\r\n      border: 3px solid transparent;\r\n      border-radius: 0;\r\n      background: #f2f2f2;\r\n      cursor: pointer;\r\n      box-shadow: 0 8px 32px rgba(80, 80, 80, 0.18), 0 1.5px 8px rgba(0,0,0,0.10);\r\n      transition: background 0.2s, transform 0.2s, box-shadow 0.2s, border 0.2s;\r\n      flex: 1 1 0;\r\n      min-width: 340px;\r\n      max-width: 600px;\r\n      height: auto;\r\n    }\r\n\r\n    .entry-button:hover {\r\n      transform: translateY(-3px) scale(1.04);\r\n      border: 3px solid #e53935;\r\n      box-shadow: 0 8px 32px rgba(229,57,53,0.18), 0 1.5px 8px rgba(0,0,0,0.10);\r\n    }\r\n\r\n    .entry-button .btn-tip {\r\n      width: 100%;\r\n      min-height: 60px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n      background: rgba(255,255,255,0.85);\r\n      color: #e53935;\r\n      font-size: 1.25rem;\r\n      font-weight: bold;\r\n      letter-spacing: 1.5px;\r\n      text-align: center;\r\n      padding: 8px 12px;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .btn-tip .tip-job {\r\n      position: relative;\r\n      color: #222;\r\n      font-weight: 600;\r\n      font-size: 1.1em;\r\n    }\r\n\r\n    .btn-tip .tip-underline {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0; right: 0; bottom: -2px;\r\n      height: 2px;\r\n      background: #e53935;\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.35s cubic-bezier(.77,0,.18,1);\r\n    }\r\n\r\n    .entry-button:hover .btn-tip .tip-job .tip-underline {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .entry-button .btn-img {\r\n      width: 100%;\r\n      height: auto;\r\n      object-fit: contain;\r\n      flex-grow: 1;\r\n    }\r\n\r\n    .section-title {\r\n      color: #000000;\r\n      font-size: 1.5em;\r\n      font-weight: bold;\r\n      letter-spacing: 1.5px;\r\n      padding: 6px 12px;\r\n      background: rgba(0,0,0,0.05);\r\n      border-radius: 6px;\r\n    }\r\n\r\n    .section-title-wrapper {\r\n      display: flex;\r\n      justify-content: center;\r\n      width: 100%;\r\n      margin-top: 12px;\r\n    }\r\n\r\n    \/* RWD *\/\r\n    @media (max-width: 900px) {\r\n      .entry-buttons {\r\n        gap: 24px;\r\n        flex-wrap: wrap;\r\n      }\r\n      .entry-button {\r\n        flex: 1 1 100%;\r\n        width: 90vw;\r\n        min-width: 0;\r\n        max-width: 100vw;\r\n      }\r\n      .entry-button .btn-tip {\r\n        font-size: 1rem;\r\n        min-height: 50px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .entry-buttons {\r\n        gap: 20px;\r\n      }\r\n      .entry-button {\r\n        width: 92vw;\r\n      }\r\n      .entry-button .btn-tip {\r\n        font-size: 0.92rem;\r\n        min-height: 45px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- \u2705 \u5df2\u958b\u8a13\u8ab2\u7a0b\u6a19\u984c -->\r\n  <div class=\"section-title-wrapper\">\r\n    <span class=\"section-title\">\u5df2\u958b\u8a13\u8ab2\u7a0b<\/span>\r\n  <\/div>\r\n\r\n  <!-- \u2705 \u5df2\u958b\u8a13\u8ab2\u7a0b\u6309\u9215 -->\r\n  <div class=\"entry-buttons\">\r\n    <button class=\"entry-button\" onclick=\"window.open('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=3670','_blank')\">\r\n      <span class=\"btn-tip\">\r\n \u00a0 \u00a0 \u00a0 \u00a0<span class=\"tip-job\">AI<span style=\"color:#e16913;font-weight:bold;\">\u667a\u6167\u61c9\u7528<\/span>\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed\u7b2c02\u671f<br>(\u8077\u524d\u73ed)<span class=\"tip-underline\"><\/span><\/span>\r\n      <\/span>\r\n \u00a0 \u00a0 \u00a0<img decoding=\"async\" class=\"btn-img\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/01\/\u87a2\u5e55\u64f7\u53d6\u756b\u9762-2026-01-30-230701.png\" alt=\"AI\u667a\u6167\u61c9\u7528\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed\u7b2c02\u671f\" \/>\r\n    <\/button>\r\n\r\n    <!--<button class=\"entry-button\" onclick=\"window.open('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/ai%e6%99%82%e5%b0%9a%e9%9b%b6%e5%94%ae%e7%94%a2%e6%a5%ad%e6%99%ba%e6%85%a7%e6%87%89%e7%94%a8%e4%ba%ba%e6%89%8d%e5%9f%b9%e8%a8%93%e7%8f%ad','_blank')\">\r\n      <span class=\"btn-tip\">\r\n        <span class=\"tip-job\">AI<span style=\"color:#d53272;font-weight:bold;\">\u6642\u5c1a\u96f6\u552e<\/span>\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed<br>(\u5728\u8077\u73ed)<span class=\"tip-underline\"><\/span><\/span>\r\n      <\/span>\r\n      <img decoding=\"async\" class=\"btn-img\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u7db2\u7ad9002_250914.jpg\" alt=\"AI\u6642\u5c1a\u96f6\u552e\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed\" \/>\r\n    <\/button>-->\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\n\n\n\n<div class=\"wp-block-group animated animated-fadeInUp is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-17 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n\n\n\n<p class=\"has-text-align-left has-primary-color has-text-color has-medium-font-size\" style=\"letter-spacing:1px\">Past Training Information<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<hr class=\"wp-block-separator has-text-color has-primary-color has-alpha-channel-opacity has-primary-background-color has-background\"\/>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center animated animated-fadeInUp has-slider-title-font-size\" style=\"line-height:1.3\">\u5df2\u7d50\u8a13\u68af\u6b21<\/h2>\n\n\n<!DOCTYPE html>\r\n<html lang=\"zh-Hant\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>\u8ab2\u7a0b\u5361\u7247\u8f2a\u64ad\uff08\u4fee\u6b63\u7248\uff09<\/title>\r\n\r\n  <style>\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: Arial, sans-serif;\r\n      margin: 0;\r\n      padding: 20px;\r\n      background-color: #f5f5f5;\r\n    }\r\n\r\n    h2 {\r\n      text-align: center;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .carousel-wrapper {\r\n      position: relative;\r\n      max-width: 960px;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n      padding: 0 50px;\r\n      touch-action: pan-y;\r\n    }\r\n\r\n    .carousel {\r\n      display: flex;\r\n      gap: 20px;\r\n      transition: transform 0.35s ease;\r\n      will-change: transform;\r\n    }\r\n\r\n    .course-card {\r\n      flex: 0 0 calc(50% - 10px);\r\n      background-color: #fff;\r\n      border-radius: 12px;\r\n      padding: 10px;\r\n      cursor: pointer;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n\r\n    .course-card:hover {\r\n      transform: scale(1.05) translateY(-6px);\r\n      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .course-card img {\r\n      width: 100%;\r\n      border-radius: 8px;\r\n      display: block;\r\n    }\r\n\r\n    .course-title {\r\n      text-align: center;\r\n      font-weight: bold;\r\n      margin-top: 8px;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    .nav {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      font-size: 2rem;\r\n      padding: 8px 12px;\r\n      background: rgba(0, 0, 0, 0.4);\r\n      color: white;\r\n      border: none;\r\n      cursor: pointer;\r\n      z-index: 1;\r\n      border-radius: 4px;\r\n    }\r\n\r\n    .nav-left { left: 10px; }\r\n    .nav-right { right: 10px; }\r\n\r\n    @media (max-width: 768px) {\r\n      .carousel-wrapper {\r\n        padding: 0 42px;\r\n      }\r\n\r\n      .course-card {\r\n        flex: 0 0 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<h2 style=\"color:#1976d2\">\u9ede\u64ca\u4e86\u89e3\u5df2\u7d50\u8a13\u68af\u6b21\u8ab2\u7a0b\u7d30\u7bc0<\/h2>\r\n\r\n<div class=\"carousel-wrapper\" id=\"carousel-wrapper\">\r\n  <button class=\"nav nav-left\" onclick=\"slideCarousel(-1)\">\u2039<\/button>\r\n\r\n  <div class=\"carousel\" id=\"carousel\">\r\n\r\n    <div class=\"course-card\" onclick=\"openLink('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=2899')\">\r\n      <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u7b2c\u4e00\u68af\u6b21\u622a\u5716.png\">\r\n      <div class=\"course-title\">AI \u667a\u6167\u6280\u8853\u8207\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed\u7b2c01\u671f<br>(\u5df2\u7d50\u8a13)<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"course-card\" onclick=\"openLink('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=2821')\">\r\n      <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/01\/\u87a2\u5e55\u64f7\u53d6\u756b\u9762-2026-01-11-113740-e1768102760216.png\">\r\n      <div class=\"course-title\">AI\u6642\u5c1a\u96f6\u552e\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed<br>(\u5df2\u7d50\u8a13)<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"course-card\" onclick=\"openLink('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=2808')\">\r\n      <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2026\/01\/\u87a2\u5e55\u64f7\u53d6\u756b\u9762-2026-01-30-232304.png\">\r\n      <div class=\"course-title\">AI\u5065\u5eb7\u91ab\u7f8e\u7522\u696d\u667a\u6167\u61c9\u7528\u4eba\u624d\u57f9\u8a13\u73ed<br>(\u5df2\u7d50\u8a13)<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"course-card\" onclick=\"openLink('https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=3195')\">\r\n      <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/11\/\u87a2\u5e55\u64f7\u53d6\u756b\u9762-2025-11-21-003513.png\">\r\n      <div class=\"course-title\">AI\u667a\u6167\u61c9\u7528\u7522\u696d\u4eba\u624d\u57f9\u8a13\u73ed\u7b2c01\u671f<br>(\u5df2\u7d50\u8a13)<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <button class=\"nav nav-right\" onclick=\"slideCarousel(1)\">\u203a<\/button>\r\n<\/div>\r\n\r\n<script>\r\n  const carousel = document.getElementById(\"carousel\");\r\n  const wrapper = document.getElementById(\"carousel-wrapper\");\r\n  const totalCards = carousel.children.length;\r\n\r\n  let visibleCards = getVisibleCards();\r\n  let currentIndex = 0;\r\n\r\n  function getVisibleCards() {\r\n    return window.innerWidth <= 768 ? 1 : 2;\r\n  }\r\n\r\n  \/* \u2b50 \u6838\u5fc3\u4fee\u6b63 *\/\r\n  function getMaxIndex() {\r\n    return Math.max(0, totalCards - visibleCards);\r\n  }\r\n\r\n  function updateCarouselPosition() {\r\n    const card = carousel.children[0];\r\n    if (!card) return;\r\n\r\n    const gap = parseFloat(getComputedStyle(carousel).gap) || 20;\r\n    const cardWidth = card.getBoundingClientRect().width + gap;\r\n\r\n    currentIndex = Math.min(currentIndex, getMaxIndex());\r\n\r\n    carousel.style.transform =\r\n      `translateX(-${cardWidth * currentIndex}px)`;\r\n  }\r\n\r\n  function slideCarousel(direction) {\r\n    currentIndex += direction;\r\n\r\n    if (currentIndex < 0) currentIndex = 0;\r\n    if (currentIndex > getMaxIndex()) currentIndex = getMaxIndex();\r\n\r\n    updateCarouselPosition();\r\n  }\r\n\r\n  function openLink(url) {\r\n    window.open(url, \"_blank\");\r\n  }\r\n\r\n  let startX = 0;\r\n  let startY = 0;\r\n\r\n  wrapper.addEventListener(\"touchstart\", (e) => {\r\n    startX = e.touches[0].clientX;\r\n    startY = e.touches[0].clientY;\r\n  }, { passive: true });\r\n\r\n  wrapper.addEventListener(\"touchend\", (e) => {\r\n    const endX = e.changedTouches[0].clientX;\r\n    const endY = e.changedTouches[0].clientY;\r\n\r\n    const diffX = startX - endX;\r\n    const diffY = startY - endY;\r\n\r\n    if (Math.abs(diffX) > 50 && Math.abs(diffX) > Math.abs(diffY)) {\r\n      if (diffX > 0) slideCarousel(1);\r\n      if (diffX < 0) slideCarousel(-1);\r\n    }\r\n  }, { passive: true });\r\n\r\n  window.addEventListener(\"resize\", () => {\r\n    visibleCards = getVisibleCards();\r\n    currentIndex = Math.min(currentIndex, getMaxIndex());\r\n    updateCarouselPosition();\r\n  });\r\n\r\n  window.addEventListener(\"load\", updateCarouselPosition);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-right:10%;padding-bottom:40px;padding-left:10%\">\n<div class=\"wp-block-group animated animated-fadeInUp is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-19 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-primary-color has-text-color has-medium-font-size\" style=\"letter-spacing:1px;text-decoration:underline\"><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=1947\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/ai%e6%99%ba%e6%85%a7%e6%8a%80%e8%a1%93%e8%88%87%e6%87%89%e7%94%a8%e4%ba%ba%e6%89%8d_%e5%90%88%e4%bd%9c%e5%a4%a5%e4%bc%b4\"><strong>Partner<\/strong>(LOGO \u6388\u6b0a\u5340)<\/a><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left animated animated-fadeInUp has-slider-title-font-size\" style=\"line-height:1.3\"><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/?page_id=1947\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/ai%e6%99%ba%e6%85%a7%e6%8a%80%e8%a1%93%e8%88%87%e6%87%89%e7%94%a8%e4%ba%ba%e6%89%8d_%e5%90%88%e4%bd%9c%e5%a4%a5%e4%bc%b4\">\u5408\u4f5c\u5925\u4f34 (LOGO \u6388\u6b0a\u5340)<\/a><\/h2>\n\n\n\n<pre class=\"wp-block-verse has-text-align-center has-content-heading-font-size\" style=\"border-radius:9px;font-style:normal;font-weight:600\">\u5de5\u696d\u6280\u8853\u7814\u7a76\u9662\u7522\u696d\u5b78\u9662   \u570b\u5bb6\u9ad8\u901f\u7db2\u8def\u8207\u8a08\u7b97\u4e2d\u5fc3  \u5de8\u5320\u96fb\u8166\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u51f1\u885b\u8cc7\u8a0a\u80a1\u4efd\u6709\u9650\u516c\u53f8 \u7d93\u660c\u6c7d\u8eca\u96fb\u5b50\u5de5\u696d\u80a1\u4efd\u6709\u9650\u516c\u53f8 \u4ea6\u601d\u79d1\u6280\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u5361\u7c73\u723e\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u53f0\u5357\u5e02\u5de5\u5546\u767c\u5c55\u6295\u8cc7\u7b56\u9032\u6703  \u53f0\u5357\u5e02\u69ae\u8b7d\u6307\u5c0e\u54e1\u5354\u9032\u6703  \u81fa\u5357\u5e02\u5275\u65b0\u5275\u696d\u5354\u6703  \u4e2d\u83ef\u6c11\u570b\u6578\u4f4d\u5b78\u7fd2\u5b78\u6703 \u5bcc\u76c8\u777f\u667a\u4fdd\u96aa\u7d93\u7d00\u4eba\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u611b\u96f6\u552e\u570b\u969b\u6709\u9650\u516c\u53f8  \u842c\u6cf0\u6a5f\u68b0\u5ee0\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u76c8\u78a9\u6578\u4f4d\u6709\u9650\u516c\u53f8  \u50b3\u627f\u96fb\u8166\u8cc7\u8a0a\u6709\u9650\u516c\u53f8     \u9177\u611b\u8fea\u6578\u4f4d\u5275\u610f\u6709\u9650\u516c\u53f8  \u827e\u82ae\u69ae\u79d1\u6280\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u55ac\u7f8e\u751f\u91ab\u79d1\u6280\u6709\u9650\u516c\u53f8  \u7f8e\u5546\u5a01\u51a0\u80a1\u4efd\u6709\u9650\u516c\u53f8\u53f0\u7063\u5206\u516c\u53f8  \u793e\u5b88\u6709\u9650\u516c\u53f8  \u5b89\u59ff\u91c7\u751f\u6280\u6709\u9650\u516c\u53f8  \u8d70\u99ac\u5561\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u5143\u842c\u8cc7\u672c\u80a1\u4efd\u6709\u9650\u516c\u53f8 \u6587\u9b5a\u8d70\u99ac\u6709\u9650\u516c\u53f8  \u5929\u5e25\u904a\u8247\u6709\u9650\u516c\u53f8  \u53f0\u7063\u827e\u6bd4\u514b\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u6c90\u8247\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u512a\u5229\u840a\u8236\u6709\u9650\u516c\u53f8  \u85a9\u96c5\u667a\u80fd\u6295\u8cc7\u80a1\u4efd\u6709\u9650\u516c\u53f8  \u6b63\u683c\u79d1\u6280\u80a1\u4efd\u6709\u9650\u516c\u53f8 \u53f0\u5357\u5e02\u4f01\u696d\u7d93\u7406\u5354\u9032\u6703 \u7167\u7192\u79d1\u6280\u6709\u9650\u516c\u53f8 \u66fc\u5854\u777f\u79d1\u6280\u80a1\u4efd\u6709\u9650\u516c\u53f8 \u71c1\u8f1d\u4f01\u696d\u80a1\u4efd\u6709\u9650\u516c\u53f8 \u53f0\u7063\u667a\u5712\u6709\u9650\u516c\u53f8 \u7cbe\u8aa0\u8cc7\u8a0a\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/pre>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100px\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-bottom:15px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border wp-duotone-ff5418-ff5418-1\"><img loading=\"lazy\" decoding=\"async\" width=\"96\" height=\"96\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/folder_open_24dp_E3E3E3_FILL0_wght200_GRAD-25_opsz24.png\" alt=\"\" class=\"wp-image-1710\" style=\"border-radius:0px;width:50px;height:50px\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-22 wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\"><strong>\u6a94\u6848\u8cc7\u8a0a<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left\">\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<strong><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u751f\u6d3b\u6d25\u8cbc\u7533\u8acb\u8eab\u5206\u53ca\u61c9\u6aa2\u9644\u8868\u4ef6.pdf\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u751f\u6d3b\u6d25\u8cbc\u7533\u8acb\u8eab\u5206\u53ca\u61c9\u6aa2\u9644\u8868\u4ef6.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\u751f\u6d3b\u6d25\u8cbc\u7533\u8acb\u8eab\u5206\u53ca\u61c9\u6aa2\u9644\u8868\u4ef6<\/a><\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left\">\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<strong><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/2.\u5931\u696d\u9752\u5e74\u8077\u524d\u8a13\u7df4\u734e\u52f5\u8981\u9ede.pdf\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/2.\u5931\u696d\u9752\u5e74\u8077\u524d\u8a13\u7df4\u734e\u52f5\u8981\u9ede.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\u5931\u696d\u9752\u5e74\u8077\u524d\u8a13\u7df4\u734e\u52f5\u8981\u9ede<\/a><\/strong><\/p>\n\n\n\n<p class=\"has-text-align-left\">\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<strong><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/3.%E9%9D%92%E5%B9%B4%E8%81%B7%E5%89%8D%E8%A8%93%E7%B7%B4%E5%AD%B8%E7%BF%92%E7%8D%8E%E5%8B%B5%E9%87%91_%E7%9B%B8%E9%97%9C%E5%95%8F%E7%AD%94Q%EF%BC%86A.pdf\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/3.\u9752\u5e74\u8077\u524d\u8a13\u7df4\u5b78\u7fd2\u734e\u52f5\u91d1_\u76f8\u95dc\u554f\u7b54Q\uff06A.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\u9752\u5e74\u8077\u524d\u8a13\u7df4\u5b78\u7fd2\u734e\u52f5\u91d1_\u76f8\u95dc\u554f\u7b54Q\uff06A<\/a><\/strong><\/p>\n\n\n\n<p>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<strong><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u751f\u6d3b\u6d25\u8cbc-\u5b78\u7fd2\u734e\u52f5\u91d1\u8acb\u9818\u4e00\u89bd\u88681140314.pdf\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u751f\u6d3b\u6d25\u8cbc-\u5b78\u7fd2\u734e\u52f5\u91d1\u8acb\u9818\u4e00\u89bd\u88681140314.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\u751f\u6d3b\u6d25\u8cbc\u53ca\u5b78\u7fd2\u734e\u52f5\u91d1\u8acb\u9818\u4e00\u89bd\u8868<\/a><\/strong><\/p>\n\n\n\n<p>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<strong><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u514d\u8cbb\u53c3\u8a13\u5c0d\u8c61\u53ca\u8cc7\u683c\u8b49\u660e\u6587\u4ef6\u4e00\u89bd\u8868.pdf\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u514d\u8cbb\u53c3\u8a13\u5c0d\u8c61\u53ca\u8cc7\u683c\u8b49\u660e\u6587\u4ef6\u4e00\u89bd\u8868.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\u5f85\u696d\u8005\u8eab\u4efd\u514d\u8cbb\u53c3\u8a13\u8cc7\u683c\u4e00\u89bd\u8868<\/a><\/strong><\/p>\n\n\n\n<p>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<strong><a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/09\/\u514d\u7e73\u81ea\u884c\u8ca0\u64d4\u8cbb\u7528\u4e4b\u53c3\u8a13\u8005\u8cc7\u683c\u689d\u4ef6.pdf\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u514d\u8cbb\u53c3\u8a13\u5c0d\u8c61\u53ca\u8cc7\u683c\u8b49\u660e\u6587\u4ef6\u4e00\u89bd\u8868.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">\u5728\u8077\u8005\u8eab\u4efd\u514d\u8cbb\u53c3\u8a13\u8cc7\u683c\u4e00\u89bd\u8868<\/a><\/strong><\/p>\n\n\n\n<p>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u5b78\u751f\u5bbf\u820d\u5bd2\u6691\u5047\u4f4f\u5bbf\u7ba1\u7406\u53ca\u6536\u8cbb\u8981\u9ede.pdf\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u514d\u8cbb\u53c3\u8a13\u5c0d\u8c61\u53ca\u8cc7\u683c\u8b49\u660e\u6587\u4ef6\u4e00\u89bd\u8868.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u5b78\u751f\u5bbf\u820d\u5bd2\u6691\u5047\u4f4f\u5bbf\u7ba1\u7406\u53ca\u6536\u8cbb\u8981\u9ede<\/strong><\/a><\/p>\n\n\n\n<p>\ud83d\udcd1\u6a94\u6848\u540d\u7a31\uff1a<a href=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/05\/\u5831\u540d\u6b65\u9a5f1140506\u6700\u7d42\u7248.pdf\" data-type=\"link\" data-id=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/03\/\u514d\u8cbb\u53c3\u8a13\u5c0d\u8c61\u53ca\u8cc7\u683c\u8b49\u660e\u6587\u4ef6\u4e00\u89bd\u8868.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u5831\u540d\u6b65\u9a5f\u76f8\u95dc\u8aaa\u660e<\/strong><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"display:none;max-width: 1200px;  margin: 50px auto; background-color: #fff; padding: 40px 30px; border-radius: 16px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\">\n\n  <!-- LOGO \u5340\u901a\u7528\u6a23\u5f0f\uff1a\u6bcf\u5217\u4e09\u500b -->\n  <style>\n    .logo-row {\n      display: flex;\n      gap: 30px;\n      justify-content: center;\n      flex-wrap: wrap;\n      margin-top: 30px;\n    }\n    .logo-item {\n      flex: 0 1 calc(33.33% - 20px);\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      padding: 20px;\n      border: 1px solid #eee;\n      border-radius: 12px;\n    }\n    .logo-img-box {\n      width: 120px;\n      height: 60px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .logo-img-box img {\n      max-width: 100%;\n      max-height: 100%;\n      object-fit: contain;\n      display: block;\n    }\n    .logo-text {\n      font-size: 18px;\n      font-weight: 600;\n    }\n  <\/style>\n\n  <!-- \u7b2c 1 \u6392 -->\n  <div class=\"logo-row\">\n    <div class=\"logo-item\">\n      <a href=\"http:\/\/www.ael.org.tw\/index.cshtml\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u4e2d\u83ef\u6c11\u570b\u6578\u4f4d\u5b78\u7fd2\u5b78\u6703_logo.jpg\" alt=\"\u4e2d\u83ef\u6c11\u570b\u6578\u4f4d\u5b78\u7fd2\u5b78\u6703\">\n      <\/a>\n      <div class=\"logo-text\">\u4e2d\u83ef\u6c11\u570b\u6578\u4f4d\u5b78\u7fd2\u5b78\u6703<\/div>\n    <\/div>\n\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/web.tainan.gov.tw\/idipc\/cp.aspx?n=19592\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u53f0\u5357\u5e02\u69ae\u8b7d\u6307\u5c0e\u54e1\u5354\u9032\u6703_logo.jpg\" alt=\"\u53f0\u5357\u5e02\u69ae\u8b7d\u6307\u5c0e\u54e1\u5354\u9032\u6703\">\n      <\/a>\n      <div class=\"logo-text\">\u53f0\u5357\u5e02\u69ae\u8b7d\u6307\u5c0e\u54e1\u5354\u9032\u6703<\/div>\n    <\/div>\n\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/www.manstrong.com.tw\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u842c\u901a\u4eba\u529b_logo.jpg\" alt=\"\u842c\u901a\u4eba\u529b\u96c6\u5718\">\n      <\/a>\n      <div class=\"logo-text\">\u842c\u901a\u4eba\u529b\u96c6\u5718<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u7b2c 2 \u6392 -->\n  <div class=\"logo-row\">\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/www.visionsecurity.com.tw\/index.php?temp=intro&#038;lang=cht\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u7d93\u660c\u6c7d\u8eca\u96fb\u5b50_logo.jpg\" alt=\"\u7d93\u660c\u6c7d\u8eca\u96fb\u5b50\">\n      <\/a>\n      <div class=\"logo-text\">\u7d93\u660c\u6c7d\u8eca\u96fb\u5b50\u5de5\u696d\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/div>\n    <\/div>\n\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/www.kway.com.tw\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u51f1\u885b\u8cc7\u8a0a_logo.jpg\" alt=\"\u51f1\u885b\u8cc7\u8a0a\">\n      <\/a>\n      <div class=\"logo-text\">\u51f1\u885b\u8cc7\u8a0a\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/div>\n    <\/div>\n\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/www.nchc.org.tw\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u570b\u5bb6\u9ad8\u901f\u7db2\u8def\u4e2d\u5fc3_logo.jpg\" alt=\"\u570b\u5bb6\u9ad8\u901f\u7db2\u8def\u8207\u8a08\u7b97\u4e2d\u5fc3\">\n      <\/a>\n      <div class=\"logo-text\">\u570b\u5bb6\u9ad8\u901f\u7db2\u8def\u8207\u8a08\u7b97\u4e2d\u5fc3<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u7b2c 3 \u6392 -->\n  <div class=\"logo-row\">\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/www.is-land.com.tw\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u4ea6\u601d\u79d1\u6280_logo.jpg\" alt=\"\u4ea6\u601d\u79d1\u6280\">\n      <\/a>\n      <div class=\"logo-text\">\u4ea6\u601d\u79d1\u6280\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/div>\n    <\/div>\n\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/www.pcschool.com.tw\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u5de8\u5320\u96fb\u8166_logo.jpg\" alt=\"\u5de8\u5320\u96fb\u8166\">\n      <\/a>\n      <div class=\"logo-text\">\u5de8\u5320\u96fb\u8166\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/div>\n    <\/div>\n\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/nieaorg.tw\/tainancity?aid=66\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u81fa\u5357\u5275\u65b0\u5275\u696d\u5354\u6703_logo.jpg\" alt=\"\u81fa\u5357\u5e02\u5275\u65b0\u5275\u696d\u5354\u6703\">\n      <\/a>\n      <div class=\"logo-text\">\u81fa\u5357\u5e02\u5275\u65b0\u5275\u696d\u5354\u6703<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u7b2c 4 \u6392 -->\n  <div class=\"logo-row\">\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/cameo.botrun.ai\/tw\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u5361\u7c73\u723e_logo.jpg\" alt=\"\u5361\u7c73\u723e\u80a1\u4efd\u6709\u9650\u516c\u53f8\">\n      <\/a>\n      <div class=\"logo-text\">\u5361\u7c73\u723e\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/div>\n    <\/div>\n\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/web.tainan.gov.tw\/idipc\/cl.aspx?n=19425\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u5de5\u5546\u767c\u5c55\u6295\u8cc7\u7b56\u9032\u6703_logo.jpg\" alt=\"\u53f0\u5357\u5e02\u5de5\u5546\u767c\u5c55\u6295\u8cc7\u7b56\u9032\u6703\">\n      <\/a>\n      <div class=\"logo-text\">\u53f0\u5357\u5e02\u5de5\u5546\u767c\u5c55\u6295\u8cc7\u7b56\u9032\u6703<\/div>\n    <\/div>\n\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/college.itri.org.tw\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u5de5\u7814\u9662\u7522\u696d\u5b78\u9662_logo.jpg\" alt=\"\u5de5\u7814\u9662\u7522\u696d\u5b78\u9662\">\n      <\/a>\n      <div class=\"logo-text\">\u5de5\u7814\u9662\u7522\u696d\u5b78\u9662<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u7b2c 5 \u6392 -->\n  <div class=\"logo-row\">\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/www.castlestech.com\/zh-hant\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/04\/\u8679\u5821\u79d1\u6280_logo.jpg\" alt=\"\u8679\u5821\u79d1\u6280\u80a1\u4efd\u6709\u9650\u516c\u53f8\">\n      <\/a>\n      <div class=\"logo-text\">\u8679\u5821\u79d1\u6280\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"logo-row\">\n    <div class=\"logo-item\">\n      <a href=\"https:\/\/www.yiehphui.com.tw\/\" target=\"_blank\" class=\"logo-img-box\" rel=\"noopener\">\n        <img decoding=\"async\" src=\"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/wp-content\/uploads\/2025\/06\/%E7%87%81%E8%BC%9DLOGO.jpg\" alt=\"\u71c1\u8f1d\u4f01\u696d\u80a1\u4efd\u6709\u9650\u516c\u53f8\">\n      <\/a>\n      <div class=\"logo-text\">\u71c1\u8f1d\u4f01\u696d\u80a1\u4efd\u6709\u9650\u516c\u53f8<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sign Up Information \u5831\u540d\u8cc7\u8a0a Course Subsidy Informatio&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page copy 1.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1379"}],"collection":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1379"}],"version-history":[{"count":314,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1379\/revisions"}],"predecessor-version":[{"id":3910,"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/1379\/revisions\/3910"}],"wp:attachment":[{"href":"https:\/\/phpweb4.nutn.edu.tw\/ilt\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}