PGT優勢與注意事項

產品優勢&注意事項

Product Advantages & Precautions








/* 標題區 */
.pgt-about {
max-width: 1080px;
margin: 0 auto;
padding: 40px 20px 20px;
font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif;
color: #111;
line-height: 1.9;
}

.pgt-title {
font-size: 30px;
font-weight: 800;
text-align: center;
color: #111;
margin-bottom: 10px;
}

.pgt-sub {
text-align: center;
font-size: 16px;
color: #484848;
margin-bottom: 30px;
}

/* ===============================
四格圖卡（強制等高設定）
================================ */
#pgt-service {
max-width: 1080px;
margin: 0 auto 60px;
padding: 0 20px;
font-family: "Microsoft JhengHei", "微軟正黑體", sans-serif;
}

/* 覆蓋原本版型的 float / block 設定，改用 flex 來等高 */
#pgt-service .remote-row {
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin: 0;
}

#pgt-service .remote-row::before,
#pgt-service .remote-row::after {
display: none !important;
content: none !important;
}

#pgt-service .remote-row .column.fourth {
float: none !important;
}

#pgt-service .svc-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
padding: 16px 14px 18px;
text-align: center;

flex: 0 0 23%;
max-width: 23%;

display: flex;
flex-direction: column;
justify-content: flex-start;

transition: transform .2s ease, box-shadow .2s ease;
box-sizing: border-box;
}

#pgt-service .svc-card img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 10px;
display: block;
}

#pgt-service .svc-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0,0,0,0.16);
}

/* RWD */
@media (max-width: 900px) {
#pgt-service .svc-card {
flex: 0 0 48%;
max-width: 48%;
margin-bottom: 20px;
}
}

@media (max-width: 600px) {
.pgt-title { font-size: 26px; }

#pgt-service .svc-card {
flex: 0 0 100%;
max-width: 100%;
}

#pgt-service .svc-card img {
height: 200px;
}
}