{"id":922,"date":"2022-05-20T08:28:29","date_gmt":"2022-05-20T00:28:29","guid":{"rendered":"https:\/\/localhost\/srdc\/?page_id=922"},"modified":"2026-01-21T09:49:46","modified_gmt":"2026-01-21T01:49:46","slug":"%e9%87%8d%e5%a4%a7%e4%ba%8b%e7%b4%80","status":"publish","type":"page","link":"https:\/\/www.srdc.org.tw\/srdc\/%e9%87%8d%e5%a4%a7%e4%ba%8b%e7%b4%80\/","title":{"rendered":"\u91cd\u5927\u4e8b\u7d00"},"content":{"rendered":"\n<!--\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.1\/dist\/css\/bootstrap.min.css\"\n    integrity=\"sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG\/eSrtxUkn\" crossorigin=\"anonymous\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/jquery@3.5.1\/dist\/jquery.slim.min.js\"\n    integrity=\"sha384-DfXdz2htPH0lsSSs5nCTpuj\/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj\"\n    crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.1\/dist\/js\/bootstrap.bundle.min.js\"\n    integrity=\"sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm\/tB9LTS58ONXgqbR9W8oWht\/amnpF\"\n    crossorigin=\"anonymous\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/use.fontawesome.com\/releases\/v5.2.0\/css\/all.css\"\n    integrity=\"sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK\/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ\" crossorigin=\"anonymous\">\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.7\/js\/bootstrap.min.js\"><\/script>\n-->\n\n<link rel=\"stylesheet\" href=\"https:\/\/www.srdc.org.tw\/srdc\/wp-content\/uploads\/js-and-css\/important-events\/bootstrap.min.css\"\n    integrity=\"sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG\/eSrtxUkn\" crossorigin=\"anonymous\">\n<script src=\"https:\/\/www.srdc.org.tw\/srdc\/wp-content\/uploads\/js-and-css\/important-events\/jquery.slim.min.js\"\n    integrity=\"sha384-DfXdz2htPH0lsSSs5nCTpuj\/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj\"\n    crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/www.srdc.org.tw\/srdc\/wp-content\/uploads\/js-and-css\/important-events\/bootstrap.bundle.min.js\"\n    integrity=\"sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm\/tB9LTS58ONXgqbR9W8oWht\/amnpF\"\n    crossorigin=\"anonymous\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/www.srdc.org.tw\/srdc\/wp-content\/uploads\/js-and-css\/important-events\/all.css\"\n    integrity=\"sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK\/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ\" crossorigin=\"anonymous\">\n<script src=\"https:\/\/www.srdc.org.tw\/srdc\/wp-content\/uploads\/js-and-css\/important-events\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/www.srdc.org.tw\/srdc\/wp-content\/uploads\/js-and-css\/important-events\/bootstrap.min.js\"><\/script>\n\n<style>\n    .main-timeline-srdc {\n        overflow: hidden;\n        position: relative\n    }\n\n    .main-timeline-srdc:before {\n        content: \"\";\n        width: 5px;\n        height: 100%;\n        background: #333;\n        position: absolute;\n        top: 70px;\n        left: 50%;\n        transform: translateX(-50%)\n    }\n\n    .main-timeline-srdc .timeline-srdc-content:before,\n    .main-timeline-srdc .timeline-srdc:before {\n        top: 50%;\n        transform: translateY(-50%);\n        content: \"\"\n    }\n\n    .main-timeline-srdc .timeline-srdc {\n        width: 50%;\n        padding-left: 100px;\n        float: right;\n        position: relative\n    }\n\n    .main-timeline-srdc .timeline-srdc:before {\n        width: 20px;\n        height: 20px;\n        border-radius: 50%;\n        background: #fff;\n        border: 5px solid #333;\n        position: absolute;\n        left: -10px\n    }\n\n    .main-timeline-srdc .timeline-srdc-content {\n        display: block;\n        padding-left: 130px;\n        position: relative\n    }\n\n    .main-timeline-srdc .timeline-srdc-content:before {\n        width: 90px;\n        height: 10px;\n        border-top: 7px dotted #333;\n        position: absolute;\n        left: -92px\n    }\n\n    .main-timeline-srdc .year {\n        display: inline-block;\n        width: 120px;\n        height: 120px;\n        line-height: 100px;\n        border-radius: 50%;\n        border: 10px solid #f54957;\n        font-size: 30px;\n        color: #f54957;\n        text-align: center;\n        box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        left: 0;\n    }\n\n    .main-timeline-srdc .inner-content {\n        padding: 60px 0;\n        min-height: 120px;\n    }\n\n    .main-timeline-srdc .title {\n        font-size: 24px;\n        font-weight: 600;\n        color: #f54957;\n        text-transform: uppercase;\n        margin: 0 0 5px\n    }\n\n    .main-timeline-srdc .description {\n        font-size: 12px;\n        color: #6f6f6f;\n        margin: 0 0 5px;\n        white-space: pre-line;\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(2n) {\n        padding: 0 100px 0 0\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(2n) .timeline-srdc-content:before,\n    .main-timeline-srdc .timeline-srdc:nth-child(2n) .year,\n    .main-timeline-srdc .timeline-srdc:nth-child(2n):before {\n        left: auto;\n        right: -10px\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(2n) .timeline-srdc-content {\n        padding: 0 150px 0 0\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(2n) .timeline-srdc-content:before {\n        right: -92px\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(2n) .year {\n        right: 0\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(2n) .year:before {\n        right: auto;\n        left: 0;\n        border-left: none;\n        border-right: 20px solid #f54957;\n        transform: rotate(-45deg)\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(2) {\n        margin-top: 110px\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(odd) {\n        margin: -110px 0 0\n    }\n\n    .main-timeline-srdc .timeline-srdc:nth-child(even) {\n        margin-bottom: 80px\n    }\n\n    .main-timeline-srdc .timeline-srdc:first-child,\n    .main-timeline-srdc .timeline-srdc:last-child:nth-child(even) {\n        margin: 0\n    }\n\n    @media only screen and (max-width:990px) {\n        .main-timeline-srdc {\n            overflow: visible\n        }\n\n        .main-timeline-srdc:before {\n            height: 100%;\n            top: 0;\n            left: 0;\n            transform: translateX(0)\n        }\n\n        .main-timeline-srdc .timeline-srdc:before,\n        .main-timeline-srdc .timeline-srdc:nth-child(2n):before {\n            top: 60px;\n            left: -9px;\n            transform: translateX(0)\n        }\n\n        .main-timeline-srdc .timeline-srdc,\n        .main-timeline-srdc .timeline-srdc:nth-child(even),\n        .main-timeline-srdc .timeline-srdc:nth-child(odd) {\n            width: 100%;\n            float: none;\n            text-align: center;\n            padding: 0;\n            margin: 0 0 10px\n        }\n\n        .main-timeline-srdc .timeline-srdc-content,\n        .main-timeline-srdc .timeline-srdc:nth-child(2n) .timeline-srdc-content {\n            padding: 0\n        }\n\n        .main-timeline-srdc .timeline-srdc-content:before,\n        .main-timeline-srdc .timeline-srdc:nth-child(2n) .timeline-srdc-content:before {\n            display: none\n        }\n\n        .main-timeline-srdc .timeline-srdc:nth-child(2n) .year,\n        .main-timeline-srdc .year {\n            position: relative;\n            transform: translateY(0)\n        }\n\n        .main-timeline-srdc .timeline-srdc:nth-child(2n) .year:before,\n        .main-timeline-srdc .year:before {\n            border: none;\n            border-right: 20px solid #f54957;\n            border-top: 10px solid transparent;\n            border-bottom: 10px solid transparent;\n            top: 50%;\n            left: -23px;\n            bottom: auto;\n            right: auto;\n            transform: rotate(0)\n        }\n\n        .main-timeline-srdc .inner-content {\n            padding: 10px\n        }\n    }\n<\/style>\n\n<div class=\"container\">\n    <div class=\"row\">\n        <div class=\"col-md-12\">\n            <div class=\"main-timeline-srdc\" id=\"main-timeline\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nvar BaseUrl = \"https:\/\/ims.srdc.org.tw\";\n    $(document).ready(function () {\n        var i = 1;\n        $.ajax({\n            url: BaseUrl + '\/OW_MajorEvents\/GetEventListJson',\n            type: 'GET',\n            dataType: 'json',\n            async: false,\n            success: function(data) {\n                data.forEach(element => {\n                    var NewBlock = `<div class=\"timeline-srdc\">\n                                        <div class=\"timeline-srdc-content\">\n                                            <span class=\"year\" style=\"color:${element.color};border-color:${element.color}\">${element.year}<\/span>\n                                            <div class=\"inner-content\">\n                                                <h3 class=\"title\" style=\"color:${element.color}\">\u6c11\u570b${element.year-1911}\u5e74<\/h3>\n                                                <p class=\"description\">${element.events}<\/p>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>`;\n                    $('#main-timeline').append(NewBlock);\n                });\n            },\n            error: function(error) {\n                console.log(error);\n            }\n        });\n    });\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"no_sidebar_full_width","colormag_page_sidebar_layout":"no_sidebar","ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-922","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.srdc.org.tw\/srdc\/wp-json\/wp\/v2\/pages\/922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.srdc.org.tw\/srdc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.srdc.org.tw\/srdc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.srdc.org.tw\/srdc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.srdc.org.tw\/srdc\/wp-json\/wp\/v2\/comments?post=922"}],"version-history":[{"count":38,"href":"https:\/\/www.srdc.org.tw\/srdc\/wp-json\/wp\/v2\/pages\/922\/revisions"}],"predecessor-version":[{"id":3130,"href":"https:\/\/www.srdc.org.tw\/srdc\/wp-json\/wp\/v2\/pages\/922\/revisions\/3130"}],"wp:attachment":[{"href":"https:\/\/www.srdc.org.tw\/srdc\/wp-json\/wp\/v2\/media?parent=922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}