.elementor-51546 .elementor-element.elementor-element-75b06c1{--display:flex;--min-height:105px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F7F6F4;--border-color:#F7F6F4;}.elementor-51546 .elementor-element.elementor-element-75b06c1:not(.elementor-motion-effects-element-type-background), .elementor-51546 .elementor-element.elementor-element-75b06c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEFC;}.elementor-51546 .elementor-element.elementor-element-6570110 .elementor-heading-title{font-family:"Cormorant_Garamond", Sans-serif;font-size:30px;letter-spacing:1px;}.elementor-51546 .elementor-element.elementor-element-6570110 .elementor-heading-title a:hover, .elementor-51546 .elementor-element.elementor-element-6570110 .elementor-heading-title a:focus{color:#9C8367;}.elementor-51546 .elementor-element.elementor-element-4d605c8{--display:flex;--min-height:432px;--justify-content:center;}.elementor-51546 .elementor-element.elementor-element-f669c2c.elementor-element{--align-self:center;}.elementor-51546 .elementor-element.elementor-element-f669c2c{text-align:center;}.elementor-51546 .elementor-element.elementor-element-f669c2c .elementor-heading-title{font-family:"Bon Vivant", Sans-serif;font-size:45px;font-weight:400;line-height:63px;color:#141414;}.elementor-51546 .elementor-element.elementor-element-ecf9685{text-align:center;}.elementor-51546 .elementor-element.elementor-element-ecf9685 .elementor-heading-title{font-family:"Noto Serif TC", Sans-serif;font-size:48px;font-weight:700;line-height:93px;letter-spacing:1.9px;color:#4A4036;}.elementor-51546 .elementor-element.elementor-element-d4f193e{text-align:center;font-family:"Open Sans", Sans-serif;font-size:17px;line-height:29px;color:#887E75;}.elementor-51546 .elementor-element.elementor-element-b219e60{--display:flex;}.elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-wrapper{background-color:#FFFFFF;width:783px;padding:70px 59px 59px 59px;border-radius:11px 11px 11px 11px;box-shadow:0px 0px 86px -50px rgba(0,0,0,0.5);}.elementor-51546 .elementor-element.elementor-element-021618f .ff-el-progress-bar{background-color:#E69535;}.elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-wrapper .ff-el-input--label label{font-size:1px;}.elementor-51546 .elementor-element.elementor-element-021618f .ff-el-is-required.asterisk-right label:after{font-size:0px;}.elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-custom-radio-checkbox input[type="checkbox"], .elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-custom-radio-checkbox input[type="radio"]{width:14.5px;height:14.5px;}.elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-custom-radio-checkbox input[type="checkbox"]:after, .elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-custom-radio-checkbox input[type="radio"]:after{border-width:0px;}.elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-custom-radio-checkbox input[type="checkbox"]:checked:after, .elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-custom-radio-checkbox input[type="radio"]:checked:after{background-color:#E69535;}.elementor-51546 .elementor-element.elementor-element-021618f .ff-el-progress{height:4px;}.elementor-51546 .elementor-element.elementor-element-eb7394b{--spacer-size:50px;}.elementor-51546 .elementor-element.elementor-element-b1e2ba3{text-align:center;font-family:"Open Sans", Sans-serif;font-size:14px;line-height:24px;color:#887E75;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-51546 .elementor-element.elementor-element-75b06c1{--min-height:92px;}.elementor-51546 .elementor-element.elementor-element-6570110 .elementor-heading-title{font-size:27px;}.elementor-51546 .elementor-element.elementor-element-4d605c8{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-wrapper{width:697px;}}@media(max-width:767px){.elementor-51546 .elementor-element.elementor-element-75b06c1{--min-height:79px;}.elementor-51546 .elementor-element.elementor-element-6570110 .elementor-heading-title{font-size:24px;}.elementor-51546 .elementor-element.elementor-element-4d605c8{--min-height:444px;--justify-content:center;}.elementor-51546 .elementor-element.elementor-element-f669c2c .elementor-heading-title{font-size:37px;line-height:1.4em;}.elementor-51546 .elementor-element.elementor-element-ecf9685 .elementor-heading-title{font-size:36px;line-height:65px;}.elementor-51546 .elementor-element.elementor-element-d4f193e{text-align:center;font-size:16px;}.elementor-51546 .elementor-element.elementor-element-021618f .fluentform-widget-wrapper{width:320px;padding:55px 45px 45px 45px;}.elementor-51546 .elementor-element.elementor-element-b1e2ba3{text-align:center;font-size:13px;line-height:22px;}}@media(min-width:768px){.elementor-51546 .elementor-element.elementor-element-4d605c8{--content-width:882px;}}@media(max-width:1024px) and (min-width:768px){.elementor-51546 .elementor-element.elementor-element-b219e60{--width:500px;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-021618f *//* =========================================
   Artree 專屬：Fluent Forms 卡片式美化代碼
   ========================================= */

/* 1. 選項容器：讓選項垂直排列，增加間距 */
.fluentform .ff-el-input--content .ff-el-form-check {
    margin-bottom: 20px !important; /* 卡片之間的距離 */
    padding-left: 0 !important; /* 移除預設縮排 */
}

/* 2. 卡片本體設計 (將 label 變身為卡片) */
.fluentform .ff-el-form-check-label {
    display: flex !important;
    align-items: center;
    width: 100%;
    padding: 16px 25px !important; /* 卡片內部空間 */
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0; /* 預設淺灰邊框 */
    border-radius: 6px;        /* 圓角 */
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    color: #4A4036;            /* 深褐文字 */
    font-size: 15px;
    font-weight: 400;
}

/* 3. 滑鼠移過去的效果 (Hover) */
.fluentform .ff-el-form-check-label:hover {
    border-color: #E69535;     /* 變為品牌橘 */
    background-color: #FFFEF9; /* 極淡背景色 */
    transform: translateY(-2px); /* 微微浮起 */
    box-shadow: 0 5px 15px rgba(230, 149, 53, 0.1);
}

/* 4. 被選中時的效果 (Checked) */
/* 注意：Fluent Forms 選中時會幫 input 加屬性，我們利用這點 */
.fluentform input[type="radio"]:checked + span,
.fluentform input[type="checkbox"]:checked + span {
    /* 這裡無法直接選中 label，所以我們通常針對 span 或利用 JS class */
    /* 但最簡單的方法是讓 input 變色 */
}

/* 由於 CSS 選取父層較難，我們用更通用的方式美化 Input */
.fluentform input[type="radio"],
.fluentform input[type="checkbox"] {
    margin-right: 18px !important;
    transform: scale(1); /* 放大圓點 */
    accent-color: #E69535; /* 設定圓點顏色為品牌橘 */
}


/* 5. 題目文字優化 */
.ff-el-input--label label {
    font-family: 'Noto Serif TC', serif; /* 使用襯線體 */
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #4A4036 !important;
    margin-bottom: 30px !important;
    line-height: 1.4;
}

/* 6. 下一步按鈕美化 (加強權重版) */
body .fluentform .ff-btn-next,
body .fluentform .ff-btn-submit {
    background-color: #e58e34 !important; /* 確保顏色代碼正確 */
    color: #fff !important;
    border-radius: 50px !important;
    padding: 12px 40px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    float: right; 
    box-shadow: none !important; /* 有時候藍色是來自陰影，強制移除 */
}

/* 確保滑鼠移過去也是橘色 */
body .fluentform .ff-btn-next:hover,
body .fluentform .ff-btn-submit:hover {
    background-color: #c97828 !important;
}



/* 7. 「回上一步」按鈕 (左下角)  */
.fluentform .ff-btn-prev {
    /* 預設狀態：純文字連結風格 (灰色) */
    background-color: transparent !important;
    color: #999999 !important;            /* 淺灰色文字，不搶視覺 */
    border: none !important;              /* 無邊框 */
    border-radius: 0 !important;
    padding: 12px 0 !important;           /* 不需要左右內距 */
    font-size: 15px !important;
    font-weight: 400 !important;
    text-decoration: underline !important; /* 加底線，像連結一樣 */
    text-decoration-color: #ccc !important;
    transition: all 0.3s ease !important;
    
    /* 排版 */
    display: inline-flex !important;
    align-items: center;
    margin-right: auto !important; /* 強制靠左 */
}

    /* 滑鼠移上去：變深灰色 */
.fluentform .ff-btn-prev:hover {
    color: #666666 !important;
    background-color: transparent !important;
}



/* 8. 隱藏進度條上方的 "Step 1 of 5 -" 文字 (這是關鍵) */
.ff-el-progress-status {
    display: none !important;
}

/* 9. 隱藏橘色條內部的百分比數字 (例如 20%) */
.ff-el-progress-bar span {
    display: none !important;
    font-size: 0 !important; /* 雙重保險，縮小字體 */
}

/* 10. 防止任何殘留文字顯示顏色 */
.ff-el-progress-bar {
    color: transparent !important;
}


/* 11. 打勾框框下推 */
.fluentform .ff-el-form-check input[type="checkbox"] {
    position: relative !important;
    top: 0.3px !important; /* 數字越大，框框越往下移 */
}


/* 12. 調整進度條與下方內容的距離 */
.ff-el-progress {
    margin-bottom: 40px !important; /* 請依需求調整數字 */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cormorant_Garamond';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://artree.world/wp-content/uploads/2025/12/CormorantGaramond-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Cormorant_Garamond';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://artree.world/wp-content/uploads/2025/12/CormorantGaramond-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Cormorant_Garamond';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://artree.world/wp-content/uploads/2025/12/CormorantGaramond-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Cormorant_Garamond';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://artree.world/wp-content/uploads/2025/12/CormorantGaramond-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bon Vivant';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://artree.world/wp-content/uploads/2024/03/BonVivant-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */