{"id":946,"date":"2024-04-28T21:59:10","date_gmt":"2024-04-28T13:59:10","guid":{"rendered":"https:\/\/iweb20wpa.url.tku.edu.tw\/ins\/?page_id=946"},"modified":"2024-12-20T17:10:20","modified_gmt":"2024-12-20T09:10:20","slug":"index_en","status":"publish","type":"page","link":"\/qa\/?page_id=946","title":{"rendered":"Index_en"},"content":{"rendered":"\n<div class=\"wp-block-tkuwpbs5-bs5-container container-fluid has-background\" style=\"background-color:#e8eaeb;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);position:relative\" block_id=\"lvkm795ybzxgqbzv4ks\"><style><\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-container container\" style=\"position:relative\" block_id=\"lvdej8ymh92rh1t53a\"><style><\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column aligncenter col-md-5 align-self-start dv-slides col-md-12 col-lg-5\" style=\"padding-right:0\"><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow  position-relative \" id=\"lvddvxbvdl7h798ytt5\"><div class=\"owl-carousel-item position-relative\" customedate=\"2031-03-18 00:00:00\"><a href=\"https:\/\/tas.in.tku.edu.tw\/\" class=\"bannerlink\" target=\"_blank\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/qa\/wp-content\/uploads\/2026\/03\/114-2\u671f\u4e2d\u6559\u5b78\u610f\u898b\u8abf\u67e5\u6d77\u5831-scaled.jpg\" alt=\"114\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f\u300c\u671f\u4e2d\u6559\u5b78\u610f\u898b\u8abf\u67e5\u300d\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-end\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><h5 class=\"mb-3 animated rotateIn \" style = \"color: white;\">114\u5b78\u5e74\u5ea6\u7b2c2\u5b78\u671f\u671f\u672b\u6559\u5b78\u8a55\u91cf<\/h5><\/div><\/div><\/div><\/div><\/div><\/a><div class=\"owl-carousel-item position-relative\" customedate=\"2026-12-31 00:00:00\"><a href=\"https:\/\/tas.in.tku.edu.tw\/\" class=\"bannerlink\" target=\"_blank\"><img decoding=\"async\" class=\"img-fluid\" src=\"\/qa\/wp-content\/uploads\/2025\/12\/114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f\u671f\u672b\u6559\u5b78\u8a55\u91cf\u5ba3\u50b3\u6d77\u5831\u5ef6\u671f\u81f30109-scaled.jpg\" alt=\"114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f\u671f\u672b\u6559\u5b78\u8a55\u91cf\"><div class=\"position-absolute top-0 start-0 w-100 h-100 d-flex align-items-end\" style=\"background: rgba(24, 29, 56, .1);\"><div class=\"container\"><div class=\"row justify-content-start\"><div class=\"col-sm-10 col-lg-8\" ><h5 class=\"mb-3 animated rotateIn \" style = \"color: white;\">114\u5b78\u5e74\u5ea6\u7b2c1\u5b78\u671f\u671f\u672b\u6559\u5b78\u8a55\u91cf<\/h5><\/div><\/div><\/div><\/div><\/div><\/a><\/div><\/div><style>\n            #lvddvxbvdl7h798ytt5.owl-carousel {\n                display: block;\n            }\n            #lvddvxbvdl7h798ytt5 .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                    #lvddvxbvdl7h798ytt5.slideshow .owl-nav {\n                    \/*    right: 0;  *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%; \n                    }\n                    #lvddvxbvdl7h798ytt5.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        position: absolute;\n                    }\n                    #lvddvxbvdl7h798ytt5.slideshow .owl-nav .owl-next {\n                        right: 1%;\n                        position: absolute;\n\n                    }\n                    \n                #lvddvxbvdl7h798ytt5 .display-3 {\n                    font-size: 2rem;\n                }<\/style><script>\n                $(document).ready(function () {\n                    $(\"#lvddvxbvdl7h798ytt5 .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                    $(\"#lvddvxbvdl7h798ytt5\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\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                    #lvddvxbvdl7h798ytt5.owl-carousel.slideshow .owl-item .owl-carousel-item{\n                        height: 820px;\n                    }\n                }          \n    \n                <\/style><\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-7 align-self-start dv-news col-md-12 col-lg-7\">\n<div class=\"wp-block-tkuwpbs5-bs5-div dv-title\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70);padding-top:0\" data-aos=\"normal\">\n<h2 class=\"wp-block-heading\">NEWS <\/h2>\n<\/div>\n\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\",function () {\n\n        \/\/ init Isotope\n        var projects = $('#lverxt5oq61gvb7mkhm .projects').isotope({\n            itemSelector: '#lverxt5oq61gvb7mkhm .project',\n            layoutMode: 'fitRows',\n            filter: '.initial-filter-lverxt5oq61gvb7mkhm-1'   \/\/ \u521d\u59cb\u904e\u6ffe\u689d\u4ef6\uff0c\u53ea\u986f\u793a\u6709 'initial-filter' \u985e\u7684\u9805\u76ee\n        });\n\n        \n        $('#lverxt5oq61gvb7mkhm .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            $('#lverxt5oq61gvb7mkhm .filter-btn2').removeClass(\"active shadow\");\n            $(this).addClass(\"active\");\n\n            \/\/ filter-btn3 \u7b2c\u4e00\u500b\u9801\u78bc\u52a0active\n           $('#lverxt5oq61gvb7mkhm .filter-btn3').removeClass(\"active shadow\");\n           $('#lverxt5oq61gvb7mkhm .filter-btn3[data-filter=\"' + data_filter + '\"]').addClass(\"active\"); \n   \n            \/\/return false; 20240822 upd\n        });      \n        \n        $('#lverxt5oq61gvb7mkhm .filter-btn3').click(function () {\n            var data_filter3 = $(this).attr(\"data-filter\");\n            projects.isotope({\n                filter: data_filter3\n            });\n \n            $('#lverxt5oq61gvb7mkhm .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            $('#lverxt5oq61gvb7mkhm .listitem .filter-btn2:eq(1)').addClass('active');\n            $('#lverxt5oq61gvb7mkhm .listitem .filter-btn2:eq(0)').click();\n            $('#lverxt5oq61gvb7mkhm .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        $('#lverxt5oq61gvb7mkhm .filter-btn2[data-filter=\".lverxt5oq61gvb7mkhm-' + myCKL + '-1\"]').addClass(\"active\").click();\n        if (1!=1){ \/\/\u6c92\u6709\u6700\u65b0\u6a19\u7c3d            \n            if (myCKL == ''){ \/\/\u6c92\u6709\u50b3ckl\u53c3\u6578\n                $('#lverxt5oq61gvb7mkhm .listitem .filter-btn2:eq(1)').addClass('active');\n                $('#lverxt5oq61gvb7mkhm .listitem .filter-btn2:eq(1)').click();\n                $('#lverxt5oq61gvb7mkhm .listitem .filter-btn2:eq(0)').hide();\n            }\n        }\n        \n    });\n    <\/script><section id=\"lverxt5oq61gvb7mkhm\" class=\"container py-0\"><div class=\"row\"><div class=\"article-list-2 flex-right-side row projects\"><\/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<div class=\"wp-block-tkuwpbs5-bs5-row row\" style=\"margin-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-tkuwpbs5-bs5-column alignright col-md-12 align-self-start\">\n<p class=\"has-text-align-left justify-content-md-end btn btn-primary\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\">MORE<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-container container\" style=\"margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60);padding-top:0;padding-bottom:0;position:relative\" block_id=\"lvfzbair3htvj7vpgu7\"><style><\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-div dv-title4gallery\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\" data-aos=\"normal\">\n<h2 class=\"wp-block-heading\">GALLERY<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-lg-3 align-self-start col-md-6\"><img decoding=\"async\" src=\"\/qa\/wp-content\/uploads\/2024\/12\/1635_4bf369ad.jpg.w560_h355.jpg\" class=\"img-fluid img-fluid mx-auto d-block\" alt=\"\u4e0a\u50b3\u5716\u7247\">\n\n\n<p class=\"has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\"><a href=\"\/dib\/?tkuisotope=\u734e\u5b78\u91d1\u9812\u734e\u5178\u79ae\" target=\"_blank\" rel=\"noreferrer noopener\">112\u5b78\u5e74\u5ea6\u6559\u5b78\u8207\u884c\u653f\u9769\u65b0\u7814\u8a0e\u6703<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-lg-3 align-self-start col-md-6\"><a href=\"\/tm\/?tkuisotope=1121\u6843\u5712\u570b\u969b\u6a5f\u5834\u6821\u5916\u6559\u5b78\" target=\"_blank\"><img decoding=\"async\" src=\"\/qa\/wp-content\/uploads\/2024\/12\/1681_16db9e46.jpg.w560_h315.jpg\" class=\"img-fluid img-fluid mx-auto d-block\" alt=\"\u4e0a\u50b3\u5716\u7247\"><\/a>\n\n\n<p class=\"has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\"><a href=\"\/dib\/?tkuisotope=\u734e\u5b78\u91d1\u9812\u734e\u5178\u79ae\" target=\"_blank\" rel=\"noreferrer noopener\">112\u5b78\u5e74\u5ea6\u5168\u9762\u54c1\u8cea\u7ba1\u7406\u7814\u7fd2\u6703<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-lg-3 align-self-start col-md-6\"><a href=\"\/tm\/?tkuisotope=1121\u6843\u5712\u570b\u969b\u6a5f\u5834\u6821\u5916\u6559\u5b78\" target=\"_blank\"><img decoding=\"async\" src=\"\/qa\/wp-content\/uploads\/2024\/12\/1558_27be01c1.jpg.w560_h374.jpg\" class=\"img-fluid img-fluid mx-auto d-block\" alt=\"\u4e0a\u50b3\u5716\u7247\"><\/a>\n\n\n<p class=\"has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\"><a href=\"\/dib\/?tkuisotope=\u734e\u5b78\u91d1\u9812\u734e\u5178\u79ae\" target=\"_blank\" rel=\"noreferrer noopener\"> \u7b2c12\u5c46\u7cfb\u6240\u767c\u5c55\u734e\u52f5\u6d3b\u52d5<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-lg-3 align-self-start col-md-6\"><a href=\"\/tm\/?tkuisotope=1121\u6843\u5712\u570b\u969b\u6a5f\u5834\u6821\u5916\u6559\u5b78\" target=\"_blank\"><img decoding=\"async\" src=\"\/qa\/wp-content\/uploads\/2024\/12\/1705_db57b3a9.jpg.w560_h316.jpg\" class=\"img-fluid img-fluid mx-auto d-block\" alt=\"\u4e0a\u50b3\u5716\u7247\"><\/a>\n\n\n<p class=\"has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\"><a href=\"\/dib\/?tkuisotope=\u734e\u5b78\u91d1\u9812\u734e\u5178\u79ae\" target=\"_blank\" rel=\"noreferrer noopener\">\u7b2c\u4e09\u9031\u671f\u6821\u52d9\u8a55\u9451\u81ea\u6211\u8a55\u9451\u5be6\u5730\u8a2a\u8a55<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-row row\" style=\"margin-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-tkuwpbs5-bs5-column alignright col-md-12 align-self-start\">\n<p class=\"justify-content-md-end btn btn-primary has-link-color wp-elements-d25a6c3c45da40cccd906dd07c20e203\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"><a href=\"\/qa\/?page_id=10801\">MORE<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-div d-none d-md-block\" data-aos=\"normal\">\n<div class=\"wp-block-tkuwpbs5-bs5-container container-fluid\" style=\"position:relative\" block_id=\"lvg46vp1x2jxuq2pq\"><style>div[block_id=lvg46vp1x2jxuq2pq]::before { \n                    content: '';\n                    background-image: url('\/qa\/wp-content\/uploads\/2024\/12\/background.jpg');\n                    background-repeat: no-repeat;\n                    opacity: 0.5;\n                    background-size: undefined; \n                    background-position: left top;                  \n                    position: absolute;\n                    left: 0;\n                    top: 0;\n                    width: 100%;\n                    height: 100%;\n                    z-index: -1;\n                }<\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-container container dv-iconlink\" style=\"padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);position:relative\" block_id=\"lvg48kg4rx5fhq06gfn\"><style><\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-row row\">\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-2 align-self-start\"><\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-4 align-self-start\"><a href=\"https:\/\/sprout.tku.edu.tw\/index.aspx\" target=\"_blank\"><img decoding=\"async\" src=\"\/qa\/wp-content\/uploads\/2024\/12\/dc28ae5.jpg\" class=\"img-fluid img-fluid mx-auto d-block\" alt=\"\u4e0a\u50b3\u5716\u7247\"><\/a>\n\n\n<h4 class=\"wp-block-heading has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)\"><a href=\"\/ins\/?page_id=2660\">\u9ad8\u6559\u6df1\u8015<\/a><\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-column col-md-4 align-self-start\"><a href=\"https:\/\/sso.tku.edu.tw\/NEAI\/logineb.jsp?myurl=https:\/\/sso.tku.edu.tw\/ais2test\/tasadm4\/\" target=\"_blank\"><img decoding=\"async\" src=\"\/qa\/wp-content\/uploads\/2024\/12\/2_cfcff5c4.jpg\" class=\"img-fluid img-fluid mx-auto d-block\" alt=\"\u4e0a\u50b3\u5716\u7247\"><\/a>\n\n\n<h4 class=\"wp-block-heading has-text-align-center\" style=\"padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)\"><a href=\"https:\/\/sso.tku.edu.tw\/NEAI\/logineb.jsp?myurl=https:\/\/sso.tku.edu.tw\/ais2test\/tasadm4\/\">\u6559\u5b78\u8a55\u91cf\u8cc7\u6599\u67e5\u8a62\u7cfb\u7d71<\/a><\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-tkuwpbs5-bs5-div d-block d-sm-none\" data-aos=\"normal\">\n<div class=\"wp-block-tkuwpbs5-bs5-container container-fluid\" style=\"padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);position:relative\" block_id=\"lvg98xfpqi9q0j8jl0f\"><style>div[block_id=lvg98xfpqi9q0j8jl0f]::before { \n                    content: '';\n                    background-image: url('\/ins\/wp-content\/uploads\/2024\/04\/background.jpg');\n                    background-repeat: no-repeat;\n                    opacity: 0.5;\n                    background-size: undefined; \n                    background-position: undefined;                  \n                    position: absolute;\n                    left: 0;\n                    top: 0;\n                    width: 100%;\n                    height: 100%;\n                    z-index: -1;\n                }<\/style>\n<div class=\"wp-block-tkuwpbs5-bs5-container container dv-iconlink\" style=\"padding-right:0;padding-left:0;position:relative\" block_id=\"lvg998dh9gmkbupwao\"><style><\/style><div class=\"container-fluid p-0\"><div class=\"owl-carousel slideshow  position-relative \" id=\"lvg9a39c59sz1yl4zar\"><\/div><\/div><style>\n            #lvg9a39c59sz1yl4zar.owl-carousel {\n                display: block;\n            }\n            #lvg9a39c59sz1yl4zar .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                    #lvg9a39c59sz1yl4zar.slideshow .owl-nav {\n                    \/*    right: 0;  *\/\n                    \/*    flex-direction: row;  *\/\n                    \/*    justify-content: space-between; *\/\n                        width: 100%; \n                    }\n                    #lvg9a39c59sz1yl4zar.slideshow .owl-nav .owl-prev {\n                        left: 1%;\n                        position: absolute;\n                    }\n                    #lvg9a39c59sz1yl4zar.slideshow .owl-nav .owl-next {\n                        right: 1%;\n                        position: absolute;\n\n                    }\n                    \n                #lvg9a39c59sz1yl4zar .display-3 {\n                    font-size: 2rem;\n                }<\/style><script>\n                $(document).ready(function () {\n                    $(\"#lvg9a39c59sz1yl4zar .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                    $(\"#lvg9a39c59sz1yl4zar\").owlCarousel({\n                        autoplay: true,\n                        autoplayHoverPause:true,\n                        smartSpeed: 1500,\n                        autoplayTimeout: 8000,\n                        responsive:{\n                            0:{\n                                items:1\n                            },\n                            768:{  \n                                items: 1\n                            },\n                            992:{  \n                                 items: 4\n                            },                            \n                        }, margin: 10,dots: false,autoHeight: true, \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><\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n.dv-news section .news-date{\n   display:block;\n   position:relative;\n}\n\n.dv-news section .news-date::after{\n   content: \"\";\n   position: absolute;\n   top: 20%; \/* \u9019\u88e1\u8a2d\u5b9a\u4e0a\u65b9\u7684\u7a7a\u9593\uff0c\u4f7f\u5f97\u908a\u6846\u9ad8\u5ea6\u70ba div \u7684 60% *\/\n   bottom: 20%; \/* \u9019\u88e1\u8a2d\u5b9a\u4e0b\u65b9\u7684\u7a7a\u9593\uff0c\u4f7f\u5f97\u908a\u6846\u9ad8\u5ea6\u70ba div \u7684 60% *\/\n   right: 0;\n   border-right: 1px solid gray; \/* \u9019\u88e1\u8a2d\u5b9a\u908a\u6846\u7684\u6a23\u5f0f *\/\n}\n\n.dv-news .news-title{\n   text-align:left !important;\n}\n\n.news-year, .news-month {\n  display:block;\n  width: 80px;\n  text-align:right;  \n}\n\n.news-year {\n  \/*background-color: #f6f6f6;*\/\n  padding-right:0.3em;\n}\n\n.news-month {\n  color: #2b75b6;\n  font-weight:bold; \n  font-size:1.1em;\n}\n\n.news-title{\n  \/* border:1px blue solid; *\/\n}\n\n.dv-title, .dv-title4video h2,  .dv-title4gallery {\n   position: relative; \/* \u8b93\u507d\u5143\u7d20\u53ef\u4ee5\u76f8\u5c0d\u65bc\u9019\u500b\u5143\u7d20\u5b9a\u4f4d *\/\n   overflow: hidden;\n}\n\n.dv-title h2, .dv-title4video h2, .dv-title4gallery  h2{\n    position: relative; \/* \u8b93\u6587\u5b57\u5728\u7dda\u7684\u4e0a\u65b9 *\/\n    z-index: 1; \/* \u8b93\u6587\u5b57\u5728\u7dda\u7684\u4e0a\u65b9 *\/\n}\n\n.dv-title h2::after, .dv-title4video h2::after, .dv-title4gallery h2::after {\n    content: \"\"; \/* \u507d\u5143\u7d20\u9700\u8981\u5167\u5bb9\u624d\u6703\u986f\u793a\uff0c\u4f46\u6211\u5011\u53ea\u9700\u8981\u7dda\uff0c\u6240\u4ee5\u5167\u5bb9\u70ba\u7a7a *\/\n    position: absolute; \/* \u8b93\u6211\u5011\u53ef\u4ee5\u81ea\u7531\u5b9a\u4f4d\u9019\u689d\u7dda *\/\n    top: 50%; \/* \u8b93\u7dda\u5728\u5143\u7d20\u7684\u5782\u76f4\u4e2d\u9593 *\/\n    left: 120px; \/* \u8b93\u7dda\u5f9e\u5143\u7d20\u7684\u5de6\u908a\u958b\u59cb *\/\n    width:100%; \/* \u8b93\u7dda\u7684\u5bec\u5ea6\u8207\u5143\u7d20\u7684\u5bec\u5ea6\u4e00\u6a23 *\/\n    height: 1px; \/* \u8a2d\u5b9a\u7dda\u7684\u9ad8\u5ea6 *\/\n    background-color: gray; \/* \u8a2d\u5b9a\u7dda\u7684\u984f\u8272 *\/\n    z-index: -1; \/* \u8b93\u7dda\u5728\u6587\u5b57\u7684\u4e0b\u65b9 *\/\n}\n\n.dv-gallery .owl-carousel .owl-item{\n    background-color:#d9d9d9;\n}\n\n.dv-gallery .owl-carousel .owl-item h5{\n    font-size:0.96em;\n}\n\n.video-caption figcaption {\n    font-size:1.2em;\n    font-weight:bold;\n}\n\n\n\n\n.dv-iconlink .img-fluid{\n    transition: transform .3s; \/* Animation *\/\n}\n\n\n.dv-iconlink .img-fluid::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.5);\n    opacity: 0;\n    transition: opacity .2s;\n}\n\n\n.dv-iconlink .img-fluid:hover{\n    transform: scale(0.9);\n    transition: transform .3s; \/* Animation *\/\n}\n\n.dv-iconlink .img-fluid:hover::after{\n    opacity:0.5;\n}\n\n\n@media (max-width:1280px){\n   .dv-news section .news-date::after{\n       content: \"\";\n       border-right: none;\n    }\n\n   .news-year, .news-month {\n      text-align:center;  \n    }\n}\n\n@media (min-width:1025px) {\n    .dv-title h2::after {left:100px;}\n    .dv-title4video h2::after {left:110px;}\n    .dv-title4gallery h2::after {left:150px;}\n}\n\n@media (max-width:1024px) {\n    .dv-title h2::after {left:100px;}\n    .dv-title4video h2::after {left:100px;}\n    .dv-title4gallery h2::after {left:150px;}\n}\n\n@media (min-width:769px) {\n    .dv-gallery {\n        padding-left:50px;\n     }\n}\n\n@media (max-width:768px) {\n    .dv-title h2::after {left:100px;}\n    .dv-title4video h2::after {left:100px;}\n    .dv-title4gallery h2::after {left:140px;}\n\n    .dv-news section .news-date::after{\n       content: \"\";\n       border-right: none;\n    }\n\n   .news-year, .news-month {\n      text-align:left;  \n    }\n}\n\n@media (max-width: 460px) {\n   .dv-news section .news-date::after{\n       content: \"\";\n       border-right: none;\n    }\n\n    .news-year, .news-month {\n      display:inline;\n      text-align:left;  \n    }\n\n    .dv-title h2::after {left:80px;}\n    .dv-title4video h2::after {left:80px;}\n    .dv-title4gallery h2::after {left:120px;}\n\n    .dv-iconlink .owl-item {\n        padding: 20px 70px;\n     }\n    .dv-iconlink .owl-item .carousel-caption {\n        float: none !important;\n        clear:both;\n        left: 0px !important;\n        margin-left:0px !important;\n        text-align: center !important;\n     }\n}\n<\/style>\n\n\n\n<script>\n\/\/ \u9996\u9801\u6700\u65b0\u6d88\u606f\u5448\u73fe\u6a23\u5f0f\nlet dateElements = document.querySelectorAll('.news-date');\n\ndateElements.forEach((dateElement) => {\n  let date = new Date(dateElement.textContent);\n  let year = date.getFullYear();\n  let month = date.getMonth() + 1;\n  let day = date.getDate();\n\n  \/\/ \u5efa\u7acb\u65b0\u7684 span \u5143\u7d20\u4f86\u5305\u542b\u5e74\u4efd\u548c\u6708\u4efd\n  let yearElement = document.createElement('span');\n  let monthdayElement = document.createElement('span');\n  \n  \/\/ \u7d66\u65b0\u7684\u5143\u7d20\u6dfb\u52a0 class \u548c\u5167\u5bb9\n  yearElement.className = 'news-year';\n  yearElement.textContent = `${year}`;\n  \n  monthdayElement.className = 'news-month';\n  monthdayElement.textContent = `${month < 10 ? '0' + month : month}.${day < 10 ? '0' + day : day}`;\n  \n  \/\/ \u6e05\u7a7a\u539f\u672c\u7684 dateElement \u7684\u5167\u5bb9\uff0c\u7136\u5f8c\u6dfb\u52a0\u65b0\u7684\u5143\u7d20\n  dateElement.textContent = '';\n  dateElement.appendChild(yearElement);\n  dateElement.appendChild(monthdayElement);\n});\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-index-en","meta":{"_uag_custom_page_level_css":"","footnotes":""},"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"\u5f35\u79c0\u6995","author_link":"\/qa\/?author=5"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"\/qa\/index.php?rest_route=\/wp\/v2\/pages\/946"}],"collection":[{"href":"\/qa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"\/qa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"\/qa\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"\/qa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=946"}],"version-history":[{"count":58,"href":"\/qa\/index.php?rest_route=\/wp\/v2\/pages\/946\/revisions"}],"predecessor-version":[{"id":13452,"href":"\/qa\/index.php?rest_route=\/wp\/v2\/pages\/946\/revisions\/13452"}],"wp:attachment":[{"href":"\/qa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}