
/* 匯入共用contact模組.css */
/* @import url("../../style_nav/style_contact/style_contact.css"); */


/*========================================================*/
/*-------保固模組_樣式--------*/
/*========================================================*/

.warranty_bg{
    display: flex;
    flex-direction: column;
    gap: clamp(1.25rem, 1.5625vw, 1.875rem);  /*最小值 20px、大小約 1.5625vw、最大值 30px*/ 
}

    .warranty_bg .divider{
        /* margin: 30px 0; */
        margin: clamp(0.3125rem, 1.5625vw, 1.870rem) 0; /* 最小值 5px、大小約 1.5625vw、最大值 30px */
    }

        .warranty_section{
            display: flex;
            flex-direction: column;
            gap: 1.25rem; /*20px*/
        }

        .warranty_section .right_title2{
            /* margin-bottom: 20px; */
        }
         .warranty_section .form_remark{
             margin-bottom: 0;
         }

        .warranty_area{
            display: flex;
            flex-direction: column;
            /* gap: 50px; */
            gap: clamp(1.0417rem, 2.6042vw, 3.1250rem); /* 最小值 16.67px、大小約 2.6042vw、最大值 50.00px */
        }

            .warranty_form_area{
                /* border-radius: 15px; */
                border-radius:clamp(0.3125rem, 0.7813vw, 0.9375rem); /* 最小值 5.00px、大小約 0.7813vw、最大值 15.00px */
                /* padding: 30px; */
                padding: clamp(0.6250rem, 1.5625vw, 1.8750rem); /* 最小值 10.00px、大小約 1.5625vw、最大值 30.00px */
                box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
                display: flex;
                flex-direction: column;
                gap: 1.25rem; /*20px*/
            }
                .warranty_form_area .right_title3{
                    /* margin-bottom: 20px; */
                    text-align: center;
                    margin-bottom: 0.625rem; /*10px*/
                }
                .warranty_form_area .form_area{
                    
                }


                /* 購買區域 */
                .warranty_form_area .buy-area .fL_info{
                    gap: .625rem; /*10px*/
                    display: grid;
                    grid-template-columns: repeat(2 , 1fr);
                }
                    .warranty_form_area .buy-area select{
                        width: 100%;
                    }
                