/*----------此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;
}

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

.step_2024_1 {
    background-color: #d9e9ef;
    padding:20px;
    float: left;
}

.step_2024_2 {
    background-color: #d9efe2;
    padding:20px;
    float: left;
}

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

.bc_input_size02 input {
    padding: 10px;
    
}






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

.border_topic {
 width: 100%;
 float: left;
}

.bc_input_size {
    width: 480px;
}

.bc_input_size02 {
    width: 100%;
}


.submit_button {
    width:300px;
    font-size: 0.9em;
    padding: 10px;
    position: relative;
    top: 50%;  
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 75px 0 0 0;
}

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

.border_content input[type="checkbox"]::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;
}


.border_content input[type="radio"] {
  width: 2em;
  height: 2rem;
  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;
}


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