All ESG

GDI is committed to ethical business practices and responsible sourcing. We ensure conflict-free mineral procurement and uphold our corporate social responsibility by building a transparent and sustainable supply chain.

/* --- 強化版霓虹光效動畫 --- */
@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;
}
}



Integrity Governance: Statements and Commitments

GDI is committed to ethical business practices and responsible sourcing. We ensure conflict-free mineral procurement and uphold our corporate social responsibility by building a transparent and sustainable supply chain.





Conflict-Free Minerals Statement

Committed to not procuring minerals from armed conflict regions, strictly auditing 3TG sources, and ensuring the supply chain complies with international humanitarian standards and responsible sourcing guidelines.





Corporate Social Responsibility Statement

We actively implement ESG governance principles, dedicated to environmental sustainability, workplace safety, and social engagement, building a sustainable ecosystem that thrives with society.





Integrity Commitment Statement

Integrity as the foundation, eradicating bribery and fraud. Requires all employees and partners to adhere to business ethics, safeguarding a transparent and fair business environment.




Enlarge +Shrink -Reset SizeClose Preview ✕






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 creates a modern, happy workplace, providing an office environment interwoven with art and greenery, efficient meeting spaces, and complete facilities, practicing sustainable operations and employee well-being.

.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;
}
}





Creating a Modern and Inspiring Workplace

GDI is committed to creating a modern and engaging workplace that enhances employee well-being and productivity. Through thoughtfully designed office spaces, collaborative environments, and well-equipped facilities, we provide a comfortable and inspiring place to work.





Brand & Display Gallery





Creative Display & Showcase Area





 Open Atrium & Collaborative Space





 Green & Daylight Corridor





Modern and Efficient Office Area





Employee Dining & Lounge Area





Collaborative Work Environment





Smart Meeting & Collaboration Space





Standard Storage Space





Efficient Logistics Flow





Nutritious Meals & Refreshment Area





Green Views & Natural Workspace





Modern Glass Architecture





Rooftop Sky Garden





Corporate Reception Area





Digitally Equipped Conference Room





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';
}

GDI actively advances its renewable energy initiatives by installing solar photovoltaic (PV) systems across its facilities.
.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 {
text-align: center;
max-width: 800px;
margin: 0 auto 40px;
color: #555;
line-height: 1.8;
font-size: 1.05em;
}

/* 網格設定 */
.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;
}
}





Renewable Energy in Action:Smart Solar PV Systems

In line with global carbon reduction initiatives, GDI has installed smart solar PV systems across its facility rooftops. By transforming conventional industrial roofs into renewable energy hubs, we reduce carbon emissions and improve energy efficiency, supporting sustainable manufacturing.





Rooftop Solar PV Configuration

We maximize rooftop space by deploying high-efficiency monocrystalline solar modules. These systems convert solar energy into clean electricity while also providing thermal insulation, reducing indoor temperatures and lowering HVAC energy consumption.





High-Efficiency Energy Monitoring Dashboard

Our real-time energy monitoring system provides transparent insights into power generation, carbon reduction metrics, and system performance. With data analytics and automated alerts, we ensure the PV system operates at peak efficiency.





Smart Inverter Modules

We use industrial-grade smart inverters to efficiently convert DC power into stable AC power for facility operations. Integrated with our on-site microgrid, the system enhances energy flexibility and ensures reliable power distribution.





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';
}

Grand Dynasty Industrial(GDI) is committed to implementing the United Nations' 17 Sustainable Development Goals (SDGs). From green energy innovation and smart manufacturing to a quality workplace, we fulfill corporate sustainability responsibilities through concrete actions.
/* --- 基礎設定 --- */
.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: 40px 0;
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: Our Sustainability Practices

 



const VERSION = "v1.0.2";
const sdgData = [
{ id: '01', title: 'No Poverty', details: ['We support employee welfare through voluntary pension contribution programs, with contribution rates of up to 8%.', 'We provide educational support for children from underprivileged families.'] },
{ id: '02', title: 'Zero Hunger', details: ['We promote food-saving practices and implement surplus food management initiatives.', 'We source products from local and disadvantaged communities to support inclusive development.'] },
{ id: '03', title: 'Good Health and Well-being', details: ['We provide fitness facilities and wellness programs to encourage a healthy lifestyle.', 'We implement occupational safety programs and provide access to contracted healthcare services.'] },
{ id: '04', title: 'Quality Education', details: ['We provide educational subsidies for employees’ children, supporting studies up to graduate level.', 'We offer professional training programs and promote industry–academia collaboration.'] },
{ id: '05', title: 'Gender Equality', details: ['We promote gender equality in the workplace, with female representation in management reaching 47%.', 'We support work-life balance through flexible working arrangements.'] },
{ id: '06', title: 'Clean Water and Sanitation', details: ['We achieve full water recycling in our industrial processes.', 'We implement rainwater harvesting and atmospheric water generation systems.'] },
{ id: '07', title: 'Affordable and Clean Energy', details: ['We install rooftop solar PV systems across our facilities for on-site energy generation.', 'We upgrade to energy-efficient equipment, including LED lighting and high-efficiency machinery.'] },
{ id: '08', title: 'Decent Work and Economic Growth', details: ['We prioritize local hiring and promote inclusive employment opportunities for individuals with disabilities.', 'We maintain a safe, healthy, and supportive working environment.'] },
{ id: '09', title: 'Industry, Innovation and Infrastructure', details: ['We implement Manufacturing Execution Systems (MES) to enhance digital production management.', 'We invest in smart manufacturing and automation technologies.'] },
{ id: '10', title: 'Reduced Inequalities', details: ['We ensure fair compensation and equal benefits for all employees, including foreign workers.', 'We provide support programs such as home-visit flight subsidies for long-term foreign employees.'] },
{ id: '11', title: 'Sustainable Cities and Communities', details: ['We promote low-carbon transportation, including EV adoption and carpooling initiatives.', 'We conduct regular monitoring of environmental noise and air quality.'] },
{ id: '12', title: 'Responsible Consumption and Production', details: ['We obtain international certifications (e.g., ISCC) to ensure raw material traceability.', 'We adopt low-carbon materials and reduce production waste.'] },
{ id: '13', title: 'Climate Action', details: ['We implement carbon management systems to track and reduce emissions.', 'We conduct employee training and awareness programs on carbon reduction.'] },
{ id: '14', title: 'Life Below Water', details: ['We explore marine waste recycling solutions to improve manufacturing sustainability.', 'We strictly manage plastic materials to prevent environmental leakage.'] },
{ id: '15', title: 'Life on Land', details: ['We promote paperless operations and prioritize green procurement practices.', 'We encourage employee participation in environmental protection activities.'] },
{ id: '16', title: 'Peace, Justice and Strong Institutions', details: ['We uphold workplace integrity and strengthen anti-corruption policies.', 'We conduct regular labor-management meetings to safeguard employee rights.'] },
{ id: '17', title: 'Partnerships for the Goals', details: ['We establish transparent communication mechanisms with stakeholders.', 'We collaborate with partners to promote sustainable supply chain practices.'] }
];

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';
});

GDI is committed to giving back to society through long-term partnerships with community organizations. By supporting social welfare, rural development, and cultural sustainability initiatives, we aim to create positive and lasting social impact.

Corporate
Bethesda
(Rural Healthcare & Community Services)

 








We support Bethesda’s over-a-decade-long commitment to serving rural communities through healthcare and social services. 

Walking with Love, Witnessing over Half a Century of Care


By contributing resources to outreach programs, we help improve access to care and support systems for underserved populations, continuing a legacy of compassion and long-term community care.


Watch on YouTube

Corporate
Xiang-Yuan Care Center
(Disability Care & Long-Term Care)

 








We collaborate with the Xiang-Yuan Care Center to support vocational training and daily care programs for individuals with disabilities. 

Walking together, 37 years of warm guardianship


Through initiatives such as skill development and workplace training, we help create opportunities for personal growth, dignity, and greater community participation.


Watch on YouTube

Corporate Social Responsibility
Bunun Tribal Community
(Indigenous Culture & Community Development)

 








We support initiatives within the Bunun tribal community through educational programs and community development efforts. 

By contributing to local initiatives, we help promote cultural preservation and sustainable development, reinforcing our belief in shared growth with society.
 


Watch on YouTube


Grand Dynasty Industrial(GDI) is committed to implementing corporate social responsibility.

Oct 29 – Nov 2, 2025 Thailand 5-Day Trip





GDI Group Photo





Marveling at the Elephant's Masterful Talent Show





Close Encounter with Wildlife





Deep Cultural Immersion with Elephants





Navigating Floating Markets via Long-tail Boat





Leisurely Tour of Thai Characteristic Gardens





Wat Arun Riverside Radiant Light Show





Enjoying Riverside Dinner and Romantic Night Cruise





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';
}

/* --- 基礎環境設定 --- */
.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-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;
}
}

Grand Dynasty Industrial(GDI) 2025 Staff Trip: 4-Day In-depth Tour of Hualien and Taitung. We relaxed amidst magnificent mountain and sea scenery, shared local delicacies, fostered teamwork, and created new energy for a happy workplace.
/* --- 基礎環境設定 --- */
.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-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;
}
}





2025 GDI Staff Trip: 4 Days in Hualien and Taitung





Indigenous Culture Experience





Joyful Moments at Ocean Park





Exploring Coastal Wonders





In-depth Cultural Tour





Beauty of Nature and Harmony





Capturing Memories at Sansiantai Coast





Quiet Moments in the City





Strengthening Bonds and Creating Memories Together





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';
}
Enlarge Preview