{"id":30,"date":"2025-11-22T16:07:48","date_gmt":"2025-11-22T16:07:48","guid":{"rendered":"https:\/\/ccat.indesigntips.tw\/blog\/?page_id=30"},"modified":"2026-08-25T16:54:44","modified_gmt":"2026-08-25T16:54:44","slug":"about","status":"publish","type":"page","link":"https:\/\/ccat.indesigntips.tw\/blog\/?page_id=30","title":{"rendered":"\u7406\u5ff5\u5b97\u65e8"},"content":{"rendered":"\n<section id=\"purposeWrap\">\n        <div id=\"img_04\" class=\"purposeImg\">\n            <img decoding=\"async\" src=\"https:\/\/ccat.indesigntips.tw\/blog\/wp-content\/uploads\/2026\/08\/taiwan.svg\">\n        <\/div>\n\n        <section id=\"visionCon\">\n            <h1 class=\"purposeHeroTitle\">\u9858\u666f<\/h1>\n            <div class=\"purposeTextWrap\">\n                <p class=\"purposeConText\">\n                    <span>\u4e16\u4e16\u4ee3\u4ee3<\/span>\n                    <span>\u6587\u5316\u7368\u7acb\u7684\u6c11\u4e3b\u570b\u5bb6<\/span>\n                <\/p>\n            <\/div>\n        <\/section>\n\n\n        <section id=\"missionCon\">\n            <h1 class=\"purposeHeroTitle\">\u4efb\u52d9<\/h1>\n            <div class=\"purposeTextWrap\">\n                <h2>\u8d70\u5728\u81ea\u7531<\/h2>\n                <p class=\"purposeConText\">\n                    <span>\u91cd\u8996\u516c\u6c11\u6b0a\u5229\u8207\u8cac\u4efb\uff1b<\/span>\n                    <span>\u4fc3\u9032\u8f49\u578b\u6b63\u7fa9\u3002<\/span>\n                    <span>\u76e3\u7763\u5730\u65b9\u653f\u6cbb\uff1b<\/span>\n                <\/p>\n                <h2>\u9081\u5411\u5efa\u570b<\/h2>\n                <p class=\"purposeConText\">\n                    <span>\u901a\u904e\u6587\u5316\u4f5c\u70ba\uff0c<\/span>\n                    <span>\u5efa\u7acb\u570b\u5bb6\u5b9a\u4f4d\u5171\u8b58\uff1b<\/span>\n                    <span>\u4fc3\u9032\u793e\u6703\u5718\u7d50\uff0c<\/span>\n                    <span>\u8b93\u53f0\u7063\u6210\u70ba\u6b63\u5e38\u570b\u5bb6\u3002<\/span>\n                <\/p>\n            <\/div>\n        <\/section>\n\n        <div id=\"img_02\" class=\"purposeImg\">\n            <img decoding=\"async\" src=\"https:\/\/ccat.indesigntips.tw\/blog\/wp-content\/uploads\/2026\/08\/purpose_2.png\">\n        <\/div>\n        <div id=\"img_03\" class=\"purposeImg\">\n            <img decoding=\"async\" src=\"https:\/\/ccat.indesigntips.tw\/blog\/wp-content\/uploads\/2026\/08\/purpose_3.png\">\n        <\/div>\n        <div id=\"img_01\" class=\"purposeImg\">\n            <img decoding=\"async\" src=\"https:\/\/ccat.indesigntips.tw\/blog\/wp-content\/uploads\/2026\/08\/purpose_01.png\">\n        <\/div>\n\n    <\/section>\n\n\n\n<style>\np {\n\t\t\tmargin: 0;\n\n\t\t}\n\n\t\th2 {\n\t\t\tmargin-top: 0;\n\t\t\tmargin-bottom: .5rem;\n\t\t}\n\n\t\t#purposeWrap h1 {\n\t\t\taspect-ratio: 1\/1;\n\t\t\tcolor: #ffffff;\n\t\t\tfont-size: 2rem;\n\t\t\ttext-align: center;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmax-width: 5em;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t#purposeWrap {\n\t\t\tletter-spacing: 0.1em;\n\n\t\t}\n\n\t\t#visionCon h1 {\n\t\t\tbackground: radial-gradient(#00a99081 0%, #ffffff00 70%);\n\t\t\ttext-shadow: #00A98F 0px 0px 10px;\n\t\t}\n\n\t\t#missionCon h1 {\n\t\t\tbackground: radial-gradient(#FF4D0081 0%, #ffffff00 70%);\n\t\t\ttext-shadow: #FF4D00 0px 0px 10px;\n\t\t}\n\n\t\t#purposeWrap h2 {\n\t\t\tfont-size: 1.5rem;\n\t\t}\n\n\t\t.purposeConText {\n\t\t\tmargin-bottom: 1em;\n\t\t}\n\n\t\t.purposeConText span {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t#visionCon {\n\t\t\tcolor: #00A98F;\n\t\t}\n\n\t\t#missionCon,\n\t\t#missionCon h2 {\n\t\t\tcolor: #FF4D00;\n\t\t\ttext-align: center;\n\t\t\t\n\t\t}\n\n\t\t#missionCon h2 {\n\t\t\tmargin-top: 1rem;\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t#purposeWrap {\n\t\t\ttext-align: center;\n\t\t\twidth: 80%;\n\t\t\tmargin: 0 auto;\n\n\t\t}\n\n\t\t.purposeTextWrap {\n\t\t\tmargin: -2em auto 0 auto;\n\t\t}\n\n\n\t\tbody.page .content-wrap,\n\t\tbody.page .post-page-content {\n\t\t\toverflow: visible;\n\t\t}\n\n\t\t@media screen and (max-width:640px) {\n\n\t\t\t.purposeHeroTitle {\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\n\t\t\t.purposeImg {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t}\n\n\n\t\t@media screen and (min-width:640px) {\n\n\t\t\t#purposeWrap {\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-flow: column;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tmin-height: 700px;\n\t\t\t}\n\n\t\t\t#visionCon,\n\t\t\t#missionCon {\n\t\t\t\tz-index: 2;\n\t\t\t}\n\n\t\t\t.purposeImg {\n\t\t\t\tdisplay: block;\n\t\t\t\topacity: 0;\n\t\t\t\tanimation: fadeIn 3s forwards;\n\t\t\t\tz-index: 2;\n\t\t\t}\n\n\t\t\t#img_04 {\n\t\t\t\taspect-ratio: 1\/1;\n\t\t\t\tposition: relative;\n\t\t\t\tbackground: radial-gradient(#00A98F 0%, #00a99000 70%);\n\t\t\t\twidth: 55%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tz-index: 0;\n\t\t\t\tjustify-content: center;\n\n\t\t\t}\n\n\t\t\t#img_04 img {\n\t\t\t\tfilter: drop-shadow(#3477A7 0px 0px 30px);\n\t\t\t\twidth: 35%;\n\t\t\t\tmargin-right: 11%;\n\t\t\t}\n\n\t\t\t#visionCon .purposeConText span {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t#missionCon {\n\t\t\t\twidth: 57%;\n\t\t\t}\n\n\t\t\t.purposeImg img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: auto;\n\t\t\t}\n\n\t\t\t#img_01 {\n\t\t\t\twidth: 16.666%;\n\t\t\t}\n\n\t\t\t#img_02 {\n\t\t\t\twidth: 17.83%;\n\t\t\t}\n\n\t\t\t#img_03 {\n\t\t\t\twidth: 27.777%;\n\t\t\t}\n\n\t\t\t#visionCon,\n\t\t\t#missionCon,\n\t\t\t#img_01,\n\t\t\t#img_02,\n\t\t\t#img_03,\n\t\t\t#img_04 {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\t\/* 1. \u5148\u5c07\u5143\u7d20\u7684\u300c\u5de6\u4e0a\u89d2\u300d\u63a8\u5230\u7236\u5c64\u6b63\u4e2d\u592e *\/\n\t\t\t\tleft: 50%;\n\t\t\t\t\/* 2. -50%,-50%\u53ef\u5c07\u5143\u7d20\u5f80\u56de\u63a8\u300c\u81ea\u5df1\u5bec\u9ad8\u7684\u4e00\u534a\u300d\uff0c\u9054\u6210\u5b8c\u7f8e\u7f6e\u4e2d *\/\n\t\t\t\ttransform: translate(-50%, -77%);\n\n\t\t\t}\n\n\t\t\t#img_01 {\n\t\t\t\ttop: 52%;\n\t\t\t\tleft: 14%;\n\t\t\t\tmax-width: 128px;\n\t\t\t}\n\n\t\t\t#img_02 {\n\t\t\t\ttop: 71%;\n\t\t\t\tleft: 27%;\n\t\t\t\tmax-width: 137px;\n\t\t\t}\n\n\t\t\t#img_03 {\n\t\t\t\ttop: 29%;\n\t\t\t\tleft: 79%;\n\t\t\t\tmax-width: 213px;\n\t\t\t}\n\n\t\t\t#visionCon {\n\t\t\t\ttop: 23%;\n\t\t\t\tleft: 25%;\n\t\t\t}\n\n\t\t\t#missionCon {\n\t\t\t\tbottom: 4rem;\n\t\t\t\tleft: 49%;\n\t\t\t\ttransform: translate(0%, 0%);\n\t\t\t\ttop: auto;\n\n\t\t\t}\n\n\n\t\t\t.purposeConText span {\n\t\t\t\tdisplay: inline-block\n\t\t\t}\n\n\t\t\t#missionCon :nth-child(1 of .purposeConText) {\n\t\t\t\tmax-width: 320px;\n\t\t\t\tmargin-left: auto !important;\n\t\t\t\tmargin-right: auto !important;\n\t\t\t}\n\n\t\t\t#visionCon,\n\t\t\t#missionCon {\n\t\t\t\tposition: absolute;\n\t\t\t\t\/* display: none; *\/\n\t\t\t}\n\t\t}\n\n\t\t@media screen and (min-width:768px) {}\n\n\t\t@keyframes fadeIn {\n\n\t\t\t0% {\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\t\t\t100% {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u9858\u666f \u4e16\u4e16\u4ee3\u4ee3 \u6587\u5316\u7368\u7acb\u7684\u6c11\u4e3b\u570b\u5bb6 \u4efb\u52d9 \u8d70\u5728\u81ea\u7531 \u91cd\u8996\u516c\u6c11\u6b0a\u5229\u8207\u8cac\u4efb\uff1b \u4fc3\u9032\u8f49\u578b\u6b63\u7fa9\u3002 \u76e3\u7763\u5730\u65b9\u653f\u6cbb\uff1b \u9081\u5411\u5efa\u570b \u901a\u904e\u6587\u5316\u4f5c\u70ba\uff0c \u5efa\u7acb\u570b\u5bb6\u5b9a\u4f4d\u5171\u8b58\uff1b \u4fc3\u9032\u793e\u6703\u5718\u7d50\uff0c \u8b93\u53f0\u7063\u6210\u70ba\u6b63\u5e38\u570b\u5bb6\u3002<\/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-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccat.indesigntips.tw\/blog\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccat.indesigntips.tw\/blog\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccat.indesigntips.tw\/blog\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccat.indesigntips.tw\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccat.indesigntips.tw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":12,"href":"https:\/\/ccat.indesigntips.tw\/blog\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":668,"href":"https:\/\/ccat.indesigntips.tw\/blog\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/668"}],"wp:attachment":[{"href":"https:\/\/ccat.indesigntips.tw\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}