/*----------此CSS適用ESG下載網頁表單----------*/
.regForm {
    width:100%;
    padding:0px 20px 20px 20px;
    
}

.regForm label {
    padding: 10px;
     font-weight: 200;
     padding:3px;
     margin: 5px auto;
}

.step {
    margin: 30px 0;
}

.step1 {
    background-color: #d9e9ef;
    padding: 0 0 5px 0;
}
.step1 h2 {
    padding: 10px;
    background-color: #92bfd1;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}

.step2 {
    background-color: #d9efe2;
    padding: 0 0 5px 0;
}
.step2 h2 {
    padding: 10px;
    background-color: #92d1b1;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}

.step3 {
    background-color: #efedd9;
    padding: 0 0 5px 0;
}
.step3 h2 {
    padding: 10px;
    background-color: #d1be92;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}

.step4 {
    background-color: #efd9e5;
    padding: 0 0 5px 0;
}
.step4 h2 {
    padding: 10px;
    background-color: #d192b6;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}

.step5 {
    background-color: #e3d9ef;
    padding: 0 0 5px 0;
}
.step5 h2 {
    padding: 10px;
    background-color: #bb92d1;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
}

/* 加大 ESG問卷標題字體 */
.border_topic {
    font-weight: bold;
    color: #333;
}

/*---- 2024新增題目 ----*/
.step_2024 {
    margin: 15px 0 30px 0;

}

.step_2024_1 {
    width: 100%;
    background-color: #d9e9ef;
    padding:10px 20px 40px 30px;
    float: left;
}

.step_2024_2 {
    width: 100%;
    background-color: #d9efe2;
    padding:10px 20px 40px 30px;
    float: left;
}

.step_2024_3 {
    width: 100%;
    background-color: #efedd9;
    padding:10px 20px 40px 30px;
    float: left;
}

.bc_input_size02 input {
    padding: 8px;
    
}






.step1 p, .step2 p, .step3 p, .step4 p, .step5 p {
    padding: 20px 0 0 15px;
    margin: 5px 0 0 0;
}

.border_content{
    margin: 5px 0 10px 20px;
}



.border_content ul {
    padding: 10px 15px 0 10px;

}

.border_content ul li { 
    display: flex;
}

.border_content li { 
    line-height: 40px;
    float: left;
    margin: 15px 0 0 0;
}


.bc_input_size {
    font-size: 16px;
    width: 480px;
}

.bc_input_size02 {
    width: 100%;
}


.submit_button {
    width:300px;
    font-size: 1rem;
    padding: 10px;
    position: relative;
    top: 50%;  
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 75px 0 0 0;
    border: 1px solid #333;
}

/*定義 checkbox radio*/
.border_content input[type="checkbox"] {
  width: 1.5em;
  height: 1.5rem;
  accent-color: red;
}

.border_content input[type="checkbox"]::before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  transform: scale(0);
  background-color: red;
}


.border_content input[type="radio"] {
  width: 1.5em;
  height: 1.5rem;
  accent-color: red;
}

.border_content input[type="radio"]::before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  transform: scale(0);
  background-color: red;
}

.res_en {
    font-size: 15px; /* 統一所有瀏覽器字體大小為16px */
    color: #666;
    padding: 0 0 0 30px;
    word-wrap: break-word; /* 確保文字自動斷行 */
    word-break: break-word;
}

/*選項800*/
@media (max-width: 800px) {
  .border_content{
    margin: 5px 0 10px -8px;

}

}

/*--- 共用 ---*/
.red {
    color: #ff0000;
}



/*------------ ESG報告書下載區塊 三欄式 --------------*/
.report-manual-all {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 32px; /* 欄位間距 */
    width: 100%;
    margin: 32px 0;
}

.report-download {
    flex: 1 1 30%;
    max-width: 32%;
    min-width: 220px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    padding: 18px 12px 12px 12px;
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: box-shadow 0.2s;
}

.report-download:hover {
    box-shadow: 0 4px 24px rgba(0,0,0,0.13);
}

.report-download img.ltt_box_product_img {
    width: 100%;
    height: auto;
    max-width: 320px;
    margin: 0 auto 12px auto;
    display: block;
    border-radius: 8px;
}

.report-version {
    margin: 8px 0 0 0;
    font-size: 0.7em;
    text-align: center;
    font-weight: 500;
}

/* 調整 input placeholder 的字體大小 */
input::placeholder {
    font-size: 18px; /* 縮小字體大小 */
}

/* 900px 以下：一列兩欄 */
@media (max-width: 900px) {
    .report-manual-all {
        gap: 18px;
    }
    .report-download {
        max-width: 48%;
        min-width: 160px;
        flex: 1 1 48%;
    }
}
/* 767px 以下：一欄 */
@media (max-width: 767px) {
    
    .report-manual-all {
        flex-direction: column;
        gap: 16px;
        margin: 18px 0;
    }
    .report-download {
        max-width: 100%;
        min-width: 0;
        padding: 12px 6px 10px 6px;
        flex: 1 1 100%;
    }
    .report-download img.ltt_box_product_img {
        max-width: 100%;
    }
    .border_content li {
        width: 100%;
    }
    
}

/* 600px 以下：一欄 */
@media (max-width: 600px) {
    .report-manual-all {
        flex-direction: column;
        gap: 16px;
        margin: 18px 0;
    }
    .report-download {
        max-width: 100%;
        min-width: 0;
        padding: 12px 6px 10px 6px;
        flex: 1 1 100%;
    }
    .report-download img.ltt_box_product_img {
        max-width: 100%;
    }
}