{"id":203,"date":"2024-04-24T20:10:27","date_gmt":"2024-04-24T12:10:27","guid":{"rendered":"https:\/\/ih3.mis.nsysu.edu.tw\/?page_id=203"},"modified":"2025-11-07T14:15:43","modified_gmt":"2025-11-07T06:15:43","slug":"%e5%81%a5%e5%ba%b7%e7%85%a7%e8%ad%b7","status":"publish","type":"page","link":"https:\/\/ih3.mis.nsysu.edu.tw\/?page_id=203","title":{"rendered":"\u5065\u5eb7\uff06\u7167\u8b77"},"content":{"rendered":"<p><!-- ====== HERO\uff1a\u5065\u5eb7\uff06\u7167\u8b77\uff08\u539f\u6709\u5340\u584a\uff0c\u4fdd\u7559\u5373\u53ef\uff09 ====== --><\/p>\n\n\n<div class=\"wp-block-group alignfull has-accent-background-color has-background has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-22c4de82 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n  \n  <div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-0656e23a wp-block-group-is-layout-constrained\">\n    \n    <h1 class=\"wp-block-heading has-text-align-center has-xx-large-font-size\"><strong>\u5065\u5eb7 &amp; \u7167\u8b77<\/strong><\/h1>\n    \n    \n    <div style=\"height:1.25rem\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n    \n  <\/div>\n  \n<\/div>\n\n\n<!-- ====== A. CTA\uff08\u542b\u5e33\u865f\u5bc6\u78bc\u5c0d\u8a71\u6846\uff0c\u6b63\u78ba\u624d\u524d\u5f80\u5f71\u7247\u9801\uff09 ====== -->\n\n<section class=\"cta-contained\" role=\"region\" aria-label=\"\u524d\u5f80\u6703\u54e1\u5f71\u7247\">\n  <style>\n    :root{ --band-bg:#EDE7DE; --primary:#2E6F4E; --ink:#1f1f1f; --muted:#666; }\n    .cta-contained{ background:var(--band-bg); padding:16px 12px; border-radius:12px; }\n    .cta-contained .wrap{ display:grid; grid-auto-flow:column; grid-template-columns:1fr auto; gap:12px; align-items:center; }\n    .cta-contained .msg{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:16px; font-weight:700; color:var(--ink); }\n    .cta-contained .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 18px; border-radius:999px;\n      background:var(--primary); color:#fff; text-decoration:none; font-weight:800; border:2px solid var(--primary); cursor:pointer;\n      transition:filter .15s ease, transform .05s ease; white-space:nowrap; }\n    .cta-contained .btn:hover{ filter:brightness(1.07); }\n    .cta-contained .btn:active{ transform:translateY(1px); }\n    .cta-contained .chev{ display:inline-block; transition:transform .2s ease; }\n    .cta-contained .btn:hover .chev{ transform:translateX(3px); }\n    @media (max-width:680px){\n      .cta-contained{ padding:12px; }\n      .cta-contained .wrap{ grid-auto-flow:row; grid-template-columns:1fr; gap:10px; text-align:center; }\n      .cta-contained .btn{ width:100%; }\n    }\n\n    \/* Modal \u6a23\u5f0f\uff08\u8f38\u5165\u6846\u7e2e\u5c0f\u3001\u7121\u63d0\u793a\u5b57\uff09 *\/\n    .modal-mask{ position:fixed; inset:0; background:rgba(0,0,0,.45); display:none;\n      align-items:center; justify-content:center; z-index:9999; padding:16px; }\n    .modal{ background:#fff; border-radius:16px; width:min(520px, 92vw);\n      box-shadow:0 10px 30px rgba(0,0,0,.18); overflow:hidden; font-size:16px; }\n    .modal header{ padding:14px 18px; font-weight:800; background:#F6F4F1; color:#222; border-bottom:1px solid #eee; }\n    .modal .body{ padding:16px 18px; color:#333; line-height:1.5; }\n    .modal .row{ display:flex; flex-direction:column; align-items:center; gap:6px; margin-bottom:10px; }\n    .modal label{ font-weight:700; color:#222; width:100%; max-width:260px; }\n    .modal input{\n      width:220px; \/* \u4e0d\u7528\u6eff\u7248 *\/\n      padding:8px 10px; \n      border:1.5px solid #98B5A6; \n      border-radius:10px; \n      font-size:0.95rem; \n      font-weight:600;\n    }\n    .modal .err{ min-height:1.2em; color:#c62828; font-weight:700; font-size:.95rem; margin-top:2px; text-align:center; }\n    .modal footer{ display:flex; gap:10px; justify-content:flex-end; padding:12px 16px; background:#fafafa; border-top:1px solid #eee; }\n    .btn-ghost{ background:#fff; color:#444; border:1.5px solid #ddd; padding:8px 14px; border-radius:10px; font-weight:700; cursor:pointer; }\n    .btn-primary{ background:var(--primary); color:#fff; border:2px solid var(--primary); padding:8px 16px; border-radius:10px; font-weight:800; cursor:pointer; }\n  <\/style>\n\n  <div class=\"wrap\">\n    <div class=\"msg\"><span>\u6703\u54e1\u5f71\u7247<\/span><\/div>\n    <button class=\"btn js-open-login\" type=\"button\">\u7acb\u5373\u524d\u5f80\u5f71\u7247\u9801\u9762 <span class=\"chev\">\u279c<\/span><\/button>\n  <\/div>\n\n  <!-- Modal\uff1a\u5e33\u865f\u5bc6\u78bc -->\n  <div class=\"modal-mask js-mask\" aria-hidden=\"true\">\n    <div class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"login-title\">\n      <header id=\"login-title\">\u8acb\u5148\u8f38\u5165\u5e33\u865f\u8207\u5bc6\u78bc<\/header>\n      <div class=\"body\">\n        <form class=\"login-form\" novalidate>\n          <div class=\"row\">\n            <label for=\"loginUser\">\u5e33\u865f<\/label>\n            <input id=\"loginUser\" name=\"user\" type=\"text\" autocomplete=\"username\" \/>\n          <\/div>\n          <div class=\"row\">\n            <label for=\"loginPass\">\u5bc6\u78bc<\/label>\n            <input id=\"loginPass\" name=\"pass\" type=\"password\" autocomplete=\"current-password\" \/>\n          <\/div>\n          <div class=\"err js-err\" aria-live=\"polite\"><\/div>\n        <\/form>\n      <\/div>\n      <footer>\n        <button class=\"btn-ghost js-cancel\" type=\"button\">\u53d6\u6d88<\/button>\n        <button class=\"btn-primary js-submit\" type=\"button\">\u9001\u51fa<\/button>\n      <\/footer>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const OPEN_BTN = document.querySelector('.js-open-login');\n      const MASK = document.querySelector('.js-mask');\n      const FORM = document.querySelector('.login-form');\n      const USER = document.getElementById('loginUser');\n      const PASS = document.getElementById('loginPass');\n      const ERR  = document.querySelector('.js-err');\n      const BTN_SUBMIT = document.querySelector('.js-submit');\n      const BTN_CANCEL = document.querySelector('.js-cancel');\n\n      const VIDEO_PAGE = \"https:\/\/ih3.mis.nsysu.edu.tw\/?page_id=2483\";\n      const VALID_USER = \"KMU\";\n      const VALID_PASS = \"iH3_2025\";\n\n      function openMask(){\n        MASK.style.display = 'flex';\n        MASK.setAttribute('aria-hidden','false');\n        ERR.textContent = \"\";\n        USER.value = \"\";\n        PASS.value = \"\";\n        setTimeout(()=>USER.focus(), 30);\n      }\n      function closeMask(){\n        MASK.style.display = 'none';\n        MASK.setAttribute('aria-hidden','true');\n      }\n      function validate(){\n        const u = (USER.value || \"\").trim();\n        const p = (PASS.value || \"\").trim();\n        if(!u || !p){\n          ERR.textContent = \"\u8acb\u8f38\u5165\u5e33\u865f\u8207\u5bc6\u78bc\u3002\";\n          return false;\n        }\n        if(u === VALID_USER && p === VALID_PASS){\n          ERR.textContent = \"\";\n          return true;\n        }else{\n          ERR.textContent = \"\u5e33\u865f\u6216\u5bc6\u78bc\u932f\u8aa4\u3002\";\n          return false;\n        }\n      }\n      function submitIfValid(){\n        if(validate()){\n          window.location.href = VIDEO_PAGE;\n        }\n      }\n\n      OPEN_BTN?.addEventListener('click', openMask);\n      BTN_CANCEL?.addEventListener('click', closeMask);\n      BTN_SUBMIT?.addEventListener('click', submitIfValid);\n\n      FORM?.addEventListener('keydown', function(e){\n        if(e.key === 'Enter'){ e.preventDefault(); submitIfValid(); }\n      });\n\n      MASK?.addEventListener('click', function(e){\n        if(e.target === MASK) closeMask();\n      });\n    })();\n  <\/script>\n<\/section>\n\n\n<p><!-- ====== B. 114\/2\/7 \u5340\u584a\uff08\u4e0a\u65b9\u7a7a\u9699\u5df2\u7e2e\u5c0f\uff09 ====== --><\/p>\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5b50d28 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n  \n  <div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n    \n    <div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-d5126433 wp-block-columns-is-layout-flex\">\n      \n      <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n        \n        <div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n          \n          <h1 class=\"wp-block-heading\" style=\"font-size:clamp(1.039rem, 1.039rem + ((1vw - 0.2rem) * 0.935), 1.6rem);line-height:1.4\">\n            <strong>114\/2\/7 \u9810\u898b\u672a\u4f86\u5065\u5eb7\u8207\u7167\u8b77\uff1a\u5f9e\u7cd6\u5c3f\u75c5\u8207\u814e\u81df\u75c5\u5230\u4ee5\u5168\u751f\u547d\u6b77\u7a0b\u7684\u79d1\u6280\u4eba\u6587\u95dc\u61f7\u300c\u5ea7\u8ac7\u6703\u300d<\/strong>\n          <\/h1>\n          \n\n          \n          <div style=\"height:6px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n          \n\n          \n          <p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.417), 18px);\">\n            \u63a2\u8a0e\u5f9e\u7cd6\u5c3f\u75c5\u8207\u814e\u81df\u75c5\u5230\u5168\u751f\u547d\u6b77\u7a0b\u7684\u79d1\u6280\u4eba\u6587\u95dc\u61f7\uff0c\u805a\u7126\u6162\u6027\u75c5\u9632\u63a7\u3001\u667a\u6167\u91ab\u7642\u8207\u5065\u5eb7\u50b3\u64ad\u3002\u8207\u6703\u5c08\u5bb6\u6df1\u5165\u5206\u6790\u8d85\u9ad8\u9f61\u793e\u6703\u7684\u5065\u5eb7\u6311\u6230\uff0c\u8a0e\u8ad6\u6578\u64da\u6574\u5408\u3001\u4eba\u5de5\u667a\u6167\u61c9\u7528\u3001\u6c7a\u7b56\u652f\u6301\u7cfb\u7d71\uff0c\u4ee5\u53ca\u5982\u4f55\u900f\u904e\u65b0\u5a92\u9ad4\u63d0\u5347\u5065\u5eb7\u8b58\u80fd\u3002\u6211\u5011\u81f4\u529b\u65bc\u63a8\u52d5\u7cbe\u6e96\u91ab\u7642\u8207\u5168\u4eba\u5065\u5eb7\u7167\u8b77\uff0c\u4fc3\u9032\u8de8\u9818\u57df\u5408\u4f5c\uff0c\u767c\u5c55\u6c38\u7e8c\u5065\u5eb7\u76ee\u6a19\u3002\u6211\u5011\u5c07\u900f\u904e\u6b64\u5e73\u53f0\uff0c\u6301\u7e8c\u5206\u4eab\u6700\u65b0\u7814\u7a76\u3001\u653f\u7b56\u8da8\u52e2\u8207\u5be6\u52d9\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u5316\u7684\u5065\u5eb7\u7ba1\u7406\u89e3\u6c7a\u65b9\u6848\uff0c\u63a8\u52d5\u91ab\u7642\u5275\u65b0\u8207\u5065\u5eb7\u4fc3\u9032\u3002\n          <\/p>\n          \n\n          \n          <div style=\"height:14px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n          \n\n          \n          <div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n            \n            <div class=\"wp-block-button is-style-fill\">\n              <a class=\"wp-block-button__link has-accent-2-background-color has-background wp-element-button\" href=\"https:\/\/www.youtube.com\/live\/t301n384Hbw\">\u5f71\u7247\u56de\u9867<\/a>\n            <\/div>\n            \n          <\/div>\n          \n        <\/div>\n        \n      <\/div>\n      \n\n      \n      <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n        \n        <figure class=\"wp-block-image size-full is-style-rounded is-style-rounded--1\">\n          <img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"http:\/\/localhost:8000\/wp-content\/uploads\/2025\/02\/IMG_8866-1-scaled.jpeg\" alt=\"\" class=\"wp-image-2174\" style=\"aspect-ratio:3\/2;object-fit:cover\" srcset=\"https:\/\/ih3.mis.nsysu.edu.tw\/wp-content\/uploads\/2025\/02\/IMG_8866-1-scaled.jpeg 2560w, https:\/\/ih3.mis.nsysu.edu.tw\/wp-content\/uploads\/2025\/02\/IMG_8866-1-300x200.jpeg 300w, https:\/\/ih3.mis.nsysu.edu.tw\/wp-content\/uploads\/2025\/02\/IMG_8866-1-1024x683.jpeg 1024w, https:\/\/ih3.mis.nsysu.edu.tw\/wp-content\/uploads\/2025\/02\/IMG_8866-1-768x512.jpeg 768w, https:\/\/ih3.mis.nsysu.edu.tw\/wp-content\/uploads\/2025\/02\/IMG_8866-1-1536x1024.jpeg 1536w, https:\/\/ih3.mis.nsysu.edu.tw\/wp-content\/uploads\/2025\/02\/IMG_8866-1-2048x1365.jpeg 2048w, https:\/\/ih3.mis.nsysu.edu.tw\/wp-content\/uploads\/2025\/02\/IMG_8866-1-18x12.jpeg 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\n        <\/figure>\n        \n      <\/div>\n      \n    <\/div>\n    \n  <\/div>\n  \n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u5065\u5eb7 &amp; \u7167\u8b77 \u6703\u54e1\u5f71\u7247 \u7acb\u5373\u524d\u5f80\u5f71\u7247\u9801\u9762 \u279c \u8acb\u5148\u8f38\u5165\u5e33\u865f\u8207\u5bc6\u78bc \u5e33\u865f \u5bc6\u78bc \u53d6\u6d88 \u9001\u51fa 114\/2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-203","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ih3.mis.nsysu.edu.tw\/index.php?rest_route=\/wp\/v2\/pages\/203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ih3.mis.nsysu.edu.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ih3.mis.nsysu.edu.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ih3.mis.nsysu.edu.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ih3.mis.nsysu.edu.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=203"}],"version-history":[{"count":27,"href":"https:\/\/ih3.mis.nsysu.edu.tw\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":2490,"href":"https:\/\/ih3.mis.nsysu.edu.tw\/index.php?rest_route=\/wp\/v2\/pages\/203\/revisions\/2490"}],"wp:attachment":[{"href":"https:\/\/ih3.mis.nsysu.edu.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}