工作時間
週一: 7AM - 7PM
週五: 10AM - 5PM
週一: 7AM - 7PM
週五: 10AM - 5PM
.dawson-wrapper {
--primary-color: #5A6B5D;
--text-main: #2C302E;
--text-muted: #666666;
--bg-card: #FAF8F5;
--border-color: #EAE6DF;
--gold-color: #C9A66B;
--radius-lg: 12px;
--radius-md: 8px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
color: var(--text-main);
line-height: 1.6;
padding: 1px 0;
}
.dawson-wrapper * {
box-sizing: border-box;
}
.dawson-wrapper .container {
width: 100%;
max-width: 960px;
margin: 30px auto;
background: #FFFFFF;
border-radius: var(--radius-lg);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
overflow: hidden;
}
/* Hero 區塊 */
.dawson-wrapper .hero {
background-color: var(--primary-color);
color: #FFFFFF;
padding: 38px 20px;
text-align: center;
}
.dawson-wrapper .hero .tag {
font-size: 0.82rem;
letter-spacing: 1.5px;
opacity: 0.9;
margin-bottom: 8px;
}
.dawson-wrapper .hero h1 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 10px;
margin-top: 0;
color: #FFFFFF;
line-height: 1.45;
}
.dawson-wrapper .hero p {
font-size: 0.92rem;
opacity: 0.9;
font-weight: 300;
margin: 0;
}
/* 內容區塊 */
.dawson-wrapper .section {
padding: 32px 20px;
}
.dawson-wrapper .quote-box {
text-align: center;
margin-bottom: 30px;
}
.dawson-wrapper .quote-box h2 {
font-size: 1.15rem;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 12px;
margin-top: 0;
}
.dawson-wrapper .quote-box p {
font-size: 0.9rem;
color: var(--text-muted);
text-align: justify;
text-justify: inter-ideograph;
line-height: 1.75;
margin: 0;
}
.dawson-wrapper .sec-title {
font-size: 1.1rem;
font-weight: 600;
color: var(--primary-color);
text-align: center;
margin: 0 0 20px 0;
position: relative;
}
.dawson-wrapper .sec-title::after {
content: '';
display: block;
width: 32px;
height: 2px;
background: var(--primary-color);
margin: 8px auto 0;
opacity: 0.4;
}
/* 4欄卡片網格 */
.dawson-wrapper .grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-bottom: 36px;
}
.dawson-wrapper .card {
background: var(--bg-card);
padding: 18px 14px;
border-radius: var(--radius-md);
border: 1px solid var(--border-color);
}
.dawson-wrapper .card h3 {
font-size: 0.95rem;
color: var(--text-main);
margin: 0 0 8px 0;
font-weight: 600;
}
.dawson-wrapper .card p {
font-size: 0.85rem;
color: var(--text-muted);
line-height: 1.6;
margin: 0;
}
/* 直立式方案卡片 */
.dawson-wrapper .plan-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 10px;
}
.dawson-wrapper .plan-card {
background: #FFFFFF;
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
padding: 26px 20px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dawson-wrapper .plan-card h4 {
font-size: 1.08rem;
font-weight: 700;
color: var(--text-main);
margin: 0 0 16px 0;
padding-bottom: 14px;
border-bottom: 1px dashed var(--border-color);
text-align: center;
line-height: 1.4;
}
.dawson-wrapper .plan-card ul {
list-style: none;
padding: 0;
margin: 0;
}
.dawson-wrapper .plan-card ul li {
font-size: 0.88rem;
color: var(--text-muted);
margin-bottom: 12px;
padding-left: 20px;
position: relative;
line-height: 1.5;
}
.dawson-wrapper .plan-card ul li::before {
content: '✓';
position: absolute;
left: 0;
top: 0;
color: var(--primary-color);
font-weight: bold;
}
/* 方案 B 特別金框設計 */
.dawson-wrapper .premium-gold {
border: 2px solid var(--gold-color);
box-shadow: 0 8px 25px rgba(201, 166, 107, 0.15);
transform: translateY(-6px);
}
.dawson-wrapper .premium-gold h4 {
color: #967029;
border-bottom-color: #E8D099;
}
.dawson-wrapper .premium-gold ul li::before {
color: var(--gold-color);
}
/* 金框專屬標籤 */
.dawson-wrapper .badge {
position: absolute;
top: 0;
right: 0;
background: var(--gold-color);
color: #FFFFFF;
font-size: 0.75rem;
font-weight: bold;
padding: 5px 16px;
border-bottom-left-radius: 8px;
letter-spacing: 1px;
}
/* 手機響應式設計 (RWD) */
@media (max-width: 650px) {
.dawson-wrapper .container {
margin: 0;
border-radius: 0;
}
.dawson-wrapper .hero {
padding: 28px 16px;
}
.dawson-wrapper .hero h1 {
font-size: 1.3rem;
}
.dawson-wrapper .section {
padding: 24px 16px;
}
.dawson-wrapper .grid-4 {
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-bottom: 24px;
}
.dawson-wrapper .card {
padding: 16px 12px;
}
.dawson-wrapper .plan-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.dawson-wrapper .premium-gold {
transform: translateY(0);
}
}
傳統工藝與企業文化共融
方案 A
方案 B
方案 C
傳統工藝與體驗課程媒合
傳統工藝與企業文化共融
讓團隊「藝」起來，力挺台灣手藝
企業專屬舒壓工作坊 暨 一站式福委活動提案
「還在為構思兼具新意與質感的員工活動，感到心力交瘁嗎？」
島森工作室將台灣在地傳承的古法手藝（如鹿港百年製香），結合高規格的數位行政與專業攝影紀錄。不僅帶領同仁實踐企業社會責任（ESG），更為您打造一場無痛、無憂的頂級質感舒壓體驗。
島森承諾：四項專屬「無痛」代管服務
報名無痛
代建專屬 Google 報名系統，自動生成名冊，解放人資行政時間。
宣傳無痛
提供高質感海報與 EDM 文案，內部推廣五分鐘輕鬆搞定。
場地復原
備妥全套桌面防護用具，活動後由團隊迅速撤場與清潔。
結案輕鬆
交付精美 PDF 數據報告與高畫質側拍，向上級匯報更亮眼。
投資方案：專屬福委預算規劃
方案 A
經典舒壓手作
- 天然漢方香泥手作體驗
- 精美公版專屬模具
- 專屬報名系統建置
主推熱門
方案 B
品牌專屬客製
- 方案 A 全數服務
- 開發「企業專屬 Logo」模具
- 公版宣傳海報素材
- PDF 結案數據報告
- 實體客製模具裝盒移交
方案 C
旗艦影音整合
- 方案 B 全數服務
- 全場專業平面活動側拍
- 1 支 Reels 活動精華短影音
- 「ESG / 友善企業」形象影片拍攝剪輯
- 雲端影像資產永久授權