\u6d3b\u52d5\u5716\u7247\u8f2a\u64ad<\/title>\n\n <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/css\/bootstrap.min.css\" integrity=\"sha384-ggOyR0iXCbMQv3Xipma34MD+dH\/1fQ784\/j6cY\/iJTQUOhcWr7x9JvoRxT2MZw1T\" crossorigin=\"anonymous\">\n <script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.14.7\/umd\/popper.min.js\" integrity=\"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1\" crossorigin=\"anonymous\"><\/script>\n <script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/js\/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf\/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"><\/script>\n\n <style>\n body {\n background-color: #fafbfc;\n font-size: 100%;\n line-height: 1.5;\n margin: 0;\n }\n\n #photo {\n background-color: #fff;\n text-align: center;\n padding: 1rem 0;\n }\n\n a,\n button,\n input,\n select,\n textarea {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n }\n\n a:link,\n a:visited {\n text-decoration: none;\n color: #192a3d;\n }\n\n a:hover {\n text-decoration: none;\n color: #1559ed;\n }\n\n a:active {\n text-decoration: none;\n color: #192a3d;\n }\n\n \/* \u5168\u7db2\u7ad9\u901a\u7528\u7126\u9ede\u6a23\u5f0f *\/\n a:focus,\n button:focus,\n input:focus,\n select:focus,\n textarea:focus,\n [role=\"button\"]:focus,\n [tabindex]:focus {\n outline: 0.1875rem solid #1559ed;\n outline-offset: 0.1875rem;\n box-shadow: none;\n }\n\n a:focus-visible,\n button:focus-visible,\n input:focus-visible,\n select:focus-visible,\n textarea:focus-visible,\n [role=\"button\"]:focus-visible,\n [tabindex]:focus-visible {\n outline: 0.1875rem solid #1559ed;\n outline-offset: 0.1875rem;\n }\n\n .carousel-wrapper {\n max-width: 100%;\n margin: 0 auto;\n position: relative;\n }\n\n .carousel-toolbar {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin-bottom: 0.75rem;\n padding-left: 1rem;\n }\n\n .carousel-toggle-btn {\n border: 0.0625rem solid #1559ed;\n background-color: #fff;\n color: #1559ed;\n border-radius: 0.375rem;\n padding: 0.5rem 0.875rem;\n line-height: 1.2;\n cursor: pointer;\n }\n\n .carousel-toggle-btn:hover {\n background-color: #eef4ff;\n }\n\n #carouselExampleCaptions {\n max-width: 100%;\n margin: 0 auto;\n padding: 0;\n }\n\n .carousel-inner {\n background: #fff;\n }\n\n .carousel-item {\n text-align: center;\n }\n\n .carousel-item img {\n display: inline-block;\n max-width: 100%;\n width: auto;\n height: auto;\n max-height: 25rem;\n padding: 0.75rem;\n object-fit: contain;\n }\n\n .carousel-control-prev,\n .carousel-control-next {\n width: 12%;\n border-radius: 0.375rem;\n opacity: 1;\n }\n\n .carousel-control-prev-icon,\n .carousel-control-next-icon {\n background-color: rgba(0, 0, 0, 0.45);\n border-radius: 50%;\n width: 2.75rem;\n height: 2.75rem;\n background-size: 60% 60%;\n }\n\n .carousel-control-prev:focus,\n .carousel-control-next:focus,\n .carousel-control-prev:focus-visible,\n .carousel-control-next:focus-visible,\n .carousel-toggle-btn:focus,\n .carousel-toggle-btn:focus-visible {\n outline: 0.1875rem solid #1559ed;\n outline-offset: 0.1875rem;\n box-shadow: 0 0 0 0.25rem rgba(21, 89, 237, 0.25);\n }\n\n .carousel-indicators li {\n width: 0.75rem;\n height: 0.75rem;\n border-radius: 50%;\n }\n\n .carousel-indicators li:focus,\n .carousel-indicators li:focus-visible {\n outline: 0.1875rem solid #1559ed;\n outline-offset: 0.1875rem;\n box-shadow: 0 0 0 0.25rem rgba(21, 89, 237, 0.25);\n }\n\n .sr-status {\n position: absolute;\n width: 0.0625rem;\n height: 0.0625rem;\n padding: 0;\n margin: -0.0625rem;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n white-space: nowrap;\n }\n\n @media (max-width: 768px) {\n .carousel-item img {\n max-height: 16rem;\n }\n\n .carousel-control-prev,\n .carousel-control-next {\n width: 15%;\n }\n\n .carousel-toolbar {\n padding-left: 0.75rem;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container-fluid\">\n <div class=\"row\">\n <div id=\"photo\" class=\"col-lg-12\">\n <div class=\"bd-example\">\n <div class=\"carousel-wrapper\" aria-label=\"\u6d3b\u52d5\u5716\u7247\u8f2a\u64ad\u5340\">\n\n \n <div class=\"carousel-toolbar\">\n <button\n type=\"button\"\n id=\"carouselToggleBtn\"\n class=\"carousel-toggle-btn\"\n aria-controls=\"carouselExampleCaptions\"\n aria-pressed=\"false\"\n aria-label=\"\u66ab\u505c\u5716\u7247\u8f2a\u64ad\">\n \u66ab\u505c\u8f2a\u64ad\n <\/button>\n <\/div>\n\n \n <div id=\"carouselStatus\" class=\"sr-status\" aria-live=\"polite\">\u8f2a\u64ad\u76ee\u524d\u70ba\u64ad\u653e\u4e2d<\/div>\n\n <div\n id=\"carouselExampleCaptions\"\n class=\"carousel slide\"\n data-ride=\"carousel\"\n data-interval=\"5000\"\n aria-label=\"\u6d3b\u52d5\u5716\u7247\u8f2a\u64ad\">\n\n <ol class=\"carousel-indicators\">\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"0\" class=\"active\" aria-label=\"\u7b2c1\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"1\" aria-label=\"\u7b2c2\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"2\" aria-label=\"\u7b2c3\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"3\" aria-label=\"\u7b2c4\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"4\" aria-label=\"\u7b2c5\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"5\" aria-label=\"\u7b2c6\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"6\" aria-label=\"\u7b2c7\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"6\" aria-label=\"\u7b2c8\u5f35\u6295\u5f71\u7247\"><\/li>\n <\/ol>\n\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2026\/05\/\u606d\u8cc0\u5091\u51fa\u8868\u73fe_\u5f35\u5a77\u5a77\u526f\u6559\u6388.jpg\" alt=\"\u606d\u8cc0\u5091\u51fa\u8868\u73fe\u90ed\u6b63\u6d69\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2026\/04\/\u606d\u8cc0\u5091\u51fa\u8868\u73fe\u90ed\u6b63\u6d69_new.png\" alt=\"\u606d\u8cc0\u5091\u51fa\u8868\u73fe\u90ed\u6b63\u6d69\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/05\/ddw_1.png\" alt=\"\u5b78\u8853\u6d3b\u52d5\u5716\u72471\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/05\/ddw_2.png\" alt=\"\u5b78\u8853\u6d3b\u52d5\u5716\u72472\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/05\/ddw_3.png\" alt=\"\u5b78\u8853\u6d3b\u52d5\u5716\u72473\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/05\/ddw_4.png\" alt=\"\u5b78\u8853\u6d3b\u52d5\u5716\u72474\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/04\/International_co_research_LBP.jpg\" alt=\"\u570b\u969b\u5408\u4f5c\u7814\u7a76\u6d3b\u52d5\u5716\u7247\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/\u606d\u559c7.png\" alt=\"\u7814\u7a76\u6210\u679c\u606d\u8cc0\u5716\u7247\">\n <\/div>\n <\/div>\n\n <a class=\"carousel-control-prev\" href=\"#carouselExampleCaptions\" role=\"button\" data-slide=\"prev\" aria-label=\"\u4e0a\u4e00\u5f35\">\n <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"sr-only\">\u4e0a\u4e00\u5f35<\/span>\n <\/a>\n\n <a class=\"carousel-control-next\" href=\"#carouselExampleCaptions\" role=\"button\" data-slide=\"next\" aria-label=\"\u4e0b\u4e00\u5f35\">\n <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"sr-only\">\u4e0b\u4e00\u5f35<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n var $carousel = $('#carouselExampleCaptions');\n var toggleBtn = document.getElementById('carouselToggleBtn');\n var status = document.getElementById('carouselStatus');\n var prevBtn = document.querySelector('.carousel-control-prev');\n var nextBtn = document.querySelector('.carousel-control-next');\n\n var isPaused = false;\n\n function setPlayingState(pausedByUser) {\n if (pausedByUser) {\n $carousel.carousel('pause');\n isPaused = true;\n toggleBtn.textContent = '\u64ad\u653e\u8f2a\u64ad';\n toggleBtn.setAttribute('aria-label', '\u64ad\u653e\u5716\u7247\u8f2a\u64ad');\n toggleBtn.setAttribute('aria-pressed', 'true');\n status.textContent = '\u8f2a\u64ad\u76ee\u524d\u70ba\u66ab\u505c\u4e2d';\n } else {\n $carousel.carousel('cycle');\n isPaused = false;\n toggleBtn.textContent = '\u66ab\u505c\u8f2a\u64ad';\n toggleBtn.setAttribute('aria-label', '\u66ab\u505c\u5716\u7247\u8f2a\u64ad');\n toggleBtn.setAttribute('aria-pressed', 'false');\n status.textContent = '\u8f2a\u64ad\u76ee\u524d\u70ba\u64ad\u653e\u4e2d';\n }\n }\n\n \/* \u521d\u59cb\u72c0\u614b\uff1a\u64ad\u653e\u4e2d *\/\n $carousel.carousel({\n interval: 5000,\n pause: false,\n keyboard: true,\n ride: 'carousel'\n });\n\n toggleBtn.addEventListener('click', function () {\n setPlayingState(!isPaused);\n });\n\n \/* \u7126\u9ede\u79fb\u5230\u5de6\u53f3\u9375\u6642\uff0c\u81ea\u52d5\u66ab\u505c *\/\n prevBtn.addEventListener('focus', function () {\n if (!isPaused) {\n $carousel.carousel('pause');\n status.textContent = '\u5df2\u56e0\u7126\u9ede\u79fb\u81f3\u4e0a\u4e00\u5f35\u6309\u9215\u800c\u66ab\u505c\u8f2a\u64ad';\n }\n });\n\n nextBtn.addEventListener('focus', function () {\n if (!isPaused) {\n $carousel.carousel('pause');\n status.textContent = '\u5df2\u56e0\u7126\u9ede\u79fb\u81f3\u4e0b\u4e00\u5f35\u6309\u9215\u800c\u66ab\u505c\u8f2a\u64ad';\n }\n });\n\n \/* \u7126\u9ede\u9032\u5165\u6574\u500b\u8f2a\u64ad\u5340\u6642\u4e5f\u53ef\u66ab\u505c\uff0c\u65b9\u4fbf\u95b1\u8b80 *\/\n $carousel.on('focusin', function (e) {\n if (!isPaused) {\n $carousel.carousel('pause');\n }\n });\n\n \/* \u82e5\u4f7f\u7528\u8005\u6c92\u6709\u624b\u52d5\u6309\u4e0b\u66ab\u505c\uff0c\u7126\u9ede\u96e2\u958b\u8f2a\u64ad\u5340\u53ef\u6062\u5fa9\u64ad\u653e *\/\n $carousel.on('focusout', function () {\n setTimeout(function () {\n var activeElement = document.activeElement;\n var wrapper = document.querySelector('.carousel-wrapper');\n var isStillInside = wrapper.contains(activeElement);\n\n if (!isStillInside && !isPaused) {\n $carousel.carousel('cycle');\n status.textContent = '\u8f2a\u64ad\u5df2\u6062\u5fa9\u64ad\u653e';\n }\n }, 10);\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-palette-color-8-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">\n <a href=\"https:\/\/mrc.som.nycu.edu.tw\/%e6%b4%bb%e5%8b%95%e5%85%ac%e5%91%8a\/\" title=\"\u6d3b\u52d5\u516c\u544a\">\n <strong>\u6d3b\u52d5\u516c\u544a<\/strong>\n <\/a>\n<\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-1024x576.png\" alt=\"FMT\u8a13\u7df4\u8207\u65b0\u77e5\u4ecb\u7d39\u8ab2\u7a0b\" class=\"wp-image-654\" srcset=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-1024x576.png 1024w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-300x169.png 300w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-768x432.png 768w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-18x10.png 18w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-palette-color-8-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">\n <a href=\"https:\/\/mrc.som.nycu.edu.tw\/%e7%a0%94%e7%a9%b6%e6%88%90%e6%9e%9c-2\/\" title=\"\u7814\u7a76\u6210\u679c\">\n <strong>\u7814\u7a76\u6210\u679c<\/strong>\n <\/a>\n<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1776\" height=\"971\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML.png\" alt=\"IL17A\u7814\u7a76\u6210\u679c\" class=\"wp-image-665\" style=\"width:633px;height:auto\" srcset=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML.png 1776w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-300x164.png 300w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-1024x560.png 1024w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-768x420.png 768w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-1536x840.png 1536w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-18x10.png 18w\" sizes=\"auto, (max-width: 1776px) 100vw, 1776px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h5 class=\"wp-block-heading\">\u5408\u4f5c\u5925\u4f34<\/h5>\n\n\n\n<figure class=\"wp-block-image\">\n<a href=\"https:\/\/www.mrc.unsw.edu.au\/\" \n title=\"\u524d\u5f80 UNSW MRC \u5b98\u65b9\u7db2\u7ad9\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/image-67.png\" \n alt=\"UNSW MRC \u5b98\u65b9\u7db2\u7ad9\" \n width=\"250\" \n class=\"wp-image-642\" \/>\n<\/a>\n<a href=\"https:\/\/www.microbiota.org.tw\/\" \n title=\"\u524d\u5f80\u53f0\u7063\u5fae\u83cc\u806f\u76df\u7db2\u7ad9\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/logo-1.png\" \n alt=\"\u53f0\u7063\u5fae\u83cc\u806f\u76df\u7db2\u7ad9\" \n width=\"100\" \n class=\"wp-image-642\" \/>\n<\/a>\n<\/figure>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n \/* =========================\n 1. \u53d6\u5f97\u4e3b\u8981\u5340\u584a\n ========================= *\/\n const header = document.querySelector('#header, header.ct-header, header');\n const logoLink = document.querySelector(\n '.site-logo-container, .custom-logo-link, .site-branding a[rel=\"home\"]'\n );\n const main = document.querySelector('#main, main.site-main, main');\n const footer = document.querySelector('#footer, footer.ct-footer, footer');\n\n const searchTrigger = document.querySelector(\n '.ct-header-search[data-toggle-panel=\"#search-modal\"], button[aria-controls=\"search-modal\"]'\n );\n const searchModal = document.querySelector('#search-modal');\n const searchInput = document.querySelector(\n '#search-modal input[type=\"search\"], #search-modal .modal-field, form[role=\"search\"] input[type=\"search\"]'\n );\n\n const mainNav = document.querySelector('#header-menu-1, nav[aria-label=\"main menu\"]');\n\n \/* =========================\n 2. \u8f14\u52a9\u51fd\u5f0f\n ========================= *\/\n function focusElement(el) {\n if (!el) return;\n\n try {\n el.focus({ preventScroll: false });\n } catch (e) {\n el.focus();\n }\n\n if (typeof el.scrollIntoView === 'function') {\n el.scrollIntoView({\n block: 'start',\n behavior: 'smooth'\n });\n }\n }\n\n function makeSectionFocusable(el, key, label) {\n if (!el) return;\n\n el.setAttribute('accesskey', key);\n\n \/\/ \u975e\u539f\u751f\u53ef\u805a\u7126\u5143\u7d20\u624d\u88dc tabindex\n if (!\/^(A|BUTTON|INPUT|SELECT|TEXTAREA)$\/.test(el.tagName)) {\n if (!el.hasAttribute('tabindex')) {\n el.setAttribute('tabindex', '-1');\n }\n }\n\n if (label && !el.getAttribute('aria-label')) {\n el.setAttribute('aria-label', label);\n }\n }\n\n \/* =========================\n 3. \u8a2d\u5b9a\u4e3b\u5340\u584a Accesskey\n ========================= *\/\n \/\/ Alt+U\uff1a\u4e0a\u65b9\u529f\u80fd\u5340\u584a\uff0c\u512a\u5148\u653e\u5728 Logo\n if (logoLink) {\n makeSectionFocusable(logoLink, 'U', '\u56de\u9996\u9801\u8207\u4e0a\u65b9\u529f\u80fd\u5340\u584a');\n } else {\n makeSectionFocusable(header, 'U', '\u4e0a\u65b9\u529f\u80fd\u5340\u584a');\n }\n\n \/\/ Alt+S\uff1a\u641c\u5c0b\u5340\u584a\uff0c\u653e\u5728\u641c\u5c0b\u6309\u9215\n if (searchTrigger) {\n makeSectionFocusable(searchTrigger, 'S', '\u7db2\u7ad9\u641c\u5c0b\u5340\u584a');\n }\n\n \/\/ Alt+C\uff1a\u4e2d\u592e\u5167\u5bb9\n if (main) {\n makeSectionFocusable(main, 'C', '\u4e2d\u592e\u5167\u5bb9\u5340\u584a');\n }\n\n \/\/ Alt+H\uff1a\u9801\u5c3e\n if (footer) {\n makeSectionFocusable(footer, 'H', '\u4e0b\u65b9\u529f\u80fd\u5340\u584a');\n }\n\n \/\/ \u4e3b\u9078\u55ae aria-label \u6539\u4e2d\u6587\n if (mainNav) {\n mainNav.setAttribute('aria-label', '\u4e3b\u9078\u55ae');\n }\n\n \/* =========================\n 4. Alt+S \u4e0d\u8df3\u6389\n - \u4e0d\u81ea\u52d5 click \u641c\u5c0b\u6309\u9215\n - \u53ea\u805a\u7126\u641c\u5c0b\u6309\u9215\u6216\u5df2\u958b\u555f\u641c\u5c0b\u6b04\n ========================= *\/\n function openSearchAndFocus() {\n \/\/ \u5982\u679c\u641c\u5c0b\u8996\u7a97\u5df2\u7d93\u958b\u555f\uff0c\u5c31\u76f4\u63a5\u805a\u7126\u641c\u5c0b\u6b04\n if (searchInput && searchModal && !searchModal.hasAttribute('inert')) {\n focusElement(searchInput);\n return;\n }\n\n \/\/ \u4e0d\u4e3b\u52d5 click\uff0c\u53ea\u805a\u7126\u641c\u5c0b\u6309\u9215\n if (searchTrigger) {\n focusElement(searchTrigger);\n return;\n }\n\n \/\/ \u82e5\u9801\u9762\u672c\u4f86\u5c31\u6709\u641c\u5c0b\u6b04\n if (searchInput) {\n focusElement(searchInput);\n return;\n }\n\n \/\/ \u6700\u5f8c\u624d\u805a\u7126\u641c\u5c0b\u5c0d\u8a71\u6846\u5bb9\u5668\n if (searchModal) {\n focusElement(searchModal);\n }\n }\n\n \/* =========================\n 5. \u5feb\u901f\u9375\u5099\u63f4\u8655\u7406\n Chrome \/ Edge\uff1aAlt + U\/S\/C\/H\n Firefox\uff1aShift + Alt + U\/S\/C\/H\n ========================= *\/\n document.addEventListener('keydown', function (e) {\n const key = (e.key || '').toLowerCase();\n const isFirefox = \/firefox\/i.test(navigator.userAgent);\n\n const matched = isFirefox\n ? (e.altKey && e.shiftKey && !e.ctrlKey && !e.metaKey)\n : (e.altKey && !e.shiftKey && !e.ctrlKey && !e.metaKey);\n\n if (!matched) return;\n if (!['u', 's', 'c', 'h'].includes(key)) return;\n\n e.preventDefault();\n\n switch (key) {\n case 'u':\n focusElement(logoLink || header);\n break;\n\n case 's':\n openSearchAndFocus();\n break;\n\n case 'c':\n focusElement(main);\n break;\n\n case 'h':\n focusElement(footer);\n break;\n }\n });\n\n \/* =========================\n 6. \u4fee\u6b63\u684c\u6a5f\u4e3b\u9078\u55ae v \u6309\u9215 aria-label\n ========================= *\/\n function getDirectMenuText(menuItem) {\n const link = menuItem.querySelector(':scope > a.ct-menu-link, :scope > a');\n if (!link) return '\u5b50\u9078\u55ae';\n\n let text = '';\n\n \/\/ \u53ea\u6293\u6587\u5b57\u7bc0\u9ede\uff0c\u907f\u514d\u628a\u7bad\u982d icon \u4e00\u8d77\u7b97\u9032\u53bb\n link.childNodes.forEach(function (node) {\n if (node.nodeType === Node.TEXT_NODE) {\n text += node.textContent;\n }\n });\n\n text = text.replace(\/\\s+\/g, ' ').trim();\n\n if (!text) {\n text = link.textContent.replace(\/\\s+\/g, ' ').trim();\n }\n\n return text || '\u5b50\u9078\u55ae';\n }\n\n function updateDesktopMenuToggleLabel(menuItem) {\n const button = menuItem.querySelector(':scope > button.ct-toggle-dropdown-desktop-ghost');\n if (!button) return;\n\n const menuText = getDirectMenuText(menuItem);\n const expanded = button.getAttribute('aria-expanded') === 'true';\n\n button.setAttribute('type', 'button');\n button.setAttribute('aria-haspopup', 'true');\n button.setAttribute(\n 'aria-label',\n expanded\n ? menuText + '\u5b50\u9078\u55ae\uff0c\u5df2\u5c55\u958b'\n : menuText + '\u5b50\u9078\u55ae\uff0c\u5df2\u6536\u5408'\n );\n }\n\n const desktopMenuItems = document.querySelectorAll(\n '#menu-main-menu > li.menu-item-has-children'\n );\n\n desktopMenuItems.forEach(function (menuItem) {\n const button = menuItem.querySelector(':scope > button.ct-toggle-dropdown-desktop-ghost');\n if (!button) return;\n\n updateDesktopMenuToggleLabel(menuItem);\n\n button.addEventListener('click', function () {\n setTimeout(function () {\n updateDesktopMenuToggleLabel(menuItem);\n }, 80);\n });\n\n button.addEventListener('keydown', function () {\n setTimeout(function () {\n updateDesktopMenuToggleLabel(menuItem);\n }, 80);\n });\n });\n\n const desktopMenuRoot = document.querySelector('#menu-main-menu');\n if (desktopMenuRoot) {\n const observer = new MutationObserver(function () {\n desktopMenuItems.forEach(updateDesktopMenuToggleLabel);\n });\n\n observer.observe(desktopMenuRoot, {\n subtree: true,\n attributes: true,\n attributeFilter: ['aria-expanded', 'class']\n });\n }\n\n \/* =========================\n 7. \u53ef\u9078\uff1a\u624b\u6a5f\u9078\u55ae\u6309\u9215\u6587\u5b57\u66f4\u6e05\u695a\n ========================= *\/\n const mobileMenuTrigger = document.querySelector(\n '.ct-header-trigger[aria-controls=\"offcanvas\"]'\n );\n if (mobileMenuTrigger) {\n mobileMenuTrigger.setAttribute('aria-label', '\u958b\u555f\u4e3b\u9078\u55ae');\n }\n\n const mobileCloseBtn = document.querySelector('#offcanvas .ct-toggle-close');\n if (mobileCloseBtn) {\n mobileCloseBtn.setAttribute('aria-label', '\u95dc\u9589\u5074\u9078\u55ae');\n }\n\n const searchCloseBtn = document.querySelector('#search-modal .ct-toggle-close');\n if (searchCloseBtn) {\n searchCloseBtn.setAttribute('aria-label', '\u95dc\u9589\u641c\u5c0b\u4e92\u52d5\u8996\u7a97');\n }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u6d3b\u52d5\u5716\u7247\u8f2a\u64ad \u66ab\u505c\u8f2a\u64ad \u8f2a\u64ad\u76ee\u524d\u70ba\u64ad\u653e\u4e2d \u4e0a\u4e00\u5f35 \u4e0b\u4e00\u5f35 \u6d3b\u52d5\u516c\u544a \u7814\u7a76\u6210\u679c \u5408\u4f5c\u5925\u4f34<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-311","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled"},"_links":{"self":[{"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/pages\/311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":106,"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/pages\/311\/revisions"}],"predecessor-version":[{"id":1069,"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/pages\/311\/revisions\/1069"}],"wp:attachment":[{"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/media?parent=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":311,"date":"2023-08-23T11:27:25","date_gmt":"2023-08-23T03:27:25","guid":{"rendered":"https:\/\/mrc.som.nycu.edu.tw\/?page_id=311"},"modified":"2026-05-04T17:56:29","modified_gmt":"2026-05-04T09:56:29","slug":"%e9%a6%96%e9%a0%81","status":"publish","type":"page","link":"https:\/\/mrc.som.nycu.edu.tw\/eng\/","title":{"rendered":"\u9996\u9801"},"content":{"rendered":"\n\n\n\n \n \n \u6d3b\u52d5\u5716\u7247\u8f2a\u64ad<\/title>\n\n <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/css\/bootstrap.min.css\" integrity=\"sha384-ggOyR0iXCbMQv3Xipma34MD+dH\/1fQ784\/j6cY\/iJTQUOhcWr7x9JvoRxT2MZw1T\" crossorigin=\"anonymous\">\n <script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/popper.js\/1.14.7\/umd\/popper.min.js\" integrity=\"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1\" crossorigin=\"anonymous\"><\/script>\n <script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/js\/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf\/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"><\/script>\n\n <style>\n body {\n background-color: #fafbfc;\n font-size: 100%;\n line-height: 1.5;\n margin: 0;\n }\n\n #photo {\n background-color: #fff;\n text-align: center;\n padding: 1rem 0;\n }\n\n a,\n button,\n input,\n select,\n textarea {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n }\n\n a:link,\n a:visited {\n text-decoration: none;\n color: #192a3d;\n }\n\n a:hover {\n text-decoration: none;\n color: #1559ed;\n }\n\n a:active {\n text-decoration: none;\n color: #192a3d;\n }\n\n \/* \u5168\u7db2\u7ad9\u901a\u7528\u7126\u9ede\u6a23\u5f0f *\/\n a:focus,\n button:focus,\n input:focus,\n select:focus,\n textarea:focus,\n [role=\"button\"]:focus,\n [tabindex]:focus {\n outline: 0.1875rem solid #1559ed;\n outline-offset: 0.1875rem;\n box-shadow: none;\n }\n\n a:focus-visible,\n button:focus-visible,\n input:focus-visible,\n select:focus-visible,\n textarea:focus-visible,\n [role=\"button\"]:focus-visible,\n [tabindex]:focus-visible {\n outline: 0.1875rem solid #1559ed;\n outline-offset: 0.1875rem;\n }\n\n .carousel-wrapper {\n max-width: 100%;\n margin: 0 auto;\n position: relative;\n }\n\n .carousel-toolbar {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin-bottom: 0.75rem;\n padding-left: 1rem;\n }\n\n .carousel-toggle-btn {\n border: 0.0625rem solid #1559ed;\n background-color: #fff;\n color: #1559ed;\n border-radius: 0.375rem;\n padding: 0.5rem 0.875rem;\n line-height: 1.2;\n cursor: pointer;\n }\n\n .carousel-toggle-btn:hover {\n background-color: #eef4ff;\n }\n\n #carouselExampleCaptions {\n max-width: 100%;\n margin: 0 auto;\n padding: 0;\n }\n\n .carousel-inner {\n background: #fff;\n }\n\n .carousel-item {\n text-align: center;\n }\n\n .carousel-item img {\n display: inline-block;\n max-width: 100%;\n width: auto;\n height: auto;\n max-height: 25rem;\n padding: 0.75rem;\n object-fit: contain;\n }\n\n .carousel-control-prev,\n .carousel-control-next {\n width: 12%;\n border-radius: 0.375rem;\n opacity: 1;\n }\n\n .carousel-control-prev-icon,\n .carousel-control-next-icon {\n background-color: rgba(0, 0, 0, 0.45);\n border-radius: 50%;\n width: 2.75rem;\n height: 2.75rem;\n background-size: 60% 60%;\n }\n\n .carousel-control-prev:focus,\n .carousel-control-next:focus,\n .carousel-control-prev:focus-visible,\n .carousel-control-next:focus-visible,\n .carousel-toggle-btn:focus,\n .carousel-toggle-btn:focus-visible {\n outline: 0.1875rem solid #1559ed;\n outline-offset: 0.1875rem;\n box-shadow: 0 0 0 0.25rem rgba(21, 89, 237, 0.25);\n }\n\n .carousel-indicators li {\n width: 0.75rem;\n height: 0.75rem;\n border-radius: 50%;\n }\n\n .carousel-indicators li:focus,\n .carousel-indicators li:focus-visible {\n outline: 0.1875rem solid #1559ed;\n outline-offset: 0.1875rem;\n box-shadow: 0 0 0 0.25rem rgba(21, 89, 237, 0.25);\n }\n\n .sr-status {\n position: absolute;\n width: 0.0625rem;\n height: 0.0625rem;\n padding: 0;\n margin: -0.0625rem;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n white-space: nowrap;\n }\n\n @media (max-width: 768px) {\n .carousel-item img {\n max-height: 16rem;\n }\n\n .carousel-control-prev,\n .carousel-control-next {\n width: 15%;\n }\n\n .carousel-toolbar {\n padding-left: 0.75rem;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container-fluid\">\n <div class=\"row\">\n <div id=\"photo\" class=\"col-lg-12\">\n <div class=\"bd-example\">\n <div class=\"carousel-wrapper\" aria-label=\"\u6d3b\u52d5\u5716\u7247\u8f2a\u64ad\u5340\">\n\n \n <div class=\"carousel-toolbar\">\n <button\n type=\"button\"\n id=\"carouselToggleBtn\"\n class=\"carousel-toggle-btn\"\n aria-controls=\"carouselExampleCaptions\"\n aria-pressed=\"false\"\n aria-label=\"\u66ab\u505c\u5716\u7247\u8f2a\u64ad\">\n \u66ab\u505c\u8f2a\u64ad\n <\/button>\n <\/div>\n\n \n <div id=\"carouselStatus\" class=\"sr-status\" aria-live=\"polite\">\u8f2a\u64ad\u76ee\u524d\u70ba\u64ad\u653e\u4e2d<\/div>\n\n <div\n id=\"carouselExampleCaptions\"\n class=\"carousel slide\"\n data-ride=\"carousel\"\n data-interval=\"5000\"\n aria-label=\"\u6d3b\u52d5\u5716\u7247\u8f2a\u64ad\">\n\n <ol class=\"carousel-indicators\">\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"0\" class=\"active\" aria-label=\"\u7b2c1\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"1\" aria-label=\"\u7b2c2\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"2\" aria-label=\"\u7b2c3\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"3\" aria-label=\"\u7b2c4\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"4\" aria-label=\"\u7b2c5\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"5\" aria-label=\"\u7b2c6\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"6\" aria-label=\"\u7b2c7\u5f35\u6295\u5f71\u7247\"><\/li>\n <li data-target=\"#carouselExampleCaptions\" data-slide-to=\"6\" aria-label=\"\u7b2c8\u5f35\u6295\u5f71\u7247\"><\/li>\n <\/ol>\n\n <div class=\"carousel-inner\">\n <div class=\"carousel-item active\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2026\/05\/\u606d\u8cc0\u5091\u51fa\u8868\u73fe_\u5f35\u5a77\u5a77\u526f\u6559\u6388.jpg\" alt=\"\u606d\u8cc0\u5091\u51fa\u8868\u73fe\u90ed\u6b63\u6d69\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2026\/04\/\u606d\u8cc0\u5091\u51fa\u8868\u73fe\u90ed\u6b63\u6d69_new.png\" alt=\"\u606d\u8cc0\u5091\u51fa\u8868\u73fe\u90ed\u6b63\u6d69\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/05\/ddw_1.png\" alt=\"\u5b78\u8853\u6d3b\u52d5\u5716\u72471\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/05\/ddw_2.png\" alt=\"\u5b78\u8853\u6d3b\u52d5\u5716\u72472\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/05\/ddw_3.png\" alt=\"\u5b78\u8853\u6d3b\u52d5\u5716\u72473\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/05\/ddw_4.png\" alt=\"\u5b78\u8853\u6d3b\u52d5\u5716\u72474\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/04\/International_co_research_LBP.jpg\" alt=\"\u570b\u969b\u5408\u4f5c\u7814\u7a76\u6d3b\u52d5\u5716\u7247\">\n <\/div>\n <div class=\"carousel-item\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/\u606d\u559c7.png\" alt=\"\u7814\u7a76\u6210\u679c\u606d\u8cc0\u5716\u7247\">\n <\/div>\n <\/div>\n\n <a class=\"carousel-control-prev\" href=\"#carouselExampleCaptions\" role=\"button\" data-slide=\"prev\" aria-label=\"\u4e0a\u4e00\u5f35\">\n <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"sr-only\">\u4e0a\u4e00\u5f35<\/span>\n <\/a>\n\n <a class=\"carousel-control-next\" href=\"#carouselExampleCaptions\" role=\"button\" data-slide=\"next\" aria-label=\"\u4e0b\u4e00\u5f35\">\n <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"sr-only\">\u4e0b\u4e00\u5f35<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function () {\n var $carousel = $('#carouselExampleCaptions');\n var toggleBtn = document.getElementById('carouselToggleBtn');\n var status = document.getElementById('carouselStatus');\n var prevBtn = document.querySelector('.carousel-control-prev');\n var nextBtn = document.querySelector('.carousel-control-next');\n\n var isPaused = false;\n\n function setPlayingState(pausedByUser) {\n if (pausedByUser) {\n $carousel.carousel('pause');\n isPaused = true;\n toggleBtn.textContent = '\u64ad\u653e\u8f2a\u64ad';\n toggleBtn.setAttribute('aria-label', '\u64ad\u653e\u5716\u7247\u8f2a\u64ad');\n toggleBtn.setAttribute('aria-pressed', 'true');\n status.textContent = '\u8f2a\u64ad\u76ee\u524d\u70ba\u66ab\u505c\u4e2d';\n } else {\n $carousel.carousel('cycle');\n isPaused = false;\n toggleBtn.textContent = '\u66ab\u505c\u8f2a\u64ad';\n toggleBtn.setAttribute('aria-label', '\u66ab\u505c\u5716\u7247\u8f2a\u64ad');\n toggleBtn.setAttribute('aria-pressed', 'false');\n status.textContent = '\u8f2a\u64ad\u76ee\u524d\u70ba\u64ad\u653e\u4e2d';\n }\n }\n\n \/* \u521d\u59cb\u72c0\u614b\uff1a\u64ad\u653e\u4e2d *\/\n $carousel.carousel({\n interval: 5000,\n pause: false,\n keyboard: true,\n ride: 'carousel'\n });\n\n toggleBtn.addEventListener('click', function () {\n setPlayingState(!isPaused);\n });\n\n \/* \u7126\u9ede\u79fb\u5230\u5de6\u53f3\u9375\u6642\uff0c\u81ea\u52d5\u66ab\u505c *\/\n prevBtn.addEventListener('focus', function () {\n if (!isPaused) {\n $carousel.carousel('pause');\n status.textContent = '\u5df2\u56e0\u7126\u9ede\u79fb\u81f3\u4e0a\u4e00\u5f35\u6309\u9215\u800c\u66ab\u505c\u8f2a\u64ad';\n }\n });\n\n nextBtn.addEventListener('focus', function () {\n if (!isPaused) {\n $carousel.carousel('pause');\n status.textContent = '\u5df2\u56e0\u7126\u9ede\u79fb\u81f3\u4e0b\u4e00\u5f35\u6309\u9215\u800c\u66ab\u505c\u8f2a\u64ad';\n }\n });\n\n \/* \u7126\u9ede\u9032\u5165\u6574\u500b\u8f2a\u64ad\u5340\u6642\u4e5f\u53ef\u66ab\u505c\uff0c\u65b9\u4fbf\u95b1\u8b80 *\/\n $carousel.on('focusin', function (e) {\n if (!isPaused) {\n $carousel.carousel('pause');\n }\n });\n\n \/* \u82e5\u4f7f\u7528\u8005\u6c92\u6709\u624b\u52d5\u6309\u4e0b\u66ab\u505c\uff0c\u7126\u9ede\u96e2\u958b\u8f2a\u64ad\u5340\u53ef\u6062\u5fa9\u64ad\u653e *\/\n $carousel.on('focusout', function () {\n setTimeout(function () {\n var activeElement = document.activeElement;\n var wrapper = document.querySelector('.carousel-wrapper');\n var isStillInside = wrapper.contains(activeElement);\n\n if (!isStillInside && !isPaused) {\n $carousel.carousel('cycle');\n status.textContent = '\u8f2a\u64ad\u5df2\u6062\u5fa9\u64ad\u653e';\n }\n }, 10);\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-palette-color-8-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">\n <a href=\"https:\/\/mrc.som.nycu.edu.tw\/%e6%b4%bb%e5%8b%95%e5%85%ac%e5%91%8a\/\" title=\"\u6d3b\u52d5\u516c\u544a\">\n <strong>\u6d3b\u52d5\u516c\u544a<\/strong>\n <\/a>\n<\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-1024x576.png\" alt=\"FMT\u8a13\u7df4\u8207\u65b0\u77e5\u4ecb\u7d39\u8ab2\u7a0b\" class=\"wp-image-654\" srcset=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-1024x576.png 1024w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-300x169.png 300w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-768x432.png 768w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b-18x10.png 18w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/FMT\u8ab2\u7a0b.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-palette-color-8-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">\n <a href=\"https:\/\/mrc.som.nycu.edu.tw\/%e7%a0%94%e7%a9%b6%e6%88%90%e6%9e%9c-2\/\" title=\"\u7814\u7a76\u6210\u679c\">\n <strong>\u7814\u7a76\u6210\u679c<\/strong>\n <\/a>\n<\/h5>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1776\" height=\"971\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML.png\" alt=\"IL17A\u7814\u7a76\u6210\u679c\" class=\"wp-image-665\" style=\"width:633px;height:auto\" srcset=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML.png 1776w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-300x164.png 300w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-1024x560.png 1024w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-768x420.png 768w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-1536x840.png 1536w, https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/41598_2024_67325_Fig2_HTML-18x10.png 18w\" sizes=\"auto, (max-width: 1776px) 100vw, 1776px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h5 class=\"wp-block-heading\">\u5408\u4f5c\u5925\u4f34<\/h5>\n\n\n\n<figure class=\"wp-block-image\">\n<a href=\"https:\/\/www.mrc.unsw.edu.au\/\" \n title=\"\u524d\u5f80 UNSW MRC \u5b98\u65b9\u7db2\u7ad9\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/image-67.png\" \n alt=\"UNSW MRC \u5b98\u65b9\u7db2\u7ad9\" \n width=\"250\" \n class=\"wp-image-642\" \/>\n<\/a>\n<a href=\"https:\/\/www.microbiota.org.tw\/\" \n title=\"\u524d\u5f80\u53f0\u7063\u5fae\u83cc\u806f\u76df\u7db2\u7ad9\">\n <img decoding=\"async\" src=\"https:\/\/mrc.som.nycu.edu.tw\/wp-content\/uploads\/2025\/01\/logo-1.png\" \n alt=\"\u53f0\u7063\u5fae\u83cc\u806f\u76df\u7db2\u7ad9\" \n width=\"100\" \n class=\"wp-image-642\" \/>\n<\/a>\n<\/figure>\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n \/* =========================\n 1. \u53d6\u5f97\u4e3b\u8981\u5340\u584a\n ========================= *\/\n const header = document.querySelector('#header, header.ct-header, header');\n const logoLink = document.querySelector(\n '.site-logo-container, .custom-logo-link, .site-branding a[rel=\"home\"]'\n );\n const main = document.querySelector('#main, main.site-main, main');\n const footer = document.querySelector('#footer, footer.ct-footer, footer');\n\n const searchTrigger = document.querySelector(\n '.ct-header-search[data-toggle-panel=\"#search-modal\"], button[aria-controls=\"search-modal\"]'\n );\n const searchModal = document.querySelector('#search-modal');\n const searchInput = document.querySelector(\n '#search-modal input[type=\"search\"], #search-modal .modal-field, form[role=\"search\"] input[type=\"search\"]'\n );\n\n const mainNav = document.querySelector('#header-menu-1, nav[aria-label=\"main menu\"]');\n\n \/* =========================\n 2. \u8f14\u52a9\u51fd\u5f0f\n ========================= *\/\n function focusElement(el) {\n if (!el) return;\n\n try {\n el.focus({ preventScroll: false });\n } catch (e) {\n el.focus();\n }\n\n if (typeof el.scrollIntoView === 'function') {\n el.scrollIntoView({\n block: 'start',\n behavior: 'smooth'\n });\n }\n }\n\n function makeSectionFocusable(el, key, label) {\n if (!el) return;\n\n el.setAttribute('accesskey', key);\n\n \/\/ \u975e\u539f\u751f\u53ef\u805a\u7126\u5143\u7d20\u624d\u88dc tabindex\n if (!\/^(A|BUTTON|INPUT|SELECT|TEXTAREA)$\/.test(el.tagName)) {\n if (!el.hasAttribute('tabindex')) {\n el.setAttribute('tabindex', '-1');\n }\n }\n\n if (label && !el.getAttribute('aria-label')) {\n el.setAttribute('aria-label', label);\n }\n }\n\n \/* =========================\n 3. \u8a2d\u5b9a\u4e3b\u5340\u584a Accesskey\n ========================= *\/\n \/\/ Alt+U\uff1a\u4e0a\u65b9\u529f\u80fd\u5340\u584a\uff0c\u512a\u5148\u653e\u5728 Logo\n if (logoLink) {\n makeSectionFocusable(logoLink, 'U', '\u56de\u9996\u9801\u8207\u4e0a\u65b9\u529f\u80fd\u5340\u584a');\n } else {\n makeSectionFocusable(header, 'U', '\u4e0a\u65b9\u529f\u80fd\u5340\u584a');\n }\n\n \/\/ Alt+S\uff1a\u641c\u5c0b\u5340\u584a\uff0c\u653e\u5728\u641c\u5c0b\u6309\u9215\n if (searchTrigger) {\n makeSectionFocusable(searchTrigger, 'S', '\u7db2\u7ad9\u641c\u5c0b\u5340\u584a');\n }\n\n \/\/ Alt+C\uff1a\u4e2d\u592e\u5167\u5bb9\n if (main) {\n makeSectionFocusable(main, 'C', '\u4e2d\u592e\u5167\u5bb9\u5340\u584a');\n }\n\n \/\/ Alt+H\uff1a\u9801\u5c3e\n if (footer) {\n makeSectionFocusable(footer, 'H', '\u4e0b\u65b9\u529f\u80fd\u5340\u584a');\n }\n\n \/\/ \u4e3b\u9078\u55ae aria-label \u6539\u4e2d\u6587\n if (mainNav) {\n mainNav.setAttribute('aria-label', '\u4e3b\u9078\u55ae');\n }\n\n \/* =========================\n 4. Alt+S \u4e0d\u8df3\u6389\n - \u4e0d\u81ea\u52d5 click \u641c\u5c0b\u6309\u9215\n - \u53ea\u805a\u7126\u641c\u5c0b\u6309\u9215\u6216\u5df2\u958b\u555f\u641c\u5c0b\u6b04\n ========================= *\/\n function openSearchAndFocus() {\n \/\/ \u5982\u679c\u641c\u5c0b\u8996\u7a97\u5df2\u7d93\u958b\u555f\uff0c\u5c31\u76f4\u63a5\u805a\u7126\u641c\u5c0b\u6b04\n if (searchInput && searchModal && !searchModal.hasAttribute('inert')) {\n focusElement(searchInput);\n return;\n }\n\n \/\/ \u4e0d\u4e3b\u52d5 click\uff0c\u53ea\u805a\u7126\u641c\u5c0b\u6309\u9215\n if (searchTrigger) {\n focusElement(searchTrigger);\n return;\n }\n\n \/\/ \u82e5\u9801\u9762\u672c\u4f86\u5c31\u6709\u641c\u5c0b\u6b04\n if (searchInput) {\n focusElement(searchInput);\n return;\n }\n\n \/\/ \u6700\u5f8c\u624d\u805a\u7126\u641c\u5c0b\u5c0d\u8a71\u6846\u5bb9\u5668\n if (searchModal) {\n focusElement(searchModal);\n }\n }\n\n \/* =========================\n 5. \u5feb\u901f\u9375\u5099\u63f4\u8655\u7406\n Chrome \/ Edge\uff1aAlt + U\/S\/C\/H\n Firefox\uff1aShift + Alt + U\/S\/C\/H\n ========================= *\/\n document.addEventListener('keydown', function (e) {\n const key = (e.key || '').toLowerCase();\n const isFirefox = \/firefox\/i.test(navigator.userAgent);\n\n const matched = isFirefox\n ? (e.altKey && e.shiftKey && !e.ctrlKey && !e.metaKey)\n : (e.altKey && !e.shiftKey && !e.ctrlKey && !e.metaKey);\n\n if (!matched) return;\n if (!['u', 's', 'c', 'h'].includes(key)) return;\n\n e.preventDefault();\n\n switch (key) {\n case 'u':\n focusElement(logoLink || header);\n break;\n\n case 's':\n openSearchAndFocus();\n break;\n\n case 'c':\n focusElement(main);\n break;\n\n case 'h':\n focusElement(footer);\n break;\n }\n });\n\n \/* =========================\n 6. \u4fee\u6b63\u684c\u6a5f\u4e3b\u9078\u55ae v \u6309\u9215 aria-label\n ========================= *\/\n function getDirectMenuText(menuItem) {\n const link = menuItem.querySelector(':scope > a.ct-menu-link, :scope > a');\n if (!link) return '\u5b50\u9078\u55ae';\n\n let text = '';\n\n \/\/ \u53ea\u6293\u6587\u5b57\u7bc0\u9ede\uff0c\u907f\u514d\u628a\u7bad\u982d icon \u4e00\u8d77\u7b97\u9032\u53bb\n link.childNodes.forEach(function (node) {\n if (node.nodeType === Node.TEXT_NODE) {\n text += node.textContent;\n }\n });\n\n text = text.replace(\/\\s+\/g, ' ').trim();\n\n if (!text) {\n text = link.textContent.replace(\/\\s+\/g, ' ').trim();\n }\n\n return text || '\u5b50\u9078\u55ae';\n }\n\n function updateDesktopMenuToggleLabel(menuItem) {\n const button = menuItem.querySelector(':scope > button.ct-toggle-dropdown-desktop-ghost');\n if (!button) return;\n\n const menuText = getDirectMenuText(menuItem);\n const expanded = button.getAttribute('aria-expanded') === 'true';\n\n button.setAttribute('type', 'button');\n button.setAttribute('aria-haspopup', 'true');\n button.setAttribute(\n 'aria-label',\n expanded\n ? menuText + '\u5b50\u9078\u55ae\uff0c\u5df2\u5c55\u958b'\n : menuText + '\u5b50\u9078\u55ae\uff0c\u5df2\u6536\u5408'\n );\n }\n\n const desktopMenuItems = document.querySelectorAll(\n '#menu-main-menu > li.menu-item-has-children'\n );\n\n desktopMenuItems.forEach(function (menuItem) {\n const button = menuItem.querySelector(':scope > button.ct-toggle-dropdown-desktop-ghost');\n if (!button) return;\n\n updateDesktopMenuToggleLabel(menuItem);\n\n button.addEventListener('click', function () {\n setTimeout(function () {\n updateDesktopMenuToggleLabel(menuItem);\n }, 80);\n });\n\n button.addEventListener('keydown', function () {\n setTimeout(function () {\n updateDesktopMenuToggleLabel(menuItem);\n }, 80);\n });\n });\n\n const desktopMenuRoot = document.querySelector('#menu-main-menu');\n if (desktopMenuRoot) {\n const observer = new MutationObserver(function () {\n desktopMenuItems.forEach(updateDesktopMenuToggleLabel);\n });\n\n observer.observe(desktopMenuRoot, {\n subtree: true,\n attributes: true,\n attributeFilter: ['aria-expanded', 'class']\n });\n }\n\n \/* =========================\n 7. \u53ef\u9078\uff1a\u624b\u6a5f\u9078\u55ae\u6309\u9215\u6587\u5b57\u66f4\u6e05\u695a\n ========================= *\/\n const mobileMenuTrigger = document.querySelector(\n '.ct-header-trigger[aria-controls=\"offcanvas\"]'\n );\n if (mobileMenuTrigger) {\n mobileMenuTrigger.setAttribute('aria-label', '\u958b\u555f\u4e3b\u9078\u55ae');\n }\n\n const mobileCloseBtn = document.querySelector('#offcanvas .ct-toggle-close');\n if (mobileCloseBtn) {\n mobileCloseBtn.setAttribute('aria-label', '\u95dc\u9589\u5074\u9078\u55ae');\n }\n\n const searchCloseBtn = document.querySelector('#search-modal .ct-toggle-close');\n if (searchCloseBtn) {\n searchCloseBtn.setAttribute('aria-label', '\u95dc\u9589\u641c\u5c0b\u4e92\u52d5\u8996\u7a97');\n }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u6d3b\u52d5\u5716\u7247\u8f2a\u64ad \u66ab\u505c\u8f2a\u64ad \u8f2a\u64ad\u76ee\u524d\u70ba\u64ad\u653e\u4e2d \u4e0a\u4e00\u5f35 \u4e0b\u4e00\u5f35 \u6d3b\u52d5\u516c\u544a \u7814\u7a76\u6210\u679c \u5408\u4f5c\u5925\u4f34<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-311","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled"},"_links":{"self":[{"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/pages\/311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":106,"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/pages\/311\/revisions"}],"predecessor-version":[{"id":1069,"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/pages\/311\/revisions\/1069"}],"wp:attachment":[{"href":"https:\/\/mrc.som.nycu.edu.tw\/eng\/wp-json\/wp\/v2\/media?parent=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}