{"id":90,"date":"2026-10-01T00:05:37","date_gmt":"2026-09-30T16:05:37","guid":{"rendered":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/?page_id=90"},"modified":"2026-10-06T22:14:09","modified_gmt":"2026-10-06T14:14:09","slug":"%e5%b7%a5%e4%bd%9c%e5%9d%8a%e4%bb%8b%e7%b4%b9-introduce","status":"publish","type":"page","link":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/","title":{"rendered":"\u5de5\u4f5c\u574a\u4ecb\u7d39\/Introduce"},"content":{"rendered":"\n<style>\n\/* =========================================\n   1. \u9801\u7c64\u6574\u9ad4\u5916\u89c0\u8a2d\u8a08\n========================================= *\/\n.wp-custom-tabs {\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    background: #fff;\n    overflow: hidden;\n    margin-bottom: 1.5em;\n}\n.wp-tab-buttons {\n    display: flex;\n    background-color: #f8fafc;\n    border-bottom: 1px solid #e2e8f0;\n}\n.wp-tab-btn {\n    background-color: inherit;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    padding: 14px 24px;\n    transition: 0.3s;\n    font-size: 16px;\n    font-weight: 500;\n    color: #475569;\n}\n.wp-tab-btn:hover {\n    background-color: #e2e8f0;\n}\n.wp-tab-btn.active {\n    background-color: #ffffff;\n    color: #2271b1; \n    border-bottom: 3px solid #2271b1;\n}\n.wp-tab-content {\n    padding: 32px 24px;\n    display: none; \n    animation: fadeEffect 0.8s;\n}\n@keyframes fadeEffect {\n    from {opacity: 0;}\n    to {opacity: 1;}\n}\n\n\/* =========================================\n   2. \u5716\u7247\u7279\u6548\u8207\u5916\u5c64\u5bb9\u5668 (\u4e2d\u82f1\u5171\u7528)\n========================================= *\/\n.vip-img-wrapper {\n    border-radius: 12px; \n    overflow: hidden;    \n    box-shadow: 0 4px 12px rgba(0,0,0,0.08); \n}\n.vip-img-wrapper img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.4s ease; \n}\n.vip-img-wrapper:hover img {\n    transform: scale(1.08); \n}\n\n\/* =========================================\n   3. \u4e2d\u6587\u7248\uff1a6:4 \u5de6\u53f3\u7248\u9762 (Flexbox)\n========================================= *\/\n.vip-layout-container {\n    display: flex;\n    flex-wrap: wrap; \n    gap: 30px;\n    align-items: stretch;\n}\n.vip-text {\n    flex: 6 1 350px; \n    line-height: 1.85;\n    text-align: justify; \n    color: #333;\n}\n.vip-text p {\n    margin-top: 0;\n    margin-bottom: 1.2em;\n}\n.vip-text p:last-child {\n    margin-bottom: 0;\n}\n.vip-images {\n    flex: 4 1 250px; \n    display: flex;\n    flex-direction: column; \n    justify-content: center; \n    gap: 24px; \n}\n\n\/* =========================================\n   4. \u82f1\u6587\u7248\uff1a\u6587\u7e5e\u5716\u8a2d\u8a08 (Float)\n========================================= *\/\n.vip-wrap-container {\n    display: block; \n    line-height: 1.85;\n    text-align: justify;\n    color: #333;\n}\n.vip-wrap-container p {\n    margin-top: 0;\n    margin-bottom: 1.2em;\n}\n\/* \u5c07\u5716\u7247\u7fa4\u7d44\u5411\u53f3\u6d6e\u52d5\uff0c\u5be6\u73fe\u6587\u7e5e\u5716 *\/\n.vip-wrap-images {\n    float: right; \n    width: 40%;\n    min-width: 250px;\n    margin: 0 0 20px 30px; \/* \u5de6\u5074\u8207\u4e0b\u65b9\u7559\u767d\uff0c\u63a8\u958b\u6587\u5b57 *\/\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\/* \u6e05\u9664\u6d6e\u52d5\uff0c\u907f\u514d\u5167\u5bb9\u6ea2\u51fa\u7834\u7248 *\/\n.clearfix::after {\n    content: \"\";\n    clear: both;\n    display: table;\n}\n\n\/* =========================================\n   5. \u97ff\u61c9\u5f0f\uff1a\u624b\u6a5f\u87a2\u5e55\u9632\u8b77\n========================================= *\/\n@media (max-width: 768px) {\n    \/* \u624b\u6a5f\u7248\u82f1\u6587\u53d6\u6d88\u6587\u7e5e\u5716\uff0c\u907f\u514d\u6587\u5b57\u592a\u64e0 *\/\n    .vip-wrap-images {\n        float: none;\n        width: 100%;\n        margin: 0 0 24px 0;\n    }\n}\n<\/style>\n\n<div class=\"wp-custom-tabs\">\n    <!-- \u9801\u7c64\u6309\u9215\u5340\u584a -->\n    <div class=\"wp-tab-buttons\">\n        <button class=\"wp-tab-btn active\" onclick=\"openWpTab(event, 'tab-tw')\">\u5de5\u4f5c\u574a\u4ecb\u7d39\n<\/button>\n        <button class=\"wp-tab-btn\" onclick=\"openWpTab(event, 'tab-en')\">Introduce<\/button>\n    <\/div>\n\n    <!-- \u9801\u7c64 1 \u5167\u5bb9 (\u4e2d\u6587 - 6:4 \u5de6\u53f3\u6392\u7248) -->\n    <div id=\"tab-tw\" class=\"wp-tab-content\" style=\"display:block;\">\n        <div class=\"vip-layout-container\">\n            <div class=\"vip-text\">\n                <p>VIP\u570b\u969b\u4ea4\u6d41\u5de5\u4f5c\u574a\u65e8\u5728\u4fc3\u9032\u570b\u969b\u4ea4\u6d41\u8207\u8de8\u6587\u5316\u4e92\u52d5\uff0c\u900f\u904e\u5c08\u984c\u5206\u4eab\u3001\u5be6\u52d9\u4ea4\u6d41\u3001\u4e92\u52d5\u9ad4\u9a57\u53ca\u591a\u5143\u6587\u5316\u5c0d\u8a71\u7b49\u65b9\u5f0f\uff0c\u9080\u8acb\u4e0d\u540c\u570b\u5bb6\u8207\u6587\u5316\u80cc\u666f\u7684\u53c3\u8207\u8005\u9f4a\u805a\u4e00\u5802\uff0c\u5171\u540c\u5206\u4eab\u5b78\u7fd2\u7d93\u9a57\u3001\u6587\u5316\u7279\u8272\u8207\u591a\u5143\u89c0\u9ede\u3002<\/p>\n                <p>\u6d3b\u52d5\u4e0d\u50c5\u63d0\u4f9b\u53c3\u8207\u8005\u6df1\u5165\u8a8d\u8b58\u4e0d\u540c\u570b\u5bb6\u6587\u5316\u8207\u793e\u6703\u8108\u7d61\u7684\u6a5f\u6703\uff0c\u66f4\u9f13\u52f5\u5f7c\u6b64\u4ea4\u6d41\u60f3\u6cd5\u3001\u5206\u4eab\u7d93\u9a57\uff0c\u5728\u4e92\u52d5\u904e\u7a0b\u4e2d\u57f9\u990a\u8de8\u6587\u5316\u6e9d\u901a\u8207\u7406\u89e3\u80fd\u529b\uff0c\u9032\u4e00\u6b65\u62d3\u5c55\u570b\u969b\u8996\u91ce\u8207\u5168\u7403\u601d\u7dad\u3002<\/p>\n                <p>\u671f\u76fc\u85c9\u7531\u5de5\u4f5c\u574a\u5efa\u7acb\u958b\u653e\u3001\u591a\u5143\u4e14\u53cb\u5584\u7684\u570b\u969b\u4ea4\u6d41\u5e73\u53f0\uff0c\u6df1\u5316\u5f7c\u6b64\u5c0d\u4e0d\u540c\u6587\u5316\u7684\u5c0a\u91cd\u8207\u7406\u89e3\uff0c\u540c\u6642\u4fc3\u9032\u570b\u969b\u5925\u4f34\u9593\u7684\u4ea4\u6d41\u8207\u9023\u7d50\uff0c\u7d2f\u7a4d\u8de8\u570b\u5b78\u7fd2\u7d93\u9a57\uff0c\u4e26\u70ba\u672a\u4f86\u6301\u7e8c\u4ea4\u6d41\u3001\u5b78\u8853\u5408\u4f5c\u53ca\u591a\u5143\u570b\u969b\u5408\u4f5c\u5960\u5b9a\u826f\u597d\u57fa\u790e\u3002<\/p>\n            <\/div>\n            <div class=\"vip-images\">\n                <div class=\"vip-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/wp-content\/uploads\/2026\/10\/9515_2.jpg\" alt=\"VIP\u570b\u969b\u4ea4\u6d41\u5de5\u4f5c\u574a\u4e92\u52d5\">\n                <\/div>\n                <div class=\"vip-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/wp-content\/uploads\/2026\/10\/9515_1.jpg\" alt=\"VIP\u570b\u969b\u4ea4\u6d41\u5de5\u4f5c\u574a\u5408\u7167\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u9801\u7c64 2 \u5167\u5bb9 (English - \u6587\u7e5e\u5716\u6392\u7248) -->\n    <div id=\"tab-en\" class=\"wp-tab-content\">\n        <!-- \u52a0\u4e0a clearfix \u78ba\u4fdd\u6d6e\u52d5\u4e0d\u6703\u5f71\u97ff\u5916\u90e8\u4f48\u5c40 -->\n        <div class=\"vip-wrap-container clearfix\">\n            \n            <!-- \u6d6e\u52d5\u5728\u53f3\u5074\u7684\u5716\u7247\u5340\u584a -->\n            <div class=\"vip-wrap-images\">\n                <div class=\"vip-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/wp-content\/uploads\/2026\/10\/9515_2.jpg\" alt=\"VIP International Exchange Workshop Interaction\">\n                <\/div>\n                <div class=\"vip-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/wp-content\/uploads\/2026\/10\/9515_1.jpg\" alt=\"VIP International Exchange Workshop Group Photo\">\n                <\/div>\n            <\/div>\n\n            <!-- \u6587\u5b57\u5340\u584a (\u6703\u81ea\u52d5\u570d\u7e5e\u5de6\u5074\u8207\u4e0b\u65b9) -->\n            <p>The VIP International Exchange Workshop aims to promote international exchange and cross-cultural interaction. Through keynote and thematic presentations, practical exchanges, interactive activities, and multicultural dialogue, the workshop brings together participants from diverse countries and cultural backgrounds to share learning experiences, cultural perspectives, and diverse viewpoints.<\/p>\n            <p>The workshop not only provides participants with opportunities to gain a deeper understanding of different cultures and social contexts, but also encourages them to exchange ideas and experiences. Through meaningful interaction, participants can strengthen their cross-cultural communication and mutual understanding while broadening their international perspectives and global outlook.<\/p>\n            <p>Through this workshop, we hope to establish an open, diverse, and welcoming platform for international exchange, deepen mutual respect and understanding among different cultures, and strengthen connections among international partners. The workshop also seeks to enrich participants\u2019 cross-border learning experiences and lay a solid foundation for continued exchange, academic collaboration, and broader international cooperation in the future.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ \u63a7\u5236\u9801\u7c64\u5207\u63db\u7684 JavaScript\nfunction openWpTab(evt, tabName) {\n    var i, tabcontent, tablinks;\n    \n    tabcontent = document.getElementsByClassName(\"wp-tab-content\");\n    for (i = 0; i < tabcontent.length; i++) {\n        tabcontent[i].style.display = \"none\";\n    }\n    \n    tablinks = document.getElementsByClassName(\"wp-tab-btn\");\n    for (i = 0; i < tablinks.length; i++) {\n        tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\n    }\n    \n    document.getElementById(tabName).style.display = \"block\";\n    evt.currentTarget.className += \" active\";\n}\n<\/script>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-center\">VIP\u806f\u76df\/VIP Consortium<\/h1>\n<\/div>\n<\/div>\n\n\n\n<style>\n\/* \u5916\u5c64\u5bb9\u5668\uff1a\u5f37\u5236\u4e00\u5217 4 \u6b04 *\/\n.university-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* \u6838\u5fc3\u8a2d\u5b9a\uff1a\u56fa\u5b9a 4 \u7b49\u4efd *\/\n    gap: 16px; \/* \u7e2e\u5c0f\u5361\u7247\u4e4b\u9593\u7684\u9593\u8ddd\u4ee5\u6e1b\u5c11\u7559\u767d *\/\n    margin: 2rem 0;\n}\n\n\/* \u5b78\u6821\u5361\u7247\u5340\u584a\u8a2d\u8a08 *\/\n.university-card {\n    text-align: center;\n    padding: 16px 12px; \/* \u5927\u5e45\u6e1b\u5c11\u5361\u7247\u5167\u90e8\u7684\u4e0a\u4e0b\u5de6\u53f3\u7559\u767d *\/\n    background-color: #ffffff;\n    border-radius: 12px;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    text-decoration: none; \n    display: block;\n}\n\n.university-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15); \/* \u52a0\u6df1\u9670\u5f71 *\/\n}\n\n\/* \u5b78\u6821 Logo \u5716\u7247\uff1a\u653e\u5927\u5c3a\u5bf8\u4e26\u7dad\u6301\u6b63\u5713\u5f62 *\/\n.university-card img {\n    width: 180px;         \/* \u5c3a\u5bf8\u653e\u5927 (\u539f\u70ba120px) *\/\n    height: 180px;        \/* \u5fc5\u9808\u8207\u5bec\u5ea6\u76f8\u540c\u4ee5\u7dad\u6301\u6b63\u5713 *\/\n   \/* border-radius: 50%;*\/\n    object-fit: contain;  \n    background-color: #ffffff;\n    padding: 6px;         \/* \u7e2e\u5c0f\u5716\u7247\u8207\u5713\u5f62\u908a\u6846\u7684\u8ddd\u96e2\uff0c\u8b93 Logo \u986f\u5f97\u66f4\u5927 *\/\n    box-sizing: border-box; \n    border: 1px solid #e0e0e0; \n    margin: 0 auto 12px auto;\n    display: block;\n}\n\n.uni-name-tw {\n    font-size: 1.15rem;   \/* \u4e2d\u6587\u5b57\u9ad4\u5fae\u8abf\u653e\u5927 *\/\n    font-weight: bold;\n    color: #333333;\n    margin: 0 0 4px 0;\n}\n\n.uni-name-en {\n    font-size: 0.85rem;\n    color: #777777;\n    margin: 0;\n    line-height: 1.2;\n}\n\n\/* \u97ff\u61c9\u5f0f\u4fdd\u8b77\uff1a\u9632\u6b62\u624b\u6a5f\u87a2\u5e55\u786c\u585e 4 \u6b04\u5c0e\u81f4\u7834\u7248 *\/\n@media (max-width: 768px) {\n    .university-grid {\n        grid-template-columns: repeat(2, 1fr); \/* \u624b\u6a5f\u7248\u81ea\u52d5\u8f49\u70ba\u4e00\u5217 2 \u6b04 *\/\n        gap: 12px;\n    }\n    .university-card img {\n        width: 140px; \/* \u624b\u6a5f\u7248 Logo \u7a0d\u5fae\u7e2e\u5c0f\u9069\u61c9\u87a2\u5e55 *\/\n        height: 140px;\n    }\n}\n<\/style>\n\n<div class=\"university-grid\">\n    <!-- \u4f5b\u5149\u5927\u5b78 -->\n    <a href=\"https:\/\/www.fgu.edu.tw\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"university-card\">\n        <img decoding=\"async\" src=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/wp-content\/uploads\/2026\/10\/fgu.png\" alt=\"\u4f5b\u5149\u5927\u5b78 Logo\">\n        <p class=\"uni-name-tw\">\u4f5b\u5149\u5927\u5b78<\/p>\n        <p class=\"uni-name-en\">Fo Guang University<\/p>\n    <\/a>\n\n    <!-- \u97d3\u570b\u4ec1\u8377\u5927\u5b78 -->\n    <a href=\"https:\/\/www.inha.ac.kr\/kr\/index.do\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"university-card\">\n        <!-- \u26a0\ufe0f \u8a18\u5f97\u66ff\u63db\u4e0b\u65b9\u7684 src \u7db2\u5740 -->\n        <img decoding=\"async\" src=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/wp-content\/uploads\/2026\/10\/Inhau.png\" alt=\"\u97d3\u570b\u4ec1\u8377\u5927\u5b78 Logo\">\n        <p class=\"uni-name-tw\">\u97d3\u570b\u4ec1\u8377\u5927\u5b78<\/p>\n        <p class=\"uni-name-en\">Inha University<\/p>\n    <\/a>\n\n    <!-- \u570b\u7acb\u6771\u83ef\u5927\u5b78 -->\n    <a href=\"https:\/\/www.ndhu.edu.tw\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"university-card\">\n        <!-- \u26a0\ufe0f \u8a18\u5f97\u66ff\u63db\u4e0b\u65b9\u7684 src \u7db2\u5740 -->\n        <img decoding=\"async\" src=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/wp-content\/uploads\/2026\/10\/dhu.png\" alt=\"\u570b\u7acb\u6771\u83ef\u5927\u5b78 Logo\">\n        <p class=\"uni-name-tw\">\u570b\u7acb\u6771\u83ef\u5927\u5b78<\/p>\n        <p class=\"uni-name-en\">National Dong Hwa University<\/p>\n    <\/a>\n\n    <!-- \u570b\u7acb\u5b9c\u862d\u5927\u5b78 -->\n    <a href=\"https:\/\/www.niu.edu.tw\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"university-card\">\n        <!-- \u26a0\ufe0f\ufe0f \u8a18\u5f97\u66ff\u63db\u4e0b\u65b9\u7684 src \u7db2\u5740 -->\n        <img decoding=\"async\" src=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/wp-content\/uploads\/2026\/10\/niu.png\" alt=\"\u570b\u7acb\u5b9c\u862d\u5927\u5b78 Logo\">\n        <p class=\"uni-name-tw\">\u570b\u7acb\u5b9c\u862d\u5927\u5b78<\/p>\n        <p class=\"uni-name-en\">National Ilan University<\/p>\n    <\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5de5\u4f5c\u574a\u4ecb\u7d39 Introduce VIP\u570b\u969b\u4ea4\u6d41\u5de5\u4f5c\u574a\u65e8\u5728\u4fc3\u9032\u570b\u969b\u4ea4\u6d41\u8207\u8de8\u6587\u5316\u4e92\u52d5\uff0c\u900f\u904e\u5c08\u984c\u5206\u4eab\u3001\u5be6\u52d9\u4ea4\u6d41\u3001\u4e92\u52d5\u9ad4\u9a57\u53ca\u591a\u5143\u6587\u5316\u5c0d\u8a71\u7b49\u65b9\u5f0f\uff0c\u9080\u8acb\u4e0d\u540c\u570b\u5bb6\u8207\u6587\u5316\u80cc\u666f\u7684&#8230;<\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/\"> Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/index.php?rest_route=\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=90"}],"version-history":[{"count":17,"href":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/wpsite.fgu.edu.tw\/wordpress\/vipworkshop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}