全部社會責任

宗瑋工業 (GDI) 秉持誠信經營，落實無衝突礦產採購、企業社會責任與廉潔承諾，建構透明且永續的供應鏈管理體系。


/* --- 強化版霓虹光效動畫 --- */
@keyframes shimmer {
0% {
transform: translateX(-150%) skewX(-25deg);
}

50% {
transform: translateX(150%) skewX(-25deg);
}

100% {
transform: translateX(150%) skewX(-25deg);
}
}

/* --- 基礎環境設定 --- */
.gov-section-wrapper {
font-family: "Microsoft JhengHei", Arial, sans-serif;
background-color: #f4f8fc;
/* 淺藍白底色 */
padding: 40px 0;
position: relative;
}

.gov-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.gov-title {
text-align: center;
font-size: 2.2em;
color: #004a99;
margin-bottom: 20px;
font-weight: bold;
}

/* 前導介紹文案樣式 */
.gov-intro-text {
max-width: 850px;
margin: 0 auto 40px;
text-align: center;
font-size: 1.1em;
line-height: 1.8;
color: #2d3748;
background: rgba(255, 255, 255, 0.9);
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border-left: 5px solid #004a99;
font-weight: bold;
}

/* 網格佈局 */
.gov-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
}

.gov-card {
background: #fff;
padding: 10px;
border-radius: 12px;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
text-align: center;
transition: transform 0.3s ease;
}

.gov-card:hover {
transform: translateY(-5px);
}

/* --- 針對白底強化的圖片容器 --- */
.gov-img-box {
position: relative;
overflow: hidden;
border-radius: 8px;
height: 300px;
background-color: #fff;
border: 1px solid #e0e0e0;
/* 預設深一點的灰色邊框 */
margin-bottom: 10px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 強化版懸停琉璃特效 (針對白底優化) */
.gov-card:hover .gov-img-box {
/* 多層發光：一層核心亮光 + 一層擴散暈光 + 一層內發光 */
box-shadow:
0 0 15px rgba(0, 242, 255, 0.6),
0 0 30px rgba(0, 242, 255, 0.3),
inset 0 0 12px rgba(0, 242, 255, 0.4);
border-color: #00d2ff;
/* 亮藍色邊框 */
background: rgba(0, 242, 255, 0.03);
}

/* 強化的流光動畫 (Shimmer) */
.gov-img-box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* 使用更亮、對比度更高的漸層 */
background: linear-gradient(90deg,
transparent,
rgba(255, 255, 255, 0.5) 45%,
rgba(255, 255, 255, 0.8) 50%,
rgba(255, 255, 255, 0.5) 55%,
transparent);
animation: shimmer 3s infinite linear;
pointer-events: none;
z-index: 2;
}

.gov-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
display: block;
transition: transform 0.6s ease;
filter: brightness(1);
/* 確保原始亮度 */
}

/* 懸停時讓圖片輕微變暗一點點，突顯外圈光芒 */
.gov-card:hover .gov-img-box img {
transform: scale(1.08);
filter: brightness(0.95);
}

.gov-card h3 {
color: #004a99;
font-size: 1.2em;
margin: 10px 0;
font-weight: bold;
}

.gov-card p {
color: #555;
font-size: 0.95em;
line-height: 1.6;
padding: 0 10px 15px;
text-align: justify;
}

/* --- 預覽區樣式 --- */
#gov-inline-viewer {
display: none;
background: #111;
border-radius: 12px;
margin: 20px 0 40px;
padding: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
border: 2px solid #004a99;
}

.gov-viewer-tools {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 15px;
}

.gov-viewer-tools button {
background: #004a99;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 18px;
border-radius: 6px;
cursor: pointer;
font-weight: bold;
}

.gov-viewer-tools button:hover {
background: #0066cc;
box-shadow: 0 0 15px rgba(0, 242, 255, 0.6);
}

.gov-viewer-tools button.close-btn {
background: #cc0000;
}

.gov-scroll-area {
width: 100%;
height: 650px;
overflow: auto;
background: #000;
border-radius: 8px;
display: flex;
align-items: flex-start;
justify-content: center;
}

#gov-target-img {
width: 80%;
height: auto;
transition: width 0.2s ease;
padding: 20px;
}

/* RWD 響應式 */
@media (max-width: 992px) {
.gov-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.gov-grid {
grid-template-columns: 1fr;
}

.gov-scroll-area {
height: 450px;
}
}



誠信治理：聲明與承諾

宗瑋工業 (GDI) 秉持誠信經營，落實無衝突礦產採購、企業社會責任與廉潔承諾，建構透明且永續的供應鏈管理體系。






無衝突礦產聲明

承諾不採購來自武裝衝突地區之礦產，嚴格審核 3TG 來源，確保供應鏈符合國際人道標準與負責採購規範。





企業社會責任聲明

我們積極落實 ESG 治理方針，致力於環境永續、職場安全與社會參與，建構與社會共榮的永續生態系。





廉潔承諾聲明

誠信為本，杜絕賄賂與舞弊。要求全體員工與夥伴恪守商業倫理，守護透明公正的商業環境。




放大 +縮小 -重置大小關閉預覽 ✕






let zoomVal = 80;

function loadViewer(src) {
const viewer = document.getElementById('gov-inline-viewer');
const img = document.getElementById('gov-target-img');
img.src = src;
resetZoom();
viewer.style.display = 'block';
setTimeout(() => {
viewer.scrollIntoView({ behavior: 'smooth', block: 'start' });
}, 150);
}

function closeViewer() {
document.getElementById('gov-inline-viewer').style.display = 'none';
}

function changeZoom(factor) {
const img = document.getElementById('gov-target-img');
zoomVal = zoomVal * factor;
if (zoomVal < 30) zoomVal = 30;
if (zoomVal > 500) zoomVal = 500;
img.style.width = zoomVal + '%';
}

function resetZoom() {
zoomVal = 80;
document.getElementById('gov-target-img').style.width = '80%';
}

宗瑋工業 (GDI) 打造現代化幸福職場，提供藝術與綠意交織的辦公環境、高效會議空間及完善設施，實踐永續經營與員工福祉。

.office-section-wrapper {
font-family: "Microsoft JhengHei", Arial, sans-serif;
background-color: #eef6ff;
padding: 50px 0;
}

.office-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.office-title {
text-align: center;
font-size: 2em;
color: #004a99;
margin-bottom: 20px;
font-weight: bold;
position: relative;
}

.office-title::after {
content: '';
display: block;
width: 40px;
height: 3px;
background: #004a99;
margin: 12px auto;
}

/* 前導介紹文案樣式 */
.office-intro-text {
max-width: 850px;
margin: 0 auto 40px;
text-align: center;
font-size: 1.1em;
line-height: 1.8;
color: #2d3748;
background: rgba(255, 255, 255, 0.95);
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border-left: 5px solid #004a99;
font-weight: bold;
}

/* 網格佈局 */
.office-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}

.office-card {
background: #fff;
padding: 8px;
border-radius: 12px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
text-align: center;
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
}

.office-card:hover {
transform: translateY(-5px);
}

.office-img-box {
overflow: hidden;
border-radius: 8px;
height: 180px;
background-color: #f0f0f0;
}

.office-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
cursor: zoom-in;
transition: transform 0.5s ease;
}

.office-img-box img:hover {
transform: scale(1.1);
}

.office-card p {
font-weight: bold;
color: #333;
margin: 6px 0 4px;
/* 極小化圖片與文字間距 */
font-size: 0.95em;
line-height: 1.4;
}

/* 燈箱樣式 (75%) */
#office-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
display: none;
justify-content: center;
align-items: center;
z-index: 10000;
cursor: zoom-out;
}

#office-lightbox img {
max-width: 75%;
max-height: 75%;
border-radius: 8px;
}

/* 響應式 */
@media (max-width: 992px) {
.office-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.office-grid {
grid-template-columns: 1fr;
}
}





幸福職場：現代化辦公環境

宗瑋工業 (GDI) 打造現代化幸福職場，提供藝術與綠意交織的辦公環境、高效會議空間及完善設施，實踐永續經營與員工福祉。





淬鍊卓越光影傳承





匠心獨運藝術生活





藝術結構交織美學





綠意採光長廊





現代高效辦公區





活力休閒餐廳





溫馨協作日常





專業智慧協作





標準倉儲空間





高效物流動線





質感膳食活力充電





窗外綠意藝術氣息





環繞式景觀玻璃牆





屋頂空中花園





企業品牌接待區





數位整合會議室





function showOfficeImg(src) {
const lb = document.getElementById('office-lightbox');
const lbImg = document.getElementById('office-lightbox-img');
lbImg.src = src;
lb.style.display = 'flex';
document.body.style.overflow = 'hidden';
}

宗瑋工業積極實踐再生能源目標，於廠房屋頂全面建置智慧太陽能光電系統。透過高效逆變器與即時能源監控系統，落實低碳生產並強化能源管理效率，建立永續製造的新標竿。


.solar-section-container {
font-family: "Microsoft JhengHei", Arial, sans-serif;
background-color: #fcfcfc;
padding: 50px 0;
/* 略微增加上下留白，讓整體視覺更舒適 */
}

.solar-inner-box {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.solar-title {
text-align: center;
font-size: 2.2em;
color: #004a99;
margin: 20px 0 10px;
font-weight: bold;
position: relative;
}

.solar-title::after {
content: '';
display: block;
width: 50px;
height: 4px;
background: #004a99;
margin: 15px auto 25px;
}

/* 新增引言文案樣式 */
.solar-intro-text {
max-width: 850px;
margin: 0 auto 40px;
text-align: center;
font-size: 1.1em;
line-height: 1.8;
color: #2d3748;
background: rgba(255, 255, 255, 0.95);
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border-left: 5px solid #004a99;
font-weight: bold;
}

/* 網格設定 */
.solar-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}

.solar-card {
background: #fff;
padding: 15px;
/* 稍微增加內襯托字型 */
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
/* 讓陰影更柔和細緻 */
text-align: center;
transition: transform 0.3s;
}

.solar-card:hover {
transform: translateY(-5px);
/* 滑過時卡片輕微浮起 */
}

.solar-img-wrap {
overflow: hidden;
border-radius: 12px;
height: 220px;
}

.solar-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s;
cursor: zoom-in;
}

.solar-img-wrap img:hover {
transform: scale(1.08);
}

.solar-card h3 {
font-weight: bold;
color: #004a99;
margin: 15px 0 8px;
font-size: 1.2em;
}

.solar-card p {
color: #666;
font-size: 0.95em;
line-height: 1.6;
margin: 0;
padding: 0 5px 10px;
text-align: justify;
/* 讓內文對齊更美觀 */
}

/* 燈箱樣式 */
#solar-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
display: none;
justify-content: center;
align-items: center;
z-index: 10000;
cursor: zoom-out;
}

#solar-lightbox img {
max-width: 75%;
max-height: 75%;
border-radius: 8px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

/* 手機適配 */
@media (max-width: 992px) {
.solar-grid {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 600px) {
.solar-grid {
grid-template-columns: 1fr;
}

.solar-img-wrap {
height: 180px;
}

.solar-title {
font-size: 1.8em;
}
}





再生能源實踐：智慧太陽能光電系統



宗瑋工業積極實踐再生能源目標，於廠房屋頂全面建置智慧太陽能光電系統。透過高效逆變器與即時能源監控系統，落實低碳生產並強化能源管理效率，建立永續製造的新標竿。







廠區屋頂太陽能配置

極大化廠房空間利用，鋪設高效率單晶矽太陽能模組。不僅能有效將太陽能轉化為廠區生產所需電力，更能發揮屋頂隔熱降溫效果，降低廠房空調負荷，達到雙重節能效益。






高效能源監控介面

導入數位化即時能源監控系統，透明化呈現每日發電數據、減碳總量與系統健康狀態。透過大數據分析與異常告警機制，確保光電系統長期維持在最佳發電效能，讓碳管理精準落地。






智慧逆變器模組

採用工業級智慧逆變器，具備高轉換效率與優異的穩定性。將產生的直流電精準調整為廠區使用的優質交流電，並完美對接廠內電網，強化電力調度彈性，打造低風險的智慧調配網絡。





function openSolarLightbox(src) {
const lb = document.getElementById('solar-lightbox');
const lbImg = document.getElementById('solar-lightbox-img');
lbImg.src = src;
lb.style.display = 'flex';
document.body.style.overflow = 'hidden';
}

宗瑋工業 (GDI) 致力於落實聯合國 17 項永續發展目標 (SDGs)，從綠能創新、智慧製造到優質職場，我們透過具體行動實踐企業永續責任。


/* --- 基礎設定 --- */
.sdg-report-section {
font-family: "Microsoft JhengHei", Arial, sans-serif;
background-color: #fcfcfc;
padding: 40px 0;
}

.is-container-in {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.section-title {
text-align: center;
font-size: 2.2em;
color: #004a99;
margin: 0 0 20px;
font-weight: bold;
}

/* 前導介紹文案樣式 */
.sdg-intro-text {
max-width: 850px;
margin: 0 auto 40px;
text-align: center;
font-size: 1.1em;
line-height: 1.8;
color: #2d3748;
background: rgba(255, 255, 255, 0.95);
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border-left: 5px solid #004a99;
font-weight: bold;
}

/* --- 網格佈局：確保第一列為 3 項 --- */
.sdg-grid-container {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 25px;
}

.sdg-card-item {
border: 1px solid #eef2f7;
border-radius: 12px;
padding: 24px;
background: #fff;
transition: all 0.3s ease;
cursor: zoom-in;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.sdg-card-item:hover {
transform: translateY(-8px);
border-color: #004a99;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.sdg-card-num {
background: #004a99;
color: #fff;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 4px;
margin-right: 12px;
font-weight: bold;
}

.sdg-card-item h3 {
display: flex;
align-items: center;
font-size: 1.25em;
color: #004a99;
margin-bottom: 15px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 10px;
}

.sdg-card-item ul {
padding-left: 20px;
list-style-type: disc;
margin: 0;
}

.sdg-card-item li {
font-size: 1em;
color: #555;
margin-bottom: 8px;
line-height: 1.6;
}

/* --- 燈箱放大效果 (字體放大 1.5 倍) --- */
#sdg-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
cursor: zoom-out;
}

#sdg-lightbox.active {
display: flex;
}

.lightbox-content {
background: #fff;
padding: 50px;
border-radius: 20px;
max-width: 800px;
width: 90%;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
/* 放大倍率設定 */
font-size: 1.5em;
}

.lightbox-content h3 {
font-size: 1.4em !important;
margin-bottom: 25px !important;
}

.lightbox-content li {
margin-bottom: 15px !important;
line-height: 1.8 !important;
}

.lightbox-content .sdg-card-num {
width: 45px;
height: 45px;
font-size: 0.9em;
}

/* 響應式調整 */
@media (max-width: 992px) {
.sdg-grid-container {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.sdg-grid-container {
grid-template-columns: 1fr;
}

.lightbox-content {
font-size: 1.1em;
padding: 30px;
}

/* 手機端適度縮放避免溢出 */
}







SDGs 17項永續實踐專報

宗瑋工業 (GDI) 致力於落實聯合國 17 項永續發展目標 (SDGs)，從綠能創新、智慧製造到優質職場，我們透過具體行動實踐企業永續責任。


 



const VERSION = "v1.0.2";
const sdgData = [
{ id: '01', title: '消除貧窮', details: ['鼓勵員工自願提撥退休金，提撥比至 8%。', '資助貧困孩童獲得教育資源。'] },
{ id: '02', title: '消除飢餓', details: ['推動惜食文化，落實剩食打包。', '採購弱勢團體有機產品。'] },
{ id: '03', title: '健康與福祉', details: ['設置健身房及淋浴間鼓勵運動。', '落實職安計畫與提供特約醫護。'] },
{ id: '04', title: '優質教育', details: ['提供子女教育津貼，涵蓋至研究所。', '完善的教育訓練與產學交流。'] },
{ id: '05', title: '性別平等', details: ['女性管理職比例達 47%，男女同酬。', '支持育兒家庭，提供彈性工時。'] },
{ id: '06', title: '淨水與衛生', details: ['製程用水 100% 循環使用。', '導入雨水回收與造水機系統。'] },
{ id: '07', title: '可負擔能源', details: ['廠區屋頂建置太陽能，自發自用。', '全面替換 LED 與高效能機台。'] },
{ id: '08', title: '就業與經濟成長', details: ['優先聘用在地人才與身障者。', '確保健康安全工作環境。'] },
{ id: '09', title: '工業創新', details: ['導入 MES 生產執行數位化管理。', '智慧製造與自動化設備升級。'] },
{ id: '10', title: '減少不平等', details: ['外籍員工同工同酬，福利一致。', '外籍員工滿三年享返鄉機票補助。'] },
{ id: '11', title: '永續城市', details: ['推動電動車與交通共乘制。', '定期監測環境噪音與空氣品質。'] },
{ id: '12', title: '責任消費與生產', details: ['導入 ISCC 國際認證，原料溯源。', '應用低碳材料，減少邊料浪費。'] },
{ id: '13', title: '氣候行動', details: ['建立減碳績效追蹤，強化碳管理。', '辦理減碳意識教育訓練。'] },
{ id: '14', title: '海洋生態', details: ['研發海廢回收利用，優化製程。', '嚴格管理塑膠顆粒防止外洩。'] },
{ id: '15', title: '陸地生態', details: ['推行無紙化辦公，優先綠色採購。', '鼓勵同仁參與淨山活動。'] },
{ id: '16', title: '和平與正義', details: ['強調職場正義，強化反貪腐。', '定期召開勞資會議保障權益。'] },
{ id: '17', title: '全球夥伴', details: ['建立利害關係人溝通機制。', '攜手夥伴推動供應鏈減碳管理。'] }
];

const gridContainer = document.getElementById('sdgGrid');
gridContainer.innerHTML = ''; // 強制清除容器，避免某些環境自動插入空格或換行
const lightbox = document.getElementById('sdg-lightbox');
const lightboxTarget = document.getElementById('lightbox-target');

sdgData.forEach(sdg => {
const card = document.createElement('div');
card.className = 'sdg-card-item';

const cardContent = `
${sdg.id} ${sdg.title}
${sdg.details.map(d => `${d}`).join('')}
`;

card.innerHTML = cardContent;

// 點擊卡片彈出放大燈箱
card.addEventListener('click', () => {
lightboxTarget.innerHTML = cardContent;
lightbox.classList.add('active');
document.body.style.overflow = 'hidden'; // 禁止底層捲動
});

gridContainer.appendChild(card);
});

// 點擊背景關閉燈箱
lightbox.addEventListener('click', () => {
lightbox.classList.remove('active');
document.body.style.overflow = 'auto';
});

Corporate Social Responsibility
在地關懷：華光社會福利基金會

 








延續葉由根神父的愛：陪伴生命活出尊嚴

宗瑋工業秉持在地深耕精神，支持位於新竹關西的「華光社會福利基金會」。 華光自 1983 年由葉由根神父創立以來，始終堅持「哪裡有需要，哪裡就有光」的信念。 透過影片，我們看見華光如何協助院生從機構走入社區，透過烘焙工坊、洗車站、以及全家便利商店等職前訓練， 讓身心障礙朋友掌握「幸福的敲門磚」，在工作中找回自信。 我們深信，透過企業的持續關注，能共同構築一個從生活支持到長照終老的溫暖家園。


在 YouTube 中觀看


宗瑋工業 (GDI) ｜ 實踐社會參與，與華光攜手點亮生命之光

Corporate Social Responsibility
愛在偏鄉：畢士大走過七十載

 








與愛同行，見證跨越半世紀的守護

宗瑋工業深受畢士大教養院「彼此相愛」的精神所感動。從 1952 年貝靈恩教養士深入花蓮偏鄉至今，畢士大已守護弱勢生命超過 70 年。 透過影片中溫暖的歌聲與影像，我們看見院友們在專業照護與各項技藝陶冶（如烘焙、木工、洗車坊）中，重拾快樂與尊嚴。 我們期許能盡一份心力，支持這份永續的愛心，讓更多慢飛天使獲得翻轉生命的機會。


在 YouTube 中觀看


宗瑋工業 (GDI) ｜ 用愛支持公益，共創幸福職場與社會

Corporate Social Responsibility
在地關懷：香園紀念教養院

 








一路相伴，走過 37 載的溫暖守護

宗瑋工業長期關注在地社福機構，香園紀念教養院致力於身心障礙者的職業訓練與生活照顧。透過影片，我們看見他們如何透過烘焙、農場作業等技能培訓，找回生命的自信與尊嚴。我們深信，企業的參與能為這些「慢飛天使」帶來更多圓夢的機會。


在 YouTube 中觀看


宗瑋工業 (GDI) ｜ 用愛支持公益，實踐永續共好

Corporate Social Responsibility
社會公益與關懷

 








2025 布農部落形象影片

宗瑋工業深信企業的力量源於社會，亦應回饋於社會。透過支持教育與公益捐贈，我們希望能回饋社會，創造共榮發展的價值。


在 YouTube 中觀看


宗瑋工業 (GDI) 致力於落實企業社會責任

宗瑋工業 (GDI) 2025
員工旅遊：泰國五日驚豔之旅。我們在充滿異國風情的曼谷與自然奇景中放鬆身心，體驗大象文化、親近野生動物，並共享昭披耶河盛宴，凝聚團隊向心力，共創幸福職場回憶。


/* --- 基礎環境設定 --- */
.travel-section-wrapper {
font-family: "Microsoft JhengHei", Arial, sans-serif;
background-color: #eef6ff;
padding: 50px 0;
}

.travel-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.travel-title {
text-align: center;
font-size: 2em;
color: #004a99;
margin-bottom: 20px;
font-weight: bold;
position: relative;
}

.travel-title::after {
content: '';
display: block;
width: 40px;
height: 3px;
background: #004a99;
margin: 12px auto;
}

/* 前導介紹文案樣式 */
.travel-intro-text {
max-width: 850px;
margin: 0 auto 40px;
text-align: center;
font-size: 1.1em;
line-height: 1.8;
color: #2d3748;
background: rgba(255, 255, 255, 0.95);
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border-left: 5px solid #004a99;
font-weight: bold;
}

/* 網格佈局 */
.travel-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}

.travel-card {
background: #fff;
padding: 8px;
border-radius: 12px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
text-align: center;
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
}

.travel-card:hover {
transform: translateY(-5px);
}

.travel-img-box {
overflow: hidden;
border-radius: 8px;
height: 180px;
background-color: #f0f0f0;
}

.travel-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
cursor: zoom-in;
transition: transform 0.5s ease;
}

.travel-img-box img:hover {
transform: scale(1.1);
}

.travel-card p {
font-weight: bold;
color: #333;
margin: 10px 0 5px;
font-size: 0.95em;
line-height: 1.5;
}

/* 燈箱樣式 (75%) */
#travel-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
display: none;
justify-content: center;
align-items: center;
z-index: 10000;
cursor: zoom-out;
}

#travel-lightbox img {
max-width: 75%;
max-height: 75%;
border-radius: 8px;
}

/* 響應式佈局 */
@media (max-width: 992px) {
.travel-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.travel-grid {
grid-template-columns: 1fr;
}
}





2025.10.29~11.2 泰國五日

宗瑋工業 (GDI) 2025 員工旅遊：泰國五日驚豔之旅。我們在充滿異國風情的曼谷與自然奇景中放鬆身心，體驗大象文化、親近野生動物，並共享昭披耶河盛宴，凝聚團隊向心力，共創幸福職場回憶。






宗瑋工業全體合影





驚嘆大象精湛才藝表演





與野生動物近距離接觸





深刻的大象文化洗禮





乘長尾船穿梭水上市場





悠遊泰國特色園林





鄭王廟河畔璀璨燈光秀





享受河畔晚餐與浪漫夜航





function showTravelImg(src) {
const lb = document.getElementById('travel-lightbox');
const lbImg = document.getElementById('travel-lightbox-img');
lbImg.src = src;
lb.style.display = 'flex';
document.body.style.overflow = 'hidden';
}

2025 宗瑋員工旅遊：花東四日


感謝全體夥伴過去的辛勞與付出，這次讓我們暫時放下繁瑣的公務與數據，換上輕便的服裝，一同向山海出發！在這放鬆的四天裡，我們將沿著東海岸的蔚藍，擁抱縱谷的翠綠與慢活步調。這不僅是一場舒緩身心的充電之旅，更是屬於「宗瑋大家庭」拉近彼此距離、創造專屬回憶的珍貴時刻。期待與你同行，在山海之間充飽電，為未來注入滿滿的全新動能！






原住民文化體驗





海洋公園歡樂時光





探索海岸奇景





深度文化巡禮





自然與和諧之美





三仙台海岸留影





城市靜謐時光





凝聚情誼共創回憶





/* --- 基礎環境設定 --- */
.travel-section-wrapper {
font-family: "Microsoft JhengHei", Arial, sans-serif;
background-color: #eef6ff;
padding: 50px 0;
}

.travel-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.travel-title {
text-align: center;
font-size: 2em;
color: #004a99;
margin-bottom: 35px;
font-weight: bold;
position: relative;
}

.travel-title::after {
content: '';
display: block;
width: 40px;
height: 3px;
background: #004a99;
margin: 12px auto;
}

/* 旅遊簡介文案 */
.travel-intro-text {
max-width: 860px;
margin: 0 auto 40px auto;
background: #fff;
border-left: 4px solid #004a99;
border-radius: 8px;
padding: 20px 28px;
box-shadow: 0 2px 8px rgba(0, 74, 153, 0.08);
}

.travel-intro-text p {
font-size: 1.05em;
color: #334e6a;
line-height: 2;
margin: 0;
text-align: justify;
}

/* 網格佈局 */
.travel-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}

.travel-card {
background: #fff;
padding: 8px;
border-radius: 12px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
text-align: center;
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
}

.travel-card:hover {
transform: translateY(-5px);
}

.travel-img-box {
overflow: hidden;
border-radius: 8px;
height: 180px;
background-color: #f0f0f0;
}

.travel-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
cursor: zoom-in;
transition: transform 0.5s ease;
}

.travel-img-box img:hover {
transform: scale(1.1);
}

.travel-card p {
font-weight: bold;
color: #333;
margin: 4px 0;
font-size: 0.95em;
line-height: 1.5;
}

/* 燈箱樣式 (75%) */
#travel-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.85);
display: none;
justify-content: center;
align-items: center;
z-index: 10000;
cursor: zoom-out;
}

#travel-lightbox img {
max-width: 75%;
max-height: 75%;
border-radius: 8px;
}

/* 響應式佈局 */
@media (max-width: 992px) {
.travel-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 600px) {
.travel-grid {
grid-template-columns: 1fr;
}
}