Governance

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