辰杰投資

辰銓環能

Wed, 18 Jun 2025 16:20:23 +0800

/* 全域字型與背景 */ body { font-family: 'Noto Sans TC', sans-serif; background: #f9f9f9; margin: 0; padding: 0; } /* 數據區塊外層 */ .stats-section { padding: 2em; } /* 數據卡片排列 */ .stats-grid { display: flex; flex-wrap: wrap; gap: 1em; margin-top: 2em; } /* 單一數據卡片 */ .stat-card { flex: 1; min-width: 220px; background: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); padding: 1.5em; transition: transform 2s ease; } .stat-card:hover { transform: translateY(-10px); } .stat-card h3 { margin-bottom: 0.5em; } .stat-value { font-size: 2.2em; font-weight: bold; color: #2c3e50; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; } .unit { font-size: 0.5em; color: #666; margin-top: 0.2em; } @media (max-width: 768px) { .stats-grid { flex-direction: column; } } /* 捲動淡入動畫 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); } /* 內容區塊樣式 */ .content-section { padding: 2em; background: white; } .content-section h2 { text-align: center; font-size: 24pt; color: #007b8a; font-style: italic; margin-bottom: 1em; } .content-section ul { padding-left: 2em; } .content-section img { margin-top: 2em; border-radius: 0px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }累積發電量0 MWh減碳量0 公噸相當於種植樹木0 棵「從工廠到校園，從屋頂到未來。」我們相信，再生能源不僅是一種能源，更是一種知識與價值的傳遞。辰銓環能，讓太陽成為產業升級與教育啟蒙的綠色引擎。☀️ 案場特色地區分布：台南官田、雲林在地合作場域建置型態：合法屋頂型太陽能電廠，全案設計、施工、維運由辰銓環能負責合作場域：公司廠房：協助企業善用屋頂空間，創造額外收益與綠色品牌形象學校校舍：具備遮蔭與降溫效果，同時能進行能源知識推廣與節能教學展示發電機制：全數併聯台電系統，穩定供電、參與躉購或綠電轉供機制☀️ 我們的願景打造教育與產業共融的綠能場域：透過綠電建置，深化師生與員工對永續發展的實踐參與讓屋頂成為價值再造的起點：與地方廠商與校方攜手合作，共享綠能收益，打造雙贏合作模式為南台灣注入穩定潔淨能源：在氣候變遷與電力轉型挑戰下，發揮企業責任與在地貢獻 /** * 數字動畫效果 * @param {string} id - 目標元素 id * @param {number} endValue - 結束數值 * @param {number} duration - 動畫持續時間 (ms) */ function animateNumber(id, endValue, duration = 2000) { const el = document.getElementById(id); const startTime = performance.now(); const startValue = 0; function update(currentTime) { const elapsed = currentTime - startTime; const progress = Math.min(elapsed / duration, 1); const value = Math.floor(progress * (endValue - startValue) + startValue); el.textContent = value.toLocaleString(); // 千分位逗號 if (progress < 1) requestAnimationFrame(update); } requestAnimationFrame(update); } // API 端點（可改成實際後端） const API_URL = "https://script.google.com/macros/s/AKfycbzZAF0VkRnOk09onp0Rceiheug_q5Ir34sgyerfE2cU7piXIfIbmk-mhlB5ZFOuqBE96A/exec"; /** * 取得公司數據並啟動動畫 * @param {string} company - 公司名稱 */ function fetchData(company = "辰盈能源") { fetch(`${API_URL}?company=${encodeURIComponent(company)}`) .then(res => res.json()) .then(data => { animateNumber("度", parseFloat(data["度"])); animateNumber("co2", parseFloat(data["co2"])); animateNumber("棵", parseFloat(data["棵"])); }); } // 預設載入公司數據 window.onload = () => fetchData("辰盈能源"); // 捲動進場淡入效果 document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });

佳辰企管

Wed, 18 Jun 2025 16:20:32 +0800

/* 捲動淡入動畫樣式 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); } /* 內容區塊樣式 */ .content-section { padding: 2em; background: white; } .content-section h2 { text-align: center; font-size: 24pt; color: #007b8a; font-style: italic; margin-bottom: 1em; } .content-section ul { padding-left: 2em; } .content-section img { margin-top: 2em; border-radius: 0px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); }「讓每個流程有系統，每個決策有依據。」我們相信：「科技只是工具，管理才是根本。」佳辰企管希望能與企業一起「共同解題、共創成長」。核心項目：✔ 資訊管理導入APP SHEET 客製化 ERP / CRM / 財務管理系統數據視覺化儀表板（如 Looker Studio、Power BI）協作工具建置（如 Notion、Trello、Google Workspace）✔ 流程與制度優化組織流程重整（BPM）與自動化模組設計營運 SOP 建立、內部控制流程建議專案管理制度規劃與導入✔ 雲端架構與 AWS 應用AWS EC2 / RDS / S3 架構規劃與部署資料備份、自動化排程、成本優化分析（Billing Dashboard 建置）Serverless 解決方案（如 Lambda、CloudWatch、API Gateway） // 捲動進場淡入效果 document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });

境內投資

Wed, 18 Jun 2025 16:20:46 +0800

/* 主要內容區塊樣式 */ .fade-block { padding: 2em 30px; font-family: 'Noto Sans TC', sans-serif; line-height: 1.8; font-size: 16px; color: #212121; } .fade-block h2 { color: #007b8a; font-size: 20pt; text-align: center; font-style: italic; margin-bottom: 1em; } .fade-block p { margin-bottom: 1em; } .fade-block ul { list-style-type: square; margin-left: 2em; margin-bottom: 1em; } .fade-block img { max-width: 100%; display: block; margin: 0.5em auto 0 auto; border-radius: 0px; box-shadow: 0 4px 16px rgba(0,0,0,0.5); } /* 捲動淡入動畫樣式 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); }「讓數據做決策，讓程式執行速度，讓策略創造價值。」我們深信：數據是最誠實的語言，程式是最佳的執行者。因此，辰杰投資致力於建立以數據為本的決策架構，涵蓋：量化模型建構：以統計指標、技術分析、機器學習等方法評估市場機會自動化交易系統：運用程式自動執行下單、風控與資金管理，降低人為情緒干擾策略回測與優化：透過歷史資料進行多階段模擬與風險壓力測試，確保穩健性我們不追求短期暴利，而是在可控風險下的穩健報酬，在變化多端的市場中，打造屬於台灣的量化交易典範。 // 捲動進場淡入效果 document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });

遊戲英語劇團

Wed, 18 Jun 2025 16:19:39 +0800

body { margin: 0; overflow-x: hidden; font-family: Noto Sans TC, sans-serif; background: #f5f5f5; } /* 封面流動畫區塊 */ .coverflow { width: 100%; height: 240px; perspective: 2000px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; } .cover { position: absolute; width: 360px; height: 240px; background-size: cover; background-position: center; border-radius: 16px; box-shadow: 0 10px 20px rgba(0,0,0,0.2); } /* 捲動淡入動畫樣式 */ .scroll-fade { opacity: 0; transform: translateY(30px); transition: all 1s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); } /* 圖片縮放動畫樣式 */ .zoom-in { transform: scale(0.9); opacity: 0; transition: all 1s ease; } .zoom-in.visible { transform: scale(1); opacity: 1; }「一場好的劇場體驗，將成為孩子一輩子都不會忘記的語言記憶」走進校園 × 走進社區 × 走進家庭英語劇場不是高冷藝術，而是每個孩子都能走近的冒險故事。全台巡演合作定期與各地學校、教育單位、社福機構合作巡迴演出，讓偏鄉與城市孩子都能接觸優質英語劇場。親子共賞體驗不只演給孩子看，更讓家長與孩子一同沉浸在故事中，笑聲與語感同時在家庭中發酵。劇場特色原創英語兒童劇本自編自導，融合童話、冒險、環境、文化等議題，具教育意義引人入勝。全英語互動演出劇中角色與觀眾即時互動，激發孩子開口反應與語言模仿。行動式劇場設計從舞台劇場到校園禮堂，甚至戶外草地，讓劇場走進孩子日常生活。沉浸式英語環境讓孩子透過聽、看、說、反應，自然而然習得語言與情緒表達。讓語言學習不再只是考卷上的單字，而是舞台上的冒險與想像。讓每一場劇，都是一場語言與情感的啟蒙旅程。 // GSAP 封面流動畫與自動輪播 gsap.registerPlugin(ScrollTrigger); const covers = document.querySelectorAll('.cover'); let center = 0; const maxCenter = covers.length - 1; function updateCoverFlow() { covers.forEach((el, i) => { const offset = i - center; const x = offset * 260; const z = -Math.abs(offset) * 300; const rotY = offset * 30; const scale = offset === 0 ? 1 : 0.7; gsap.to(el, { duration: 0.8, x, z, rotationY: rotY, scale, ease: 'expo.out' }); }); } updateCoverFlow(); // 滑鼠滾動控制 document.addEventListener('wheel', e => { if (e.deltaY > 0) center = Math.min(center + 1, maxCenter); else center = Math.max(center - 1, 0); updateCoverFlow(); }); // ScrollTrigger 進場動畫 ScrollTrigger.create({ trigger: '.coverflow', start: 'top center', once: true, onEnter: () => covers.forEach((el, i) => { gsap.fromTo(el, { opacity: 0 }, { opacity: 1, delay: i * 0.1, duration: 0.8 }); }) }); // 自動輪播 setInterval(() => { center = (center + 1) % covers.length; updateCoverFlow(); }, 3000); // 每 3 秒切換 // 捲動淡入動畫（內容區塊與圖片） document.addEventListener("DOMContentLoaded", () => { const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); observer.unobserve(entry.target); } }); }, { threshold: 0.2 }); document.querySelectorAll(".scroll-fade, .zoom-in").forEach(el => { observer.observe(el); }); });

見素影像

Wed, 18 Jun 2025 16:18:36 +0800

section { padding: 1em 0px; } /* 作品區塊外層 */ .photo-section { display: flex; flex-direction: column; gap: 1em; margin-top: 1em; } /* 單一作品區塊 */ .photo-block { opacity: 0; display: flex; align-items: center; gap: 0.5em; transform: translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; } .photo-block.visible { opacity: 1; transform: translateY(0); } .photo-block.reverse { flex-direction: row-reverse; } .photo-img, .photo-text { flex: 1; max-width: 100%; opacity: 0; transform: translateX(60px); transition: all 1s ease-out; } .photo-block.reverse .photo-img, .photo-block.reverse .photo-text { transform: translateX(-60px); } .photo-block.visible .photo-img, .photo-block.visible .photo-text { opacity: 1; transform: translateX(0); } .photo-img { width: 50%; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .photo-img:hover { transform: scale(1.03); } .photo-text { width: 100%; height: 50%; text-align: left; border-radius: 0px; padding: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .photo-text h3 { color: #cc3a3a; font-size: 1.8em; margin-bottom: 0.5em; } @media (max-width: 768px) { .photo-block, .photo-block.reverse { flex-direction: column; align-items: center; text-align: left; } .photo-img, .photo-text { max-width: 100%; width: 100%; } .photo-text { padding: 1.2em; font-size: 1em; line-height: 1.5; box-shadow: none; } .photo-text h3 { font-size: 1.4em; text-align: left; } .photo-img { margin-bottom: 1em; } } /* 捲動淡入動畫樣式 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.card { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); text-align: left; border-radius: 0px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); transition: transform 1s ease, box-shadow 0.3s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); } .scroll-fade.card:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); }「看見素樸本質，看見社會的真實。」我們相信，影像不只是表現形式，更是改變社會的力量。見素希望透過作品的溫度與深度，提升台灣文化創意產業的能見度，並放大內容對社會的正面影響力與商業價值。我們的使命將台灣的人文、教育、公眾議題透過具有國際觀點與創意的影像語言，傳遞到世界每個角落。我們希望讓更多人「看見素樸本質，看見社會的真實」。️ 精選作品《粉墨登場》｜入圍第47屆金馬獎最佳紀錄片探討台灣高等教育學費與賦稅體制問題，作品融合動畫與小人物觀點，深入淺出地描繪社會運動青年與制度對抗的真實故事。曾遠赴美國加州展映，引發國內外關注。《單車天使》｜2016 紀錄長片記錄信義育幼院孩子們單車環島的動人旅程。在汗水與歡笑中，他們重建自信與價值，用行動寫下不凡的生命篇章。我們期盼這段旅程，透過鏡頭觸動更多心靈。《戴上拳套的藝術家》｜榮獲第15屆 CNEX 華人紀錄片提案大會「TCCF 投資機會獎」描繪一位以拳套為畫筆、以擂台為畫布的藝術創作者，如何在搏擊與創作之間尋找自我。作品從激烈競爭中脫穎而出，展現見素影像深耕社會議題與國際市場潛力的創作能量。我們相信「有溫度的影像，能夠打動人心、改變社會。」見素影像，讓每一個鏡頭都傳遞感動與力量。 // 作品區塊滑入動畫 const photoBlocks = document.querySelectorAll('.photo-block'); const revealOnScroll = () => { photoBlocks.forEach(block => { const rect = block.getBoundingClientRect(); if (rect.top < window.innerHeight - 80) { block.classList.add('visible'); } }); }; window.addEventListener('scroll', revealOnScroll); window.addEventListener('load', revealOnScroll); // 捲動進場淡入效果 IntersectionObserver document.addEventListener("DOMContentLoaded", function () { const scrollElements = document.querySelectorAll(".scroll-fade"); const scrollObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); scrollObserver.unobserve(entry.target); // 加完就取消觀察，提高效能 } }); }, { threshold: 0.2 // 出現 20% 就觸發 }); scrollElements.forEach(el => scrollObserver.observe(el)); });

財團法人嘉義市溫蘋社會福利慈善事業基金會

Wed, 18 Jun 2025 16:18:21 +0800

body { font-family: 'Noto Sans TC', sans-serif; line-height: 1.8; margin: 0; padding: 0; color: #333; } section { padding: 2em 0px; } #wenping-foundation h2 { color: #007b8a; font-size: 1.8em; margin-bottom: 0.5em; } #wenping-foundation h3 { color: #336699; font-size: 1.4em; margin-top: 1.5em; } #wenping-foundation p { font-size: 1em; } .photo-section { display: flex; flex-direction: column; gap: 2em; margin-top: 2em; } .photo-block { opacity: 0; display: flex; align-items: center; gap: 2em; transform: translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; } .photo-block.visible { opacity: 1; transform: translateY(0); } .photo-block.reverse { flex-direction: row-reverse; } .photo-img, .photo-text { flex: 1; max-width: 50%; opacity: 0; transform: translateX(60px); transition: all 1s ease-out; } .photo-block.reverse .photo-img, .photo-block.reverse .photo-text { transform: translateX(-60px); } .photo-block.visible .photo-img, .photo-block.visible .photo-text { opacity: 1; transform: translateX(0); } /* 額外圖片樣式 */ .photo-img { width: 50%; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .photo-img:hover { transform: scale(1.03); } .photo-text { width: 50%; height: 100%; background: rgba(246, 192, 192, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); text-align: left; border-radius: 20px; border: 1px solid rgba(246, 192, 192, 0.3); padding: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .photo-text h3 { color: #cc3a3a; font-size: 1.2em; margin-bottom: 0.5em; } @media (max-width: 768px) { .photo-block, .photo-block.reverse { flex-direction: column; text-align: center; } .photo-text, .photo-img { max-width: 100%; width: 100%; } } /* 捲動淡入動畫樣式 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.card { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); text-align: left; border-radius: 0px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 10px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); transition: transform 1s ease, box-shadow 0.3s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); } .scroll-fade.card:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); }「播下希望的種子，灌溉未來的果實。」教育扶助，累積點滴成就未來10 年來，基金會累計捐助超過 5,000 名學生，受惠對象遍及高中職、國中小、特殊需求學生、聽障學童及家扶中心學子。光是今年，就有約 500 名孩子獲得學習上的支持，得以無後顧之憂地安心成長。我們相信：「一份善意，改變一生」溫蘋基金會不只是提供資助的組織，更是社會溫暖的傳遞者。我們期望拋磚引玉，喚起社會對教育的重視與弱勢族群的關懷，並號召更多人投入社會公益，一起讓「幫助他人」成為習慣與榮耀。公信力肯定在 102 年度嘉義市財團法人社會福利慈善事業基金會評鑑中，榮獲甲等評鑑，肯定我們持續努力的公益成果與透明誠信的運作。❤️ 快樂建研獅愛助學累計有超過5,800位學子受惠，社會各界匯集的愛心，鼓勵弱勢家庭的孩子努力學習，幫助他們安心就學。✉️ 現場頒獎活動每年固定舉辦捐助發放活動，為優秀青少年頒發獎助學金，給予學生鼓勵與勤勉，並舉辦頒獎典禮，現場溫馨感人。 // 圖片與文字區塊滑入動畫 const photoBlocks = document.querySelectorAll('.photo-block'); const revealOnScroll = () => { photoBlocks.forEach(block => { const rect = block.getBoundingClientRect(); if (rect.top < window.innerHeight - 80) { block.classList.add('visible'); } }); }; window.addEventListener('scroll', revealOnScroll); window.addEventListener('load', revealOnScroll); // 捲動進場淡入效果 IntersectionObserver document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });

事業總覽

Mon, 23 Jun 2025 11:31:04 +0800

:root { --color-red-light: #fff5f5; --color-yellow-light: #fffde7; --color-blue-light: #e7f3ff; --color-green-light: #f6ffee; --color-white: #ffffff; --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); --hover-shadow: 0 8px 18px rgba(0, 0, 0, 0.12); } .core-values { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; font-family: 'Noto Sans TC', sans-serif; margin-top: 2em; } .core-card { flex: 1; min-width: 280px; max-width: 380px; text-align: left; border-radius: 12px; padding: 20px; box-shadow: var(--box-shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; } .core-card.odd { background: var(--color-green-light); max-width: 100%; border-radius: 0; } .core-card.even { background: var(--color-white); max-width: 100%; border-radius: 0; } .core-card:hover { transform: translateY(-6px); box-shadow: var(--hover-shadow); } .core-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; } .core-text { font-size: 11pt; line-height: 1.5; } .core-checks { margin-top: 10px; font-size: 10pt; color: #333; } .value-block { display: flex; align-items: center; gap: 0; opacity: 0; transform: translateX(60px); transition: all 0.8s ease-out; padding: 0.15em 0; } .value-block.left { flex-direction: row-reverse; transform: translateX(-60px); } .value-block.visible { opacity: 1; transform: translateX(0); } .value-img { flex: 1; width: 100%; height: auto; border-radius: 5px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0); } @media (max-width: 768px) { .value-block { flex-direction: column !important; text-align: center; } } .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); } .content-section { padding: 2em; background: white; } .content-section h2 { text-align: center; font-size: 24pt; color: #007b8a; font-style: italic; margin-bottom: 1em; } .content-section p, .content-section ul { padding-left: 2em; } .content-section img { margin-top: 2em; border-radius: 0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }.company-btn { flex: 1; display: block; border-radius: 6px; padding: 0.5em 1em; margin-bottom: 1em; box-shadow: 0 2px 8px rgba(0,0,0,0.05); text-decoration: none; color: #333; font-size: 12pt; text-align: left; transition: transform 0.3s ease, box-shadow 0.3s ease;}.company-btn.odd { background: #f8fff0;}.company-btn.even { background: #ffffff;}.company-btn:hover { background: #8ccbbf; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); transform: translateY(-4px);}事業總覽1. 金融投資穩健操作、資產配置、跨境佈局，共同創造長期價值。◆ 境內投資 ◆ 境外投資 2. 科技服務整合資訊與管理系統，提供智慧化決策支持與企業管理方案。◆ 資訊管理顧問：佳辰企管3. 人文與永續 ESG 我們相信，企業的責任不僅是獲利，更應回饋社會、培育人文、實踐永續。▍Environment 綠能事業：推動再生能源發展，實踐低碳轉型。◆ 辰盈能源 ◆ 日辰能源 ◆ 明建開發 ◆ 辰銓環能▍Social 社會與教育：從語言教育到文化藝術，推動知識傳播與世代翻轉。◆ 遊戲英語補習班 ◆ 遊戲英語劇團影像與媒體：用影像說故事，見素傳真，記錄真實與感動。◆ 見素影像公益行動：讓愛落地，行善如水，溫蘋慈善基金會長年關注社會需求，實踐企業責任。◆ 溫蘋慈善基金會4. 社團參與與專業連結我們積極參與各類社團與專業組織，擴展視野、凝聚夥伴力量。◆ 中華民國工商建設研究會 ◆ 世界台灣商會聯合總會 ◆ 阿里山獅子會(Chiayi a li Shan Lions Club) ◆ 台灣金融分析專業人員協會 CFA Society Taiwan ◆ 特許金融分析師協會 CFA Institute // 滾動時圖片水平滑入動畫 document.addEventListener('DOMContentLoaded', () => { const valueBlocks = document.querySelectorAll('.value-block'); const handleScroll = () => { valueBlocks.forEach(block => { const rect = block.getBoundingClientRect(); if (rect.top < window.innerHeight - 100) { block.classList.add('visible'); } }); }; window.addEventListener('scroll', handleScroll); handleScroll(); // 頁面載入後立即檢查可見區塊 }); // 滾動時淡入動畫 document.addEventListener('DOMContentLoaded', () => { const fadeTargets = document.querySelectorAll('.scroll-fade'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); // 動畫觸發後停止觀察 } }); }, { threshold: 0.1 }); fadeTargets.forEach(el => observer.observe(el)); });

境外投資

Wed, 18 Jun 2025 16:20:42 +0800

body { margin: 0; background: #fff; font-family: 'Noto Sans TC', sans-serif; line-height: 1.8; } .fade-block { padding: 2em 30px; color: #212121; } .fade-block h2 { color: #007b8a; font-size: 20pt; text-align: center; font-style: italic; margin-bottom: 1em; } .fade-block p { margin-bottom: 1em; } .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 1.5s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); } .investment-section { padding: 3em 1em; background: #fff; display: flex; flex-direction: column; gap: 4em; } .investment-block { display: flex; align-items: center; justify-content: space-between; gap: 2em; opacity: 0; transform: translateX(80px); transition: all 1s ease-out; } .investment-block.reverse { flex-direction: row-reverse; transform: translateX(-80px); } .investment-block.visible { opacity: 1; transform: translateX(0); } .investment-img { flex: 0 0 auto; width: 300px; height: auto; animation: floatPig 3s ease-in-out infinite; } .investment-text { flex: 1; background: #fff3f0; border-radius: 10px; padding: 1.5em; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .investment-text h3 { margin-top: 0; color: #e95445; font-size: 1rem; } .investment-text ul { padding-left: 1.2em; } @keyframes floatPig { 0% { transform: translateY(0px); } 50% { transform: translateY(-6px); } 100% { transform: translateY(0px); } } @media (max-width: 768px) { .investment-block, .investment-block.reverse { flex-direction: column; text-align: center; } .fade-block img { max-width: 100%; display: block; margin: 3em auto 0 auto; border-radius: 0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); } }「讓資本在世界流動，讓風險在系統中控制。」不僅追求報酬，更重視資產配置的合理性、幣別的防禦性與整體投資組合的彈性。我們相信，全球市場如海，策略是帆，風控是舵。投資核心項目：一、固定收益型債券配置美元、澳幣、南非幣計價債券組合，涵蓋：美國公債（U.S. Treasury）信評 A 以上的企業債券結構型債券（Structured Note）交易所發行債券（ETD）產品特色與優勢：以收益穩定為核心，結合不同幣別市場的利差機會適合中長期資產配置，具可預期現金流可依市場情境調整 Duration 與信用風險曝險二、全球多元固定收益基金具避險與對沖策略的國際基金產品，涵蓋：高評等債券基金（Investment Grade Bond Funds）多重資產固定收益組合（Multi-Sector Income Funds）具美元對沖策略的全球債券基金產品特色與優勢：對抗匯率波動：採用美元對沖降低幣別風險高度流動性：可於短期內轉換資產配置績效穩健：由知名資產管理機構操盤三、美股與債券型 ETF 配置聚焦具收益性與波動防禦能力的 ETF：短天期美國公債與票券型 ETF新興市場債券區域或主題型債券產品特色與優勢：ETF 結構透明、費用低廉，適合主動調配與對沖操作靈活調整配置以應對利率與政策循環多元區域分布，有效分散地緣政治與經濟波動風險 // 捲動進場淡入效果（投資區塊與圖片） document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade, .investment-block"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });

遊戲英語補習班

Wed, 18 Jun 2025 16:19:19 +0800

.photo-section { display: flex; flex-direction: column; padding: 1em 0; } .photo-block { display: flex; align-items: center; gap: 0; opacity: 0; transform: skewX(-10deg) translateY(40px); transition: all 1s ease; } .photo-block.visible { opacity: 1; transform: skewX(0) translateY(0); } .photo-img { flex: 1; margin-top: 0.5em; max-width: 100%; height: auto; display: block; transform: scale(0.9); opacity: 0; transition: transform 1s ease, opacity 1s ease; border-radius: 5px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); } .photo-text { flex: 1; opacity: 0; transform: translateX(40px); transition: all 1s ease; font-size: 1.1rem; line-height: 1.7; } .photo-block.visible .photo-img { transform: scale(1); opacity: 1; } .photo-block.visible .photo-text { transform: translateX(0); opacity: 1; } @media (max-width: 768px) { .photo-block { width: 100%; flex-direction: column !important; text-align: center; width: 100%; margin: 0 !important; padding: 0 !important; } .photo-img, .photo-text { max-width: 100%; height: auto; flex: unset !important; } .photo-text { font-size: 1rem; } } /* 捲動淡入動畫 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); } 「翻轉英語，不只是學英文，而是翻轉學習的態度、表達的自信，以及未來的可能性。」我們相信語言的學習應該是自然發生的，而不是刻意灌輸的。從牙牙學語到自信開口，我們陪伴孩子在英語的世界中快樂成長。我們的核心理念專業 × 教育 × 戲劇我們的課程不只是學英文，更是孩子探索自我、培養自信與創造力的舞台。以「戲劇」為核心，我們設計出一系列結合英語、肢體律動、故事創造的多元課程，讓孩子在「玩、說、演、動」中自然吸收語言，開口說英語，並快樂表達想法。平日常態班全美語幼兒牛牛班（3~6歲）：沉浸式遊戲學習，建立語感與發音基礎全美語國小課後班_低年級（小一～小二）：結合主題與任務導向，強化聽說能力全美語國小課後班_中高年級（小三以上）：邏輯、表達與角色扮演並重週六才藝班全英語親子律動（2~5歲）：從小培養語感與親子連結全英語繪本（4~6歲）：閱讀力、想像力與詞彙力的啟蒙全英語戲劇（初階）（6~10歲）：進入角色、建立舞台自信全英語戲劇（進階）（6~12歲）：深化角色詮釋與情節發展能力音樂劇歌唱班（6~12歲）：將英文、音樂與肢體完美結合，讓舞台成為語言的延伸每年，我們更舉辦超過 10 場兒童英語戲劇成果展演，孩子將課堂所學化為舞台上的真實展現，用英文演出屬於自己的故事。地址：台北市信義區永吉路302號2樓營業時間：週一至週五 9:00-18:00週六 9:00-18:30電話：02-2517-8609Email：letsplaytheatre2013@gmail.com誠摯歡迎各單位合作邀約，如有任何疑問可於臉書專頁「遊戲英語劇團」私訊留言 // 圖片與文字區塊滑入動畫 const photoBlocks = document.querySelectorAll('.photo-block'); const revealOnScroll = () => { photoBlocks.forEach(block => { const rect = block.getBoundingClientRect(); if (rect.top < window.innerHeight - 80) { block.classList.add('visible'); } }); }; window.addEventListener('scroll', revealOnScroll); window.addEventListener('load', revealOnScroll); // 文字上滑效果 IntersectionObserver document.addEventListener("DOMContentLoaded", () => { const fadeEls = document.querySelectorAll(".fade-in-up"); const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); observer.unobserve(entry.target); // 加完就取消觀察 } }); }, { threshold: 0.2 }); fadeEls.forEach(el => observer.observe(el)); }); // 捲動進場淡入效果 IntersectionObserver document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });

明建開發

Wed, 18 Jun 2025 16:20:20 +0800

/* 數據區塊樣式 */ .stats-section { padding: 2em; font-family: 'Noto Sans TC', sans-serif; background: #f9f9f9; } .stats-grid { display: flex; flex-wrap: wrap; gap: 1em; margin-top: 2em; } .stat-card { flex: 1; min-width: 220px; background: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); padding: 1.5em; transition: transform 0.3s ease; } .stat-card:hover { transform: translateY(-4px); } .stat-card h3 { margin-bottom: 0.5em; } .stat-value { font-size: 2.2em; font-weight: bold; color: #2c3e50; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; } .unit { font-size: 0.5em; color: #666; margin-top: 0.2em; } @media (max-width: 768px) { .stats-grid { flex-direction: column; } } /* 捲動淡入動畫 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); }累積發電量0 MWh減碳量0 公噸相當於種植樹木0 棵「一張屋頂，就是一塊能源田。」我們相信，太陽能不只是能源投資，更是提升產業韌性與農村永續的關鍵力量。明建開發，讓太陽為在地產業點亮更多可能。☀️ 案場特色地理分布：彰化沿海、雲林農業區、嘉義農工混合區電場型態：屋頂型太陽能電廠，依據屋主結構條件量身打造合作場域：工廠：善用寬廣鋼構屋頂、提高能源自主比例雞舍：兼具遮蔭與降溫效果，提升飼養環境品質菇寮：遮光控溫需求與太陽能發電互補，成為「農電共構」最佳典範高效率營運：自建與維運能力，保障穩定發電與收益☀️ 我們的願景發電與生產共存：兼顧農牧產業正常運作，創造能源與生產的雙贏局面在地化能源發展：降低電網依賴、強化區域供電韌性友善土地與農民：不佔用耕地、不破壞環境，落實綠能永續精神成為綠能典範：以專業建置與穩健營運，成為台灣綠能發展的重要推手 /** * 數字動畫效果 * @param {string} id - 目標元素 id * @param {number} endValue - 結束數值 * @param {number} duration - 動畫持續時間 (ms) */ function animateNumber(id, endValue, duration = 2000) { const el = document.getElementById(id); const startTime = performance.now(); const startValue = 0; function update(currentTime) { const elapsed = currentTime - startTime; const progress = Math.min(elapsed / duration, 1); const value = Math.floor(progress * (endValue - startValue) + startValue); el.textContent = value.toLocaleString(); // 千分位逗號 if (progress < 1) requestAnimationFrame(update); } requestAnimationFrame(update); } // API 端點（可改成實際後端） const API_URL = "https://script.google.com/macros/s/AKfycbzZAF0VkRnOk09onp0Rceiheug_q5Ir34sgyerfE2cU7piXIfIbmk-mhlB5ZFOuqBE96A/exec"; /** * 取得公司數據並啟動動畫 * @param {string} company - 公司名稱 */ function fetchData(company = "明建開發") { fetch(`${API_URL}?company=${encodeURIComponent(company)}`) .then(res => res.json()) .then(data => { animateNumber("度", parseFloat(data["度"])); animateNumber("co2", parseFloat(data["co2"])); animateNumber("棵", parseFloat(data["棵"])); }); } // 預設載入公司數據 window.onload = () => fetchData("明建開發"); // 捲動進場淡入效果 document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });

日辰能源

Wed, 18 Jun 2025 16:20:16 +0800

/* 數據區塊樣式 */ .stats-section { padding: 2em; font-family: 'Noto Sans TC', sans-serif; background: #f9f9f9; } .stats-grid { display: flex; flex-wrap: wrap; gap: 1em; margin-top: 2em; } .stat-card { flex: 1; min-width: 220px; background: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); padding: 1.5em; transition: transform 0.3s ease; } .stat-card:hover { transform: translateY(-4px); } .stat-card h3 { margin-bottom: 0.5em; } .stat-value { font-size: 2.2em; font-weight: bold; color: #2c3e50; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; } .unit { font-size: 0.5em; color: #666; margin-top: 0.2em; } @media (max-width: 768px) { .stats-grid { flex-direction: column; } } /* 捲動淡入動畫 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); }累積發電量0 MWh減碳量0 公噸相當於種植樹木0 棵「太陽能不是未來，是當下就能發生的選擇。」我們相信，綠能不該只存在於偏鄉或空曠地，而是能與城市共生、與建築共融。日辰能源，讓每片屋頂都成為永續的一步。☀️ 專案亮點電場型態：屋頂型太陽能電廠，與工廠、畜舍等空間協同設置模式特色：不佔用土地、不影響營運，合法合約保障穩定收益發電效益：全數併網供應台電，參與再生能源躉售制度與綠電交易☀️我們的綠能哲學讓城市抬頭就能看見太陽能：將工業區、畜舍等閒置屋頂轉化為綠電平台創造雙贏的使用模式：屋主不需自建投入，即可透過租用合作獲得穩定收入為北台灣注入穩定再生能源：結合桃園的物流與產業密度，提供地區用電更多綠色選項 /** * 數字動畫效果 * @param {string} id - 目標元素 id * @param {number} endValue - 結束數值 * @param {number} duration - 動畫持續時間 (ms) */ function animateNumber(id, endValue, duration = 2000) { const el = document.getElementById(id); const startTime = performance.now(); const startValue = 0; function update(currentTime) { const elapsed = currentTime - startTime; const progress = Math.min(elapsed / duration, 1); const value = Math.floor(progress * (endValue - startValue) + startValue); el.textContent = value.toLocaleString(); // 千分位逗號 if (progress < 1) requestAnimationFrame(update); } requestAnimationFrame(update); } // API 端點（可改成實際後端） const API_URL = "https://script.google.com/macros/s/AKfycbzZAF0VkRnOk09onp0Rceiheug_q5Ir34sgyerfE2cU7piXIfIbmk-mhlB5ZFOuqBE96A/exec"; /** * 取得公司數據並啟動動畫 * @param {string} company - 公司名稱 */ function fetchData(company = "日辰能源") { fetch(`${API_URL}?company=${encodeURIComponent(company)}`) .then(res => res.json()) .then(data => { animateNumber("度", parseFloat(data["度"])); animateNumber("co2", parseFloat(data["co2"])); animateNumber("棵", parseFloat(data["棵"])); }); } // 預設載入公司數據 window.onload = () => fetchData("日辰能源"); // 捲動進場淡入效果 document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });

辰盈能源

Wed, 18 Jun 2025 16:20:09 +0800

/* 數據區塊樣式 */ .stats-section { padding: 2em; font-family: 'Noto Sans TC', sans-serif; background: #f9f9f9; } .stats-grid { display: flex; flex-wrap: wrap; gap: 1em; margin-top: 2em; } .stat-card { flex: 1; min-width: 220px; background: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); padding: 1.5em; transition: transform 0.3s ease; } .stat-card:hover { transform: translateY(-4px); } .stat-card h3 { margin-bottom: 0.5em; } .stat-value { font-size: 2.2em; font-weight: bold; color: #2c3e50; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; } .unit { font-size: 0.5em; color: #666; margin-top: 0.2em; } @media (max-width: 768px) { .stats-grid { flex-direction: column; } } /* 捲動淡入動畫 */ .scroll-fade { opacity: 0; transform: translateY(20px); transition: all 2s ease; } .scroll-fade.visible { opacity: 1; transform: translateY(0); }累積發電量0 MWh減碳量0 公噸相當於種植樹木0 棵「光，是無聲的投資；電，是永續的承諾。」我們相信，再生能源不只是發電，更是一種永續的生活方式。辰盈能源的每一度電，都是土地與陽光共同創造的價值。☀️ 案場亮點電場型態：屋頂型太陽能電廠，合法設置、與產業共構合作模式：觀光工廠提供空間，辰盈能源負責建置、維運與發電效率提升綠能貢獻：穩定供電予台電，並參與再生能源躉售與綠電交易️️️☀️ 我們的理念用陽光創造價值：推動非侵入性屋頂型設計，不佔農地、不破壞環境與產業共好共存：結合觀光工廠與綠能應用，打造能源與文化的共榮範例讓能源回歸在地：發電在地化、收益在地化，強化地方經濟️️️☀️ 技術專業保障辰盈能源團隊擁有太陽光電乙級技術士證照，全案設計、施工與系統簽證均符合技術規範與政府法規，在合法性與安全性上層層把關。 /** * 數字動畫效果 * @param {string} id - 目標元素 id * @param {number} endValue - 結束數值 * @param {number} duration - 動畫持續時間 (ms) */ function animateNumber(id, endValue, duration = 2000) { const el = document.getElementById(id); const startTime = performance.now(); const startValue = 0; function update(currentTime) { const elapsed = currentTime - startTime; const progress = Math.min(elapsed / duration, 1); const value = Math.floor(progress * (endValue - startValue) + startValue); el.textContent = value.toLocaleString(); // 千分位逗號 if (progress < 1) requestAnimationFrame(update); } requestAnimationFrame(update); } // API 端點（可改成實際後端） const API_URL = "https://script.google.com/macros/s/AKfycbzZAF0VkRnOk09onp0Rceiheug_q5Ir34sgyerfE2cU7piXIfIbmk-mhlB5ZFOuqBE96A/exec"; /** * 取得公司數據並啟動動畫 * @param {string} company - 公司名稱 */ function fetchData(company = "辰盈能源") { fetch(`${API_URL}?company=${encodeURIComponent(company)}`) .then(res => res.json()) .then(data => { animateNumber("度", parseFloat(data["度"])); animateNumber("co2", parseFloat(data["co2"])); animateNumber("棵", parseFloat(data["棵"])); }); } // 預設載入公司數據 window.onload = () => fetchData("辰盈能源"); // 捲動進場淡入效果 document.addEventListener("DOMContentLoaded", () => { const targets = document.querySelectorAll(".scroll-fade"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("visible"); } }); }); targets.forEach(el => observer.observe(el)); });