{"id":750,"date":"2026-08-17T05:50:57","date_gmt":"2026-08-17T05:50:57","guid":{"rendered":"https:\/\/tpma.com.tw\/wordpress_0\/?page_id=750"},"modified":"2026-09-16T04:14:20","modified_gmt":"2026-09-16T04:14:20","slug":"%e9%97%9c%e6%96%bc%e5%8d%94%e6%9c%83","status":"publish","type":"page","link":"https:\/\/tpma.com.tw\/?page_id=750","title":{"rendered":"\u95dc\u65bc\u5354\u6703"},"content":{"rendered":"\n<style>\n\/* ==================================================\n   \u95dc\u65bc\u5354\u6703 ABOUT US\n   \u684c\u6a5f\uff1a1120px\n   \u624b\u6a5f\uff1a1080 \u00d7 650 \u6bd4\u4f8b\u5b8c\u6574\u986f\u793a\n================================================== *\/\n\n.tpma-about-box,\n.tpma-about-box * {\n    box-sizing: border-box;\n}\n\n\n\/* ==================================================\n   ABOUT US \u5916\u6846\n================================================== *\/\n\n.tpma-about-box {\n    width: 100%;\n    max-width: 1120px;\n    height: 500px;\n\n    margin: 0 auto;\n    padding: 0;\n\n    position: relative;\n    overflow: hidden;\n\n    background: #ffffff;\n\n    font-family:\n        \"Noto Sans TC\",\n        \"Microsoft JhengHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* ==================================================\n   \u684c\u6a5f\u7248\n   \u8207\u4e0b\u4e00\u5340\u584a\u7d71\u4e00 1120px\n================================================== *\/\n\n@media (min-width: 1101px) {\n\n    .tpma-about-box {\n        width: 1120px !important;\n        max-width: 1120px !important;\n        height: 500px !important;\n\n        margin-left: auto !important;\n        margin-right: auto !important;\n    }\n}\n\n\n\/* ==================================================\n   \u80cc\u666f\u5716\u7247\n================================================== *\/\n\n.tpma-about-bg {\n    position: absolute;\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    overflow: hidden;\n\n    z-index: 1;\n}\n\n.tpma-about-bg img {\n    display: block;\n}\n\n\n\/* ==================================================\n   \u684c\u6a5f\u5716\u7247\n\n   \u5b8c\u6574\u986f\u793a\n   \u4e0d\u88c1\u5207\n   \u9760\u53f3\u8cbc\u9f4a\u7b2c\u4e00\u5340\u53f3\u908a\n================================================== *\/\n\n.tpma-about-desktop-img {\n    display: block;\n\n    position: absolute;\n\n    top: 0;\n    right: 0;\n\n    width: 100%;\n    height: 100%;\n\n    max-width: none;\n\n    object-fit: contain;\n    object-position: right center;\n}\n\n\n\/* \u624b\u6a5f\u5716\u7247\u9810\u8a2d\u96b1\u85cf *\/\n\n.tpma-about-mobile-img {\n    display: none !important;\n}\n\n\n\/* ==================================================\n   \u684c\u6a5f\u5de6\u5074\u6587\u5b57\n================================================== *\/\n\n.tpma-about-content {\n    position: absolute;\n\n    z-index: 3;\n\n    top: 34px;\n    left: 42px;\n\n    width: 330px;\n}\n\n\n\/* ==================================================\n   ABOUT US\n================================================== *\/\n\n.tpma-about-en {\n    margin: 0 0 7px;\n\n    color: #0878c9;\n\n    font-size: 14px;\n    font-weight: 700;\n\n    line-height: 1.2;\n\n    letter-spacing: 3.5px;\n}\n\n\n\/* ==================================================\n   \u95dc\u65bc\u5354\u6703\n================================================== *\/\n\n.tpma-about-title {\n    margin: 0 0 9px;\n\n    color: #073d73;\n\n    font-size: 40px;\n    font-weight: 800;\n\n    line-height: 1.08;\n}\n\n\n\/* ==================================================\n   \u526f\u6a19\u984c\n================================================== *\/\n\n.tpma-about-subtitle {\n    width: 100%;\n    max-width: 330px;\n\n    margin: 0 0 20px;\n\n    color: #075a9e;\n\n    font-size: 17px;\n    font-weight: 700;\n\n    line-height: 1.45;\n\n    white-space: nowrap;\n}\n\n\n\/* ==================================================\n   \u684c\u6a5f\u4ecb\u7d39\u6587\u5b57\n================================================== *\/\n\n.tpma-about-text {\n    width: 100%;\n    max-width: 285px;\n\n    margin: 0 0 13px;\n\n    color: #34495e;\n\n    font-size: 13px;\n    font-weight: 400;\n\n    line-height: 1.65;\n\n    letter-spacing: 0;\n}\n\n.tpma-about-text:last-of-type {\n    margin-bottom: 0;\n}\n\n\n\/* ==================================================\n   \u56db\u500b\u7279\u8272\n================================================== *\/\n\n.tpma-about-features {\n    position: absolute;\n\n    z-index: 4;\n\n    left: 42px;\n    bottom: 15px;\n\n    width: 405px;\n\n    display: grid;\n\n    grid-template-columns: repeat(4, 88px);\n\n    column-gap: 17px;\n}\n\n\n\/* ==================================================\n   \u55ae\u4e00\u7279\u8272\n================================================== *\/\n\n.tpma-about-feature {\n    width: 88px;\n    min-width: 0;\n\n    text-align: left;\n}\n\n\n\/* ==================================================\n   ICON\n================================================== *\/\n\n.tpma-about-icon {\n    width: 54px;\n    height: 54px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0 0 6px;\n}\n\n.tpma-about-icon img {\n    width: 54px;\n    height: 54px;\n\n    display: block;\n\n    object-fit: contain;\n}\n\n\n\/* ==================================================\n   \u7279\u8272\u6a19\u984c\n================================================== *\/\n\n.tpma-about-feature h3 {\n    margin: 0 0 3px;\n\n    color: #073d73;\n\n    font-size: 14px;\n    font-weight: 800;\n\n    line-height: 1.4;\n\n    white-space: nowrap;\n}\n\n\n\/* ==================================================\n   \u7279\u8272\u8aaa\u660e\n================================================== *\/\n\n.tpma-about-feature p {\n    margin: 0;\n\n    color: #40556b;\n\n    font-size: 11.5px;\n    font-weight: 400;\n\n    line-height: 1.55;\n\n    white-space: nowrap;\n}\n\n\n\/* ==================================================\n   \u5e73\u677f\u7248\n================================================== *\/\n\n@media (max-width: 1100px) and (min-width: 768px) {\n\n    .tpma-about-box {\n        width: calc(100% - 30px);\n        max-width: 1120px;\n\n        height: 500px;\n\n        margin: 0 auto;\n    }\n\n\n    \/* \u5e73\u677f\u5716\u7247\u5b8c\u6574\u986f\u793a *\/\n\n    .tpma-about-desktop-img {\n        width: 100%;\n        height: 100%;\n\n        object-fit: contain;\n        object-position: right center;\n    }\n\n\n    .tpma-about-content {\n        top: 35px;\n        left: 32px;\n\n        width: 305px;\n    }\n\n\n    .tpma-about-en {\n        font-size: 13px;\n\n        letter-spacing: 3px;\n    }\n\n\n    .tpma-about-title {\n        font-size: 36px;\n    }\n\n\n    .tpma-about-subtitle {\n        max-width: 300px;\n\n        font-size: 16px;\n\n        white-space: normal;\n    }\n\n\n    .tpma-about-text {\n        max-width: 270px;\n\n        font-size: 13px;\n\n        line-height: 1.7;\n    }\n\n\n    .tpma-about-features {\n        left: 32px;\n        bottom: 20px;\n\n        width: 360px;\n\n        grid-template-columns: repeat(4, 78px);\n\n        column-gap: 14px;\n    }\n\n\n    .tpma-about-feature {\n        width: 78px;\n    }\n\n\n    .tpma-about-icon,\n    .tpma-about-icon img {\n        width: 50px;\n        height: 50px;\n    }\n\n\n    .tpma-about-feature h3 {\n        font-size: 14px;\n    }\n\n\n    .tpma-about-feature p {\n        font-size: 11.5px;\n    }\n}\n\n\n\/* ==================================================\n   \u624b\u6a5f\u7248\n================================================== *\/\n\n@media (max-width: 767px) {\n\n    .tpma-about-box {\n        width: 100% !important;\n        max-width: 100% !important;\n\n        height: auto !important;\n\n        margin: 0 auto !important;\n        padding: 0 !important;\n\n        position: relative;\n\n        display: flex !important;\n        flex-direction: column !important;\n\n        overflow: hidden;\n\n        background: #ffffff;\n    }\n\n\n    \/* ==================================================\n       1. \u624b\u6a5f\u4e3b\u8996\u89ba\n       1080 \u00d7 650\n       \u5b8c\u6574\u986f\u793a\u3001\u4e0d\u88c1\u5207\n    ================================================== *\/\n\n    .tpma-about-box > .tpma-about-bg {\n        position: relative !important;\n\n        inset: auto !important;\n\n        width: 100% !important;\n        height: auto !important;\n\n        aspect-ratio: 1080 \/ 650;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        overflow: hidden;\n\n        order: 1 !important;\n\n        z-index: 1;\n    }\n\n\n    \/* \u684c\u6a5f\u5716\u7247\u95dc\u9589 *\/\n\n    .tpma-about-desktop-img {\n        display: none !important;\n    }\n\n\n    \/* \u624b\u6a5f\u5c08\u7528\u5716\u7247 *\/\n\n    .tpma-about-mobile-img {\n        display: block !important;\n\n        position: absolute;\n\n        inset: 0;\n\n        width: 100% !important;\n        height: 100% !important;\n\n        max-width: none !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        object-fit: contain !important;\n        object-position: center center !important;\n    }\n\n\n    \/* ==================================================\n       2. \u4ecb\u7d39\u6587\u5b57\u5340\n    ================================================== *\/\n\n    .tpma-about-box > .tpma-about-content {\n        position: relative !important;\n\n        top: auto !important;\n        right: auto !important;\n        bottom: auto !important;\n        left: auto !important;\n\n        width: 100% !important;\n        max-width: none !important;\n\n        margin: 0 !important;\n\n        padding: 28px 20px 8px !important;\n\n        background: #ffffff;\n\n        order: 2 !important;\n\n        z-index: 3;\n    }\n\n\n    \/* ==================================================\n       ABOUT US\n       \u758a\u5728\u624b\u6a5f\u5716\u7247\u5de6\u5074\n    ================================================== *\/\n\n    .tpma-about-en {\n        position: absolute !important;\n\n        top: calc(-60.185vw + 38px) !important;\n        left: 18px !important;\n\n        width: 36% !important;\n        max-width: 145px !important;\n\n        margin: 0 !important;\n\n        color: #0878c9;\n\n        font-size: clamp(10px, 2.8vw, 13px);\n        font-weight: 700;\n\n        line-height: 1.2;\n\n        letter-spacing: 2px;\n\n        white-space: nowrap;\n\n        z-index: 5;\n    }\n\n\n    \/* ==================================================\n       \u95dc\u65bc\u5354\u6703\n    ================================================== *\/\n\n    .tpma-about-title {\n        position: absolute !important;\n\n        top: calc(-60.185vw + 70px) !important;\n        left: 18px !important;\n\n        width: 38% !important;\n        max-width: 155px !important;\n\n        margin: 0 !important;\n\n        color: #073d73;\n\n        font-size: clamp(25px, 7.3vw, 31px);\n        font-weight: 800;\n\n        line-height: 1.12;\n\n        white-space: nowrap;\n\n        z-index: 5;\n    }\n\n\n    \/* ==================================================\n       \u624b\u6a5f\u526f\u6a19\u984c\n    ================================================== *\/\n\n    .tpma-about-subtitle {\n        position: absolute !important;\n\n        top: calc(-60.185vw + 122px) !important;\n        left: 18px !important;\n\n        width: 30% !important;\n        max-width: 128px !important;\n\n        margin: 0 !important;\n\n        color: #075a9e;\n\n        font-size: clamp(12px, 3.4vw, 14px);\n        font-weight: 700;\n\n        line-height: 1.55;\n\n        white-space: normal !important;\n\n        word-break: keep-all;\n        overflow-wrap: normal;\n\n        z-index: 5;\n    }\n\n\n    \/* ==================================================\n       \u624b\u6a5f\u4ecb\u7d39\u6587\u5b57\n    ================================================== *\/\n\n    .tpma-about-text {\n        position: relative;\n\n        width: 100%;\n        max-width: none;\n\n        margin: 0 0 20px;\n\n        color: #34495e;\n\n        font-size: 15px;\n        font-weight: 400;\n\n        line-height: 1.85;\n\n        letter-spacing: 0;\n    }\n\n\n    .tpma-about-text:last-of-type {\n        margin-bottom: 0;\n    }\n\n\n    \/* ==================================================\n       3. \u624b\u6a5f\u56db\u500b\u7279\u8272\n       2 \u00d7 2\n    ================================================== *\/\n\n    .tpma-about-box > .tpma-about-features {\n        position: relative !important;\n\n        top: auto !important;\n        right: auto !important;\n        bottom: auto !important;\n        left: auto !important;\n\n        width: 100% !important;\n\n        margin: 0 !important;\n\n        padding: 24px 20px 36px !important;\n\n        display: grid !important;\n\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr)) !important;\n\n        gap: 30px 18px;\n\n        background: #ffffff;\n\n        order: 3 !important;\n\n        z-index: 3;\n    }\n\n\n    .tpma-about-feature {\n        width: auto !important;\n        min-width: 0;\n\n        text-align: center;\n    }\n\n\n    .tpma-about-icon {\n        width: 68px;\n        height: 68px;\n\n        margin: 0 auto 10px;\n    }\n\n\n    .tpma-about-icon img {\n        width: 68px;\n        height: 68px;\n    }\n\n\n    .tpma-about-feature h3 {\n        margin: 0 0 6px;\n\n        font-size: 17px;\n\n        line-height: 1.4;\n\n        white-space: normal;\n    }\n\n\n    .tpma-about-feature p {\n        margin: 0;\n\n        font-size: 15px;\n\n        line-height: 1.7;\n\n        white-space: normal;\n    }\n}\n\n\n\/* ==================================================\n   \u7279\u5225\u7a84\u7684\u624b\u6a5f\n================================================== *\/\n\n@media (max-width: 390px) {\n\n    .tpma-about-en {\n        left: 16px !important;\n\n        font-size: 10px;\n\n        letter-spacing: 1.7px;\n    }\n\n\n    .tpma-about-title {\n        left: 16px !important;\n\n        font-size: 25px;\n    }\n\n\n    .tpma-about-subtitle {\n        left: 16px !important;\n\n        width: 29% !important;\n        max-width: 112px !important;\n\n        font-size: 12px;\n\n        line-height: 1.5;\n    }\n\n\n    .tpma-about-box > .tpma-about-content {\n        padding: 26px 16px 6px !important;\n    }\n\n\n    .tpma-about-text {\n        font-size: 15px;\n\n        line-height: 1.85;\n    }\n\n\n    .tpma-about-box > .tpma-about-features {\n        padding: 22px 16px 34px !important;\n\n        gap: 28px 14px;\n    }\n\n\n    .tpma-about-feature p {\n        font-size: 14px;\n    }\n}\n\n<\/style>\n\n\n<section class=\"tpma-about-box\">\n\n    <!-- \u4e3b\u8996\u89ba\u5716\u7247 -->\n    <div class=\"tpma-about-bg\">\n\n        <!-- \u684c\u6a5f\u7248\u5716\u7247 -->\n        <img decoding=\"async\"\n            class=\"tpma-about-desktop-img\"\n            src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u95dc\u65bc\u6211\u5011\u5716\u724701-1-scaled.png\"\n            alt=\"\u95dc\u65bc\u5354\u6703\"\n        >\n\n        <!-- \u624b\u6a5f\u7248\u5716\u7247 -->\n        <img decoding=\"async\"\n            class=\"tpma-about-mobile-img\"\n            src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u95dc\u65bc\u5354\u6703\u624b\u6a5f\u7248\u5716\u7247.png\"\n            alt=\"\u95dc\u65bc\u5354\u6703\"\n        >\n\n    <\/div>\n\n\n    <!-- \u6587\u5b57\u5167\u5bb9 -->\n    <div class=\"tpma-about-content\">\n\n        <div class=\"tpma-about-en\">\n            ABOUT US\n        <\/div>\n\n        <h1 class=\"tpma-about-title\">\n            \u95dc\u65bc\u5354\u6703\n        <\/h1>\n\n        <div class=\"tpma-about-subtitle\">\n            \u5171\u5275\u5c08\u696d\u3001\u6c38\u7e8c\u8207\u5171\u597d\u7684\u7269\u696d\u7ba1\u7406\u74b0\u5883\n        <\/div>\n\n        <p class=\"tpma-about-text\">\n            \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\u81f4\u529b\u65bc\u63a8\u52d5\u7269\u696d\u7ba1\u7406\u7522\u696d\u7684\u5c08\u696d\u5316\u8207\u591a\u5143\u767c\u5c55\uff0c\u4e32\u806f\u5efa\u7bc9\u3001\u793e\u5340\u3001\u4e0d\u52d5\u7522\u3001\u5de5\u7a0b\u53ca\u76f8\u95dc\u5c08\u696d\u9818\u57df\uff0c\u900f\u904e\u6559\u80b2\u8a13\u7df4\u3001\u7522\u696d\u4ea4\u6d41\u8207\u5c08\u696d\u670d\u52d9\uff0c\u63d0\u5347\u7269\u696d\u7ba1\u7406\u4eba\u624d\u8207\u7522\u696d\u6574\u9ad4\u670d\u52d9\u54c1\u8cea\u3002\n        <\/p>\n\n        <p class=\"tpma-about-text\">\n            \u6211\u5011\u76f8\u4fe1\uff0c\u7269\u696d\u7ba1\u7406\u4e0d\u53ea\u662f\u5efa\u7bc9\u5b8c\u6210\u5f8c\u7684\u7dad\u8b77\u5de5\u4f5c\uff0c\u800c\u662f\u5f9e\u898f\u5283\u3001\u5efa\u8a2d\u3001\u4ea4\u4ed8\u3001\u4f7f\u7528\u5230\u8cc7\u7522\u7ba1\u7406\uff0c\u8cab\u7a7f\u5efa\u7bc9\u8207\u793e\u5340\u751f\u547d\u9031\u671f\u7684\u91cd\u8981\u5c08\u696d\u3002\n        <\/p>\n\n    <\/div>\n\n\n    <!-- \u56db\u500b\u7279\u8272 -->\n    <div class=\"tpma-about-features\">\n\n\n        <!-- 01 \u5c08\u696d\u57f9\u80b2 -->\n        <div class=\"tpma-about-feature\">\n\n            <div class=\"tpma-about-icon\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u95dc\u65bc\u5354\u6703icon_\u5c08\u696d\u57f9\u80b2.png\"\n                    alt=\"\u5c08\u696d\u57f9\u80b2\"\n                >\n            <\/div>\n\n            <h3>\u5c08\u696d\u57f9\u80b2<\/h3>\n\n            <p>\n                \u63d0\u5347\u5c08\u696d\u80fd\u529b<br>\n                \u57f9\u80b2\u7522\u696d\u4eba\u624d\n            <\/p>\n\n        <\/div>\n\n\n        <!-- 02 \u7522\u696d\u4ea4\u6d41 -->\n        <div class=\"tpma-about-feature\">\n\n            <div class=\"tpma-about-icon\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u95dc\u65bc\u5354\u6703icon_\u7522\u696d\u4ea4\u6d41.png\"\n                    alt=\"\u7522\u696d\u4ea4\u6d41\"\n                >\n            <\/div>\n\n            <h3>\u7522\u696d\u4ea4\u6d41<\/h3>\n\n            <p>\n                \u4e32\u806f\u7522\u696d\u8cc7\u6e90<br>\n                \u4fc3\u9032\u7d93\u9a57\u5206\u4eab\n            <\/p>\n\n        <\/div>\n\n\n        <!-- 03 \u6c38\u7e8c\u767c\u5c55 -->\n        <div class=\"tpma-about-feature\">\n\n            <div class=\"tpma-about-icon\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u95dc\u65bc\u5354\u6703icon_\u6c38\u7e8c\u767c\u5c55.png\"\n                    alt=\"\u6c38\u7e8c\u767c\u5c55\"\n                >\n            <\/div>\n\n            <h3>\u6c38\u7e8c\u767c\u5c55<\/h3>\n\n            <p>\n                \u95dc\u6ce8\u74b0\u5883\u8207\u793e\u6703<br>\n                \u5be6\u8e10\u6c38\u7e8c\u50f9\u503c\n            <\/p>\n\n        <\/div>\n\n\n        <!-- 04 \u5171\u597d\u672a\u4f86 -->\n        <div class=\"tpma-about-feature\">\n\n            <div class=\"tpma-about-icon\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u95dc\u65bc\u5354\u6703icon_\u5171\u597d\u672a\u4f86.png\"\n                    alt=\"\u5171\u597d\u672a\u4f86\"\n                >\n            <\/div>\n\n            <h3>\u5171\u597d\u672a\u4f86<\/h3>\n\n            <p>\n                \u5275\u9020\u66f4\u512a\u8cea\u7684<br>\n                \u751f\u6d3b\u8207\u57ce\u5e02\u74b0\u5883\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* =========================================\n   \u6211\u5011\u6240\u7406\u89e3\u7684\u7269\u696d\u7ba1\u7406\n========================================= *\/\n\n.tpma-perspective,\n.tpma-perspective * {\n    box-sizing: border-box;\n}\n\n.tpma-perspective {\n    width: 100%;\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 38px 45px 42px;\n\n    background: linear-gradient(\n        180deg,\n        #f3faff 0%,\n        #f8fcff 55%,\n        #ffffff 100%\n    );\n\n    font-family:\n        \"Noto Sans TC\",\n        \"Microsoft JhengHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* =========================================\n   \u4e0a\u65b9\u6a19\u984c\n========================================= *\/\n\n.tpma-perspective-head {\n    text-align: center;\n    margin-bottom: 22px;\n}\n\n.tpma-perspective-en {\n    margin: 0 0 5px;\n    color: #0878c9;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 3px;\n}\n\n.tpma-perspective-title {\n    margin: 0 0 5px;\n    color: #073d73;\n    font-size: 36px;\n    line-height: 1.25;\n    font-weight: 800;\n}\n\n.tpma-perspective-subtitle {\n    margin: 0;\n    color: #075a9e;\n    font-size: 19px;\n    line-height: 1.45;\n    font-weight: 700;\n}\n\n\n\/* \u4e0a\u65b9\u4ecb\u7d39\u5167\u6587\u653e\u5927 *\/\n.tpma-perspective-intro {\n    max-width: 800px;\n    margin: 8px auto 0;\n    color: #52677b;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n\n\/* =========================================\n   \u4e3b\u9ad4\u4e09\u6b04\n========================================= *\/\n\n.tpma-perspective-grid {\n    width: 100%;\n    max-width: 1030px;\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        1.62fr\n        minmax(0, 1fr);\n\n    gap: 26px;\n    align-items: center;\n}\n\n\n\/* =========================================\n   \u5de6\u53f3\u516d\u500b\u9805\u76ee\n========================================= *\/\n\n.tpma-perspective-side {\n    display: flex;\n    flex-direction: column;\n    gap: 25px;\n}\n\n.tpma-perspective-item {\n    display: grid;\n    grid-template-columns: 76px minmax(0, 1fr);\n    gap: 14px;\n    align-items: center;\n}\n\n\n\/* =========================================\n   \u516d\u500b PNG \u5716\u793a\n========================================= *\/\n\n.tpma-perspective-icon {\n    width: 72px;\n    height: 72px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.tpma-perspective-icon img {\n    width: 72px;\n    height: 72px;\n\n    display: block;\n    object-fit: contain;\n}\n\n\n\/* =========================================\n   \u5de6\u53f3\u6587\u5b57\n========================================= *\/\n\n.tpma-perspective-item h3 {\n    margin: 0 0 5px;\n\n    color: #075a9e;\n\n    font-size: 17px;\n    line-height: 1.4;\n    font-weight: 800;\n}\n\n\n\/* \u516d\u9805\u5167\u6587\u653e\u5927 *\/\n.tpma-perspective-item p {\n    margin: 0;\n\n    color: #40556b;\n\n    font-size: 14px;\n    line-height: 1.7;\n}\n\n\n\/* =========================================\n   \u4e2d\u592e\u5340\n========================================= *\/\n\n.tpma-perspective-center {\n    text-align: center;\n    min-height: 0;\n}\n\n\n\/* =========================================\n   \u4e2d\u592e\u57ce\u5e02\u5716\u7247\n========================================= *\/\n\n.tpma-city-image-wrap {\n    width: 100%;\n    max-width: 560px;\n    height: 280px;\n\n    margin: 0 auto;\n\n    background-image:\n        url(\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u4e2d\u592e\u57ce\u5e02_01.png\");\n\n    background-repeat: no-repeat;\n    background-position: center bottom;\n    background-size: 100% auto;\n}\n\n\n\/* =========================================\n   \u4e2d\u592e\u6587\u5b57\n========================================= *\/\n\n.tpma-center-label {\n    position: relative;\n    z-index: 5;\n\n    margin-top: 0;\n\n    color: #073d73;\n\n    font-size: 24px;\n    line-height: 1.18;\n    font-weight: 800;\n}\n\n.tpma-center-label span {\n    display: block;\n\n    margin-top: 3px;\n\n    color: #075a9e;\n\n    font-size: 15px;\n    font-weight: 700;\n}\n\n\n\/* =========================================\n   \u751f\u547d\u9031\u671f\u5f27\u5f62\u8ecc\u9053\n========================================= *\/\n\n.tpma-cycle {\n    position: relative;\n\n    width: 96%;\n    max-width: 520px;\n    height: 72px;\n\n    margin: -4px auto 0;\n}\n\n\n\/* \u5916\u5c64\u6de1\u85cd\u8272\u8ecc\u9053 *\/\n.tpma-cycle::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 2%;\n    right: 2%;\n    top: -38px;\n\n    height: 78px;\n\n    border-bottom: 18px solid #dceff9;\n    border-radius: 0 0 50% 50%;\n\n    filter: drop-shadow(\n        0 5px 7px rgba(7, 61, 115, 0.08)\n    );\n}\n\n\n\/* \u5167\u5c64\u767d\u8272\u5c64\u6b21\u7dda *\/\n.tpma-cycle::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 8%;\n    right: 8%;\n    top: -31px;\n\n    height: 61px;\n\n    border-bottom: 3px solid rgba(255, 255, 255, 0.95);\n    border-radius: 0 0 50% 50%;\n}\n\n\n\/* =========================================\n   \u4e09\u500b\u6d41\u7a0b\u65b9\u5411\u7bad\u982d\n========================================= *\/\n\n.tpma-cycle-arrows {\n    position: absolute;\n\n    inset: 0;\n\n    z-index: 4;\n\n    pointer-events: none;\n}\n\n\n\/* \u7bad\u982d\u5c3a\u5bf8 *\/\n.tpma-cycle-arrow {\n    position: absolute;\n\n    width: 9px;\n    height: 9px;\n\n    border-right: 2px solid #4fa9d8;\n    border-bottom: 2px solid #4fa9d8;\n\n    opacity: 0.9;\n}\n\n\n\/* \u5de6\u7bad\u982d *\/\n.tpma-cycle-arrow.arrow-left {\n    left: 22%;\n    top: 27px;\n\n    transform: rotate(135deg);\n}\n\n\n\/* \u4e2d\u7bad\u982d *\/\n.tpma-cycle-arrow.arrow-center {\n    left: 50%;\n    top: 36px;\n\n    transform:\n        translateX(-50%)\n        rotate(105deg);\n}\n\n\n\/* \u53f3\u7bad\u982d *\/\n.tpma-cycle-arrow.arrow-right {\n    right: 22%;\n    top: 27px;\n\n    transform: rotate(115deg);\n}\n\n\n\/* =========================================\n   \u5e73\u677f\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    .tpma-perspective {\n        width: calc(100% - 30px);\n        max-width: 1120px;\n\n        margin: 0 auto;\n\n        padding: 38px 25px 42px;\n    }\n\n    .tpma-perspective-grid {\n        width: 100%;\n        max-width: 100%;\n\n        grid-template-columns: 1fr;\n        gap: 35px;\n    }\n\n    .tpma-perspective-center {\n        order: -1;\n    }\n\n    .tpma-city-image-wrap {\n        max-width: 560px;\n        height: 270px;\n\n        background-size: 100% auto;\n    }\n\n    .tpma-cycle {\n        max-width: 500px;\n    }\n\n    .tpma-perspective-side {\n        gap: 22px;\n    }\n\n    .tpma-perspective-item {\n        max-width: 520px;\n        width: 100%;\n\n        margin: 0 auto;\n\n        grid-template-columns: 72px 1fr;\n    }\n\n    .tpma-perspective-icon,\n    .tpma-perspective-icon img {\n        width: 68px;\n        height: 68px;\n    }\n\n    \/* \u5e73\u677f\u6587\u5b57 *\/\n    .tpma-perspective-intro {\n        font-size: 15px;\n        line-height: 1.8;\n    }\n\n    .tpma-perspective-item h3 {\n        font-size: 17px;\n    }\n\n    .tpma-perspective-item p {\n        font-size: 14px;\n        line-height: 1.7;\n    }\n}\n\n\n\/* =========================================\n   \u624b\u6a5f\n========================================= *\/\n\n@media (max-width: 600px) {\n\n    .tpma-perspective {\n        width: 100%;\n        max-width: 100%;\n\n        margin: 0 auto;\n\n        padding: 32px 18px 35px;\n    }\n\n    .tpma-perspective-title {\n        font-size: 28px;\n    }\n\n    .tpma-perspective-subtitle {\n        font-size: 17px;\n    }\n\n\n    \/* \u624b\u6a5f\u4e0a\u65b9\u5167\u6587 *\/\n    .tpma-perspective-intro {\n        font-size: 15px;\n        line-height: 1.8;\n    }\n\n\n    .tpma-city-image-wrap {\n        width: 100%;\n        max-width: 100%;\n        height: 220px;\n\n        background-size: 110% auto;\n        background-position: center bottom;\n    }\n\n    .tpma-center-label {\n        margin-top: 0;\n\n        font-size: 21px;\n    }\n\n    .tpma-center-label span {\n        margin-top: 3px;\n\n        font-size: 14px;\n    }\n\n    .tpma-cycle {\n        width: 96%;\n        max-width: 390px;\n\n        height: 58px;\n\n        margin-top: -3px;\n    }\n\n    .tpma-cycle::before {\n        top: -31px;\n        height: 65px;\n\n        border-bottom-width: 14px;\n    }\n\n    .tpma-cycle::after {\n        top: -26px;\n        height: 51px;\n\n        border-bottom-width: 2px;\n    }\n\n\n    \/* \u624b\u6a5f\u7bad\u982d\u7a0d\u5fae\u7e2e\u5c0f *\/\n    .tpma-cycle-arrow {\n        width: 7px;\n        height: 7px;\n\n        border-right-width: 2px;\n        border-bottom-width: 2px;\n    }\n\n\n    \/* \u5de6\u7bad\u982d *\/\n    .tpma-cycle-arrow.arrow-left {\n        left: 22%;\n        top: 24px;\n\n        transform: rotate(135deg);\n    }\n\n\n    \/* \u4e2d\u7bad\u982d *\/\n    .tpma-cycle-arrow.arrow-center {\n        left: 50%;\n        top: 31px;\n\n        transform:\n            translateX(-50%)\n            rotate(105deg);\n    }\n\n\n    \/* \u53f3\u7bad\u982d *\/\n    .tpma-cycle-arrow.arrow-right {\n        right: 22%;\n        top: 24px;\n\n        transform: rotate(115deg);\n    }\n\n\n    .tpma-perspective-item {\n        grid-template-columns: 66px 1fr;\n        gap: 12px;\n    }\n\n    .tpma-perspective-icon,\n    .tpma-perspective-icon img {\n        width: 62px;\n        height: 62px;\n    }\n\n\n    \/* \u624b\u6a5f\u516d\u9805\u6a19\u984c *\/\n    .tpma-perspective-item h3 {\n        font-size: 17px;\n        line-height: 1.4;\n    }\n\n\n    \/* \u624b\u6a5f\u516d\u9805\u5167\u6587 *\/\n    .tpma-perspective-item p {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n}\n\n<\/style>\n\n\n<section class=\"tpma-perspective\">\n\n    <!-- \u4e0a\u65b9\u6a19\u984c -->\n    <div class=\"tpma-perspective-head\">\n\n        <div class=\"tpma-perspective-en\">\n            OUR PERSPECTIVE\n        <\/div>\n\n        <h2 class=\"tpma-perspective-title\">\n            \u6211\u5011\u6240\u7406\u89e3\u7684\u7269\u696d\u7ba1\u7406\n        <\/h2>\n\n        <div class=\"tpma-perspective-subtitle\">\n            \u5f9e\u5efa\u7bc9\u5230\u751f\u6d3b\uff0c\u5f9e\u7ba1\u7406\u5230\u50f9\u503c\n        <\/div>\n\n        <p class=\"tpma-perspective-intro\">\n            \u7269\u696d\u7ba1\u7406\u7684\u7bc4\u7587\u6db5\u84cb\u5efa\u7bc9\u7684\u5168\u751f\u547d\u9031\u671f\uff0c\n            \u5f9e\u524d\u671f\u898f\u5283\u5230\u5f8c\u7e8c\u7684\u4f7f\u7528\u7ba1\u7406\uff0c\n            \u4e0d\u50c5\u95dc\u6ce8\u5efa\u7bc9\u672c\u8eab\uff0c\u66f4\u91cd\u8996\u4eba\u7684\u9700\u6c42\u8207\u751f\u6d3b\u54c1\u8cea\uff0c\n            \u5275\u9020\u9577\u671f\u7684\u8cc7\u7522\u50f9\u503c\u3002\n        <\/p>\n\n    <\/div>\n\n\n    <div class=\"tpma-perspective-grid\">\n\n\n        <!-- \u5de6\u5074 -->\n        <div class=\"tpma-perspective-side\">\n\n\n            <div class=\"tpma-perspective-item\">\n\n                <div class=\"tpma-perspective-icon\">\n\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u6211\u5011\u6240\u7406\u89e3\u7684\u7269\u696d\u7ba1\u7406_\u958b\u767c\u7b56\u7565\u8a55\u4f30.png\" alt=\"\u958b\u767c\u7b56\u7565\u8a55\u4f30\">\n\n                <\/div>\n\n                <div>\n\n                    <h3>\u958b\u767c\u7b56\u7565\u8a55\u4f30<\/h3>\n\n                    <p>\n                        \u5f9e\u9700\u6c42\u8207\u4f7f\u7528\u89d2\u5ea6\u53c3\u8207\u524d\u671f\u898f\u5283\uff0c\n                        \u63d0\u5347\u5efa\u7bc9\u672a\u4f86\u71df\u904b\u8207\u7ba1\u7406\u6548\u80fd\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tpma-perspective-item\">\n\n                <div class=\"tpma-perspective-icon\">\n\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u6211\u5011\u6240\u7406\u89e3\u7684\u7269\u696d\u7ba1\u7406_\u5efa\u7bc9\u8207\u74b0\u5883\u7ba1\u7406\u7dad\u8b77.png\" alt=\"\u5efa\u7bc9\u8207\u74b0\u5883\u7ba1\u7406\u7dad\u8b77\">\n\n                <\/div>\n\n                <div>\n\n                    <h3>\u5efa\u7bc9\u8207\u74b0\u5883\u7ba1\u7406\u7dad\u8b77<\/h3>\n\n                    <p>\n                        \u5efa\u7acb\u5b89\u5168\u3001\u8212\u9069\u3001\u6709\u6548\u7387\u7684\n                        \u5efa\u7bc9\u4f7f\u7528\u8207\u7dad\u8b77\u74b0\u5883\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tpma-perspective-item\">\n\n                <div class=\"tpma-perspective-icon\">\n\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u6211\u5011\u6240\u7406\u89e3\u7684\u7269\u696d\u7ba1\u7406_\u793e\u5340\u878d\u5408\u5171\u751f.png\" alt=\"\u793e\u5340\u878d\u5408\u5171\u751f\">\n\n                <\/div>\n\n                <div>\n\n                    <h3>\u793e\u5340\u878d\u5408\u5171\u751f<\/h3>\n\n                    <p>\n                        \u900f\u904e\u826f\u597d\u7684\u793e\u5340\u6cbb\u7406\u8207\u670d\u52d9\uff0c\n                        \u5efa\u7acb\u4eba\u8207\u74b0\u5883\u7684\u6b63\u5411\u95dc\u4fc2\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- \u4e2d\u592e\u57ce\u5e02 -->\n        <div class=\"tpma-perspective-center\">\n\n            <div class=\"tpma-city-image-wrap\"\n                 role=\"img\"\n                 aria-label=\"\u7269\u696d\u7ba1\u7406\u4e2d\u592e\u57ce\u5e02\">\n            <\/div>\n\n\n            <div class=\"tpma-center-label\">\n\n                \u7269\u696d\u7ba1\u7406\n\n                <span>\n                    \u5275\u9020\u751f\u6d3b\u50f9\u503c\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tpma-cycle\">\n\n                <div class=\"tpma-cycle-arrows\">\n\n                    <span class=\"tpma-cycle-arrow arrow-left\"><\/span>\n\n                    <span class=\"tpma-cycle-arrow arrow-center\"><\/span>\n\n                    <span class=\"tpma-cycle-arrow arrow-right\"><\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- \u53f3\u5074 -->\n        <div class=\"tpma-perspective-side\">\n\n\n            <div class=\"tpma-perspective-item\">\n\n                <div class=\"tpma-perspective-icon\">\n\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u6211\u5011\u6240\u7406\u89e3\u7684\u7269\u696d\u7ba1\u7406_\u7522\u54c1\u88fd\u6210\u8207\u79fb\u4ea4.png\" alt=\"\u7522\u54c1\u88fd\u6210\u8207\u79fb\u4ea4\">\n\n                <\/div>\n\n                <div>\n\n                    <h3>\u7522\u54c1\u88fd\u6210\u8207\u79fb\u4ea4<\/h3>\n\n                    <p>\n                        \u95dc\u6ce8\u5efa\u7bc9\u54c1\u8cea\u3001\u67e5\u9a57\u3001\u9ede\u4ea4\uff0c\n                        \u78ba\u4fdd\u9806\u5229\u929c\u63a5\u5f8c\u7e8c\u4f7f\u7528\u7ba1\u7406\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tpma-perspective-item\">\n\n                <div class=\"tpma-perspective-icon\">\n\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u6211\u5011\u6240\u7406\u89e3\u7684\u7269\u696d\u7ba1\u7406_\u751f\u6d3b\u8207\u5546\u696d\u652f\u63f4\u670d\u52d9.png\" alt=\"\u751f\u6d3b\u8207\u5546\u696d\u652f\u63f4\u670d\u52d9\">\n\n                <\/div>\n\n                <div>\n\n                    <h3>\u751f\u6d3b\u8207\u5546\u696d\u652f\u63f4\u670d\u52d9<\/h3>\n\n                    <p>\n                        \u4f9d\u4e0d\u540c\u7269\u696d\u9700\u6c42\uff0c\n                        \u63d0\u4f9b\u66f4\u5b8c\u6574\u7684\u751f\u6d3b\u8207\u71df\u904b\u670d\u52d9\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tpma-perspective-item\">\n\n                <div class=\"tpma-perspective-icon\">\n\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u6211\u5011\u6240\u7406\u89e3\u7684\u7269\u696d\u7ba1\u7406_\u8cc7\u7522\u7ba1\u7406\u8207\u50f9\u503c\u63d0\u5347.png\" alt=\"\u8cc7\u7522\u7ba1\u7406\u8207\u50f9\u503c\u63d0\u5347\">\n\n                <\/div>\n\n                <div>\n\n                    <h3>\u8cc7\u7522\u7ba1\u7406\u8207\u50f9\u503c\u63d0\u5347<\/h3>\n\n                    <p>\n                        \u5f9e\u9577\u671f\u71df\u904b\u89d2\u5ea6\u601d\u8003\u8cc7\u7522\u4f7f\u7528\uff0c\n                        \u7dad\u8b77\u8207\u50f9\u503c\u5ef6\u7e8c\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* ==================================================\n   LIFE CYCLE\uff5c\u7269\u696d\u5168\u751f\u547d\u9031\u671f\n================================================== *\/\n\n.tpma-life,\n.tpma-life * {\n    box-sizing: border-box;\n}\n\n.tpma-life {\n    width: 100%;\n    max-width: 1120px;\n    margin: -35px auto 0;\n    padding: 42px 32px 46px;\n    overflow: hidden;\n\n    background: linear-gradient(\n        180deg,\n        #f4fbff 0%,\n        #ffffff 100%\n    );\n\n    font-family:\n        \"Noto Sans TC\",\n        \"Microsoft JhengHei\",\n        Arial,\n        sans-serif;\n}\n\n\n\/* ==================================================\n   \u6a19\u984c\n================================================== *\/\n\n.tpma-life-head {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.tpma-life-en {\n    margin-bottom: 4px;\n    color: #0878c9;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 3px;\n}\n\n.tpma-life-title {\n    margin: 0;\n    color: #073d73;\n    font-size: 40px;\n    line-height: 1.25;\n    font-weight: 800;\n}\n\n.tpma-life-subtitle {\n    margin: 6px 0 0;\n    color: #52677b;\n    font-size: 16px;\n    line-height: 1.6;\n}\n\n.tpma-life-head::after {\n    content: \"\";\n    display: block;\n    width: 42px;\n    height: 3px;\n    margin: 12px auto 0;\n    border-radius: 10px;\n    background: #0878c9;\n}\n\n\n\/* ==================================================\n   \u516d\u968e\u6bb5\u6d41\u7a0b\n================================================== *\/\n\n.tpma-life-track {\n    width: 100%;\n    max-width: 1050px;\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    gap: 12px;\n}\n\n\n\/* ==================================================\n   \u6bcf\u4e00\u968e\u6bb5\n================================================== *\/\n\n.tpma-stage {\n    position: relative;\n    min-width: 0;\n}\n\n\n\/* ==================================================\n   \u659c\u89d2\u5361\u7247\n================================================== *\/\n\n.tpma-stage-card {\n    position: relative;\n    width: 100%;\n    min-height: 200px;\n    padding: 20px 18px 18px 20px;\n\n    clip-path: polygon(\n        0 0,\n        calc(100% - 18px) 0,\n        100% 50%,\n        calc(100% - 18px) 100%,\n        0 100%,\n        12px 50%\n    );\n\n    transition:\n        transform .25s ease,\n        filter .25s ease;\n\n    filter: drop-shadow(\n        0 5px 8px rgba(7,61,115,.07)\n    );\n}\n\n\n\/* \u7b2c\u4e00\u5f35\u5de6\u908a\u4e0d\u51f9 *\/\n\n.tpma-stage:first-child .tpma-stage-card {\n    clip-path: polygon(\n        0 0,\n        calc(100% - 18px) 0,\n        100% 50%,\n        calc(100% - 18px) 100%,\n        0 100%\n    );\n}\n\n\n\/* hover *\/\n\n.tpma-stage-card:hover {\n    transform: translateY(-4px);\n\n    filter: drop-shadow(\n        0 9px 12px rgba(7,61,115,.12)\n    );\n}\n\n\n\/* ==================================================\n   \u516d\u5f35\u5361\u7247\u984f\u8272\n================================================== *\/\n\n.tpma-stage:nth-child(1) .tpma-stage-card {\n    background: linear-gradient(\n        145deg,\n        #eef9ff 0%,\n        #dff2fd 100%\n    );\n}\n\n.tpma-stage:nth-child(2) .tpma-stage-card {\n    background: linear-gradient(\n        145deg,\n        #f4faed 0%,\n        #e5f3dc 100%\n    );\n}\n\n.tpma-stage:nth-child(3) .tpma-stage-card {\n    background: linear-gradient(\n        145deg,\n        #fffaf0 0%,\n        #fff0cf 100%\n    );\n}\n\n.tpma-stage:nth-child(4) .tpma-stage-card {\n    background: linear-gradient(\n        145deg,\n        #f0f9ff 0%,\n        #deeffb 100%\n    );\n}\n\n.tpma-stage:nth-child(5) .tpma-stage-card {\n    background: linear-gradient(\n        145deg,\n        #f7f4ff 0%,\n        #e9e4f8 100%\n    );\n}\n\n.tpma-stage:nth-child(6) .tpma-stage-card {\n    background: linear-gradient(\n        145deg,\n        #f2fbf5 0%,\n        #e1f3e7 100%\n    );\n}\n\n\n\/* ==================================================\n   \u5361\u7247\u4e0a\u534a\u90e8\n================================================== *\/\n\n.tpma-stage-top {\n    width: 100%;\n    min-height: 66px;\n\n    display: flex;\n    align-items: center;\n\n    margin-bottom: 13px;\n}\n\n\n\/* ==================================================\n   PNG ICON\n================================================== *\/\n\n.tpma-stage-icon {\n    flex: 0 0 52px;\n    width: 52px;\n    height: 52px;\n    margin-right: 9px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.tpma-stage-icon img {\n    display: block;\n    width: 52px;\n    height: 52px;\n\n    object-fit: contain;\n    object-position: center;\n\n    border: 0;\n    box-shadow: none;\n    background: transparent;\n}\n\n\n\/* ==================================================\n   ICON \u53f3\u908a\u76f4\u7dda\n================================================== *\/\n\n.tpma-stage-info {\n    position: relative;\n    min-width: 0;\n    padding-left: 9px;\n\n    border-left: 1px solid rgba(7,61,115,.20);\n}\n\n\n\/* ==================================================\n   \u7de8\u865f\n================================================== *\/\n\n.tpma-stage-number {\n    display: block;\n    margin-bottom: 3px;\n\n    font-size: 24px;\n    line-height: 1;\n    font-weight: 900;\n}\n\n\n\/* ==================================================\n   \u968e\u6bb5\u540d\u7a31\n================================================== *\/\n\n.tpma-stage-title {\n    margin: 0;\n\n    color: #073d73;\n\n    font-size: 18px;\n    line-height: 1.2;\n    font-weight: 800;\n\n    white-space: nowrap;\n}\n\n\n\/* ==================================================\n   \u5404\u968e\u6bb5\u7de8\u865f\u984f\u8272\n================================================== *\/\n\n.tpma-stage:nth-child(1) .tpma-stage-number {\n    color: #168bd0;\n}\n\n.tpma-stage:nth-child(2) .tpma-stage-number {\n    color: #1688a7;\n}\n\n.tpma-stage:nth-child(3) .tpma-stage-number {\n    color: #e6a226;\n}\n\n.tpma-stage:nth-child(4) .tpma-stage-number {\n    color: #378fca;\n}\n\n.tpma-stage:nth-child(5) .tpma-stage-number {\n    color: #7669b3;\n}\n\n.tpma-stage:nth-child(6) .tpma-stage-number {\n    color: #31886a;\n}\n\n\n\/* ==================================================\n   \u4e09\u9805\u5167\u5bb9\n================================================== *\/\n\n.tpma-stage-list {\n    margin: 0;\n    padding: 0 0 0 3px;\n    list-style: none;\n\n    color: #40566c;\n\n    font-size: 13px;\n    line-height: 1.8;\n\n    text-align: left;\n}\n\n.tpma-stage-list li {\n    position: relative;\n    padding-left: 12px;\n    white-space: nowrap;\n}\n\n.tpma-stage-list li::before {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    top: .72em;\n\n    width: 4px;\n    height: 4px;\n\n    border-radius: 50%;\n    background: #0878c9;\n}\n\n\n\/* ==================================================\n   \u5361\u7247\u4e4b\u9593\u7bad\u982d\n================================================== *\/\n\n.tpma-stage:not(:last-child)::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: 20;\n\n    right: -8px;\n    top: 50%;\n\n    width: 10px;\n    height: 10px;\n\n    border-top: 3px solid #0878c9;\n    border-right: 3px solid #0878c9;\n\n    transform:\n        translateY(-50%)\n        rotate(45deg);\n}\n\n.tpma-stage:not(:last-child)::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 19;\n\n    right: -12px;\n    top: 50%;\n\n    width: 20px;\n    height: 28px;\n\n    transform: translateY(-50%);\n\n    border-radius: 20px;\n    background: rgba(255,255,255,.90);\n}\n\n\n\/* ==================================================\n   \u4e0b\u65b9\u7406\u5ff5\n================================================== *\/\n\n.tpma-life-message {\n    position: relative;\n\n    width: 82%;\n    max-width: 790px;\n\n    margin: 34px auto 0;\n    padding: 17px 30px;\n\n    text-align: center;\n\n    border-radius: 50px;\n\n    background: linear-gradient(\n        90deg,\n        rgba(8,120,201,.07),\n        rgba(79,169,216,.13),\n        rgba(60,151,112,.08)\n    );\n\n    border: 1px solid rgba(8,120,201,.08);\n}\n\n.tpma-life-message strong {\n    display: block;\n    margin-bottom: 3px;\n\n    color: #075a9e;\n\n    font-size: 17px;\n    line-height: 1.5;\n    font-weight: 800;\n}\n\n.tpma-life-message span {\n    color: #607386;\n\n    font-size: 13px;\n    line-height: 1.65;\n}\n\n\n\/* \u5de6\u53f3\u88dd\u98fe\u7dda *\/\n\n.tpma-life-message::before,\n.tpma-life-message::after {\n    content: \"\";\n\n    position: absolute;\n    top: 50%;\n\n    width: 65px;\n    height: 1px;\n\n    background: linear-gradient(\n        90deg,\n        transparent,\n        #9ccfe8\n    );\n}\n\n.tpma-life-message::before {\n    right: 100%;\n}\n\n.tpma-life-message::after {\n    left: 100%;\n    transform: rotate(180deg);\n}\n\n\n\/* ==================================================\n   \u5e73\u677f\n================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .tpma-life {\n        width: calc(100% - 30px);\n        margin: 0 auto;\n        padding: 40px 25px 45px;\n    }\n\n    .tpma-life-track {\n        max-width: 760px;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 18px;\n    }\n\n    .tpma-stage-card,\n    .tpma-stage:first-child .tpma-stage-card {\n        min-height: 200px;\n        clip-path: none;\n        border-radius: 16px;\n        padding: 20px;\n    }\n\n    .tpma-stage::before,\n    .tpma-stage::after {\n        display: none;\n    }\n\n    .tpma-stage-icon {\n        flex-basis: 56px;\n        width: 56px;\n        height: 56px;\n    }\n\n    .tpma-stage-icon img {\n        width: 56px;\n        height: 56px;\n    }\n\n    .tpma-stage-number {\n        font-size: 24px;\n    }\n\n    .tpma-stage-title {\n        font-size: 18px;\n    }\n\n    .tpma-stage-list {\n        font-size: 14px;\n    }\n}\n\n\n\/* ==================================================\n   \u624b\u6a5f\n================================================== *\/\n\n@media (max-width: 600px) {\n\n    .tpma-life {\n        width: 100%;\n        margin: 0 auto;\n        padding: 36px 14px 42px;\n    }\n\n    .tpma-life-head {\n        margin-bottom: 28px;\n    }\n\n    \/* LIFE CYCLE *\/\n    .tpma-life-en {\n        font-size: 13px;\n        letter-spacing: 2px;\n    }\n\n    \/* \u7269\u696d\u5168\u751f\u547d\u9031\u671f *\/\n    .tpma-life-title {\n        font-size: 32px;\n        line-height: 1.3;\n    }\n\n    \/* \u526f\u6a19 *\/\n    .tpma-life-subtitle {\n        font-size: 15px;\n        line-height: 1.65;\n    }\n\n\n    \/* \u624b\u6a5f\u7dad\u6301\u5169\u6b04 *\/\n    .tpma-life-track {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 12px;\n    }\n\n    .tpma-stage-card,\n    .tpma-stage:first-child .tpma-stage-card {\n        min-height: 195px;\n        padding: 17px 13px 17px;\n        border-radius: 14px;\n    }\n\n    .tpma-stage-top {\n        min-height: 58px;\n        margin-bottom: 11px;\n    }\n\n    .tpma-stage-icon {\n        flex: 0 0 46px;\n\n        width: 46px;\n        height: 46px;\n\n        margin-right: 7px;\n    }\n\n    .tpma-stage-icon img {\n        width: 46px;\n        height: 46px;\n    }\n\n    .tpma-stage-info {\n        padding-left: 7px;\n    }\n\n    \/* 01\uff5e06 *\/\n    .tpma-stage-number {\n        font-size: 22px;\n    }\n\n    \/* \u898f\u5283\u3001\u5efa\u8a2d... *\/\n    .tpma-stage-title {\n        font-size: 17px;\n    }\n\n    \/* \u5361\u7247\u5167\u5bb9 *\/\n    .tpma-stage-list {\n        font-size: 13px;\n        line-height: 1.8;\n    }\n\n    .tpma-stage-list li {\n        padding-left: 10px;\n        white-space: normal;\n    }\n\n    .tpma-life-message {\n        width: 100%;\n        margin-top: 28px;\n        padding: 17px 18px;\n        border-radius: 22px;\n    }\n\n    .tpma-life-message::before,\n    .tpma-life-message::after {\n        display: none;\n    }\n\n    .tpma-life-message strong {\n        font-size: 16px;\n        line-height: 1.6;\n    }\n\n    .tpma-life-message span {\n        display: block;\n        margin-top: 4px;\n\n        font-size: 13px;\n        line-height: 1.7;\n    }\n}\n<\/style>\n\n\n<section class=\"tpma-life\">\n\n    <!-- \u6a19\u984c -->\n    <div class=\"tpma-life-head\">\n\n        <div class=\"tpma-life-en\">\n            LIFE CYCLE\n        <\/div>\n\n        <h2 class=\"tpma-life-title\">\n            \u7269\u696d\u5168\u751f\u547d\u9031\u671f\n        <\/h2>\n\n        <p class=\"tpma-life-subtitle\">\n            \u5c08\u696d\u670d\u52d9\u4e0d\u53ea\u767c\u751f\u5728\u5efa\u7bc9\u5b8c\u6210\u4e4b\u5f8c\n        <\/p>\n\n    <\/div>\n\n\n    <!-- \u516d\u968e\u6bb5 -->\n    <div class=\"tpma-life-track\">\n\n\n        <!-- 01 \u898f\u5283 -->\n        <div class=\"tpma-stage\">\n\n            <div class=\"tpma-stage-card\">\n\n                <div class=\"tpma-stage-top\">\n\n                    <div class=\"tpma-stage-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u7269\u696d\u7684\u751f\u547d\u9031\u671f_\u898f\u5283.png\" alt=\"\u898f\u5283\">\n                    <\/div>\n\n                    <div class=\"tpma-stage-info\">\n\n                        <span class=\"tpma-stage-number\">01<\/span>\n\n                        <h3 class=\"tpma-stage-title\">\n                            \u898f\u5283\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n                <ul class=\"tpma-stage-list\">\n                    <li>\u9700\u6c42\u8a55\u4f30<\/li>\n                    <li>\u7b56\u7565\u898f\u5283<\/li>\n                    <li>\u5b9a\u4f4d\u4f01\u5283<\/li>\n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 02 \u5efa\u8a2d -->\n        <div class=\"tpma-stage\">\n\n            <div class=\"tpma-stage-card\">\n\n                <div class=\"tpma-stage-top\">\n\n                    <div class=\"tpma-stage-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u7269\u696d\u7684\u751f\u547d\u9031\u671f_\u5efa\u8a2d.png\" alt=\"\u5efa\u8a2d\">\n                    <\/div>\n\n                    <div class=\"tpma-stage-info\">\n\n                        <span class=\"tpma-stage-number\">02<\/span>\n\n                        <h3 class=\"tpma-stage-title\">\n                            \u5efa\u8a2d\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n                <ul class=\"tpma-stage-list\">\n                    <li>\u8a2d\u8a08\u898f\u5283<\/li>\n                    <li>\u71df\u9020\u65bd\u5de5<\/li>\n                    <li>\u54c1\u8cea\u7ba1\u7406<\/li>\n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 03 \u67e5\u9a57 -->\n        <div class=\"tpma-stage\">\n\n            <div class=\"tpma-stage-card\">\n\n                <div class=\"tpma-stage-top\">\n\n                    <div class=\"tpma-stage-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u7269\u696d\u7684\u751f\u547d\u9031\u671f_\u67e5\u9a57.png\" alt=\"\u67e5\u9a57\">\n                    <\/div>\n\n                    <div class=\"tpma-stage-info\">\n\n                        <span class=\"tpma-stage-number\">03<\/span>\n\n                        <h3 class=\"tpma-stage-title\">\n                            \u67e5\u9a57\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n                <ul class=\"tpma-stage-list\">\n                    <li>\u5c08\u696d\u6aa2\u6e2c<\/li>\n                    <li>\u8a8d\u8b49\u67e5\u9a57<\/li>\n                    <li>\u9ede\u4ea4\u6aa2\u6e2c<\/li>\n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 04 \u79fb\u4ea4 -->\n        <div class=\"tpma-stage\">\n\n            <div class=\"tpma-stage-card\">\n\n                <div class=\"tpma-stage-top\">\n\n                    <div class=\"tpma-stage-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u7269\u696d\u7684\u751f\u547d\u9031\u671f_\u79fb\u4ea4.png\" alt=\"\u79fb\u4ea4\">\n                    <\/div>\n\n                    <div class=\"tpma-stage-info\">\n\n                        <span class=\"tpma-stage-number\">04<\/span>\n\n                        <h3 class=\"tpma-stage-title\">\n                            \u79fb\u4ea4\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n                <ul class=\"tpma-stage-list\">\n                    <li>\u5b8c\u5de5\u9ede\u4ea4<\/li>\n                    <li>\u4f7f\u7528\u7ba1\u7406\u929c\u63a5<\/li>\n                    <li>\u6587\u4ef6\u79fb\u8f49<\/li>\n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 05 \u7ba1\u7406 -->\n        <div class=\"tpma-stage\">\n\n            <div class=\"tpma-stage-card\">\n\n                <div class=\"tpma-stage-top\">\n\n                    <div class=\"tpma-stage-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u7269\u696d\u7684\u751f\u547d\u9031\u671f_\u7ba1\u7406.png\" alt=\"\u7ba1\u7406\">\n                    <\/div>\n\n                    <div class=\"tpma-stage-info\">\n\n                        <span class=\"tpma-stage-number\">05<\/span>\n\n                        <h3 class=\"tpma-stage-title\">\n                            \u7ba1\u7406\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n                <ul class=\"tpma-stage-list\">\n                    <li>\u793e\u5340\u71df\u904b<\/li>\n                    <li>\u8a2d\u65bd\u8a2d\u5099\u7dad\u8b77<\/li>\n                    <li>\u751f\u6d3b\u8207\u5546\u696d\u670d\u52d9<\/li>\n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- 06 \u6c38\u7e8c -->\n        <div class=\"tpma-stage\">\n\n            <div class=\"tpma-stage-card\">\n\n                <div class=\"tpma-stage-top\">\n\n                    <div class=\"tpma-stage-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u7269\u696d\u7684\u751f\u547d\u9031\u671f_\u6c38\u7e8c.png\" alt=\"\u6c38\u7e8c\">\n                    <\/div>\n\n                    <div class=\"tpma-stage-info\">\n\n                        <span class=\"tpma-stage-number\">06<\/span>\n\n                        <h3 class=\"tpma-stage-title\">\n                            \u6c38\u7e8c\n                        <\/h3>\n\n                    <\/div>\n\n                <\/div>\n\n                <ul class=\"tpma-stage-list\">\n                    <li>\u8cc7\u7522\u6d3b\u5316<\/li>\n                    <li>\u50f9\u503c\u63d0\u5347<\/li>\n                    <li>\u6301\u7e8c\u767c\u5c55<\/li>\n                <\/ul>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- \u5e95\u90e8\u7406\u5ff5 -->\n    <div class=\"tpma-life-message\">\n\n        <strong>\n            \u5f9e\u898f\u5283\u5230\u6c38\u7e8c\uff0c\u7269\u696d\u7ba1\u7406\u59cb\u7d42\u5728\u5176\u4e2d\n        <\/strong>\n\n        <span>\n            \u4ee5\u5168\u751f\u547d\u9031\u671f\u601d\u7dad\u4e32\u806f\u5efa\u7bc9\u3001\u7ba1\u7406\u8207\u670d\u52d9\uff0c\n            \u6301\u7e8c\u5275\u9020\u66f4\u9577\u9060\u7684\u4f7f\u7528\u8207\u8cc7\u7522\u50f9\u503c\u3002\n        <\/span>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* ========================================\n   \u5c08\u696d\u4eba\u624d\u57f9\u80b2\n   TALENT DEVELOPMENT\n======================================== *\/\n\n.tpma-talent,\n.tpma-talent * {\n    box-sizing: border-box;\n}\n\n.tpma-talent {\n    width: 100%;\n    max-width: 1120px;\n\n    \/* \u684c\u6a5f\uff1a\u6574\u9ad4\u518d\u5f80\u4e0a *\/\n    margin: -60px auto 0;\n\n    \/* \u7e2e\u5c0f\u5340\u584a\u4e0a\u65b9\u5167\u8ddd *\/\n    padding: 32px 20px 52px;\n\n    font-family: \"Noto Sans TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n    background: #ffffff;\n}\n\n\/* \u6574\u9ad4\uff1a\u5de6\u6587\u6848\uff0b\u53f3\u4e09\u5361 *\/\n.tpma-talent-wrap {\n    width: 100%;\n    display: grid;\n    grid-template-columns: 32% 68%;\n    align-items: center;\n    gap: 24px;\n}\n\n\n\/* ========================================\n   \u5de6\u5074\u6587\u5b57\n======================================== *\/\n\n.tpma-talent-content {\n    position: relative;\n    z-index: 2;\n    padding: 4px 0;\n}\n\n\/* TALENT DEVELOPMENT *\/\n.tpma-talent-en {\n    margin-bottom: 5px;\n    color: #0878c9;\n    font-size: 14px;\n    line-height: 1.4;\n    font-weight: 700;\n    letter-spacing: 2.6px;\n}\n\n\/* \u5c08\u696d\u4eba\u624d\u57f9\u80b2 *\/\n.tpma-talent-title {\n    margin: 0 0 8px;\n    color: #073d73;\n    font-size: 42px;\n    line-height: 1.2;\n    font-weight: 800;\n    letter-spacing: 1px;\n}\n\n\/* \u526f\u6a19\u984c *\/\n.tpma-talent-subtitle {\n    margin: 0 0 11px;\n    color: #075a9e;\n    font-size: 17px;\n    line-height: 1.6;\n    font-weight: 700;\n}\n\n\/* \u5de6\u5074\u8aaa\u660e\u6587\u5b57 *\/\n.tpma-talent-desc {\n    margin: 0;\n    max-width: 350px;\n    color: #52677b;\n    font-size: 14px;\n    line-height: 1.85;\n}\n\n\n\/* ========================================\n   \u6309\u9215\n======================================== *\/\n\n.tpma-talent-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n\n    min-width: 195px;\n    margin-top: 18px;\n    padding: 10px 20px;\n\n    border: 1.5px solid #0878c9;\n    border-radius: 50px;\n\n    color: #075a9e;\n    background: #ffffff;\n\n    font-size: 13px;\n    line-height: 1.2;\n    font-weight: 700;\n    text-decoration: none;\n\n    transition:\n        background .25s ease,\n        color .25s ease,\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n.tpma-talent-button::after {\n    content: \"\u2192\";\n    font-size: 17px;\n    line-height: 1;\n    transition: transform .25s ease;\n}\n\n.tpma-talent-button:hover {\n    color: #ffffff;\n    background: #0878c9;\n    transform: translateY(-2px);\n    box-shadow: 0 7px 18px rgba(8,120,201,.16);\n}\n\n.tpma-talent-button:hover::after {\n    transform: translateX(4px);\n}\n\n\n\/* ========================================\n   \u53f3\u5074\u4e09\u5f35\u5361\u7247\n======================================== *\/\n\n.tpma-talent-cards {\n    width: 100%;\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n}\n\n.tpma-talent-card {\n    position: relative;\n    min-width: 0;\n    min-height: 360px;\n    overflow: hidden;\n\n    border-radius: 8px;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n.tpma-talent-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px rgba(7,61,115,.10);\n}\n\n\n\/* \u4e09\u5f35\u6de1\u8272\u80cc\u666f *\/\n\n.tpma-talent-card.community {\n    background: linear-gradient(\n        180deg,\n        #edf8ff 0%,\n        #e4f4fd 100%\n    );\n}\n\n.tpma-talent-card.realestate {\n    background: linear-gradient(\n        180deg,\n        #f0faf5 0%,\n        #e7f5ed 100%\n    );\n}\n\n.tpma-talent-card.engineering {\n    background: linear-gradient(\n        180deg,\n        #fff8eb 0%,\n        #fff1d8 100%\n    );\n}\n\n\n\/* ========================================\n   \u5361\u7247\u5716\u7247\n======================================== *\/\n\n.tpma-talent-image {\n    width: 100%;\n    height: 155px;\n    overflow: hidden;\n}\n\n.tpma-talent-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    border: 0;\n    box-shadow: none;\n\n    transition: transform .35s ease;\n}\n\n.tpma-talent-card:hover .tpma-talent-image img {\n    transform: scale(1.035);\n}\n\n\n\/* ========================================\n   \u5361\u7247\u6587\u5b57\n======================================== *\/\n\n.tpma-talent-card-body {\n    padding: 16px 17px 20px;\n}\n\n\/* \u793e\u5340\u7ba1\u7406\uff0f\u4e0d\u52d5\u7522\u7ba1\u7406\uff0f\u5de5\u7a0b\u7ba1\u7406 *\/\n.tpma-talent-card-title {\n    position: relative;\n    margin: 0 0 10px;\n\n    color: #073d73;\n    font-size: 20px;\n    line-height: 1.3;\n    font-weight: 800;\n}\n\n.tpma-talent-card-title::after {\n    content: \"\";\n    display: block;\n\n    width: 28px;\n    height: 2px;\n\n    margin-top: 7px;\n\n    border-radius: 10px;\n    background: #0878c9;\n}\n\n\/* \u5361\u7247\u9805\u76ee *\/\n.tpma-talent-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    color: #40566c;\n\n    font-size: 13.5px;\n    line-height: 1.8;\n}\n\n.tpma-talent-list li {\n    position: relative;\n    padding-left: 12px;\n}\n\n.tpma-talent-list li::before {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    top: .72em;\n\n    width: 4px;\n    height: 4px;\n\n    border-radius: 50%;\n    background: #0878c9;\n}\n\n\n\/* ========================================\n   \u5e73\u677f\n======================================== *\/\n\n@media (max-width: 1000px) {\n\n    .tpma-talent {\n        width: calc(100% - 30px);\n\n        \/* \u5e73\u677f\u4e5f\u5f80\u4e0a\u62c9 *\/\n        margin: -30px auto 0;\n\n        \/* \u4e0a\u65b9\u7a7a\u9593\u540c\u6b65\u7e2e\u5c0f *\/\n        padding: 28px 25px 46px;\n    }\n\n    .tpma-talent-wrap {\n        grid-template-columns: 1fr;\n        gap: 32px;\n    }\n\n    .tpma-talent-content {\n        max-width: 700px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .tpma-talent-en {\n        font-size: 14px;\n    }\n\n    .tpma-talent-title {\n        font-size: 38px;\n    }\n\n    .tpma-talent-subtitle {\n        font-size: 17px;\n    }\n\n    .tpma-talent-desc {\n        max-width: 650px;\n        margin: 0 auto;\n\n        font-size: 14px;\n        line-height: 1.85;\n    }\n\n    .tpma-talent-cards {\n        max-width: 800px;\n        margin: 0 auto;\n        gap: 16px;\n    }\n\n    .tpma-talent-card {\n        min-height: 350px;\n    }\n\n    .tpma-talent-image {\n        height: 155px;\n    }\n\n    .tpma-talent-card-title {\n        font-size: 20px;\n    }\n\n    .tpma-talent-list {\n        font-size: 13.5px;\n    }\n}\n\n\n\/* ========================================\n   \u624b\u6a5f\n======================================== *\/\n\n@media (max-width: 700px) {\n\n    .tpma-talent {\n        width: 100%;\n\n        \/* \u624b\u6a5f\u660e\u986f\u5f80\u4e0a\u62c9\u8fd1\u4e0a\u4e00\u5340\u584a *\/\n        margin: -40px auto 0;\n\n        \/* \u6e1b\u5c11\u5340\u584a\u5167\u90e8\u4e0a\u65b9\u7559\u767d *\/\n        padding: 18px 18px 42px;\n    }\n\n    .tpma-talent-wrap {\n        gap: 30px;\n    }\n\n\n    \/* \u5de6\u5074\u624b\u6a5f\u6587\u5b57 *\/\n\n    .tpma-talent-content {\n        width: 100%;\n        max-width: 100%;\n        text-align: center;\n    }\n\n    .tpma-talent-en {\n        margin-bottom: 6px;\n\n        font-size: 13px;\n        line-height: 1.4;\n        letter-spacing: 2px;\n    }\n\n    .tpma-talent-title {\n        margin-bottom: 10px;\n\n        font-size: 32px;\n        line-height: 1.25;\n    }\n\n    .tpma-talent-subtitle {\n        margin-bottom: 12px;\n\n        font-size: 16px;\n        line-height: 1.6;\n    }\n\n    .tpma-talent-desc {\n        max-width: 100%;\n        margin: 0 auto;\n\n        font-size: 14px;\n        line-height: 1.85;\n    }\n\n\n    \/* \u624b\u6a5f\u6309\u9215 *\/\n\n    .tpma-talent-button {\n        min-width: 200px;\n\n        margin-top: 18px;\n        padding: 11px 21px;\n\n        font-size: 14px;\n    }\n\n    .tpma-talent-button::after {\n        font-size: 18px;\n    }\n\n\n    \/* \u624b\u6a5f\u5361\u7247\u4e00\u5217\u4e00\u5f35 *\/\n\n    .tpma-talent-cards {\n        grid-template-columns: 1fr;\n\n        width: 100%;\n        max-width: 420px;\n\n        margin: 0 auto;\n\n        gap: 18px;\n    }\n\n    .tpma-talent-card {\n        min-height: 0;\n        border-radius: 12px;\n    }\n\n\n    \/* \u624b\u6a5f\u5716\u7247 *\/\n\n    .tpma-talent-image {\n        height: 210px;\n    }\n\n\n    \/* \u624b\u6a5f\u5361\u7247\u6587\u5b57 *\/\n\n    .tpma-talent-card-body {\n        padding: 18px 20px 22px;\n    }\n\n    .tpma-talent-card-title {\n        margin-bottom: 12px;\n\n        font-size: 21px;\n        line-height: 1.35;\n    }\n\n    .tpma-talent-card-title::after {\n        width: 32px;\n        height: 2px;\n        margin-top: 8px;\n    }\n\n    .tpma-talent-list {\n        font-size: 14px;\n        line-height: 1.85;\n    }\n\n    .tpma-talent-list li {\n        padding-left: 14px;\n        margin-bottom: 2px;\n    }\n\n    .tpma-talent-list li::before {\n        width: 5px;\n        height: 5px;\n    }\n}\n<\/style>\n\n\n<section class=\"tpma-talent\">\n\n    <div class=\"tpma-talent-wrap\">\n\n        <!-- \u5de6\u5074 -->\n        <div class=\"tpma-talent-content\">\n\n            <div class=\"tpma-talent-en\">\n                TALENT DEVELOPMENT\n            <\/div>\n\n            <h2 class=\"tpma-talent-title\">\n                \u5c08\u696d\u4eba\u624d\u57f9\u80b2\n            <\/h2>\n\n            <p class=\"tpma-talent-subtitle\">\n                \u5c08\u696d\uff0c\u662f\u63d0\u5347\u7269\u696d\u670d\u52d9\u54c1\u8cea\u7684\u57fa\u790e\n            <\/p>\n\n            <p class=\"tpma-talent-desc\">\n                \u5354\u6703\u900f\u904e\u5c08\u696d\u8ab2\u7a0b\u3001\u8b49\u7167\u8a13\u7df4\u53ca\u7522\u696d\u4ea4\u6d41\uff0c\n                \u5354\u52a9\u5f9e\u696d\u4eba\u54e1\u5efa\u7acb\u5b8c\u6574\u7684\u5c08\u696d\u77e5\u8b58\u8207\u5be6\u52d9\u80fd\u529b\uff0c\n                \u4e26\u6301\u7e8c\u63a8\u52d5\u8de8\u9818\u57df\u4eba\u624d\u57f9\u80b2\uff0c\u5f37\u5316\u7522\u696d\u7af6\u722d\u529b\u3002\n            <\/p>\n\n            <a class=\"tpma-talent-button\" href=\"#\">\n                \u57f9\u80b2\u66f4\u591a\u5c08\u696d\u4eba\u624d\n            <\/a>\n\n        <\/div>\n\n\n        <!-- \u53f3\u5074\u4e09\u5f35\u5361\u7247 -->\n        <div class=\"tpma-talent-cards\">\n\n\n            <!-- \u793e\u5340\u7ba1\u7406 -->\n            <div class=\"tpma-talent-card community\">\n\n                <div class=\"tpma-talent-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u793e\u5340\u7ba1\u7406.png\" alt=\"\u793e\u5340\u7ba1\u7406\">\n                <\/div>\n\n                <div class=\"tpma-talent-card-body\">\n\n                    <h3 class=\"tpma-talent-card-title\">\n                        \u793e\u5340\u7ba1\u7406\n                    <\/h3>\n\n                    <ul class=\"tpma-talent-list\">\n                        <li>\u793e\u5340\u6cbb\u7406\u8207\u904b\u71df<\/li>\n                        <li>\u4e8b\u52d9\u7ba1\u7406\u4eba\u54e1\u57f9\u8a13<\/li>\n                        <li>\u751f\u6d3b\u670d\u52d9\u8207\u6e9d\u901a\u5354\u8abf<\/li>\n                        <li>\u5efa\u7acb\u512a\u8cea\u793e\u5340\u74b0\u5883<\/li>\n                    <\/ul>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- \u4e0d\u52d5\u7522\u7ba1\u7406 -->\n            <div class=\"tpma-talent-card realestate\">\n\n                <div class=\"tpma-talent-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u4e0d\u52d5\u7522\u7ba1\u7406.png\" alt=\"\u4e0d\u52d5\u7522\u7ba1\u7406\">\n                <\/div>\n\n                <div class=\"tpma-talent-card-body\">\n\n                    <h3 class=\"tpma-talent-card-title\">\n                        \u4e0d\u52d5\u7522\u7ba1\u7406\n                    <\/h3>\n\n                    <ul class=\"tpma-talent-list\">\n                        <li>\u8cc7\u7522\u670d\u52d9\u8207\u5e02\u5834\u5c08\u696d<\/li>\n                        <li>\u4e0d\u52d5\u7522\u4f30\u50f9\u8207\u7d93\u7d00<\/li>\n                        <li>\u79df\u8cc3\u4f4f\u5b85\u7ba1\u7406<\/li>\n                        <li>\u4ea4\u6613\u8207\u8aee\u8a62\u670d\u52d9<\/li>\n                    <\/ul>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- \u5de5\u7a0b\u7ba1\u7406 -->\n            <div class=\"tpma-talent-card engineering\">\n\n                <div class=\"tpma-talent-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u5de5\u7a0b\u7ba1\u7406.png\" alt=\"\u5de5\u7a0b\u7ba1\u7406\">\n                <\/div>\n\n                <div class=\"tpma-talent-card-body\">\n\n                    <h3 class=\"tpma-talent-card-title\">\n                        \u5de5\u7a0b\u7ba1\u7406\n                    <\/h3>\n\n                    <ul class=\"tpma-talent-list\">\n                        <li>\u5efa\u7bc9\u5de5\u7a0b\u7ba1\u7406<\/li>\n                        <li>\u71df\u9020\u5de5\u7a0b\u7ba1\u7406<\/li>\n                        <li>\u5ba4\u5167\u88dd\u4fee\u5de5\u7a0b\u7ba1\u7406<\/li>\n                        <li>\u6d88\u9632\u8207\u8a2d\u5099\u5b89\u5168<\/li>\n                    <\/ul>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style>\n\/* ==================================================\n   \u5354\u6703\u5b97\u65e8\u8207\u4efb\u52d9\uff5cOUR MISSION\n================================================== *\/\n\n.tpma-mission {\n    position: relative;\n    width: 100%;\n    max-width: 1120px;\n    min-height: 500px;\n\n    \/* \u4e0a\u65b9\u7dad\u6301\u539f\u672c\u929c\u63a5\uff0c\u5e95\u90e8\u4e0d\u4f7f\u7528 margin *\/\n    margin: -35px auto 0;\n\n    padding: 55px 38px 185px;\n    overflow: hidden;\n    box-sizing: border-box;\n\n    font-family: \"Noto Sans TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n\n    background:\n        radial-gradient(\n            ellipse at 100% 0%,\n            rgba(89, 181, 232, 0.16) 0%,\n            rgba(89, 181, 232, 0.06) 25%,\n            transparent 47%\n        ),\n        linear-gradient(\n            180deg,\n            #ffffff 0%,\n            #fbfdff 52%,\n            #eef8fe 100%\n        );\n}\n\n.tpma-mission *,\n.tpma-mission *::before,\n.tpma-mission *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ==================================================\n   \u5de6\u4e0a\u6de1\u85cd\u88dd\u98fe\n================================================== *\/\n\n.tpma-mission::before {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n\n    width: 340px;\n    height: 150px;\n\n    left: -100px;\n    top: -80px;\n\n    border-radius: 50%;\n    background: rgba(87, 181, 233, 0.08);\n\n    transform: rotate(-12deg);\n}\n\n\n\/* ==================================================\n   \u53f3\u4e0a\u6de1\u85cd\u5713\u5f27\n================================================== *\/\n\n.tpma-mission::after {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n\n    width: 270px;\n    height: 270px;\n\n    right: -150px;\n    top: -130px;\n\n    border-radius: 50%;\n    background: rgba(87, 181, 233, 0.10);\n}\n\n\n\/* ==================================================\n   \u4e3b\u8981\u5167\u5bb9\n================================================== *\/\n\n.tpma-mission-inner {\n    position: relative;\n    z-index: 3;\n\n    display: grid;\n    grid-template-columns: 36% 64%;\n    gap: 48px;\n\n    width: 100%;\n}\n\n\n\/* ==================================================\n   \u5de6\u5074\n================================================== *\/\n\n.tpma-mission-left {\n    padding-top: 8px;\n}\n\n.tpma-mission-en {\n    margin-bottom: 6px;\n\n    color: #0878c9;\n\n    font-size: 14px;\n    line-height: 1.4;\n    font-weight: 700;\n    letter-spacing: 3px;\n}\n\n.tpma-mission-title {\n    margin: 0 0 10px;\n\n    color: #073d73;\n\n    font-size: 42px;\n    line-height: 1.2;\n    font-weight: 800;\n    letter-spacing: 1px;\n}\n\n.tpma-mission-subtitle {\n    margin: 0 0 16px;\n\n    color: #0878c9;\n\n    font-size: 18px;\n    line-height: 1.55;\n    font-weight: 700;\n}\n\n.tpma-mission-blue-line {\n    width: 42px;\n    height: 3px;\n\n    margin: 0 0 18px;\n\n    border-radius: 20px;\n    background: #0878c9;\n}\n\n\n\/* \u5de6\u5074\u5167\u6587 *\/\n\n.tpma-mission-desc {\n    max-width: 370px;\n    margin: 0;\n\n    color: #52677b;\n\n    font-size: 16px;\n    line-height: 1.85;\n    font-weight: 400;\n}\n\n\n\/* \u5de6\u4e0b\u82f1\u6587 *\/\n\n.tpma-mission-small-en {\n    margin-top: 25px;\n\n    color: #70afe0;\n\n    font-size: 11px;\n    line-height: 1.65;\n    font-weight: 700;\n    letter-spacing: 3px;\n}\n\n\n\/* ==================================================\n   \u53f3\u5074 01 \/ 02 \/ 03\n================================================== *\/\n\n.tpma-mission-list {\n    width: 100%;\n}\n\n.tpma-mission-row {\n    display: grid;\n    grid-template-columns: 115px 1fr;\n    align-items: center;\n\n    min-height: 110px;\n\n    padding: 15px 0;\n\n    border-bottom: 1px solid rgba(112, 158, 191, 0.22);\n}\n\n.tpma-mission-row:last-child {\n    border-bottom: none;\n}\n\n\n\/* ==================================================\n   \u5927\u6578\u5b57\n================================================== *\/\n\n.tpma-mission-num {\n    position: relative;\n\n    font-size: 62px;\n    line-height: 1;\n    font-weight: 800;\n    letter-spacing: -2px;\n}\n\n.tpma-mission-num::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 2px;\n    right: 15px;\n\n    width: 1px;\n    height: 58px;\n\n    background: currentColor;\n\n    opacity: 0.55;\n}\n\n\n\/* 01 *\/\n\n.tpma-mission-row.row01 .tpma-mission-num,\n.tpma-mission-row.row01 .tpma-mission-row-title {\n    color: #0878c9;\n}\n\n\n\/* 02 *\/\n\n.tpma-mission-row.row02 .tpma-mission-num,\n.tpma-mission-row.row02 .tpma-mission-row-title {\n    color: #008b72;\n}\n\n\n\/* 03 *\/\n\n.tpma-mission-row.row03 .tpma-mission-num,\n.tpma-mission-row.row03 .tpma-mission-row-title {\n    color: #e99500;\n}\n\n\n\/* ==================================================\n   \u53f3\u5074\u6587\u5b57\n================================================== *\/\n\n.tpma-mission-row-content {\n    padding-left: 18px;\n}\n\n.tpma-mission-row-title {\n    margin: 0 0 7px;\n\n    font-size: 21px;\n    line-height: 1.4;\n    font-weight: 800;\n}\n\n.tpma-mission-row-desc {\n    margin: 0;\n\n    color: #52677b;\n\n    font-size: 15.5px;\n    line-height: 1.75;\n    font-weight: 400;\n}\n\n\n\/* ==================================================\n   \u5e95\u90e8\u57ce\u5e02\n================================================== *\/\n\n.tpma-mission-city {\n    position: absolute;\n\n    z-index: 1;\n\n    left: 0;\n    right: 0;\n    bottom: -2px;\n\n    width: 100%;\n    height: 245px;\n\n    background-image:\n        url(\"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/09\/\u85cd\u8272\u7dda\u7a3f\u57ce\u5e02\u5929\u969b\u7dda\u6a6b\u5e45.png\");\n\n    background-repeat: no-repeat;\n    background-position: center bottom;\n    background-size: 100% auto;\n\n    opacity: 0.80;\n\n    pointer-events: none;\n\n    -webkit-mask-image:\n        linear-gradient(\n            to bottom,\n            transparent 0%,\n            rgba(0,0,0,0.12) 12%,\n            rgba(0,0,0,0.60) 32%,\n            #000 55%,\n            #000 100%\n        );\n\n    mask-image:\n        linear-gradient(\n            to bottom,\n            transparent 0%,\n            rgba(0,0,0,0.12) 12%,\n            rgba(0,0,0,0.60) 32%,\n            #000 55%,\n            #000 100%\n        );\n}\n\n\n\/* ==================================================\n   \u5e95\u90e8\u6ce2\u6d6a\n================================================== *\/\n\n.tpma-mission-wave1 {\n    position: absolute;\n\n    z-index: 0;\n\n    left: -5%;\n    bottom: -115px;\n\n    width: 110%;\n    height: 245px;\n\n    border-radius: 50% 50% 0 0;\n\n    background: rgba(117, 200, 241, 0.11);\n\n    transform: rotate(2deg);\n}\n\n.tpma-mission-wave2 {\n    position: absolute;\n\n    z-index: 0;\n\n    left: -12%;\n    bottom: -155px;\n\n    width: 125%;\n    height: 255px;\n\n    border-radius: 50% 50% 0 0;\n\n    background: rgba(47, 161, 221, 0.09);\n\n    transform: rotate(-3deg);\n}\n\n\n\/* ==================================================\n   \u5354\u6703\u5b97\u65e8\u8207\u9801\u5c3e\u4e4b\u9593\n   \u5be6\u9ad4\u767d\u8272\u9593\u9694\n================================================== *\/\n\n.tpma-mission-footer-space {\n    display: block !important;\n\n    width: 100% !important;\n    max-width: 1120px !important;\n    height: 60px !important;\n\n    margin: 0 auto !important;\n    padding: 0 !important;\n\n    background: #ffffff !important;\n\n    clear: both;\n}\n\n\n\/* ==================================================\n   \u5e73\u677f\n================================================== *\/\n\n@media (max-width: 1000px) {\n\n    .tpma-mission {\n        width: calc(100% - 30px);\n\n        margin: -25px auto 0;\n\n        padding: 45px 28px 175px;\n    }\n\n    .tpma-mission-inner {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .tpma-mission-left {\n        max-width: 700px;\n\n        margin: 0 auto;\n\n        text-align: center;\n    }\n\n    .tpma-mission-title {\n        font-size: 38px;\n    }\n\n    .tpma-mission-subtitle {\n        font-size: 17px;\n    }\n\n    .tpma-mission-blue-line {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .tpma-mission-desc {\n        max-width: 650px;\n\n        margin: 0 auto;\n\n        font-size: 15.5px;\n        line-height: 1.85;\n    }\n\n    .tpma-mission-list {\n        max-width: 760px;\n\n        margin: 0 auto;\n    }\n\n    .tpma-mission-row-title {\n        font-size: 20px;\n    }\n\n    .tpma-mission-row-desc {\n        font-size: 15px;\n    }\n\n    .tpma-mission-city {\n        height: 205px;\n\n        background-size: auto 205px;\n    }\n\n    \/* \u5e73\u677f\u9801\u5c3e\u7559\u767d *\/\n\n    .tpma-mission-footer-space {\n        width: calc(100% - 30px) !important;\n        max-width: 1120px !important;\n        height: 50px !important;\n    }\n}\n\n\n\/* ==================================================\n   \u624b\u6a5f\n================================================== *\/\n\n@media (max-width: 700px) {\n\n    .tpma-mission {\n        width: 100%;\n\n        min-height: 0;\n\n        margin: -30px auto 0;\n\n        padding: 32px 18px 135px;\n    }\n\n    .tpma-mission-inner {\n        display: block;\n    }\n\n    .tpma-mission-left {\n        text-align: center;\n    }\n\n\n    \/* \u624b\u6a5f\u82f1\u6587 *\/\n\n    .tpma-mission-en {\n        font-size: 13px;\n        letter-spacing: 2px;\n    }\n\n\n    \/* \u624b\u6a5f\u4e3b\u6a19 *\/\n\n    .tpma-mission-title {\n        margin-bottom: 9px;\n\n        font-size: 32px;\n        line-height: 1.25;\n    }\n\n\n    \/* \u624b\u6a5f\u526f\u6a19 *\/\n\n    .tpma-mission-subtitle {\n        font-size: 16px;\n        line-height: 1.6;\n    }\n\n\n    \/* \u624b\u6a5f\u5b97\u65e8\u5167\u6587 *\/\n\n    .tpma-mission-desc {\n        max-width: 100%;\n\n        font-size: 15px;\n        line-height: 1.85;\n    }\n\n    .tpma-mission-small-en {\n        margin: 18px 0 23px;\n\n        font-size: 10px;\n    }\n\n\n    \/* ==================================================\n       \u624b\u6a5f\u4efb\u52d9\u5361\u7247\n    ================================================== *\/\n\n    .tpma-mission-row {\n        grid-template-columns: 72px 1fr;\n\n        min-height: 0;\n\n        margin-bottom: 10px;\n\n        padding: 16px 14px;\n\n        border: none;\n        border-radius: 10px;\n    }\n\n    .tpma-mission-row.row01 {\n        background: rgba(225, 244, 255, 0.85);\n    }\n\n    .tpma-mission-row.row02 {\n        background: rgba(229, 247, 240, 0.88);\n    }\n\n    .tpma-mission-row.row03 {\n        background: rgba(255, 244, 222, 0.88);\n    }\n\n\n    \/* \u624b\u6a5f\u6578\u5b57 *\/\n\n    .tpma-mission-num {\n        font-size: 42px;\n    }\n\n    .tpma-mission-num::after {\n        top: 0;\n        right: 7px;\n\n        height: 44px;\n    }\n\n\n    \/* \u624b\u6a5f\u4efb\u52d9\u6587\u5b57 *\/\n\n    .tpma-mission-row-content {\n        padding-left: 10px;\n    }\n\n    .tpma-mission-row-title {\n        margin-bottom: 6px;\n\n        font-size: 18px;\n        line-height: 1.45;\n    }\n\n    .tpma-mission-row-desc {\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n\n    \/* \u624b\u6a5f\u57ce\u5e02 *\/\n\n    .tpma-mission-city {\n        height: 135px;\n\n        background-position: center bottom;\n        background-size: auto 135px;\n\n        opacity: 0.72;\n    }\n\n    .tpma-mission-wave1 {\n        bottom: -155px;\n    }\n\n    .tpma-mission-wave2 {\n        bottom: -180px;\n    }\n\n\n    \/* \u624b\u6a5f\u9801\u5c3e\u7559\u767d *\/\n\n    .tpma-mission-footer-space {\n        width: 100% !important;\n        max-width: 100% !important;\n        height: 40px !important;\n    }\n}\n\n<\/style>\n\n\n<section class=\"tpma-mission\">\n\n    <div class=\"tpma-mission-inner\">\n\n\n        <!-- \u5de6\u5074 -->\n        <div class=\"tpma-mission-left\">\n\n            <div class=\"tpma-mission-en\">\n                OUR MISSION\n            <\/div>\n\n            <h2 class=\"tpma-mission-title\">\n                \u5354\u6703\u5b97\u65e8\u8207\u4efb\u52d9\n            <\/h2>\n\n            <div class=\"tpma-mission-subtitle\">\n                \u4ee5\u5c08\u696d\u4e32\u806f\u7522\u696d\uff0c\u4ee5\u5171\u597d\u5275\u9020\u672a\u4f86\n            <\/div>\n\n            <div class=\"tpma-mission-blue-line\"><\/div>\n\n            <p class=\"tpma-mission-desc\">\n                \u4ee5\u5c08\u696d\u3001\u4ea4\u6d41\u8207\u5171\u597d\u70ba\u6838\u5fc3\uff0c\u6574\u5408\u7269\u696d\u7ba1\u7406\u76f8\u95dc\u7522\u696d\u8cc7\u6e90\uff0c\n                \u63a8\u52d5\u5c08\u696d\u4eba\u624d\u57f9\u80b2\u8207\u7522\u696d\u767c\u5c55\uff0c\u63d0\u5347\u7269\u696d\u670d\u52d9\u54c1\u8cea\uff0c\n                \u4fc3\u9032\u5b89\u5168\u3001\u6c38\u7e8c\u8207\u53cb\u5584\u7684\u751f\u6d3b\u74b0\u5883\u3002\n            <\/p>\n\n            <div class=\"tpma-mission-small-en\">\n                BETTER PROPERTY<br>\n                BETTER LIFE\n            <\/div>\n\n        <\/div>\n\n\n        <!-- \u53f3\u5074 -->\n        <div class=\"tpma-mission-list\">\n\n\n            <!-- 01 -->\n            <div class=\"tpma-mission-row row01\">\n\n                <div class=\"tpma-mission-num\">\n                    01\n                <\/div>\n\n                <div class=\"tpma-mission-row-content\">\n\n                    <h3 class=\"tpma-mission-row-title\">\n                        \u653f\u7b56\u7814\u7a76\u8207\u516c\u76ca\u63a8\u5ee3\n                    <\/h3>\n\n                    <p class=\"tpma-mission-row-desc\">\n                        \u95dc\u6ce8\u7522\u696d\u767c\u5c55\u8207\u516c\u5171\u8b70\u984c\uff0c\u63a8\u52d5\u5c08\u696d\u7406\u5ff5\u8207\u516c\u76ca\u50f9\u503c\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 02 -->\n            <div class=\"tpma-mission-row row02\">\n\n                <div class=\"tpma-mission-num\">\n                    02\n                <\/div>\n\n                <div class=\"tpma-mission-row-content\">\n\n                    <h3 class=\"tpma-mission-row-title\">\n                        \u5c08\u696d\u6559\u80b2\u8207\u4eba\u624d\u57f9\u80b2\n                    <\/h3>\n\n                    <p class=\"tpma-mission-row-desc\">\n                        \u8fa6\u7406\u6559\u80b2\u8a13\u7df4\u3001\u5c08\u696d\u8b1b\u7fd2\u8207\u7522\u696d\u4ea4\u6d41\uff0c\n                        \u63d0\u5347\u5f9e\u696d\u4eba\u54e1\u5c08\u696d\u80fd\u529b\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 03 -->\n            <div class=\"tpma-mission-row row03\">\n\n                <div class=\"tpma-mission-num\">\n                    03\n                <\/div>\n\n                <div class=\"tpma-mission-row-content\">\n\n                    <h3 class=\"tpma-mission-row-title\">\n                        \u5168\u751f\u547d\u9031\u671f\u7ba1\u7406\u8207\u5be6\u52d9\u767c\u5c55\n                    <\/h3>\n\n                    <p class=\"tpma-mission-row-desc\">\n                        \u4e32\u806f\u898f\u5283\u3001\u5efa\u8a2d\u3001\u79fb\u4ea4\u3001\u4f7f\u7528\u7ba1\u7406\u8207\u8cc7\u7522\u670d\u52d9\uff0c\n                        \u4fc3\u9032\u7269\u696d\u7ba1\u7406\u5c08\u696d\u767c\u5c55\u3002\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- \u80cc\u666f\u6ce2\u6d6a -->\n    <div class=\"tpma-mission-wave1\"><\/div>\n    <div class=\"tpma-mission-wave2\"><\/div>\n\n\n    <!-- \u57ce\u5e02\u7dda\u7a3f -->\n    <div class=\"tpma-mission-city\"><\/div>\n\n<\/section>\n\n\n<!-- ==================================================\n     \u5354\u6703\u5b97\u65e8\u8207\u9801\u5c3e\u4e4b\u9593\u7684\u5be6\u9ad4\u7559\u767d\n================================================== -->\n\n<div class=\"tpma-mission-footer-space\" aria-hidden=\"true\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>ABOUT US \u95dc\u65bc\u5354\u6703 \u5171\u5275\u5c08\u696d\u3001\u6c38\u7e8c\u8207\u5171\u597d\u7684\u7269\u696d\u7ba1\u7406\u74b0\u5883 \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\u81f4\u529b\u65bc\u63a8\u52d5\u7269\u696d\u7ba1\u7406 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-750","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u95dc\u65bc\u5354\u6703 - \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tpma.com.tw\/?page_id=750\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u95dc\u65bc\u5354\u6703 - \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\" \/>\n<meta property=\"og:description\" content=\"ABOUT US \u95dc\u65bc\u5354\u6703 \u5171\u5275\u5c08\u696d\u3001\u6c38\u7e8c\u8207\u5171\u597d\u7684\u7269\u696d\u7ba1\u7406\u74b0\u5883 \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\u81f4\u529b\u65bc\u63a8\u52d5\u7269\u696d\u7ba1\u7406 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tpma.com.tw\/?page_id=750\" \/>\n<meta property=\"og:site_name\" content=\"\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-16T04:14:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/?page_id=750\",\"url\":\"https:\\\/\\\/tpma.com.tw\\\/?page_id=750\",\"name\":\"\u95dc\u65bc\u5354\u6703 - \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/#website\"},\"datePublished\":\"2026-08-17T05:50:57+00:00\",\"dateModified\":\"2026-09-16T04:14:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/?page_id=750#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tpma.com.tw\\\/?page_id=750\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/?page_id=750#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9801\",\"item\":\"https:\\\/\\\/tpma.com.tw\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u95dc\u65bc\u5354\u6703\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/#website\",\"url\":\"https:\\\/\\\/tpma.com.tw\\\/\",\"name\":\"\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tpma.com.tw\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/#organization\",\"name\":\"\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\",\"url\":\"https:\\\/\\\/tpma.com.tw\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/tpma.com.tw\\\/wordpress_0\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/logo\u5f69\u8272_\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703_\u5de5\u4f5c\u5340\u57df-1.png\",\"contentUrl\":\"https:\\\/\\\/tpma.com.tw\\\/wordpress_0\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/logo\u5f69\u8272_\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703_\u5de5\u4f5c\u5340\u57df-1.png\",\"width\":1100,\"height\":106,\"caption\":\"\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\"},\"image\":{\"@id\":\"https:\\\/\\\/tpma.com.tw\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u95dc\u65bc\u5354\u6703 - \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tpma.com.tw\/?page_id=750","og_locale":"zh_TW","og_type":"article","og_title":"\u95dc\u65bc\u5354\u6703 - \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703","og_description":"ABOUT US \u95dc\u65bc\u5354\u6703 \u5171\u5275\u5c08\u696d\u3001\u6c38\u7e8c\u8207\u5171\u597d\u7684\u7269\u696d\u7ba1\u7406\u74b0\u5883 \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703\u81f4\u529b\u65bc\u63a8\u52d5\u7269\u696d\u7ba1\u7406 [&hellip;]","og_url":"https:\/\/tpma.com.tw\/?page_id=750","og_site_name":"\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703","article_modified_time":"2026-09-16T04:14:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"5 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tpma.com.tw\/?page_id=750","url":"https:\/\/tpma.com.tw\/?page_id=750","name":"\u95dc\u65bc\u5354\u6703 - \u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703","isPartOf":{"@id":"https:\/\/tpma.com.tw\/#website"},"datePublished":"2026-08-17T05:50:57+00:00","dateModified":"2026-09-16T04:14:20+00:00","breadcrumb":{"@id":"https:\/\/tpma.com.tw\/?page_id=750#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tpma.com.tw\/?page_id=750"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tpma.com.tw\/?page_id=750#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9801","item":"https:\/\/tpma.com.tw\/"},{"@type":"ListItem","position":2,"name":"\u95dc\u65bc\u5354\u6703"}]},{"@type":"WebSite","@id":"https:\/\/tpma.com.tw\/#website","url":"https:\/\/tpma.com.tw\/","name":"\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703","description":"","publisher":{"@id":"https:\/\/tpma.com.tw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tpma.com.tw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/tpma.com.tw\/#organization","name":"\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703","url":"https:\/\/tpma.com.tw\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/tpma.com.tw\/#\/schema\/logo\/image\/","url":"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/07\/logo\u5f69\u8272_\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703_\u5de5\u4f5c\u5340\u57df-1.png","contentUrl":"https:\/\/tpma.com.tw\/wordpress_0\/wp-content\/uploads\/2026\/07\/logo\u5f69\u8272_\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703_\u5de5\u4f5c\u5340\u57df-1.png","width":1100,"height":106,"caption":"\u793e\u5718\u6cd5\u4eba\u53f0\u7063\u7269\u696d\u7ba1\u7406\u7522\u696d\u5354\u6703"},"image":{"@id":"https:\/\/tpma.com.tw\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/tpma.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/750","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tpma.com.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tpma.com.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tpma.com.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tpma.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=750"}],"version-history":[{"count":139,"href":"https:\/\/tpma.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/750\/revisions"}],"predecessor-version":[{"id":1187,"href":"https:\/\/tpma.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/750\/revisions\/1187"}],"wp:attachment":[{"href":"https:\/\/tpma.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}