.elementor-23199 .elementor-element.elementor-element-fe00427{--display:flex;--min-height:424px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.6;}.elementor-23199 .elementor-element.elementor-element-fe00427:not(.elementor-motion-effects-element-type-background), .elementor-23199 .elementor-element.elementor-element-fe00427 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.oee.tw/storage/twjamisonyang935/2025/08/225312034_l-1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-23199 .elementor-element.elementor-element-fe00427::before, .elementor-23199 .elementor-element.elementor-element-fe00427 > .elementor-background-video-container::before, .elementor-23199 .elementor-element.elementor-element-fe00427 > .e-con-inner > .elementor-background-video-container::before, .elementor-23199 .elementor-element.elementor-element-fe00427 > .elementor-background-slideshow::before, .elementor-23199 .elementor-element.elementor-element-fe00427 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23199 .elementor-element.elementor-element-fe00427 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-60fdd45 );--background-overlay:'';}.elementor-23199 .elementor-element.elementor-element-qgb714l{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.13;--padding-top:130px;--padding-bottom:200px;--padding-left:50px;--padding-right:50px;}.elementor-23199 .elementor-element.elementor-element-qgb714l::before, .elementor-23199 .elementor-element.elementor-element-qgb714l > .elementor-background-video-container::before, .elementor-23199 .elementor-element.elementor-element-qgb714l > .e-con-inner > .elementor-background-video-container::before, .elementor-23199 .elementor-element.elementor-element-qgb714l > .elementor-background-slideshow::before, .elementor-23199 .elementor-element.elementor-element-qgb714l > .e-con-inner > .elementor-background-slideshow::before, .elementor-23199 .elementor-element.elementor-element-qgb714l > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-23199 .elementor-element.elementor-element-4068cfc{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-23199 .elementor-element.elementor-element-5fd400ff{text-align:center;color:var( --e-global-color-eb7eba7 );font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:4.8px;}.elementor-23199 .elementor-element.elementor-element-5fd400ff p{margin-bottom:0px;}.elementor-23199 .elementor-element.elementor-element-8fe5cbe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23199 .elementor-element.elementor-element-8fe5cbe{text-align:center;}.elementor-23199 .elementor-element.elementor-element-8fe5cbe .elementor-heading-title{color:#595550;}.elementor-23199 .elementor-element.elementor-element-f06243b{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-23199 .elementor-element.elementor-element-63c65ee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23199 .elementor-element.elementor-element-63c65ee.elementor-element{--align-self:flex-start;}.elementor-23199 .elementor-element.elementor-element-63c65ee{text-align:left;}.elementor-23199 .elementor-element.elementor-element-63c65ee .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-23199 .elementor-element.elementor-element-58c3a19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-23199 .elementor-element.elementor-element-58c3a19.e-con{--align-self:center;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:25px;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-25px;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-labels-inline .elementor-field-group > label{padding-left:14px;}body:not(.rtl) .elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-labels-inline .elementor-field-group > label{padding-right:14px;}body .elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-labels-above .elementor-field-group > label{padding-bottom:14px;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-field-type-html{padding-bottom:0px;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:-1px -1px -1px -1px;border-radius:4px 4px 4px 4px;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:-1px -1px -1px -1px;border-radius:4px 4px 4px 4px;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-button span{justify-content:center;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-button{border-style:none;padding:0px 0px 0px 0px;}.elementor-23199 .elementor-element.elementor-element-29475b9 .e-form__buttons__wrapper__button-next{background-color:#E4AF12;color:#ffffff;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-button[type="submit"]{background-color:#E4AF12;color:#ffffff;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-23199 .elementor-element.elementor-element-29475b9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-23199 .elementor-element.elementor-element-29475b9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-23199 .elementor-element.elementor-element-29475b9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-23199 .elementor-element.elementor-element-29475b9 .elementor-message.elementor-message-danger{color:#FF0101;}.elementor-23199 .elementor-element.elementor-element-29475b9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:1024px){.elementor-23199 .elementor-element.elementor-element-qgb714l{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-23199 .elementor-element.elementor-element-8fe5cbe{text-align:center;}.elementor-23199 .elementor-element.elementor-element-63c65ee{text-align:center;}.elementor-23199 .elementor-element.elementor-element-58c3a19{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-23199 .elementor-element.elementor-element-qgb714l{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-23199 .elementor-element.elementor-element-8fe5cbe > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-23199 .elementor-element.elementor-element-63c65ee > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-23199 .elementor-element.elementor-element-63c65ee{text-align:left;}}/* Start custom CSS *//* ========================================= */
/* 1. 選項樣式 (Checkbox & Radio)           */
/* 說明：此區塊負責將原始的複選框和單選框，美化成自訂的點選樣式。 */
/* ========================================= */

/* 基礎設置：重置選項列表的默認樣式 (移除列表點、內外邊距) */
#wpforms-20616 .wpforms-field-checkbox ul,
#wpforms-20616 .wpforms-field-radio ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 選項容器 (li)：設置背景、邊框、圓角、間距和佈局 */
/* - 使用 flexbox 讓內容垂直居中 */
/* - position: relative 用於後續定位選中標記 */
/* - transition 讓選中時的樣式變化更平滑 */
#wpforms-20616 li {
    background-color: #ffffff00;
    border: 1px solid #ffffff;
    border-radius: 8px;
    margin-bottom: 0px;
    padding: 16px 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
}

/* 隱藏原始的 Checkbox 和 Radio 輸入框 */
#wpforms-20616 input[type="checkbox"],
#wpforms-20616 input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* 選項標籤 (label)：設置文字樣式並使用 Flexbox 垂直居中 */
#wpforms-20616 label.wpforms-field-label-inline {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    flex-grow: 1;
    line-height: 2;
    margin: 0;
    display: flex;
    align-items: center;
}

/* 模擬的圓圈 (未選中狀態)：使用 ::before 偽元素創建 */
#wpforms-20616 label.wpforms-field-label-inline::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 16px;
    box-sizing: border-box;
    flex-shrink: 0;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

/* 選中狀態 (需搭配 JS)：當 li 添加 .selected-option class 時，改變邊框和陰影 */
#wpforms-20616 li.selected-option {
    border: 2px solid #ffd700;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

/* 選中狀態：當 input 被勾選時，改變模擬圓圈的背景色和邊框 */
#wpforms-20616 input[type="checkbox"]:checked + label.wpforms-field-label-inline::before,
#wpforms-20616 input[type="radio"]:checked + label.wpforms-field-label-inline::before {
    background-color: #E8C24E;
    border-color: #fff;
}


/* ========================================= */
/* 2. 多頁表單通用樣式                       */
/* 說明：此區塊控制多頁表單的進度條、問題標題、分頁按鈕等通用元件。 */
/* ========================================= */

/* 表單基礎佈局：設為 flexbox 垂直排列，以利後續 order 屬性調整順序 */
.wpforms-form {
    display: flex;
    flex-direction: column;
}

/* -- 2.1 進度條 -- */

/* 進度條容器：調整寬度、置中、間距、背景、高度等 */
#wpforms-form-20616 .wpforms-page-indicator {
    width: 40% !important;
    margin-top: 24px !important;
    margin: 0px auto !important; /* 調整為上下皆有間距且置中 */
    background-color: #fffff00 !important;
    height: 80px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* 進度條背景軌道 */
#wpforms-form-20616 .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
    background-color: #fff;
    height: 6px;
}

/* 進度條已完成部分 (填充顏色) */
.wpforms-page-indicator-page-progress {
    background-color: #E8C24E !important;
    height: 100%;
    border-radius: 5px;
}

/* 進度條文字 (例如 "2 of 7") */
#wpforms-form-20616 .wpforms-page-indicator-steps {
    font-size: 16px !important;
    color: #fff !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* -- 2.2 問題標題 -- */

/* 問題標題 (通用)：置中、調整字體大小、顏色和間距 */
#wpforms-form-20616 .wpforms-field-label {
    text-align: center !important;
    width: 100% !important;
    font-size: 20px !important;
    line-height: 1.5;
    color: #fff !important;
    margin-bottom: 24px !important;
}

/* -- 2.3 上一步 / 繼續按鈕 -- */

/* 「上一步」與「繼續」按鈕的通用樣式 */
#wpforms-form-20616 .wpforms-page-button {
    font-size: 16px !important;
    padding: 12px 24px !important;
    border-radius: 5px !important;
    border: 1px solid !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 10px !important;
}

/* 「上一步」按鈕的特定樣式 */
#wpforms-form-20616 .wpforms-page-button.wpforms-page-prev {
    background-color: #00000000 !important;
    color: white !important;
    border-color: #fff !important;
}

/* 「上一步」按鈕的懸停效果 */
#wpforms-form-20616 .wpforms-page-button.wpforms-page-prev:hover {
    background-color: #fffff00 !important;
    border-color: #fff !important;
}

/* 「繼續」按鈕的特定樣式 */
#wpforms-form-20616 .wpforms-page-button.wpforms-page-next {
    background-color: #E8C24E !important;
    color: black !important;
    border-color: #E8C24E !important;
}

/* 「繼續」按鈕的懸停效果 */
#wpforms-form-20616 .wpforms-page-button.wpforms-page-next:hover {
    background-color: #E8C24E !important;
    border-color: #E8C24E !important;
}


/* ========================================= */
/* 3. 特定欄位樣式                           */
/* 說明：針對特定輸入欄位 (如聯絡資訊) 進行的樣式微調。 */
/* ========================================= */

/* 聯絡資訊欄位：將姓名、Email、手機號碼的標籤靠左對齊 */
#wpforms-form-20616 #wpforms-20616-field_5-container .wpforms-field-label,
#wpforms-form-20616 #wpforms-20616-field_6-container .wpforms-field-label,
#wpforms-form-20616 #wpforms-20616-field_8-container .wpforms-field-label {
    text-align: left !important;
    width: auto !important;
    margin-left: 0 !important;
    font-size: 16px !important;
    color: #fff !important;
}


/* ========================================= */
/* 4. 提交按鈕                              */
/* 說明：表單最後一步的「提交」按鈕樣式。 */
/* ========================================= */

/* 提交按鈕容器：使用 Flexbox 將按鈕水平置中 */
#wpforms-form-20616 .wpforms-submit-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 8px !important;
    padding-bottom: 16px !important;
}

/* 提交按鈕本身：設置背景、顏色、字體、邊框等樣式 */
#wpforms-form-20616 #wpforms-submit-20616 {
    background-color: #E8C24E !important;
    color: black !important;
    border-color: #E8C24E !important;
    font-size: 16px !important;
    padding: 12px 24px !important;
    border-radius: 5px !important;
    border: 0px solid !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

/* 提交按鈕的懸停效果 */
#wpforms-form-20616 #wpforms-submit-20616:hover {
    background-color: #E8C24E !important;
    border-color: #E8C24E !important;
}/* End custom CSS */