https://www.cosmojoint.com/contact.html
辰杰投資
https://www.cosmojoint.com/images/corpimg.png
114 台北市內湖區民善街85號二樓
$
02-2792-7377
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700&display=swap');
#cj-about {
--ink: #1b1f1d;
--ink-soft: #5a625e;
--ink-faint: #6d746f;
--paper: #ffffff;
--paper-deep: #e6e3d7;
--line: rgba(27, 31, 29, 0.14);
--accent: #4c7a2e;
--accent-deep: #33531f;
--brass: #8ec63f;
--brass-deep: #6b8f2a;
--shadow-soft: 0 1px 1px rgba(27, 31, 29, 0.04), 0 16px 28px -18px rgba(27, 31, 29, 0.28);
font-family: 'Noto Sans TC', -apple-system, sans-serif;
color: var(--ink);
background: var(--paper);
line-height: 1.85;
-webkit-font-smoothing: antialiased;
}
#cj-about * { box-sizing: border-box; float: none !important; }
#cj-about .cj-eyebrow,
#cj-about .cj-hero__title,
#cj-about .cj-hero__lede {
display: block !important;
width: 100% !important;
}
#cj-about h1, #cj-about h2, #cj-about h3,
#cj-about .cj-heading {
font-family: 'Noto Serif TC', serif;
color: var(--ink);
margin: 0;
padding: 0;
float: none !important;
position: static !important;
width: auto !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
white-space: normal !important;
display: block;
}
#cj-about a {
color: inherit;
text-decoration: none;
}
#cj-about img { max-width: 100%; display: block; }
#cj-about address { font-style: normal; }
#cj-about ul, #cj-about ol { list-style: none; margin: 0; padding: 0; }
#cj-about :focus-visible {
outline: none;
box-shadow: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent);
border-radius: 2px;
}
.cj-wrap { max-width: 1040px; margin: 0 auto; padding: 0 28px; }
/* 通用底線連結，帶動畫底線與微位移 */
.cj-link {
display: inline-block;
background-image: linear-gradient(var(--accent), var(--accent));
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
transition: background-size 0.35s cubic-bezier(.4,0,.2,1), color 0.35s ease, letter-spacing 0.35s ease;
padding-bottom: 1px;
}
.cj-link:hover, .cj-link:focus-visible {
background-size: 100% 1px;
color: var(--accent-deep);
letter-spacing: 0.01em;
}
/* ---------- Hero：非置中、不對稱雙欄 ---------- */
.cj-hero { padding: 84px 0 64px; }
.cj-hero__grid {
display: grid !important;
grid-template-columns: 1.7fr 1fr;
gap: 48px;
align-items: end;
}
.cj-eyebrow,
.cj-hero__title,
.cj-hero__lede {
grid-column: 1 !important;
}
.cj-eyebrow { grid-row: 1 !important; }
.cj-hero__title { grid-row: 2 !important; }
.cj-hero__lede { grid-row: 3 !important; }
.cj-hero__meta {
grid-column: 2 !important;
grid-row: 1 / 4 !important;
}
.cj-eyebrow {
font-size: 0.92rem;
letter-spacing: 0.05em;
color: var(--accent);
margin-bottom: 20px;
}
.cj-hero__title {
font-family: 'Noto Serif TC', serif;
color: var(--ink);
font-size: clamp(1.6rem, 3.2vw, 2.6rem);
font-weight: 600;
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0;
}
.cj-hero__lede {
margin-top: 26px;
max-width: 26em;
font-size: 1.05rem;
color: var(--ink-soft);
}
.cj-hero__lede strong { color: var(--ink); font-weight: 700; }
.cj-hero__meta {
justify-self: end;
text-align: right;
border-right: 1px solid var(--line);
padding-right: 24px;
}
.cj-hero__meta .cj-year {
font-family: 'Noto Serif TC', serif;
font-size: 2.2rem;
color: var(--brass-deep);
display: block;
line-height: 1;
}
.cj-hero__meta span.cj-year-label {
display: block;
font-size: 0.82rem;
color: var(--ink-faint);
margin-top: 8px;
}
.cj-hero__meta address {
margin-top: 26px;
font-size: 0.88rem;
color: var(--ink-soft);
line-height: 1.7;
}
/* ---------- 企業理念：手工錯落的三張圖 ---------- */
.cj-principles-section { padding: 40px 0 88px; }
.cj-principles {
display: flex;
gap: 5%;
}
.cj-principles li { flex: 1; }
.cj-principles li:nth-child(2) { margin-top: 56px; }
.cj-principles li:nth-child(3) { margin-top: 18px; }
.cj-principles figure { margin: 0; }
.cj-principles img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
filter: grayscale(6%);
transition: transform 0.6s cubic-bezier(.2,.8,.2,1), filter 0.6s ease;
}
.cj-principles li:hover img { transform: scale(1.03); filter: grayscale(0%); }
.cj-principles figcaption { margin-top: 18px; }
.cj-principles h3 { font-size: 1.08rem; font-weight: 600; }
.cj-principles p { margin-top: 6px; font-size: 0.92rem; color: var(--ink-soft); }
/* ---------- 引言：懸掛式大引號 ---------- */
.cj-statement { padding: 40px 0 96px; }
.cj-statement blockquote {
position: relative;
margin: 0;
padding: 4px 40px 30px 44px;
font-family: 'Noto Serif TC', serif;
font-size: 1.45rem;
font-weight: 500;
line-height: 1.6;
color: var(--accent-deep);
}
.cj-statement blockquote::before,
.cj-statement blockquote::after {
position: absolute;
font-family: 'Noto Serif TC', serif;
font-size: 3.4rem;
line-height: 1;
color: var(--brass);
opacity: 0.55;
}
.cj-statement blockquote::before {
content: '「';
left: -18px;
top: -18px;
}
.cj-statement blockquote::after {
content: '」';
right: 4px;
bottom: -6px;
}
/* ---------- 三大核心文化：等寬等高三欄，立體卡框 ---------- */
.cj-culture { padding: 0 0 96px; border-top: 1px solid var(--line); }
.cj-culture > .cj-wrap > h2 { padding-top: 72px; font-size: 2rem; font-weight: 600; }
.cj-culture__desc { margin: 18px 0 48px; color: var(--ink-soft); }
.cj-culture ul { display: flex; gap: 4%; align-items: stretch; }
.cj-culture li:nth-child(1) { flex: 1; }
.cj-culture li:nth-child(2) { flex: 1; margin-top: 34px; }
.cj-culture li:nth-child(3) { flex: 1; margin-top: 8px; }
.cj-culture li {
height: 270px;
padding: 32px 28px;
background: var(--paper);
border: 1px solid var(--line);
border-radius: 3px;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.9),
inset 0 -1px 0 rgba(27, 31, 29, 0.06),
0 1px 2px rgba(27, 31, 29, 0.04),
0 18px 30px -22px rgba(27, 31, 29, 0.4);
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.cj-culture li:hover {
transform: translateY(-3px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.9),
inset 0 -1px 0 rgba(27, 31, 29, 0.06),
0 2px 3px rgba(27, 31, 29, 0.05),
0 26px 38px -20px rgba(27, 31, 29, 0.45);
}
.cj-culture__mark {
display: block;
font-family: 'Noto Serif TC', serif;
font-size: 1.7rem;
color: var(--brass-deep);
margin-bottom: 14px;
}
.cj-culture h3 { font-size: 1.2rem; font-weight: 600; }
.cj-culture h3 em {
display: block;
font-style: normal;
font-family: 'Noto Sans TC', sans-serif;
font-size: 0.78rem;
letter-spacing: 0.06em;
color: var(--ink-faint);
margin-top: 4px;
}
.cj-culture .cj-desc { margin-top: 14px; font-style: italic; color: var(--ink-soft); font-size: 0.95rem; }
.cj-culture .cj-tags { margin-top: 16px; font-size: 0.86rem; color: var(--ink-faint); }
/* ---------- 事業版圖：帳冊式清單，counter 自動編號 ---------- */
.cj-portfolio { padding: 0 0 96px; border-top: 1px solid var(--line); }
.cj-portfolio > .cj-wrap > h2 { padding-top: 72px; font-size: 2rem; font-weight: 600; margin-bottom: 40px; }
.cj-portfolio ol { counter-reset: biz; border-top: 2px solid var(--ink); }
.cj-portfolio > .cj-wrap > ol > li {
counter-increment: biz;
position: relative;
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
gap: 28px;
padding: 40px 20px 40px 0;
border-bottom: 2px solid var(--ink);
transition: background 0.4s ease, padding-left 0.4s ease;
}
.cj-portfolio > .cj-wrap > ol > li:hover {
background: linear-gradient(90deg, rgba(156,125,67,0.06), transparent 60%);
}
.cj-portfolio > .cj-wrap > ol > li::before {
content: counter(biz);
font-family: 'Noto Serif TC', serif;
font-size: 1.4rem;
color: var(--paper);
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--accent);
transition: transform 0.4s cubic-bezier(.2,.8,.2,1), background 0.4s ease;
}
.cj-portfolio > .cj-wrap > ol > li:hover::before {
transform: translateX(14px);
background: var(--brass-deep);
}
.cj-portfolio h3 { font-size: 1.18rem; font-weight: 600; }
.cj-portfolio > .cj-wrap > ol > li > div > p.cj-lead {
margin-top: 8px;
color: var(--ink-soft);
font-size: 0.95rem;
max-width: 30em;
}
.cj-group { margin-top: 22px; }
.cj-group h4 {
font-family: 'Noto Sans TC', sans-serif;
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--accent);
margin-bottom: 4px;
}
.cj-group p { font-size: 0.9rem; color: var(--ink-soft); margin-bottom: 10px; }
.cj-links { display: flex; flex-wrap: wrap; gap: 8px 30px; }
/* ---------- 聯絡資訊 ---------- */
.cj-contact {
padding: 0 0 72px;
display: flex;
flex-wrap: wrap;
gap: 8px 40px;
font-size: 0.92rem;
color: var(--ink-soft);
}
.cj-contact strong { color: var(--ink); font-weight: 600; }
@media (max-width: 860px) {
.cj-hero__grid { grid-template-columns: 1fr; }
.cj-hero__meta { justify-self: start; text-align: left; border-right: none; padding-right: 0; margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--line); }
.cj-principles { flex-direction: column; }
.cj-principles li:nth-child(2), .cj-principles li:nth-child(3) { margin-top: 0; }
.cj-culture ul { flex-direction: column; }
.cj-culture li:nth-child(2), .cj-culture li:nth-child(3) { margin-top: 0; }
.cj-culture li + li { margin-top: 40px; }
.cj-culture li { height: auto; }
.cj-portfolio > .cj-wrap > ol > li { grid-template-columns: 1fr; padding-left: 0; }
.cj-portfolio > .cj-wrap > ol > li::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
#cj-about * { transition: none !important; }
}
辰杰投資有限公司 Cosmojoint
成立於金融投資，成長於科技與人文
秉持「穩健、成長、創新」的企業理念， 致力於打造一個值得信賴、持續進步的永續企業。
2011 民國100年12月29日成立
穩健的環境
踏實前行，風險控管，長期發展
成長的空間
鼓勵進步，發揮潛能，共創價值
創新的自由
開放心態，激發想像，引領變革
真誠的信念與行動，是推動企業與夥伴共同成長的最佳動力。
三大核心文化
辰杰是一個追求永續經營與持續成長的大家庭。我們深信，企業的價值來自於人，並以三大核心文化貫穿日常經營。
✩
熱誠Passion
全力以赴實現理想，堅守承諾、不畏挑戰。
勇於負責 坦誠相待 不畏艱難
☺
快樂Joy
認同自我價值，樂觀面對人生。
樂觀積極 助人為樂 常保微笑
❀
謙卑Humility
成就來自團隊與社會的支持，虛心學習、感恩惜福。
讚美他人 反求諸己 不斷學習
事業版圖
金融投資
穩健操作、資產配置、跨境佈局，共同創造長期價值。
境內投資
境外投資
科技服務
整合資訊與管理系統，提供智慧化決策支持與企業管理方案。
資訊管理顧問：佳辰企管
人文與永續 ESG
我們相信，企業的責任不僅是獲利，更應回饋社會、培育人文、實踐永續。
Environment
綠能事業：推動再生能源發展，實踐低碳轉型。
辰盈能源
日辰能源
明建開發
辰銓環能
Social
社會與教育：從語言教育到文化藝術，推動知識傳播與世代翻轉。
遊戲英語補習班
遊戲英語劇團
影像與媒體：用影像說故事，見素傳真，記錄真實與感動。
見素影像
公益行動：讓愛落地，行善如水，溫蘋慈善基金會長年關注社會需求，實踐企業責任。
溫蘋慈善基金會
社團參與與專業連結
我們積極參與各類社團與專業組織，擴展視野、凝聚夥伴力量。
中華民國工商建設研究會
世界台灣商會聯合總會
阿里山獅子會
台灣金融分析專業人員協會 CFA Society Taiwan
特許金融分析師協會 CFA Institute
document.addEventListener('click', function (e) {
var btn = e.target.closest('.cj-notice__dismiss');
if (btn) {
var host = btn.closest('.cj-notice');
if (host) host.remove();
}
});
https://www.cosmojoint.com/
辰杰投資
