.elementor-533 .elementor-element.elementor-element-2134d9f8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-533 .elementor-element.elementor-element-1a52c6e5{--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;}.elementor-533 .elementor-element.elementor-element-1a52c6e5 > .elementor-shape-top .elementor-shape-fill, .elementor-533 .elementor-element.elementor-element-1a52c6e5 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#634192;}.elementor-533 .elementor-element.elementor-element-1a52c6e5 > .elementor-shape-top svg, .elementor-533 .elementor-element.elementor-element-1a52c6e5 > .e-con-inner > .elementor-shape-top svg{width:calc(170% + 1.3px);height:120px;}.elementor-533 .elementor-element.elementor-element-1a52c6e5 > .elementor-shape-bottom .elementor-shape-fill, .elementor-533 .elementor-element.elementor-element-1a52c6e5 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#634192;}.elementor-533 .elementor-element.elementor-element-1a52c6e5 > .elementor-shape-bottom svg, .elementor-533 .elementor-element.elementor-element-1a52c6e5 > .e-con-inner > .elementor-shape-bottom svg{width:calc(126% + 1.3px);height:51px;}.elementor-533 .elementor-element.elementor-element-2ad94c59{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-533 .elementor-element.elementor-element-ff749ae{--display:flex;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-533 .elementor-element.elementor-element-1f2b169 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-533 .elementor-element.elementor-element-7337661{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-533 .elementor-element.elementor-element-57769097{--display:flex;--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:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:112px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-533 .elementor-element.elementor-element-1ef3b8f1{--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:flex-start;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:112px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-533 .elementor-element.elementor-element-26117a3f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-533 .elementor-element.elementor-element-3288f5f{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;}.elementor-533 .elementor-element.elementor-element-3288f5f.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-533 .elementor-element.elementor-element-1a52c6e5{--width:66.6666%;}.elementor-533 .elementor-element.elementor-element-57769097{--content-width:100%;}.elementor-533 .elementor-element.elementor-element-1ef3b8f1{--content-width:1280px;}.elementor-533 .elementor-element.elementor-element-26117a3f{--width:33.3333%;}}@media(max-width:1024px){.elementor-533 .elementor-element.elementor-element-57769097{--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-533 .elementor-element.elementor-element-1ef3b8f1{--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-533 .elementor-element.elementor-element-57769097{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:48px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-533 .elementor-element.elementor-element-1ef3b8f1{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:48px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-3288f5f *//* ===== 視障人士福音中心 2025 最終完美版（浮動標籤 + 手機完美）===== */
/* 書籍訂購專用微調（共用義工表整套海洋樣式） */
.ocean-books-special {margin: 40px 0 50px;}
.ocean-book-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 22px; background: #f8fffe; border: 3px solid #c8b1fb;
    margin-bottom: 16px; font-size: 16.5px;
}
.ocean-book-item span {font-weight: 600;}
.ocean-book-item input[type=number] {
    width: 100px; height: 56px; text-align: center; border: 3px solid #c8b1fb;
    background: #fff; font-size: 19px; font-weight: bold;;
}
@media (max-width: 640px) {
    .ocean-book-item {flex-direction: column; text-align: center;}
    .ocean-book-item span {margin-bottom: 12px;}
    .ocean-book-item input[type=number] {width: 140px; height: 64px; font-size: 23px;}
}

/* 書籍區 End */



/* ===== 義工登記表 2025 海洋風 – 完全獨立版（2025-11-30）===== */
.cmvi_ocean_volunteer_20251130 {
    max-width: 900px;
    margin: 0px auto;
    padding: 50px 45px;
    background: #ffffff;
    border: 1px solid #c8b1fb;
    position: relative;
    box-shadow: 0 12px 45px rgba(7,132,127,0.12);
}
.cmvi_ocean_volunteer_20251130::before {
    content:""; position:absolute; top:0; left:0; right:0; height:10px;
    background:linear-gradient(90deg,#5A0CB9,#c8b1fb);
}
.ocean-intro-text {
    text-align:center; font-size:19px; margin-bottom:45px; line-height:1.8; font-weight:500;
}

/* 每欄獨立整行 */
.ocean-field-row {margin-bottom:34px;}
.ocean-label {display:block; font-size:17px; font-weight:700; margin-bottom:10px;}
.ocean-req {color:#5A0CB9; font-weight:bold;display:inline;}

/* 輸入框（方角） */
.cmvi_ocean_volunteer_20251130 input[type=text],
.cmvi_ocean_volunteer_20251130 input[type=email],
.cmvi_ocean_volunteer_20251130 input[type=tel],
.cmvi_ocean_volunteer_20251130 input[type=date],
.cmvi_ocean_volunteer_20251130 textarea {
    width:100%; padding:16px 18px; border:3px solid #c8b1fb; background:#f8fffe;
    font-size:16.5px; box-sizing:border-box; transition:all .3s;
}
.cmvi_ocean_volunteer_20251130 textarea {min-height:110px; resize:vertical;}

/* Focus */
.cmvi_ocean_volunteer_20251130 input:focus,
.cmvi_ocean_volunteer_20251130 textarea:focus {
    outline:none; border-color:#5A0CB9; background:#fff;
    box-shadow:0 0 0 5px rgba(7,132,127,0.15);
}

/* Radio & Checkbox（絕對不會再壞） */
.cmvi_ocean_volunteer_20251130 .wpcf7-list-item {
    display:inline-flex !important; margin:14px 0 !important;
}
.cmvi_ocean_volunteer_20251130 .wpcf7-list-item label {
    display:flex; align-items:center; color:#07847f; font-size:16px; cursor:pointer;
}
.cmvi_ocean_volunteer_20251130 .wpcf7-list-item input {
    margin-right:12px;
	margin-left:12px;
	width:22px; height:22px; accent-color:#07847f;
}

/* 錯誤與成功訊息 */
.cmvi_ocean_volunteer_20251130 .wpcf7-not-valid-tip {color:#d9333f; font-size:14px; margin-top:8px;}
.cmvi_ocean_volunteer_20251130 .wpcf7-response-output {
    margin:20px 0 0 !important; padding:14px !important; border:2px solid #07847f !important;
}

/* 提交按鈕 */
.ocean-submit-btn {
    display:block !important; width:100% !important; max-width:520px; margin:40px auto 0 !important;
    padding:22px 0 !important; background:#9b70ff !important;
    color:white !important; font-size:21px !important; font-weight:bold !important;
    border:none !important; cursor:pointer !important;
    box-shadow:0 12px 35px rgba(155,112,255,0.45) !important; transition:all .4s;
}
.ocean-submit-btn:hover {
    transform:translateY(-6px) !important; box-shadow:0 22px 50px rgba(155,112,255,0.55) !important;
}

/* 手機 */
@media (max-width:640px) {
    .cmvi_ocean_volunteer_20251130 {padding:40px 20px; margin:20px 10px;}
}

/** 義工登記表 end **//* End custom CSS */