{"id":12,"date":"2026-04-14T00:09:44","date_gmt":"2026-04-13T16:09:44","guid":{"rendered":"https:\/\/100.cimme.org.tw\/?page_id=12"},"modified":"2026-04-27T07:38:43","modified_gmt":"2026-04-26T23:38:43","slug":"home","status":"publish","type":"page","link":"https:\/\/100.cimme.org.tw\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u4e2d\u570b\u945b\u51b6\u5de5\u7a0b\u5b78\u6703 - \u767e\u5e74\u6176<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@700;900&display=swap\" rel=\"stylesheet\">\n <style>\n :root { \n --cme-red: #B22222; \n --cme-gold: #C5A059; \n --light-bg: #FFFFFF; \n --soft-bg: #F9F7F2; \n }\n body { font-family: 'PingFang TC', 'Microsoft JhengHei', sans-serif; background-color: var(--light-bg); scroll-behavior: smooth; color: #333; }\n .serif { font-family: 'Noto Serif TC', serif; }\n .story-section:nth-child(even) { flex-direction: row-reverse; }\n .tag { display: inline-block; padding: 2px 12px; border-radius: 4px; font-size: 0.85rem; font-weight: bold; }\n .tag-red { background-color: #FFF5F5; color: var(--cme-red); border: 1px solid #FFEBEB; }\n .tag-gold { background-color: #FCF8F0; color: var(--cme-gold); border: 1px solid #F7EEDC; }\n .image-box { background-color: #F3F4F6; min-height: 400px; border-radius: 12px; display: flex; align-items: center; justify-center: center; color: #999; }\n <\/style>\n<\/head>\n<body>\n\n<header class=\"relative h-screen flex flex-col items-center justify-center text-center bg-white px-6 overflow-hidden\">\n \n <div class=\"absolute inset-0 opacity-10 pointer-events-none bg-[url('https:\/\/www.transparenttextures.com\/patterns\/paper-fibers.png')] animate-subtle-zoom\"><\/div>\n\n <div class=\"z-10 w-full max-w-5xl\">\n \n <div class=\"animate-entrance-up\" style=\"animation-delay: 0.2s;\">\n <img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/Html\/images\/cimme100_transparent.png\" alt=\"LOGO\" \n style=\"width: 320px; max-width: 70%; height: auto; margin: 0 auto 3rem auto;\" \n class=\"drop-shadow-sm\">\n <\/div>\n\n <h1 class=\"serif text-5xl md:text-6xl tracking-[0.4em] text-stone-800 font-black mb-8 animate-entrance-up\" style=\"animation-delay: 0.4s;\">\n \u4e16\u7d00\u945b\u51b6 \u00b7 \u767e\u5e74\u50b3\u627f\n <\/h1>\n\n <p class=\"text-[#C5A059] text-xl md:text-xl tracking-[0.4em] font-medium uppercase mb-10 animate-entrance-up\" style=\"animation-delay: 0.6s;\">\n CENTENARY CELEBRATION 1926-2026\n <\/p>\n\n <div class=\"max-w-3xl mx-auto mb-14 animate-entrance-up\" style=\"animation-delay: 0.8s;\">\n <p class=\"text-stone-500 text-lg md:text-l leading-[2.2] tracking-[0.15em] font-light\">\n \u81ea1926\u5e74\u6210\u7acb\u4ee5\u4f86\uff0c\u5b78\u6703\u6301\u7e8c\u63a8\u52d5\u945b\u51b6\u6280\u8853\u7684\u767c\u5c55\u8207\u7814\u7a76\uff0c\u627f\u63a5\u6b77\u53f2\uff0c\u958b\u5275\u672a\u4f86\u3002<br class=\"hidden md:block\">\n \u6211\u5011\u5c07\u6df1\u5316\u5b78\u8853\u4ea4\u6d41\u8207\u6280\u8853\u5275\u65b0\uff0c\u5171\u540c\u8b5c\u5beb\u4e0b\u4e00\u500b\u8f1d\u714c\u7684\u767e\u5e74\u6545\u4e8b\u3002\n <\/p>\n <\/div>\n\n <div class=\"flex justify-center gap-8 animate-entrance-up\" style=\"animation-delay: 1s;\">\n <a href=\"#events\" class=\"px-12 py-4 bg-[#B22222] text-white rounded-full font-bold text-lg hover:bg-red-800 hover:scale-105 hover:shadow-2xl transition-all duration-300\">\n \u767e\u5e74\u6176\u6d3b\u52d5\n <\/a>\n <a href=\"#contact\" class=\"px-12 py-4 border-2 border-stone-200 text-stone-600 rounded-full font-bold text-lg hover:bg-stone-50 hover:border-stone-400 transition-all duration-300\">\n \u806f\u7d61\u6211\u5011\n <\/a>\n <\/div>\n <\/div>\n<\/header>\n\n<style>\n \/* \u6838\u5fc3\u52d5\u756b\u4ee3\u78bc *\/\n @keyframes entranceUp {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes subtleZoom {\n 0% { transform: scale(1); }\n 100% { transform: scale(1.1); }\n }\n\n .animate-entrance-up {\n opacity: 0;\n animation: entranceUp 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n }\n\n .animate-subtle-zoom {\n animation: subtleZoom 20s linear infinite alternate;\n }\n\n \/* \u91dd\u5c0d Serif \u5b57\u9ad4\u7684\u5fae\u8abf *\/\n .serif {\n font-variant-ligatures: none; \/* \u9632\u6b62\u7279\u5b9a\u5b57\u9ad4\u5728\u9593\u8ddd\u62c9\u5927\u6642\u7522\u751f\u92f8\u9f52 *\/\n }\n<\/style>\n\n <section id=\"anthem\" class=\"py-24 bg-[--soft-bg]\">\n <div class=\"max-w-5xl mx-auto px-6\">\n <div class=\"text-center mb-16\">\n <h2 class=\"serif text-3xl text-stone-800\">\u5b78\u6703\u4e4b\u8072<\/h2>\n <div class=\"w-12 h-1 bg-[--cme-red] mx-auto mt-4\"><\/div>\n <\/div>\n <div class=\"grid md:grid-cols-2 gap-12\">\n <div class=\"bg-white p-10 rounded-2xl shadow-sm text-center\">\n <p class=\"serif text-xl mb-6 text-stone-700\">\u4e2d\u570b\u945b\u51b6\u5de5\u7a0b\u5b78\u6703\u6703\u6b4c<\/p>\n <audio controls class=\"w-full mb-4 shadow-sm rounded-full\">\n <source src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/1-1\u4e2d\u570b\u945b\u51b6\u5de5\u7a0b\u5b78\u6703\u6703\u6b4c-\u7ba1\u5f26\u6a02\u92fc\u7434\u5408\u5531.mp3\" type=\"audio\/x-mp3\">\n <\/audio>\n <a href=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/1-1\u6703\u6b4c\u65b0\u8b5c\u66f2-scaled.jpg\" target=\"_blank\" class=\"text-[--cme-gold] text-sm font-bold border-b border-[--cme-gold]\">\u4e0b\u8f09\u6a02\u8b5c (jpg)<\/a>\n <\/div>\n <div class=\"bg-white p-10 rounded-2xl shadow-sm text-center\">\n <p class=\"serif text-xl mb-6 text-stone-700\">\u945b\u51b6\u4eba\u4e4b\u6b4c<\/p>\n <audio controls class=\"w-full mb-4 shadow-sm rounded-full\">\n <source src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/1-2\u945b\u51b6\u4eba\u4e4b\u6b4c-\u7ba1\u5f26\u6a02\u92fc\u7434\u5408\u5531-\u65b0\u7248.mp3\" type=\"audio\/x-mp3\">\n <\/audio>\n <a href=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/1-1\u945b\u51b6\u4eba\u4e4b\u6b4c-\u65b0\u8b5c\u66f2-scaled.jpg\" target=\"_blank\" class=\"text-[--cme-gold] text-sm font-bold border-b border-[--cme-gold]\">\u4e0b\u8f09\u6a02\u8b5c (jpg)<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<div class=\"cme-activity-section\" style=\"max-width: 1200px; margin: 0 auto; padding: 60px 20px; font-family: 'PingFang TC', 'Microsoft JhengHei', sans-serif;\">\n \n <div style=\"text-align: center; margin-bottom: 80px;\">\n <h2 style=\"font-family: 'Noto Serif TC', serif; font-size: 30px; color: #1c1917; margin: 0;\">2026 \u5e74\u5ea6\u76db\u4e8b<\/h2>\n <div style=\"width: 60px; height: 4px; background-color: #8b0000; margin: 20px auto 0;\"><\/div>\n <\/div>\n\n <div class=\"event-row\" style=\"display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 120px; gap: 50px;\">\n <div style=\"flex: 1; min-width: 320px;\">\n <div class=\"carousel-container\" style=\"position: relative; width: 100%; aspect-ratio: 16\/10; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: #f3f4f6;\">\n <div id=\"track-q1\" style=\"display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; height: 100%; scrollbar-width: none; -ms-overflow-style: none;\">\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/1-\u79d8\u66f8\u9577\u4ecb\u7d39\u8b1b\u8005.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/2-\u6f14\u8b1b\u72c0\u6cc1.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/3-\u5927\u5408\u7167.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/4-\u5b78\u9662\u81f4\u8d08\u611f\u8b1d\u79ae\u54c1.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <\/div>\n <button onclick=\"document.getElementById('track-q1').scrollBy({left: -500, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.85); border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; z-index: 10; font-weight: bold;\">\u276e<\/button>\n <button onclick=\"document.getElementById('track-q1').scrollBy({left: 500, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.85); border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; z-index: 10; font-weight: bold;\">\u276f<\/button>\n <\/div>\n <\/div>\n <div style=\"flex: 1; min-width: 320px;\">\n <span style=\"color: #8b0000; font-weight: 900; font-style: italic; font-size: 1.2rem; letter-spacing: 0.1em; border-bottom: 2px solid #8b0000;\">2026 \/ 3 \/ 20<\/span>\n <h3 style=\"font-family: 'Noto Serif TC', serif; font-size: 32px; color: #000; margin: 20px 0; line-height: 1.3;\">\u534a\u5c0e\u9ad4\u8207\u7da0\u8272\u79d1\u6280<br>\u5b78\u4f4d\u5b78\u7a0b\u5c08\u984c\u6f14\u8b1b<\/h3>\n <p style=\"color: #57534e; font-size: 1.1rem; line-height: 1.8; text-align: justify;\">\u805a\u7126\u945b\u51b6\u6280\u8853\u5728\u534a\u5c0e\u9ad4\u7522\u696d\u93c8\u8207\u7da0\u8272\u79d1\u6280\u4e2d\u7684\u5275\u65b0\u61c9\u7528\uff0c\u5f15\u5c0e\u5e74\u8f15\u5b78\u5b50\u6295\u8eab\u6230\u7565\u6027\u7522\u696d\u958b\u767c\uff0c\u70ba\u4e0b\u4e00\u500b\u767e\u5e74\u5960\u5b9a\u57fa\u790e\u3002<\/p>\n <div style=\"margin-top: 25px;\"><span style=\"background: #fdfbf7; color: #b8860b; padding: 6px 15px; border: 1px solid #eee0cb; border-radius: 4px; font-weight: bold; font-size: 0.9rem;\">\u4e3b\u8fa6\uff1a\u4e2d\u8208\u5927\u5b78<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"event-row\" style=\"display: flex; flex-wrap: wrap-reverse; align-items: center; margin-bottom: 120px; gap: 50px;\">\n <div style=\"flex: 1; min-width: 320px;\">\n <span style=\"color: #8b0000; font-weight: 900; font-style: italic; font-size: 1.2rem; letter-spacing: 0.1em; border-bottom: 2px solid #8b0000;\">2026 \/ 4 \/ 22<\/span>\n <h3 style=\"font-family: 'Noto Serif TC', serif; font-size: 32px; color: #000; margin: 20px 0; line-height: 1.3;\">\u53f0\u7063\u5927\u5b78<br>\u92fc\u9435\u7522\u54c1\u8207\u88fd\u7a0b\u7279\u8ad6\u6388\u8ab2<\/h3>\n <p style=\"color: #57534e; font-size: 1.1rem; line-height: 1.8; text-align: justify;\">\u63a2\u8a0e\u92fc\u9435\u7522\u54c1\u8207\u88fd\u7a0b\u4e2d\u7684\u945b\u51b6\u6280\u8853\u5275\u65b0\uff0c\u805a\u7126\u4f4e\u78b3\u88fd\u9020\u8207\u6c38\u7e8c\u61c9\u7528\uff0c\u70ba\u53f0\u7063\u92fc\u9435\u7522\u696d\u57f9\u990a\u5177\u5099\u524d\u77bb\u8996\u91ce\u7684\u6280\u8853\u7ba1\u7406\u4eba\u624d\u3002<\/p>\n <div style=\"margin-top: 25px; display: flex; gap: 10px;\">\n <span style=\"background: #fdfbf7; color: #b8860b; padding: 6px 15px; border: 1px solid #eee0cb; border-radius: 4px; font-weight: bold; font-size: 0.9rem;\">\u4e3b\u8fa6\uff1a\u53f0\u7063\u5927\u5b78<\/span>\n <span style=\"background: #fdfbf7; color: #b8860b; padding: 6px 15px; border: 1px solid #eee0cb; border-radius: 4px; font-weight: bold; font-size: 0.9rem;\">\u5c0d\u8c61\uff1a\u5927\u5c08\u9662\u6821\u5b78\u751f<\/span>\n <\/div>\n <\/div>\n <div style=\"flex: 1; min-width: 320px;\">\n <div class=\"carousel-container\" style=\"position: relative; width: 100%; aspect-ratio: 16\/10; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: #f3f4f6;\">\n <div id=\"track-q2\" style=\"display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; height: 100%; scrollbar-width: none; -ms-overflow-style: none;\">\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/IMG_2987-scaled.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/IMG_7030-scaled.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/IMG_7021-scaled.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/IMG_2983-scaled.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <\/div>\n <button onclick=\"document.getElementById('track-q2').scrollBy({left: -500, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.85); border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; z-index: 10;\">\u276e<\/button>\n <button onclick=\"document.getElementById('track-q2').scrollBy({left: 500, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.85); border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; z-index: 10;\">\u276f<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"event-row\" style=\"display: flex; flex-wrap: wrap; align-items: center; gap: 50px;\">\n <div style=\"flex: 1; min-width: 320px;\">\n <div class=\"carousel-container\" style=\"position: relative; width: 100%; aspect-ratio: 16\/10; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: #f3f4f6;\">\n <div id=\"track-q3\" style=\"display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; height: 100%; scrollbar-width: none; -ms-overflow-style: none;\">\n <div style=\"flex: 0 0 100%; scroll-snap-align: start;\"><img decoding=\"async\" src=\"\u60a8\u7684\u6210\u5927\u7167\u7247\u7db2\u57401.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\"><\/div>\n <\/div>\n <button onclick=\"document.getElementById('track-q3').scrollBy({left: -500, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.85); border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; z-index: 10;\">\u276e<\/button>\n <button onclick=\"document.getElementById('track-q3').scrollBy({left: 500, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.85); border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; z-index: 10;\">\u276f<\/button>\n <\/div>\n <\/div>\n <div style=\"flex: 1; min-width: 320px;\">\n <span style=\"color: #8b0000; font-weight: 900; font-style: italic; font-size: 1.2rem; letter-spacing: 0.1em; border-bottom: 2px solid #8b0000;\">2026 \/ Q3<\/span>\n <h3 style=\"font-family: 'Noto Serif TC', serif; font-size: 32px; color: #000; margin: 20px 0; line-height: 1.3;\">\u6210\u529f\u5927\u5b78<br>\u92fc\u9435\u7522\u54c1\u8207\u88fd\u7a0b\u7279\u8ad6\u6388\u8ab2<\/h3>\n <p style=\"color: #57534e; font-size: 1.1rem; line-height: 1.8; text-align: justify;\">\u63a2\u8a0e\u92fc\u9435\u7522\u54c1\u8207\u88fd\u7a0b\u4e2d\u7684\u945b\u51b6\u6280\u8853\u5275\u65b0\uff0c\u805a\u7126\u4f4e\u78b3\u88fd\u9020\u8207\u6c38\u7e8c\u61c9\u7528\uff0c\u57f9\u990a\u65b0\u751f\u4ee3\u945b\u51b6\u4eba\u624d\u3002<\/p>\n <div style=\"margin-top: 25px; display: flex; gap: 10px;\">\n <span style=\"background: #fdfbf7; color: #b8860b; padding: 6px 15px; border: 1px solid #eee0cb; border-radius: 4px; font-weight: bold; font-size: 0.9rem;\">\u4e3b\u8fa6\uff1a\u6210\u529f\u5927\u5b78<\/span>\n <span style=\"background: #fdfbf7; color: #b8860b; padding: 6px 15px; border: 1px solid #eee0cb; border-radius: 4px; font-weight: bold; font-size: 0.9rem;\">\u5c0d\u8c61\uff1a\u5927\u5c08\u9662\u6821\u5b78\u751f<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n\n <section class=\"py-24 bg-[--soft-bg] px-6\">\n <div class=\"max-w-7xl mx-auto\">\n <h2 class=\"serif text-2xl text-stone-600 mb-12 flex items-center gap-4\">\n <span class=\"w-10 h-[1px] bg-stone-300\"><\/span> 2025\u76f8\u95dc\u6d3b\u52d5\n <\/h2>\n <div class=\"grid md:grid-cols-4 gap-6\">\n <div class=\"bg-white p-8 rounded-2xl shadow-sm hover:shadow-md transition-all\">\n <span class=\"text-[--cme-gold] font-bold text-s\">2025\/3\/22<\/span>\n <h4 class=\"serif text-xl my-4 text-stone-700 leading-snug\">2025\u5730\u7403\u79d1\u5b78\u7cfb\u7d71<br>\u5b78\u8853\u8ad6\u58c7<\/h4>\n <p class=\"text-stone-400 text-sm italic\">\u4e3b\u8fa6\uff1a\u6587\u5316\u5927\u5b78<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-2xl shadow-sm hover:shadow-md transition-all\">\n <span class=\"text-[--cme-gold] font-bold text-s\">2025\/4\/2<\/span>\n <h4 class=\"serif text-xl my-4 text-stone-700 leading-snug\">\u92fc\u9435\u7522\u54c1\u8207\u88fd\u7a0b\u7279\u8ad6\u6388\u8ab2<br>\u5b78\u8853\u8ad6\u58c7<\/h4>\n <p class=\"text-stone-400 text-sm italic\">\u4e3b\u8fa6\uff1a\u53f0\u7063\u5927\u5b78<\/p>\n <\/div>\n <div class=\"bg-white p-8 rounded-2xl shadow-sm hover:shadow-md transition-all\">\n <span class=\"text-[--cme-gold] font-bold text-s\">2025\/10\/31<\/span>\n <h4 class=\"serif text-xl my-4 text-stone-700 leading-snug\">\u7159\u6c23\u6355\u78b3\u6280\u8853\u7814\u8a0e\u6703\u3001<br>\u4e2d\u92fc\u92fc\u5316\u806f\u7522\u5de5\u5834\u53c3\u8a2a<\/h4>\n <p class=\"text-stone-400 text-sm italic\">\u4e3b\u8fa6\uff1a\u4e2d\u92fc\u516c\u53f8<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"competitions\" class=\"py-24 px-6 max-w-7xl mx-auto\">\n <div class=\"grid md:grid-cols-2 gap-10\">\n <div class=\"bg-stone-50 p-12 rounded-3xl border border-stone-100\">\n <h3 class=\"serif text-3xl text-[--cme-red] mb-4\">\u767e\u5e74\u6176 LOGO \u8a2d\u8a08\u7af6\u8cfd<\/h3>\n <p class=\"text-stone-500 mb-8 leading-relaxed\">\u5ee3\u9080\u9752\u5e74\u5b78\u5b50\u6fc0\u767c\u5275\u610f\u3002\u7279\u512a\u734e\u91d1\uff1a\u65b0\u53f0\u5e63 10,000 \u5143\u3002<\/p>\n <div class=\"mb-8 text-sm font-bold text-stone-400\">\u622a\u6b62\u65e5\u671f\uff1a2025\/02\/28<\/div>\n <a href=\"wp-content\/uploads\/3-3.docx\" class=\"inline-block px-8 py-3 bg-stone-800 text-white rounded-full font-bold hover:bg-black transition-all\">\u4e0b\u8f09\u5831\u540d\u7c21\u7ae0 \u2192<\/a>\n <\/div>\n <div class=\"bg-white p-12 rounded-3xl border border-stone-200\">\n <h3 class=\"serif text-3xl text-[--cme-gold] mb-4\">\u945b\u51b6\u767e\u5e74\u651d\u5f71\u6bd4\u8cfd<\/h3>\n <p class=\"text-stone-500 mb-8 leading-relaxed\">\u6355\u6349\u945b\u51b6\u7522\u696d\u7684\u6b77\u53f2\u77ac\u9593\u3001\u7576\u524d\u98a8\u8c8c\u8207\u672a\u4f86\u9858\u666f\u3002<\/p>\n <div class=\"mb-8 text-s font-bold text-stone-400\">\u5fb5\u7a3f\u65e5\u671f\uff1a2026\/02\/13\uff5e2026\/05\/31<\/div>\n <a href=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/4-4\u945b\u51b6\u767e\u5e74\u651d\u5f71\u6bd4\u8cfd\u53c3\u8cfd\u7c21\u7ae0.docx\" class=\"inline-block px-8 py-3 border border-stone-800 text-stone-800 rounded-full font-bold hover:bg-stone-800 hover:text-white transition-all\">\u67e5\u770b\u6bd4\u8cfd\u8fa6\u6cd5 \u2192<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n<section class=\"py-24 bg-white\">\n <div class=\"max-w-5xl mx-auto px-6 text-center\">\n <h2 class=\"serif text-3xl text-stone-800 mb-14 underline decoration-[--cme-gold] decoration-2 underline-offset-8\">\u4e16\u7d00\u945b\u51b6\u4eba LINE \u8cbc\u5716<\/h2>\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-6\">\n <div class=\"group\">\n <div class=\"aspect-square flex items-center justify-center bg-stone-50 rounded-2xl overflow-hidden shadow-sm group-hover:shadow-md transition-all duration-300\">\n <img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/\u6536\u5230.png\" alt=\"\u6536\u5230\" class=\"w-full h-full object-contain p-2 group-hover:scale-110 transition-transform duration-300\">\n <\/div>\n <\/div>\n\n <div class=\"group\">\n <div class=\"aspect-square flex items-center justify-center bg-stone-50 rounded-2xl overflow-hidden shadow-sm group-hover:shadow-md transition-all duration-300\">\n <img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/\u8f9b\u82e6\u4e86.png\" alt=\"\u8f9b\u82e6\u4e86\" class=\"w-full h-full object-contain p-2 group-hover:scale-110 transition-transform duration-300\">\n <\/div>\n <\/div>\n <div class=\"group\">\n <div class=\"aspect-square flex items-center justify-center bg-stone-50 rounded-2xl overflow-hidden shadow-sm group-hover:shadow-md transition-all duration-300\">\n <img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/\u8b9a.png\" alt=\"\u8b9a\" class=\"w-full h-full object-contain p-2 group-hover:scale-110 transition-transform duration-300\">\n <\/div>\n <\/div>\n <div class=\"group\">\n <div class=\"aspect-square flex items-center justify-center bg-stone-50 rounded-2xl overflow-hidden shadow-sm group-hover:shadow-md transition-all duration-300\">\n <img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/\u606d\u559c.png\" alt=\"\u606d\u559c\" class=\"w-full h-full object-contain p-2 group-hover:scale-110 transition-transform duration-300\">\n <\/div>\n <\/div>\n <div class=\"group\">\n <div class=\"aspect-square flex items-center justify-center bg-stone-50 rounded-2xl overflow-hidden shadow-sm group-hover:shadow-md transition-all duration-300\">\n <img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/\u6200\u611b\u4e2d.png\" alt=\"\u7149\u611b\u4e2d\" class=\"w-full h-full object-contain p-2 group-hover:scale-110 transition-transform duration-300\">\n <\/div>\n <\/div>\n <div class=\"group\">\n <div class=\"aspect-square flex items-center justify-center bg-stone-50 rounded-2xl overflow-hidden shadow-sm group-hover:shadow-md transition-all duration-300\">\n <img decoding=\"async\" src=\"https:\/\/100.cimme.org.tw\/wp-content\/uploads\/2026\/04\/\u958b\u5de5.png\" alt=\"\u958b\u5de5\" class=\"w-full h-full object-contain p-2 group-hover:scale-110 transition-transform duration-300\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-16\">\n <a href=\"https:\/\/store.line.me\/stickershop\/product\/31748449\/\" target=\"_blank\" class=\"inline-block px-8 py-3 bg-[#06C755] text-white rounded-full font-bold hover:shadow-lg transition-all\">\n \u524d\u5f80 LINE \u8cbc\u5716\u5546\u5e97\u4e0b\u8f09\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"py-24 bg-[--soft-bg] border-t border-stone-100\">\n <div class=\"max-w-7xl mx-auto px-6 grid md:grid-cols-2 gap-20\">\n <div class=\"space-y-10\">\n <div>\n <h2 class=\"serif text-4xl text-[--cme-red] mb-6\">\u95dc\u65bc\u5b78\u6703\u8207\u806f\u7d61\u6211\u5011<\/h2>\n <p class=\"text-stone-500 leading-relaxed\">\n <b class=\"text-stone-800 font-bold block mb-2 text-lg\">\u95dc\u65bc\u6211\u5011<\/b>\n \u4ee5\u806f\u7d61\u7814\u7a76\u945b\u51b6\u5b78\u8853\u53ca\u767c\u5c55\u4e2d\u570b\u945b\u51b6\u4e8b\u696d\u70ba\u4e3b\uff0c\u4e26\u63d0\u4f9b\u570b\u5167\u5728\u5b78\u512a\u79c0\u4fee\u7fd2\u945b\u51b6\u5de5\u7a0b\u5b78\u8853\u734e\u52f5\u91d1\u53ca\u945b\u51b6\u5b63\u520a\uff0c\u63a8\u52d5\u5b78\u8853\u7814\u7a76\u3001\u4eba\u624d\u57f9\u690d\u8207\u7522\u696d\u754c\u4e4b\u63a5\u8ecc\u3002\n <\/p>\n <\/div>\n <div class=\"space-y-4\">\n <h4 class=\"font-bold text-stone-800 tracking-widest uppercase text- border-b pb-2\">\u806f\u7d61\u6211\u5011<\/h4>\n <ul class=\"space-y-3 text-sm\">\n <li class=\"flex gap-4\"><span class=\"w-20 text-[--cme-gold] font-bold\">Email<\/span><span>service@mail.cimme.org.tw<\/span><\/li>\n <li class=\"flex gap-4\"><span class=\"w-20 text-[--cme-gold] font-bold\">\u96fb\u8a71<\/span><span>02-2351-7046 \/ 02-2391-4427<\/span><\/li>\n <li class=\"flex gap-4\"><span class=\"w-20 text-[--cme-gold] font-bold\">\u5730\u5740<\/span><span>104 \u53f0\u5317\u5e02\u4e2d\u5c71\u5340\u9577\u5b89\u6771\u8def\u4e8c\u6bb5184\u865f2\u6a13\u4e4b2<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"flex flex-col justify-center\">\n <div class=\"grid gap-6\">\n <div class=\"bg-white p-8 rounded-3xl shadow-sm border border-stone-100\">\n <h4 class=\"serif text-xl text-[--cme-red] mb-3\">\u6703\u54e1\u7533\u8acb<\/h4>\n <p class=\"text-stone-500 text-sm mb-4 leading-relaxed\">\u6b61\u8fce\u5927\u5c08\u9662\u6821\u5404\u76f8\u95dc\u7cfb\u6240\u5b78\u751f\u53ca\u5c08\u696d\u4eba\u58eb\u7533\u8acb\u5165\u6703\uff0c\u5171\u540c\u958b\u555f\u4e0b\u4e00\u500b\u767e\u5e74\u7bc7\u7ae0\u3002<\/p>\n <a href=\"https:\/\/cimme.org.tw\/zh-tw\/registration.html\" class=\"text-[--cme-gold] font-bold text-sm\">\u77ad\u89e3\u5165\u6703\u8a73\u60c5 \u2192<\/a>\n <\/div>\n <div class=\"bg-white p-8 rounded-3xl shadow-sm border border-stone-100\">\n <h4 class=\"serif text-xl text-[--cme-red] mb-3\">\u8d0a\u52a9\u652f\u6301<\/h4>\n <p class=\"text-stone-500 text-sm mb-4 leading-relaxed\">\u60a8\u7684\u652f\u6301\u5c07\u7528\u65bc\u63d0\u5347\u76f8\u95dc\u5b78\u8853\u3001\u53ca\u945b\u51b6\u5c08\u696d\u4eba\u624d\u4e4b\u734e\u52a9\u3002<\/p>\n <a href=\"#\" class=\"text-[--cme-gold] font-bold text-sm\">\u6211\u8981\u6350\u6b3e\u652f\u6301 \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"bg-white py-20 px-6 border-t border-stone-100\">\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-10 text-center md:text-left\">\n <div>\n <p class=\"serif text-3xl text-stone-800 tracking-widest mb-3\">\u4e16\u7d00\u945b\u51b6 \u00b7 \u767e\u5e74\u50b3\u627f<\/p>\n <p class=\"text-stone-400 text-xs tracking-[0.2em] font-bold\">\u00a9 2026 \u793e\u5718\u6cd5\u4eba\u4e2d\u570b\u945b\u51b6\u5de5\u7a0b\u5b78\u6703<\/p>\n <\/div>\n <div class=\"flex gap-10 text-xs font-bold text-stone-400 uppercase tracking-widest\">\n <a href=\"#\" class=\"hover:text-[--cme-red] transition-all\">\u9996\u9801<\/a>\n <a href=\"#events\" class=\"hover:text-[--cme-red] transition-all\">\u6d3b\u52d5\u898f\u5283<\/a>\n <a href=\"#competitions\" class=\"hover:text-[--cme-red] transition-all\">\u7af6\u8cfd\u5c08\u5340<\/a>\n <a href=\"#contact\" class=\"hover:text-[--cme-red] transition-all\">\u806f\u7d61\u6211\u5011<\/a>\n <\/div>\n <div class=\"text-stone-300 text-[10px] leading-loose tracking-widest\">\n CHINESE INSTITUTE OF MINING AND<br>METALLURGICAL ENGINEERS SINCE 1926\n <\/div>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u570b\u945b\u51b6\u5de5\u7a0b\u5b78\u6703 – \u767e\u5e74\u6176 \u4e16\u7d00\u945b\u51b6 \u00b7 \u767e\u5e74\u50b3\u627f CENTENARY CELEBRATION […]<\/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-12","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/100.cimme.org.tw\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/100.cimme.org.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/100.cimme.org.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/100.cimme.org.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/100.cimme.org.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":32,"href":"https:\/\/100.cimme.org.tw\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/100.cimme.org.tw\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/100.cimme.org.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}