{"id":89,"date":"2023-12-27T01:57:13","date_gmt":"2023-12-27T01:57:13","guid":{"rendered":"https:\/\/iweb20b.url.tku.edu.tw\/tfgx\/?page_id=89"},"modified":"2025-09-23T16:58:14","modified_gmt":"2025-09-23T08:58:14","slug":"index","status":"publish","type":"page","link":"\/euilib\/","title":{"rendered":"index"},"content":{"rendered":"<div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow headslides position-relative banner-title\" id=\"lqn56w6b0kvdnz01xrhg\"><div class=\"owl-carousel-item position-relative\" customedate=\"2031-09-09 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/euilib\/wp-content\/uploads\/2025\/12\/2.png\" alt=\"\u6de1\u6c5f\u5927\u5b78\u5716\u66f8\u9928\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><h2 class=\"display-3 fw-bold  animated slideInDown \" style = \"color: white;\">\u6de1\u6c5f\u5927\u5b78\u5716\u66f8\u9928\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3<\/h2><\/div><\/div><\/div><\/div><\/div><div class=\"owl-carousel-item position-relative\" customedate=\"2031-09-09 00:00:00\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/euilib\/wp-content\/uploads\/2025\/12\/1.png\" alt=\"\u6de1\u6c5f\u5927\u5b78\u5716\u66f8\u9928\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><h2 class=\"display-3 fw-bold  animated slideInDown \" style = \"color: white;\">\u6de1\u6c5f\u5927\u5b78\u5716\u66f8\u9928\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3<\/h2><\/div><\/div><\/div><\/div><\/div><\/div><\/div><style>\n            #lqn56w6b0kvdnz01xrhg.owl-carousel {\n                display: block;\n            }\n            #lqn56w6b0kvdnz01xrhg .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #lqn56w6b0kvdnz01xrhg.slideshow .owl-nav {\n                    \/*    right: 0; *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%;\n                    }\n                    #lqn56w6b0kvdnz01xrhg.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        border-radius: 100%;\n                        position: absolute;\n                    }\n                    #lqn56w6b0kvdnz01xrhg.slideshow .owl-nav .owl-next {\n                     \/*   margin-right: 1%; *\/\n                        right: 1%;\n                        border-radius: 100%;\n                        position: absolute;\n\n                    }\n                    <\/style><script>\n                $(document).ready(function () {\n                    $(\"#lqn56w6b0kvdnz01xrhg .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    var owl = $(\".owl-carousel\");\n                    $(\"#lqn56w6b0kvdnz01xrhg\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        items: 1,dots: false,\n                        loop: true,\n                        nav : true,\n                        lazyLoad: true,\n                        animateOut: \"fadeOut\",\n                        animateIn: \"fadeIn\",\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n\n                    setTimeout(function(event) {\n                        owl.on(\"changed.owl.carousel\", function(event) {\n                            var item = event.item.index - 2;     \/\/ Position of the current item\n                            $(\"h2\").removeClass(\"animated slideInDown\");\n                            $(\"h5\").removeClass(\"animated rotateIn\");                    \n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h2\").addClass(\"animated slideInDown\");\n                            $(\".owl-item\").not(\".cloned\").eq(item).find(\"h5\").addClass(\"animated rotateIn\");  \n                        });}\n                    , 300); \n                \n    \n                });\n                <\/script><style>\n                @media (min-width:1400px) {\n                    #lqn56w6b0kvdnz01xrhg.owl-carousel.slideshow .owl-item .owl-carousel-item{\n                        height: 600px;\n                    }\n                }          \n    \n                <\/style>\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-container container index-layout\" style=\"position:relative\" block_id=\"lqklp64l0ic0ibsem6co\"><style><\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-container container welcome\" style=\"position:relative\" block_id=\"lqd7z2kdo1htm3v4o3\"><style><\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-start\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-start col-md-12 col-lg-6 dv-welcome\" style=\"padding-top:0;padding-bottom:0\">\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading index-title\" style=\"margin-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--40);padding-bottom:0\"><span class=\"title_small\">\u6b61\u8fce\u849e\u81e8 <\/span>     <strong><span class=\"title-red\" style=\"display: inline-block; border-bottom: 5px solid #003399;\">\u6de1\u6c5f\u5927\u5b78\u5716\u66f8\u9928\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3<\/span><\/strong> <\/h2>\n\n\n<div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow  position-relative \" id=\"m2u3ua3aqg6wly3265\"><div class=\"owl-carousel-item position-relative\" customedate=\"2029-06-17 00:00:00\"><a href=\"https:\/\/commission.europa.eu\/about\/commission-2024-2029_en\" class=\"bannerlink\" target=\"_blank\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/euilib\/wp-content\/uploads\/2024\/10\/\u65b0\u4efb\u6b50\u76df\u57f7\u59d4\u6703.jpg\" alt=\"2024 the structure of von der Leyen II Commission\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><\/div><\/div><\/div><\/div><\/div><\/a><\/div><\/div><style>\n            #m2u3ua3aqg6wly3265.owl-carousel {\n                display: block;\n            }\n            #m2u3ua3aqg6wly3265 .carousel-caption {\n                position: relative;\n                float: left;\n                left: 0;\n                padding: 0;\n                margin-left: 30px;\n                margin-top: 30px;\n                text-align: left;\n            }\n                    #m2u3ua3aqg6wly3265.slideshow .owl-nav {\n                    \/*    right: 0; *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%;\n                    }\n                    #m2u3ua3aqg6wly3265.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        border-radius: 100%;\n                        position: absolute;\n                    }\n                    #m2u3ua3aqg6wly3265.slideshow .owl-nav .owl-next {\n                     \/*   margin-right: 1%; *\/\n                        right: 1%;\n                        border-radius: 100%;\n                        position: absolute;\n\n                    }\n                    \n                #m2u3ua3aqg6wly3265 .display-3 {\n                    font-size: 2rem;\n                }<\/style><script>\n                $(document).ready(function () {\n                    $(\"#m2u3ua3aqg6wly3265 .owl-carousel-item\").each(function () {\n                        var expireDateStr = $(this).attr(\"customedate\"); \/\/ Get expire attribute\n                        let expireDate = new Date(expireDateStr);\n                        var currentDate = new Date(); \/\/ Get current time\n                        console.log(\"Current Date: \", currentDate); \/\/ Log current date to console\n                        if (expireDate < currentDate) {\n                            $(this).remove(); \/\/ Remove expired item\n                        }\n                    });\n                    var owl = $(\".owl-carousel\");\n                    $(\"#m2u3ua3aqg6wly3265\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 6000,\n                        responsive:{\n                            0:{\n                                items:1\n                            },\n                            768:{  \n                                items: 1\n                            },\n                            992:{  \n                                 items: 1\n                            },                            \n                        }, dots: false,\n                        loop: true,\n                        nav : true,\n                        navText : [\n                            '<i class=\"bi bi-chevron-left\"><\/i>',\n                            '<i class=\"bi bi-chevron-right\"><\/i>'\n                        ]\n                    });\n                \n    \n                });\n                <\/script><style>\n                @media (min-width:1400px) {\n                    #m2u3ua3aqg6wly3265.owl-carousel.slideshow .owl-item .owl-carousel-item{\n                        height: 540px;\n                    }\n                }          \n    \n                <\/style><\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-6 align-self-start col-md-12 col-lg-6\">\n<h2 class=\"wp-block-heading index-title\" style=\"margin-bottom:var(--wp--preset--spacing--60);padding-top:var(--wp--preset--spacing--40);padding-bottom:0\"><strong><span class=\"title-red\" style=\"display: inline-block; border-bottom: 5px solid #ffdd00;\">\u6700\u65b0\u6d88\u606f<\/span><\/strong> <\/h2>\n\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\",function () {\n\n        \/\/ init Isotope\n        var projects = $('#lqetc03zk5hl0blsp5n .projects').isotope({\n            itemSelector: '#lqetc03zk5hl0blsp5n .project',\n            layoutMode: 'fitRows',\n            filter: '.initial-filter-lqetc03zk5hl0blsp5n-1'   \/\/ \u521d\u59cb\u904e\u6ffe\u689d\u4ef6\uff0c\u53ea\u986f\u793a\u6709 'initial-filter' \u985e\u7684\u9805\u76ee\n        });\n\n        \n        $('#lqetc03zk5hl0blsp5n .filter-btn2').click(function () {            \n            var data_filter = $(this).attr(\"data-filter\");\n            projects.isotope({\n                filter: data_filter\n            });\n\n\n            \/\/ filter-btn2 \u985e\u5225\u52a0active\n            $('#lqetc03zk5hl0blsp5n .filter-btn2').removeClass(\"active shadow\");\n            $(this).addClass(\"active\");\n\n            \/\/ filter-btn3 \u7b2c\u4e00\u500b\u9801\u78bc\u52a0active\n           $('#lqetc03zk5hl0blsp5n .filter-btn3').removeClass(\"active shadow\");\n           $('#lqetc03zk5hl0blsp5n .filter-btn3[data-filter=\"' + data_filter + '\"]').addClass(\"active\"); \n   \n            \/\/return false; 20240822 upd\n        });      \n        \n        $('#lqetc03zk5hl0blsp5n .filter-btn3').click(function () {\n            var data_filter3 = $(this).attr(\"data-filter\");\n            projects.isotope({\n                filter: data_filter3\n            });\n \n            $('#lqetc03zk5hl0blsp5n .filter-btn3').removeClass(\"active\");\n            $(this).addClass(\"active\");\n \n            return false;\n        });\n\n        if (1!=1){\n            \/\/\u6c92\u6709\u6700\u65b0\u6a19\u7c3d,hide\u6700\u65b0\u6a19\u7c3d\n            $('#lqetc03zk5hl0blsp5n .listitem .filter-btn2:eq(1)').addClass('active');\n            $('#lqetc03zk5hl0blsp5n .listitem .filter-btn2:eq(0)').click();\n            $('#lqetc03zk5hl0blsp5n .listitem .filter-btn2:eq(0)').hide();\n        } \n\n\n\n        \/\/ Simulate click on filter-btn2 based on myCKL value\n        var myCKL = ''; \/\/ \u4f7f\u7528 addslashes \u4f86\u8655\u7406\u7279\u6b8a\u5b57\u7b26\n        $('#lqetc03zk5hl0blsp5n .filter-btn2[data-filter=\".lqetc03zk5hl0blsp5n-' + myCKL + '-1\"]').addClass(\"active\").click();\n        if (1!=1){ \/\/\u6c92\u6709\u6700\u65b0\u6a19\u7c3d            \n            if (myCKL == ''){ \/\/\u6c92\u6709\u50b3ckl\u53c3\u6578\n                $('#lqetc03zk5hl0blsp5n .listitem .filter-btn2:eq(1)').addClass('active');\n                $('#lqetc03zk5hl0blsp5n .listitem .filter-btn2:eq(1)').click();\n                $('#lqetc03zk5hl0blsp5n .listitem .filter-btn2:eq(0)').hide();\n            }\n        }\n        \n    });\n    <\/script><section id=\"lqetc03zk5hl0blsp5n\" class=\"container py-0\"><div class=\"row my-3 article-list listitem\"><div class=\"filter-btns shadow-md text-center col-auto\"><a class=\"filter-btn2 btn btn-outline-primary border-0 active ccolor rmargin\" data-filter=\".initial-filter-lqetc03zk5hl0blsp5n-1\" href=\"javascript: void();\" title=\"\u5168\u90e8\">\u5168\u90e8<\/a><a class=\"filter-btn2 btn btn-outline-primary border-0 rmargin\" title=\"\u516c\u544a\" data-filter=\".lqetc03zk5hl0blsp5n-\u516c\u544a-1\">\u516c\u544a<\/a><a class=\"filter-btn2 btn btn-outline-primary border-0 rmargin\" title=\"\u6b50\u76df\u65b0\u805e\" data-filter=\".lqetc03zk5hl0blsp5n-\u6b50\u76df\u65b0\u805e-1\">\u6b50\u76df\u65b0\u805e<\/a><a class=\"filter-btn2 btn btn-outline-primary border-0 rmargin\" title=\"\u6d3b\u52d5\u8cc7\u8a0a\" data-filter=\".lqetc03zk5hl0blsp5n-\u6d3b\u52d5\u8cc7\u8a0a-1\">\u6d3b\u52d5\u8cc7\u8a0a<\/a><\/div><\/div><div class=\"row\"><div class=\"article-list-2 flex-right-side row projects\"><a href=\"\/euilib\/?tkuisotope=%e7%84%a1%e4%ba%ba%e9%a7%95%e9%a7%9b%e8%a8%88%e7%a8%8b%e8%bb%8a%e5%9c%a8%e6%ad%90%e6%b4%b2%e8%b5%b7%e6%ad%a5\" class=\"text-decoration-none project  initial-filter-lqetc03zk5hl0blsp5n-1 lqetc03zk5hl0blsp5n-\u6b50\u76df\u65b0\u805e-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2026-06-09<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">\u7121\u4eba\u99d5\u99db\u8a08\u7a0b\u8eca\u5728\u6b50\u6d32\u8d77\u6b65<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6b50\u76df\u65b0\u805e<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e6%95%99%e7%9a%87%e8%89%af%e5%8d%81%e5%9b%9b%e4%b8%96%e7%82%ba%e4%bd%95%e5%89%8d%e5%be%80%e8%a5%bf%e7%8f%ad%e7%89%99%ef%bc%9f%e6%ad%a4%e8%a1%8c%e7%9a%84%e6%84%8f%e7%be%a9%e4%bd%95%e5%9c%a8%ef%bc%9f\" class=\"text-decoration-none project  initial-filter-lqetc03zk5hl0blsp5n-1 lqetc03zk5hl0blsp5n-\u6b50\u76df\u65b0\u805e-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2026-06-09<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">\u6559\u7687\u826f\u5341\u56db\u4e16\u70ba\u4f55\u524d\u5f80\u897f\u73ed\u7259\uff1f\u6b64\u884c\u7684\u610f\u7fa9\u4f55\u5728\uff1f\u00a0<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6b50\u76df\u65b0\u805e<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e6%ad%90%e7%9b%9f%e7%a7%bb%e6%b0%91%e6%94%bf%e7%ad%96%e6%ad%a3%e5%9c%a8%e5%b7%9d%e6%99%ae%e5%8c%96%ef%bc%9f%e8%a8%ad%e5%a2%83%e5%a4%96%e9%81%a3%e8%bf%94%e4%b8%ad%e5%bf%83%e6%8e%aa\" class=\"text-decoration-none project  initial-filter-lqetc03zk5hl0blsp5n-1 lqetc03zk5hl0blsp5n-\u6b50\u76df\u65b0\u805e-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2026-06-08<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">\u6b50\u76df\u79fb\u6c11\u653f\u7b56\u6b63\u5728\u5ddd\u666e\u5316\uff1f\u8a2d\u5883\u5916\u201c\u9063\u8fd4\u4e2d\u5fc3\u201d\u63aa\u65bd\u5f15\u767c\u722d\u8b70<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6b50\u76df\u65b0\u805e<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e6%ad%90%e7%9b%9f%e5%9f%b7%e5%a7%94%e6%9c%83%e5%b0%8b%e6%b1%82%e6%8a%80%e8%a1%93%e4%b8%bb%e6%ac%8a\" class=\"text-decoration-none project  initial-filter-lqetc03zk5hl0blsp5n-1 lqetc03zk5hl0blsp5n-\u6b50\u76df\u65b0\u805e-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2026-06-04<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">\u6b50\u76df\u57f7\u59d4\u6703\u5c0b\u6c42\u6280\u8853\u4e3b\u6b0a<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6b50\u76df\u65b0\u805e<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e6%ad%90%e7%9b%9f%e6%ba%96%e5%82%99%e4%bb%a5%e6%9c%ac%e5%9c%9f%e6%9b%bf%e4%bb%a3%e6%96%b9%e6%a1%88%e6%93%ba%e8%84%ab%e5%b0%8d%e7%be%8e%e5%9c%8b%e6%95%b8%e4%bd%8d%e4%bc%81%e6%a5%ad%e5%92%8c%e4%b8%ad\" class=\"text-decoration-none project  initial-filter-lqetc03zk5hl0blsp5n-1 lqetc03zk5hl0blsp5n-\u6b50\u76df\u65b0\u805e-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2026-05-31<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">\u6b50\u76df\u6e96\u5099\u4ee5\u672c\u571f\u66ff\u4ee3\u65b9\u6848\u64fa\u812b\u5c0d\u7f8e\u570b\u6578\u4f4d\u4f01\u696d\u548c\u4e2d\u570b\u6676\u7247\u7684\u4f9d\u8cf4<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6b50\u76df\u65b0\u805e<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e6%b3%95%e5%9c%8b%e5%87%ba%e7%8f%be%e9%a6%96%e4%be%8b%e6%84%9f%e6%9f%93%e7%97%85%e4%be%8b%ef%bc%9a%e6%bc%a2%e4%bb%96%e7%97%85%e6%af%92%e7%96%ab%e6%83%85%e5%92%8c%e6%96%b0%e5%86%a0%e4%b8%80%e6%a8%a3\" class=\"text-decoration-none project  lqetc03zk5hl0blsp5n-\u6b50\u76df\u65b0\u805e-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2026-05-12<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">\u6cd5\u570b\u51fa\u73fe\u9996\u4f8b\u611f\u67d3\u75c5\u4f8b\uff1a\u6f22\u4ed6\u75c5\u6bd2\u75ab\u60c5\u548c\u65b0\u51a0\u4e00\u6a23\u53ef\u6015\u55ce\uff1f<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6b50\u76df\u65b0\u805e<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e6%95%99%e8%82%b2%e9%83%a8%e7%95%99%e5%ad%b8%e7%8d%8e%e5%ad%b8%e9%87%91%e5%85%ac%e5%91%8a%ef%bc%81%e8%88%8722%e6%89%80%e4%b8%96%e7%95%8c%e7%99%be%e5%a4%a7%e5%90%88%e4%bd%9c%e6%8f%90%e4%be%9b%e6%9c%80\" class=\"text-decoration-none project  lqetc03zk5hl0blsp5n-\u6d3b\u52d5\u8cc7\u8a0a-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2025-11-18<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">11\/10-12\/3\u3010\u6559\u80b2\u90e8\u7559\u5b78\u734e\u5b78\u91d1\u516c\u544a\u3011\u820722\u6240\u4e16\u754c\u767e\u5927\u5408\u4f5c\u63d0\u4f9b\u6700\u95774\u5e74\u88dc\u52a9<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6d3b\u52d5\u8cc7\u8a0a<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=11-1%e5%85%ad%e3%80%90%e5%88%9d%e6%8e%a2%e6%af%94%e5%88%a9%e6%99%82%e4%b9%8b%e6%97%85%ef%bc%9a%e5%88%b0%e6%ad%90%e6%b4%b2%e5%bf%83%e8%87%9f%e7%95%99%e5%ad%b8%e3%80%91\" class=\"text-decoration-none project  lqetc03zk5hl0blsp5n-\u6d3b\u52d5\u8cc7\u8a0a-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2025-10-23<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">11\/1(\u516d)\u3010\u6bd4\u5229\u6642\u7559\u5b78\u8b1b\u5ea7\u3011\u521d\u63a2\u6bd4\u5229\u6642\u4e4b\u65c5\uff1a\u5230\u6b50\u6d32\u5fc3\u81df\u7559\u5b78<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6d3b\u52d5\u8cc7\u8a0a<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e3%80%9011-7-%e6%b3%95%e5%9c%8b%e9%a3%af%e5%ba%97%e7%ae%a1%e7%90%86%e5%ad%b8%e9%99%a2%e8%ac%9b%e5%ba%a7-vatel-bordeaux-%e6%b3%95%e5%9c%8b%e6%b3%a2%e7%88%be%e5%a4%9a%e7%93%a6%e5%b2%b1%e5%8b%92\" class=\"text-decoration-none project  lqetc03zk5hl0blsp5n-\u6d3b\u52d5\u8cc7\u8a0a-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2025-10-23<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">11\/7(\u516d) \u3010\u6cd5\u570b\u7559\u5b78\u8b1b\u5ea7\u3011\u6cd5\u570b\u98ef\u5e97\u7ba1\u7406\u5b78\u9662\u8b1b\u5ea7 &#8211; VATEL Bordeaux \u6cd5\u570b\u6ce2\u723e\u591a\u74e6\u5cb1\u52d2<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6d3b\u52d5\u8cc7\u8a0a<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=1115%e3%80%8c%e6%95%99%e8%82%b2%e9%83%a8114-115%e5%b9%b4%e5%ba%a6taiwangps%e7%95%99%e9%81%8a%e5%ad%b8%e5%ae%a3%e5%b0%8e%e8%aa%aa%e6%98%8e%e6%9c%83%ef%bc%88%e5%8c%97%e9%83%a8%e5%a0%b4%ef%bc%89%ef%bc%88\" class=\"text-decoration-none project  lqetc03zk5hl0blsp5n-\u6d3b\u52d5\u8cc7\u8a0a-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2025-10-14<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">11\/15(\u516d)\u3010\u6d77\u5916\u7559\u5b78\u8b1b\u5ea7\u3011\u300c\u6559\u80b2\u90e8114-115\u5e74\u5ea6TaiwanGPS\u7559\u904a\u5b78\u5ba3\u5c0e\u8aaa\u660e\u6703\uff08\u5317\u90e8\u5834\uff09\uff08\u8eab\u969c\u5834\uff09\u300d\uff0c\u6b61\u8fce\u53c3\u52a0\uff01<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6d3b\u52d5\u8cc7\u8a0a<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e5%88%9d%e6%8e%a2%e6%af%94%e5%88%a9%e6%99%82%e4%b9%8b%e6%97%85%ef%bc%9a%e6%ad%90%e6%b4%b2%e5%bf%83%e8%87%9f%e7%95%99%e5%ad%b8%e5%af%a6%e9%8c%84\" class=\"text-decoration-none project  lqetc03zk5hl0blsp5n-\u6d3b\u52d5\u8cc7\u8a0a-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2025-10-14<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">10\/18(\u516d)\u3010\u6bd4\u5229\u6642\u7559\u5b78\u8b1b\u5ea7\u3011\u521d\u63a2\u6bd4\u5229\u6642\u4e4b\u65c5\uff1a\u6b50\u6d32\u5fc3\u81df\u7559\u5b78\u5be6\u9304<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6d3b\u52d5\u8cc7\u8a0a<\/span><\/div><\/div><\/a><a href=\"\/euilib\/?tkuisotope=%e7%95%99%e5%ad%b8%e6%b3%95%e5%9c%8b%ef%bc%8c%e5%9f%b9%e9%a4%8a%e5%9c%8b%e9%9a%9b%e8%a6%96%e9%87%8e%e7%9a%84%e7%ac%ac%e4%b8%80%e6%ad%a5%ef%bc%81\" class=\"text-decoration-none project  lqetc03zk5hl0blsp5n-\u6d3b\u52d5\u8cc7\u8a0a-1\" title=\"\u53c3\u8003\u7db2\u5740\" target=\"_blank\"><div class=\"row item mx-auto\"><div class=\"col-md-2 col-sm-12\"><span class=\"news-date\">2025-10-14<\/span><\/div><div class=\"col-md-8 col-sm-12 ml-auto\"><span class=\"icon\"><\/span><span class=\"news-title\">10\/26(\u65e5)\u3010\u6cd5\u570b\u7559\u5b78\u8b1b\u5ea7\u3011\u7559\u5b78\u6cd5\u570b\uff0c\u57f9\u990a\u570b\u969b\u8996\u91ce\u7684\u7b2c\u4e00\u6b65\uff01<\/span><\/div><div class=\"col-md-2 col-sm-12\"><span class=\"news-type\">\u6d3b\u52d5\u8cc7\u8a0a<\/span><\/div><\/div><\/a><\/div><\/div><div class=\"col-md-12 text-end m-3 listitemp\"><a href=\"\" title=\"\u700f\u89bd\u66f4\u591a\"><\/a><\/div><\/section>\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>More Button Example<\/title>\n    <style>\n        .subcontainer {\n            text-align: right; \/* Aligns content to the right *\/\n            margin: 20px;\n        }\n\n        .more-link {\n            display: inline-block;\n            padding: 10px 20px;\n            font-size: 16px;\n            background-color: #0047ab;\n            color: white;\n            text-decoration: none; \/* Removes the default underline *\/\n            border-radius: 5px;\n            cursor: pointer;\n        }\n\n        .more-link:hover {\n            background-color: #ffdd00;\n        }\n\n        #additional-content {\n            display: none;\n            margin-top: 20px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"subcontainer\">\n        <a href=\"\/euilib\/?page_id=1513\" class=\"more-link\" target=\"_blank\" rel=\"noopener\">\u66f4\u591a<\/a>\n    <\/div>\n\n    <div id=\"additional-content\">\n        <p>This is the additional content that appears when the &#8220;More&#8221; button is clicked.<\/p>\n    <\/div>\n\n    <script>\n        function loadMore() {\n            var content = document.getElementById(\"additional-content\");\n            if (content.style.display === \"none\") {\n                content.style.display = \"block\";\n            } else {\n                content.style.display = \"none\";\n            }\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Tamkang University Library European Info Centre<\/title>\n    <style>\n        :root {\n            --eu-blue: #003399;\n            --eu-yellow: #FFCC00;\n            --eu-light-blue: #E6EEFF;\n            --eu-dark-blue: #002266;\n        }\n\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n            color: #333;\n        }\n\n        section {\n            padding: 40px 20px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .overview-section {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            align-items: center;\n            background-color: white;\n        }\n\n        .education-section {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            align-items: center;\n            background-color: var(--eu-light-blue);\n        }\n\n        h1 {\n            color: var(--eu-blue);\n            font-size: 2.5em;\n            margin-bottom: 20px;\n            position: relative;\n            padding-bottom: 10px;\n        }\n\n        h1::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 60px;\n            height: 4px;\n            background-color: var(--eu-yellow);\n        }\n\n        .button {\n            display: inline-block;\n            padding: 12px 24px;\n            background-color: var(--eu-blue);\n            color: white;\n            text-decoration: none;\n            border-radius: 5px;\n            margin-top: 20px;\n            transition: all 0.3s ease;\n            border: 2px solid var(--eu-blue);\n        }\n\n        .button:hover {\n            background-color: white;\n            color: var(--eu-blue);\n            border-color: var(--eu-blue);\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n            border-radius: 5px;\n            box-shadow: 0 4px 12px rgba(0, 51, 153, 0.1);\n        }\n\n        .gray-box {\n            background-color: white;\n            padding: 30px;\n            border-radius: 5px;\n            border: 1px solid rgba(0, 51, 153, 0.1);\n            box-shadow: 0 4px 12px rgba(0, 51, 153, 0.1);\n        }\n\n        .icon {\n            margin-left: 8px;\n            font-size: 0.8em;\n        }\n\n        @media (max-width: 768px) {\n            .overview-section,\n            .education-section {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <section class=\"overview-section\">\n        <div>\n            <h1>\u4e2d\u5fc3\u7c21\u4ecb<\/h1>\n            <p>\n\u6b50\u6d32\u806f\u76df(\u7c21\u7a31\u6b50\u76df)\u70ba\u63a8\u5ee3\u76f8\u95dc\u9818\u57df\u4e4b\u5b78\u8853\u7814\u7a76\uff0c\u5728\u57f7\u59d4\u6703\u4e4b\u5be9\u6838\u4e0b\uff0c \u65bc\u5168\u7403\u5404\u5927\u5b78\u8a2d\u7f6e\u6b50\u6d32\u806f\u76df\u6587\u737b\u4e2d\u5fc3(\u7c21\u7a31\u6b50\u76df\u6587\u737b\u4e2d\u5fc3\uff0cEuropean Documentation Centre, EDC)\uff0c\u800c\u672c\u9928\u7684\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3(\u539f\u540d\u6b50\u76df\u6587\u737b\u4e2d\u5fc3)\u4fbf\u662f\u5176\u4e2d\u4e4b\u4e00 \u3002\u7b2c\u4e00\u500b\u6b50\u76df\u6587\u737b\u4e2d\u5fc3\u8a2d\u7acb\u65bc1963\u5e74\uff0c\u76ee\u524d\u65bc\u5168\u7403\u5404\u5730\u8a2d\u7f6e\u4e86697\u500b\u6b50\u76df\u6587\u737b\u4e2d\u5fc3\uff0c\u5176\u4e2d\u6709403\u500b\u5206\u4f48\u65bc\u6b50\u76df\u6703\u54e1\u570b\u4e2d\u3002<br> \n2006\u5e749\u670819\u65e5\u300c\u6b50\u76df\u6587\u737b\u4e2d\u5fc3\u300d(European Documentation Centre, EDC)\u66f4\u540d\u70ba\u300c\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\u300d(The European Info, EUi)\uff0c\u6210\u70ba\u53f0\u7063\u7b2c\u4e00\u500b\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\u3002<br> \n\u570b\u5bb6\u5716\u66f8\u9928\u96a8\u5f8c\u57282006\u5e749\u670826\u65e5\uff0c\u8a2d\u7acb\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\u5c08\u5340\uff0c\u6210\u70ba\u53f0\u7063\u7b2c\u4e8c\u500b\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\u3002<br> \n\u672c\u9928\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\u9664\u63d0\u4f9b\u6b50\u76df\u5b98\u65b9\u51fa\u7248\u7684\u6587\u737b\u8cc7\u6599\u5916\uff0c\u4ea6\u63d0\u4f9b\u5ee3\u6cdb\u53ca\u591a\u6a23\u6027\u7814\u7a76\u6b50\u6d32\u8207\u6b50\u76df\u7684\u4e2d\u3001\u897f\u6587\u66f8\u7c4d\u8207\u671f\u520a\uff0c\u66f4\u591a\u7814\u7a76\u6b50\u76df(\u6d32)\u76f8\u95dc\u7684\u96fb\u5b50\u8cc7\u6599\u8207\u7ba1\u9053\u3002\u671f\u80fd\u4ee5\u63d0\u4f9b\u591a\u6a23\u800c\u5b8c\u6574\u7684\u6b50\u76df\u7814\u7a76\u8cc7\u8a0a\uff0c\u5c0d\u570b\u5167\u7814\u7a76\u6b50\u76df(\u6d32)\u7684\u5c08\u5bb6\u5b78\u8005\u3001\u6559\u8077\u54e1\u3001\u5b78\u751f\u5011\u4ee5\u53ca\u60f3\u77ad\u89e3\u6b50\u76df(\u6d32)\u7684\u5404\u754c\u4eba\u58eb\u6709\u6240\u52a9\u76ca\u3002\n<\/br> \n            <\/p>\n            <a href=\"\/euilib\/?page_id=8895\" class=\"button\">\n                \u6de1\u6c5f\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\u7c21\u4ecb\n                <span class=\"icon\">\u2192<\/span>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"\/euilib\/wp-content\/uploads\/2024\/10\/IMG_4853-scaled.jpg\" alt=\"European Center Info Centre Interior\" \/>\n        <\/div>\n    <\/section>\n\n    <section class=\"education-section\">\n        <div>\n            <img decoding=\"async\" src=\"\/euilib\/wp-content\/uploads\/2024\/10\/guillaume-perigois-0NRkVddA2fw-unsplash-scaled.jpg\" alt=\"\u6b50\u76df\u7814\u7a76\u8cc7\u6e90\" \/>\n        <\/div>\n        <div>\n            <h1>\u6b50\u76df\u7814\u7a76<\/h1>\n            <div class=\"gray-box\">\n                <p>\n                    \u672c\u9928\u6b50\u76df\u8cc7\u8a0a\u4e2d\u5fc3\u8207\u6b50\u76df\u57f7\u59d4\u6703\u7c3d\u8a02\u5bc4\u5b58\u5716\u66f8\u9928\u5354\u8b70\uff0c\u8ca0\u6709\u63a8\u5ee3\u6b50\u76df\u65b0\u77e5\u8207\u76f8\u95dc\u767c\u5c55\u4e4b\u7fa9\u52d9\u3002\u9664\u63d0\u4f9b\u6b50\u76df\u5404\u985e\u8cc7\u6599\uff0c\u671f\u80fd\u63a8\u5ee3\u53f0\u7063\u7684\u6b50\u6d32\u7814\u7a76\uff0c\u5354\u52a9\u8b80\u8005\u66f4\u6df1\u5165\u77ad\u89e3\u6b50\u76df\u767c\u5c55\u53ca\u904b\u4f5c\u72c0\u6cc1\u3002\u8acb\u9ede\u64ca\u4e0b\u65b9\u9023\u7d50\u4e86\u89e3\u66f4\u591a\u672c\u9928\u6b50\u76df\u7814\u7a76\u8cc7\u6e90\n                <\/p>\n                <a href=\"\/euilib\/?page_id=7818\" class=\"button\">\n                    \u6b50\u76df\u7814\u7a76\u8cc7\u6e90\n                    <span class=\"icon\">\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"[]"},"acf":[],"_links":{"self":[{"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/pages\/89"}],"collection":[{"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"\/euilib\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":136,"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":9060,"href":"\/euilib\/index.php?rest_route=\/wp\/v2\/pages\/89\/revisions\/9060"}],"wp:attachment":[{"href":"\/euilib\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}