/*匯入連結模組*/
@import url(../../style_link/style_link.css);

/* ================================================================= */
/* 特色研究中心css */
/* ================================================================= */



		/* 右側標題4 -------------------------------*/	
		.right_title4{
			font-size: clamp(1.25rem, 1.1458vw, 1.3750rem); /* 20px , 1.1458vw , 22.00px */
		}


        


/*========================================================*/
/*-------聯絡我們表單區塊--------*/
/*========================================================*/

.contact_bg{
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.875rem, 2.0833vw, 2.5rem); /* 30px , 2.0833vw , 40px */
}

    /* .contact_bg .wrap{
        
    } */
    
        .contact_area{
            box-sizing: border-box;
            padding: 0;
            display: flex;
            flex-direction: column;
            /* gap: 1.5625rem; */
            /* padding: 120px 210px; */
            /* padding: 0  clamp(6.7744rem, 10.9375vw, 13.1250rem); */ /* 108.39px , 10.9375vw , 210.00px */
            /* padding-top:    clamp(3.8711rem, 6.2500vw, 7.5rem); */ /* 61.94px , 6.25vw , 120px */
            /* padding-bottom: clamp(3.8711rem, 6.2500vw, 7.5rem); */ /* 61.94px , 6.25vw , 120px */
            /* border-radius: .625rem; */
            /* background-color: rgba(255 255 255 / 66%); */
            /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
        }

        .form_remark {
            padding: 0;
        }

        .contact_box{
            display: flex;                        
            flex-direction: column;                        
            gap: 1.5625rem;
        }


            .contact_area .right_title3{
                text-align: center;
                /*-bottom:  clamp(calc(0.6452rem), calc(1.0417vw), calc(1.2500rem - 1.5625rem));*/ /* 10.32px , 1.0417vw , 20.00px */
            }


            










            .contact_area .right_title3 strong:before {
                left: 50%;
                transform: translateX(-50%);
            }

            .contact_area.area2 .item_RadioCheckArea  .item_Radio_list{
                /* width: 100%; */
                width: calc((100% / 3) - (2 * 0.9375rem / 3)); /* 4欄平均寬度，扣除間距  3 × 0.9375rem / 4*/
                gap: 0.4375rem;
            }


            .contact_bg .form_area{
                
            }


            .contact_bg .form_area textarea{
                background: var(--fourth_color);
                border: none;
            }
            .contact_bg .form_area select {
                background: var(--fourth_color) url(../../../images/bottom_arrow_icon_b.svg) no-repeat;
                background-size: .8125rem;
                background-position: calc(100% - 0.625rem) 50%;
                padding-right: 2rem !important;
                border: none;
            }
            .contact_bg .form_area input {
                /* background: var(--fourth_color); */
                border: none;
            }




            .contact_bg .btn_area {
                margin: 0.3125rem 0px 0px;
            }

            .contact_bg .btn_area.calendar{
                margin: 0;
                justify-content: unset;
            }





@media (max-width: 900px){
    
    .contact_area.area2 .item_RadioCheckArea  .item_Radio_list{
        /* width: 100%; */
        width: 100%;
    }


}



@media (max-width: 510px){
    
    .contact_area{
        
/* padding: 0.9375rem 1.25rem 2.5rem; */ /* 15 20  40*/
    }
      .contact_box{
        gap: 1.25rem;     /*20*/     
      }

        .contact_area .right_title3 {
            /* margin-bottom: 0; */
        }

}

@media (max-width: 400px){
    
    .contact_area{
        /* padding: 0.9375rem 0.9375rem  2.5rem; */ /* 15 15 40*/
    }

}















.machineArea{
    display: flex;
    flex-direction: column;
    gap: 0.9375rem ;/*15px*/
}
    .machine_section{
        display: flex;
        flex-direction: column;
        gap: .625rem ;/*10px*/
    }

        .machine_section .item_RadioCheckArea {
            width: 100%;
            gap: 0.75rem 0.9375rem;
        }
            .machine_section .item_RadioCheckArea  .item_Check_list{
                /* width: 100%; */
                width: calc((100% / 4) - (3 * 0.9375rem / 4)); /* 4欄平均寬度，扣除間距  3 × 0.9375rem / 4*/
                gap: 0.4375rem;
            }



            .machine_section .fL_tit{
                display: flex ;
                align-items: center;
                gap: 10px;
                color: var(--fifth_color);
                font-size: 17px;
            }
                .machine_section .fL_tit i{
                    color: inherit;
                    font-size: inherit;
                }


                .item_RadioCheckArea .item_Check_list {
                    flex-wrap: wrap;
                }

                    .machine_section .item_Check_list .img{
                        position: relative;
                        aspect-ratio: 97 / 73;
                        width: 100%;
                        /* padding-top: 100%;
                        border-radius: 10px; */
                        display: block;
                        overflow: hidden;
                    }
                    .machine_section .item_Check_list .img img{
                        max-width: 100%;
                        max-height: 100%;
                        height: auto;
                        width: auto;
                        position: absolute;
                        margin: auto;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        transition: 0.3s ease all;  
                    }




@media (max-width: 900px){
    
    .machine_section .item_RadioCheckArea {
        /* width: 100%; */
        /* gap: 0.75rem 0.9375rem; */
        display: flex;
        flex-direction: row;
    }
        .machine_section .item_RadioCheckArea  .item_Check_list{
            width: calc((100% / 2) - (1 * 0.9375rem / 2)); /* 4欄平均寬度，扣除間距  3 × 0.9375rem / 4*/
        }


}







