Board of Directors and Functional Committee Evaluation Execution Status

.ch-esg-container {
font-family: “Helvetica Neue”, Helvetica, Arial, “PingFang TC”, “Heiti TC”, “Apple LiGothic Medium”, “Microsoft JhengHei”, sans-serif;
line-height: 1.8;
color: #222222 !important; /* 極致深灰文字 */
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
background-color: #FFFFFF !important;
}

.ch-governance-section {
background: #FFFFFF !important;
border-radius: 0px !important; /* 經典硬朗方角，展現營建穩健感 */
padding: 40px;
margin-bottom: 40px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
border-top: 6px solid #990000 !important; /* 長虹標準深磚紅 */
border-left: 1px solid #CCCCCC !important; /* 結構邊框灰 */
border-right: 1px solid #CCCCCC !important;
border-bottom: 1px solid #CCCCCC !important;
}

/* 主標題 */
.ch-main-title {
font-size: 26px;
font-weight: 700;
color: #990000 !important;
margin-top: 0;
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 12px;
letter-spacing: 0.5px;
}

.ch-main-title span {
font-size: 28px;
}

/* 副標題 */
.ch-sub-title {
font-size: 19px;
font-weight: 600;
color: #990000 !important;
margin-top: 35px;
margin-bottom: 20px;
position: relative;
padding-left: 15px;
}

/* 標題裝飾線改為尊榮金 */
.ch-sub-title::before {
content: “”;
position: absolute;
left: 0;
top: 6px;
width: 4px;
height: 18px;
background-color: #A98332 !important;
}

.esg-text {
font-size: 15.5px;
margin-bottom: 15px;
text-align: justify;
color: #333333 !important;
}

/* 表格上方資訊區塊 */
.meta-info-box {
background-color: #F0F2F4 !important; /* 質感鈦灰色 */
border-left: 5px solid #990000 !important; /* 紅色重線 */
padding: 20px;
margin: 20px 0;
font-size: 15.5px;
}

.meta-info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 15px;
margin-top: 10px;
}

.meta-info-item {
font-size: 15px;
color: #333333;
}

.meta-info-item strong {
color: #990000;
}

/* 數據表格包覆層（RWD手機版可橫向滾動） */
.esg-table-wrapper {
width: 100%;
overflow-x: auto;
margin: 25px 0;
border: 1px solid #CCCCCC !important;
}

.esg-table {
width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 15px;
min-width: 800px; /* 保證表格欄位在手機上不擠壓變形 */
}

.esg-table th {
background-color: #990000 !important; /* 表頭長虹深紅 */
color: #FFFFFF !important;
padding: 14px 16px;
font-weight: 600;
border: 1px solid #CCCCCC !important;
text-align: center;
}

.esg-table td {
padding: 14px 16px;
border: 1px solid #CCCCCC !important;
color: #222222 !important;
vertical-align: top;
}

/* 灰白相間表格行 */
.esg-table tbody tr:nth-child(even) {
background-color: #F0F2F4 !important;
}

.esg-table tbody tr:hover {
background-color: #E2E5E8 !important;
}

/* 評估結果特殊強調 */
.result-highlight {
color: #A98332 !important; /* 尊榮金 */
font-weight: 700;
font-size: 16px;
text-align: center;
display: block;
}

/* 條列式說明樣式 */
.ch-bullet-list {
list-style-type: none;
padding-left: 0;
margin: 0;
}

.ch-bullet-list li {
font-size: 14.5px;
margin-bottom: 8px;
padding-left: 18px;
position: relative;
text-align: justify;
color: #333333 !important;
}

.ch-bullet-list li::before {
content: “■”;
color: #A98332 !important; /* 金色方塊 */
font-size: 10px;
position: absolute;
left: 0;
top: 0px;
}

/* 底部評估標準區塊 */
.standard-info-box {
background-color: #F0F2F4 !important;
border-left: 5px solid #A98332 !important; /* 金色重線 */
padding: 20px;
margin-top: 30px;
font-size: 14.5px;
line-height: 1.7;
color: #333333 !important;
}

.standard-info-box strong {
color: #990000 !important;
}

@media (max-width: 768px) {
.ch-governance-section {
padding: 25px 20px;
}
.ch-main-title {
font-size: 22px;
}
.ch-sub-title {
font-size: 17px;
}
}