/*匯入 PSIRT 專區 共用樣式*/
   @import url(../style_contact/style_form.css);

   /*匯入 PSIRT 專區 共用樣式*/
   @import url(../style_contact/style_psirt.css);
   


/* 表單樣式 ( 盡量調整與日本官網一致 ) ---------- */

.form_list,
.item_RadioCheckArea .item_Check_list2{
    align-items: start;
}

.item_Check_list .check-text2 {
    display: flex;
    flex-direction: column;
}

input[type="text"], 
.input, input[type="password"], 
input[type="date"], 
input[type="search"], 
input[type="email"], 
input[type="tel"], 
input[type="time"], 
input[type="number"]{

    height: 30px;
    border-radius: 4px;

}

.contact_area input, .contact_area textarea, .contact_area select {
    background-color: #fff;
    border: 1px solid #e4e4e4;
}
/* 錯誤資訊區塊 ------------------------------------------------ */

.error_message{
    font-size: 1rem;
    padding: clamp(0.625rem, -0.042rem + 1.08vw, 1.25rem) clamp(0.938rem, -0.063rem + 1.61vw, 1.875rem);
    box-sizing: border-box;
    border: 3px solid #e83b12;
    color: #e83b12;
}
.error_message .error_area{
    list-style: none; /* 清除黑點與樣式 */
    padding: 0;       /* 清除左側內距 */
    margin: 0;        /* 清除外距 */
}

.error_item{
    font-weight: bold;
}


/* 個人資訊處理欄位 ------------------------------------------------ */
.agreeToTerms {
    margin: 0;
}


.fL_info_area,
.item_area{
    display: flex;
    flex-direction: column;
    gap: .3125rem;
}
.fL_info_area2{
    gap: 1.25rem;
}

/* 標註 ------------------------------------------------ */
.notes{
    font-size: clamp(0.75rem, 0.617rem + 0.22vw, 0.875rem);
    color: #666;
}
.notes2{
    font-size: .75rem;
    color: #333;
}


/* 按鈕 --------------------------------------------------- */
input[type="button"].btn2,
input[type="button"].btn3{
    color: #333;
    background-color: #fff;
    border: 1px solid #666;
    font-weight: bold;
}
input[type="button"].btn3{
    width: 240px;
}



.containerIn:has(.psirt_section){
    display: flex;
    flex-direction: column;
    row-gap: clamp(2.581rem, 4.17vw, 5rem);
    padding-top: 0;
    padding-bottom: clamp(2.903rem, 4.69vw, 5.625rem);
}


/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

    .containerIn:has(.psirt_section){
        max-width: 50rem;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: clamp(2.903rem, 4.69vw, 5.625rem);
    }

}