/* 聯絡我們 - 我要提問 setting Begin */
.odd-qa-form-block {
    /* 用以控制類似表格的外框*/
    /*display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        width:100%;
                        gap: 16px;*/
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    width: 100%;
    row-gap: 16px;
    padding: 16px;
    
}
.odd-qa-from {
    display: flex;
    width:100%;
    flex-direction: column;
    flex-wrap: wrap;
}
.odd-qa-form-items {
    display: flex;
    width:100%;
    flex-direction: column;
    flex-wrap: wrap;
    /* display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 8px; */
}
.odd-qa-form-items-title {
    flex: 1 1 0 !important;
}
.odd-qa-form-items-content {
    flex: 2 1 0 !important;
}
/* 聯絡我們 - 我要提問 setting End */
/* 表單內容樣式*/

.odd-booking-sample-form-block {
    /* 用以控制類似表格的外框*/
    /*display: flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        width:100%;
                        gap: 16px;*/
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto-fit, minmax(1fr 2fr));
    width: 100%;
    row-gap: 16px;
    padding: 16px;
}
.odd-booking-sample-form-items {
    display: grid;
    grid-template-columns: 1fr 7fr;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 8px;;
}
/* .odd-booking-sample-form-items .odd-block:first-child{
    border-right:2px solid black
} */
.odd-form-items {
    /* 控制第二列的內容*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px
}
.odd-form-radio-items {
    /* 控制第二列的 Radio 內容，獨立處理 RWD 時的顯示*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px
}
.odd-form-label-text {
    /* 控制第二列文字*/
    display: flex;
    margin: 2px;
    padding: 4px;
}
.odd-preview-itmes-block {
    /* 在表單中預覽頁面取代輸入動作區塊的外框*/
    display: flex;
}

.odd-content-word-spacing {
    /* 用於 span 中的文字字句，僅限英數可用*/
    word-spacing: 6px;
}
/* 以下為表單中的各項輸入項目，皆不具備寬度數值，除了 Radio 之外*/
.odd-form-select {
    display: flex;
    margin: 2px;
    padding: 4px;
    border: none;
    border-bottom: 1px lightgray solid;
    width: clamp(10em, 100%, 20em);
    /* overflow: hidden; */
    white-space: nowrap;
    text-overflow: ellipsis;
}
.odd-form-input {
    display: flex;
    margin: 2px;
    padding: 4px;
    border: none;
    border-bottom: 1px lightgray solid
}
.odd-check {
    width: 18px;
    height: 18px;
    position: relative;
    
}
.odd-form-radio {
    display: flex;
    position: relative;
    top:6px;
    width:20px;
    height:20px;
    border: none;
    border-bottom: 1px lightgray solid;
}
.odd-form-radio-label-text {
    display: flex;
    margin: 2px;
    padding: 4px;
    min-width: 30px;
    max-width: 100px;;
}
@media only screen and (max-width:601px) {
    .odd-booking-sample-form-items {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        align-items: center;
        column-gap: 8px;;
    }
    .odd-form-items {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 8px
    }
    .odd-form-radio {
        display: flex;
        width:20px;
        height:20px;
        border: none;
        border-bottom: 1px lightgray solid
    }
    .odd-form-width-half, .odd-form-width-third, .odd-form-width-quarter, .odd-form-width-200-1000, .odd-form-width-100-200, .odd-form-width-50-100, .odd-form-width-30-100 {
        min-width: 100%;
    }
}