.elementor-22687 .elementor-element.elementor-element-e80d50a:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e80d50a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2025/10/未命名設計-7.png");background-position:41px -95px;background-repeat:no-repeat;background-size:cover;}.elementor-22687 .elementor-element.elementor-element-e80d50a > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #9DADC2 7%, #9DADC200 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-e80d50a > .elementor-container{min-height:600px;}.elementor-22687 .elementor-element.elementor-element-e80d50a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.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-22687 .elementor-element.elementor-element-3b58098 .elementor-heading-title{font-weight:400;text-transform:uppercase;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22687 .elementor-element.elementor-element-1d4767b .elementor-button{background-color:#FFFFFF00;letter-spacing:1px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-22687 .elementor-element.elementor-element-1d4767b .elementor-button:hover, .elementor-22687 .elementor-element.elementor-element-1d4767b .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-22687 .elementor-element.elementor-element-1d4767b .elementor-button:hover svg, .elementor-22687 .elementor-element.elementor-element-1d4767b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-22687 .elementor-element.elementor-element-fc6b8c1:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-fc6b8c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.elementor-22687 .elementor-element.elementor-element-fc6b8c1 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-fc6b8c1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 050px 0px;}.elementor-22687 .elementor-element.elementor-element-7b91bac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-7b91bac{text-align:center;}.elementor-22687 .elementor-element.elementor-element-7b91bac .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-37637c6{text-align:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-22687 .elementor-element.elementor-element-3dbf6b4{--divider-border-style:solid;--divider-color:#9DADC3;--divider-border-width:5px;}.elementor-22687 .elementor-element.elementor-element-3dbf6b4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-3dbf6b4 .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-22687 .elementor-element.elementor-element-3dbf6b4 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.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-22687 .elementor-element.elementor-element-8d329d9 > .elementor-widget-container{margin:0px 0px -26px 0px;}.elementor-22687 .elementor-element.elementor-element-8d329d9{text-align:center;font-weight:400;line-height:35px;}.elementor-22687 .elementor-element.elementor-element-90a5beb > .elementor-widget-container{margin:0px 0px -26px 0px;}.elementor-22687 .elementor-element.elementor-element-90a5beb{text-align:center;font-weight:400;line-height:35px;}.elementor-22687 .elementor-element.elementor-element-d7c85d8 > .elementor-widget-container{margin:0px 0px -26px 0px;}.elementor-22687 .elementor-element.elementor-element-d7c85d8{text-align:center;font-size:13px;font-weight:400;line-height:35px;}.elementor-22687 .elementor-element.elementor-element-a556084 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-a556084{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-22687 .elementor-element.elementor-element-acb3b74 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-acb3b74{text-align:center;}.elementor-22687 .elementor-element.elementor-element-acb3b74 .elementor-heading-title{font-weight:400;}.elementor-22687 .elementor-element.elementor-element-6e5369e{--divider-border-style:solid;--divider-color:#9DADC3;--divider-border-width:5px;}.elementor-22687 .elementor-element.elementor-element-6e5369e .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-22687 .elementor-element.elementor-element-6e5369e .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-22687 .elementor-element.elementor-element-edf2813:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22687 .elementor-element.elementor-element-edf2813 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2025/10/多益系統截圖.png");background-position:center center;background-size:cover;}.elementor-22687 .elementor-element.elementor-element-edf2813 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22687 .elementor-element.elementor-element-edf2813 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-ddeedae{--spacer-size:50px;}.elementor-22687 .elementor-element.elementor-element-c54369e > .elementor-element-populated >  .elementor-background-overlay{opacity:0.5;}.elementor-22687 .elementor-element.elementor-element-c54369e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 80px 80px 80px;}.elementor-22687 .elementor-element.elementor-element-c54369e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-ed1acbe{text-align:left;}.elementor-22687 .elementor-element.elementor-element-ed1acbe .elementor-heading-title{font-size:32px;font-weight:400;line-height:42px;color:#38454D;}.elementor-22687 .elementor-element.elementor-element-7f0b169 > .elementor-element-populated{padding:80px 80px 80px 80px;}.elementor-22687 .elementor-element.elementor-element-03b679a{text-align:left;}.elementor-22687 .elementor-element.elementor-element-03b679a .elementor-heading-title{font-size:32px;font-weight:400;line-height:42px;color:#38454D;}.elementor-22687 .elementor-element.elementor-element-990d337:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22687 .elementor-element.elementor-element-990d337 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2025/10/考試示意圖.png");background-position:center center;background-size:cover;}.elementor-22687 .elementor-element.elementor-element-990d337 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22687 .elementor-element.elementor-element-990d337 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-ad7d54a{--spacer-size:50px;}.elementor-22687 .elementor-element.elementor-element-3479cb3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22687 .elementor-element.elementor-element-3479cb3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2025/10/考試示意圖.png");background-position:center center;background-size:cover;}.elementor-22687 .elementor-element.elementor-element-3479cb3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22687 .elementor-element.elementor-element-3479cb3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-c67297a{--spacer-size:50px;}.elementor-22687 .elementor-element.elementor-element-e8062ab > .elementor-element-populated{padding:80px 80px 80px 80px;}.elementor-22687 .elementor-element.elementor-element-8c0dddf{text-align:left;}.elementor-22687 .elementor-element.elementor-element-8c0dddf .elementor-heading-title{font-size:32px;font-weight:400;line-height:42px;color:#38454D;}.elementor-22687 .elementor-element.elementor-element-5a19f74:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22687 .elementor-element.elementor-element-5a19f74 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2025/10/學習建議示意圖.png");background-position:center center;background-size:cover;}.elementor-22687 .elementor-element.elementor-element-5a19f74 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22687 .elementor-element.elementor-element-5a19f74 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-e359456{--spacer-size:50px;}.elementor-22687 .elementor-element.elementor-element-7d29338 > .elementor-element-populated{padding:80px 80px 80px 80px;}.elementor-22687 .elementor-element.elementor-element-d9fa368{text-align:left;}.elementor-22687 .elementor-element.elementor-element-d9fa368 .elementor-heading-title{font-size:32px;font-weight:400;line-height:42px;color:#38454D;}.elementor-22687 .elementor-element.elementor-element-d26700c:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-d26700c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.elementor-22687 .elementor-element.elementor-element-d26700c > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-d26700c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 050px 0px;}.elementor-22687 .elementor-element.elementor-element-d809eaa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-d809eaa{text-align:center;}.elementor-22687 .elementor-element.elementor-element-d809eaa .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-88ece19{--divider-border-style:solid;--divider-color:#9DADC3;--divider-border-width:5px;}.elementor-22687 .elementor-element.elementor-element-88ece19 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-88ece19 .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-22687 .elementor-element.elementor-element-88ece19 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-22687 .elementor-element.elementor-element-76eb34c > .elementor-widget-container{margin:0px 0px -26px 0px;}.elementor-22687 .elementor-element.elementor-element-76eb34c{text-align:center;font-weight:400;line-height:35px;}.elementor-22687 .elementor-element.elementor-element-52c66e1 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-52c66e1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 050px 0px;}.elementor-22687 .elementor-element.elementor-element-c10b173 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-c10b173{text-align:center;}.elementor-22687 .elementor-element.elementor-element-c10b173 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-6f6fbb1{--divider-border-style:solid;--divider-color:#9DADC3;--divider-border-width:5px;}.elementor-22687 .elementor-element.elementor-element-6f6fbb1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-6f6fbb1 .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-22687 .elementor-element.elementor-element-6f6fbb1 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-22687 .elementor-element.elementor-element-8ec7c90:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-8ec7c90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.elementor-22687 .elementor-element.elementor-element-8ec7c90 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-8ec7c90{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 050px 0px;}.elementor-22687 .elementor-element.elementor-element-e57322b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-e57322b{text-align:center;}.elementor-22687 .elementor-element.elementor-element-e57322b .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-5fb9c11{--divider-border-style:solid;--divider-color:#9DADC3;--divider-border-width:5px;}.elementor-22687 .elementor-element.elementor-element-5fb9c11 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-5fb9c11 .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-22687 .elementor-element.elementor-element-5fb9c11 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-22687 .elementor-element.elementor-element-b75f75b .elementor-repeater-item-19d8b52.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-22687 .elementor-element.elementor-element-fb179b6 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-fb179b6.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-22687 .elementor-element.elementor-element-fb179b6.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-22687 .elementor-element.elementor-element-fb179b6.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-fb179b6 .elementor-image-box-wrapper .elementor-image-box-img{width:70%;}.elementor-22687 .elementor-element.elementor-element-fb179b6 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22687 .elementor-element.elementor-element-fb179b6 .elementor-image-box-title{font-family:"Noto Sans TC", Sans-serif;font-size:24px;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-459b902.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-22687 .elementor-element.elementor-element-459b902.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-22687 .elementor-element.elementor-element-459b902.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-459b902 .elementor-image-box-wrapper .elementor-image-box-img{width:70%;}.elementor-22687 .elementor-element.elementor-element-459b902 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22687 .elementor-element.elementor-element-459b902 .elementor-image-box-title{font-family:"Noto Sans TC", Sans-serif;font-size:24px;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-8a212ce.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-22687 .elementor-element.elementor-element-8a212ce.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-22687 .elementor-element.elementor-element-8a212ce.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-8a212ce .elementor-image-box-wrapper .elementor-image-box-img{width:70%;}.elementor-22687 .elementor-element.elementor-element-8a212ce .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22687 .elementor-element.elementor-element-8a212ce .elementor-image-box-title{font-family:"Noto Sans TC", Sans-serif;font-size:24px;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-4c0d88e.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-22687 .elementor-element.elementor-element-4c0d88e.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-22687 .elementor-element.elementor-element-4c0d88e.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-4c0d88e .elementor-image-box-wrapper .elementor-image-box-img{width:70%;}.elementor-22687 .elementor-element.elementor-element-4c0d88e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22687 .elementor-element.elementor-element-4c0d88e .elementor-image-box-title{font-family:"Noto Sans TC", Sans-serif;font-size:24px;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-77bb08c > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-77bb08c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 050px 0px;}.elementor-22687 .elementor-element.elementor-element-8a9b9e5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-8a9b9e5{text-align:center;}.elementor-22687 .elementor-element.elementor-element-8a9b9e5 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-812b17b{--divider-border-style:solid;--divider-color:#9DADC3;--divider-border-width:5px;}.elementor-22687 .elementor-element.elementor-element-812b17b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-812b17b .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-22687 .elementor-element.elementor-element-812b17b .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-22687 .elementor-element.elementor-element-c6619e5{text-align:center;}.elementor-22687 .elementor-element.elementor-element-c6619e5 .elementor-heading-title{font-size:24px;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-15d75a9{margin-top:15px;margin-bottom:15px;}.elementor-22687 .elementor-element.elementor-element-63e6443 > .elementor-element-populated >  .elementor-background-overlay{background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2023/08/01-2.png");background-position:bottom right;background-repeat:no-repeat;background-size:90% auto;opacity:0.15;}.elementor-22687 .elementor-element.elementor-element-63e6443 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:#9DADC36B;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 40px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-63e6443 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-22687 .elementor-element.elementor-element-d85df5c .elementor-icon-wrapper{text-align:left;}.elementor-22687 .elementor-element.elementor-element-d85df5c.elementor-view-stacked .elementor-icon{background-color:#38454D;}.elementor-22687 .elementor-element.elementor-element-d85df5c.elementor-view-framed .elementor-icon, .elementor-22687 .elementor-element.elementor-element-d85df5c.elementor-view-default .elementor-icon{color:#38454D;border-color:#38454D;}.elementor-22687 .elementor-element.elementor-element-d85df5c.elementor-view-framed .elementor-icon, .elementor-22687 .elementor-element.elementor-element-d85df5c.elementor-view-default .elementor-icon svg{fill:#38454D;}.elementor-22687 .elementor-element.elementor-element-d85df5c .elementor-icon{font-size:35px;}.elementor-22687 .elementor-element.elementor-element-d85df5c .elementor-icon svg{height:35px;}.elementor-22687 .elementor-element.elementor-element-70671d9{text-align:left;}.elementor-22687 .elementor-element.elementor-element-70671d9 .elementor-heading-title{font-size:20px;font-weight:400;line-height:1.5em;}.elementor-22687 .elementor-element.elementor-element-e7bafda{--spacer-size:50px;}.elementor-22687 .elementor-element.elementor-element-de62d7f > .elementor-element-populated >  .elementor-background-overlay{background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2023/08/02_1-1.png");background-position:bottom right;background-repeat:no-repeat;background-size:90% auto;opacity:0.15;}.elementor-22687 .elementor-element.elementor-element-de62d7f > .elementor-element-populated{border-style:solid;border-width:0px 0.5px 0px 0.5px;border-color:#9DADC36B;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 20px 0px 20px;}.elementor-22687 .elementor-element.elementor-element-de62d7f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-be75a0d .elementor-icon-wrapper{text-align:left;}.elementor-22687 .elementor-element.elementor-element-be75a0d .elementor-icon{font-size:35px;}.elementor-22687 .elementor-element.elementor-element-be75a0d .elementor-icon svg{height:35px;}.elementor-22687 .elementor-element.elementor-element-4cacfcb .elementor-heading-title{font-size:20px;font-weight:400;line-height:1.5em;}.elementor-22687 .elementor-element.elementor-element-eb1d1b2{--spacer-size:50px;}.elementor-22687 .elementor-element.elementor-element-10faf86 > .elementor-element-populated >  .elementor-background-overlay{background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2023/08/03_1-1.png");background-position:bottom right;background-repeat:no-repeat;background-size:90% auto;opacity:0.15;}.elementor-22687 .elementor-element.elementor-element-10faf86 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 40px;}.elementor-22687 .elementor-element.elementor-element-10faf86 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-090a0ac .elementor-icon-wrapper{text-align:left;}.elementor-22687 .elementor-element.elementor-element-090a0ac .elementor-icon{font-size:35px;}.elementor-22687 .elementor-element.elementor-element-090a0ac .elementor-icon svg{height:35px;}.elementor-22687 .elementor-element.elementor-element-1a158c3 .elementor-heading-title{font-size:20px;font-weight:400;line-height:1.5em;}.elementor-22687 .elementor-element.elementor-element-7212f5d{--spacer-size:50px;}.elementor-22687 .elementor-element.elementor-element-e7e859e:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e7e859e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFE2E9;background-image:url("https://cln-asia.wp-mak.ing/wp-content/uploads/2025/10/未命名設計-8.png");background-position:605px 0px;background-repeat:no-repeat;background-size:contain;}.elementor-22687 .elementor-element.elementor-element-e7e859e > .elementor-container{min-height:500px;}.elementor-22687 .elementor-element.elementor-element-e7e859e > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-e7e859e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22687 .elementor-element.elementor-element-139529f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-139529f{text-align:left;}.elementor-22687 .elementor-element.elementor-element-139529f .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-ff73e91 .elementor-button{background-color:#FFFFFF00;letter-spacing:1px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-22687 .elementor-element.elementor-element-ff73e91 .elementor-button:hover, .elementor-22687 .elementor-element.elementor-element-ff73e91 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-22687 .elementor-element.elementor-element-ff73e91 .elementor-button:hover svg, .elementor-22687 .elementor-element.elementor-element-ff73e91 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-22687 .elementor-element.elementor-element-e0120cb:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e0120cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFE2E9;}.elementor-22687 .elementor-element.elementor-element-e0120cb > .elementor-container{min-height:500px;}.elementor-22687 .elementor-element.elementor-element-e0120cb > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-e0120cb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22687 .elementor-element.elementor-element-b5383af.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-22687 .elementor-element.elementor-element-b5383af.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-22687 .elementor-element.elementor-element-b5383af.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-b5383af .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-22687 .elementor-element.elementor-element-b5383af .elementor-image-box-img img{transition-duration:0.3s;}.elementor-22687 .elementor-element.elementor-element-deecca4 .elementor-button{background-color:#FFFFFF00;letter-spacing:1px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-22687 .elementor-element.elementor-element-deecca4 .elementor-button:hover, .elementor-22687 .elementor-element.elementor-element-deecca4 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-22687 .elementor-element.elementor-element-deecca4 .elementor-button:hover svg, .elementor-22687 .elementor-element.elementor-element-deecca4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-22687 .elementor-element.elementor-element-933264e:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-933264e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;}.elementor-22687 .elementor-element.elementor-element-933264e > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22687 .elementor-element.elementor-element-933264e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:80px 0px 80px 0px;}.elementor-22687 .elementor-element.elementor-element-dd125e2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-dd125e2{text-align:center;}.elementor-22687 .elementor-element.elementor-element-dd125e2 .elementor-heading-title{font-weight:400;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);}.elementor-22687 .elementor-element.elementor-element-0874bfb{--divider-border-style:solid;--divider-color:#9DADC3;--divider-border-width:5px;}.elementor-22687 .elementor-element.elementor-element-0874bfb .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-22687 .elementor-element.elementor-element-0874bfb .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-22687 .elementor-element.elementor-element-fff9400{--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:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-22687 .elementor-element.elementor-element-6a1a3d8{text-align:center;}.elementor-22687 .elementor-element.elementor-element-6a1a3d8 .elementor-heading-title{font-size:18px;font-weight:400;}.elementor-22687 .elementor-element.elementor-element-a85f024{text-align:center;}.elementor-22687 .elementor-element.elementor-element-a85f024 .elementor-heading-title{font-size:18px;font-weight:400;}@media(max-width:1024px) and (min-width:768px){.elementor-22687 .elementor-element.elementor-element-edf2813{width:50%;}.elementor-22687 .elementor-element.elementor-element-c54369e{width:50%;}.elementor-22687 .elementor-element.elementor-element-7f0b169{width:50%;}.elementor-22687 .elementor-element.elementor-element-990d337{width:50%;}.elementor-22687 .elementor-element.elementor-element-3479cb3{width:50%;}.elementor-22687 .elementor-element.elementor-element-e8062ab{width:50%;}.elementor-22687 .elementor-element.elementor-element-5a19f74{width:50%;}.elementor-22687 .elementor-element.elementor-element-7d29338{width:50%;}}@media(max-width:1024px){.elementor-22687 .elementor-element.elementor-element-e80d50a > .elementor-container{min-height:400px;}.elementor-22687 .elementor-element.elementor-element-e80d50a:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e80d50a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-22687 .elementor-element.elementor-element-e80d50a{padding:0px 0px 0px 40px;}.elementor-22687 .elementor-element.elementor-element-3dbf6b4 .elementor-divider-separator{width:12%;}.elementor-22687 .elementor-element.elementor-element-a556084{padding:40px 40px 40px 40px;}.elementor-22687 .elementor-element.elementor-element-6e5369e .elementor-divider-separator{width:12%;}.elementor-22687 .elementor-element.elementor-element-c54369e > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-22687 .elementor-element.elementor-element-ed1acbe .elementor-heading-title{font-size:32px;}.elementor-22687 .elementor-element.elementor-element-7f0b169 > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-22687 .elementor-element.elementor-element-03b679a .elementor-heading-title{font-size:32px;}.elementor-22687 .elementor-element.elementor-element-e8062ab > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-22687 .elementor-element.elementor-element-8c0dddf .elementor-heading-title{font-size:32px;}.elementor-22687 .elementor-element.elementor-element-7d29338 > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-22687 .elementor-element.elementor-element-d9fa368 .elementor-heading-title{font-size:32px;}.elementor-22687 .elementor-element.elementor-element-88ece19 .elementor-divider-separator{width:12%;}.elementor-22687 .elementor-element.elementor-element-6f6fbb1 .elementor-divider-separator{width:12%;}.elementor-22687 .elementor-element.elementor-element-5fb9c11 .elementor-divider-separator{width:12%;}.elementor-22687 .elementor-element.elementor-element-812b17b .elementor-divider-separator{width:12%;}.elementor-22687 .elementor-element.elementor-element-e7e859e:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e7e859e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-22687 .elementor-element.elementor-element-933264e{padding:40px 40px 40px 40px;}.elementor-22687 .elementor-element.elementor-element-0874bfb .elementor-divider-separator{width:12%;}}@media(max-width:767px){.elementor-22687 .elementor-element.elementor-element-e80d50a > .elementor-container{min-height:393px;}.elementor-22687 .elementor-element.elementor-element-e80d50a:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e80d50a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-22687 .elementor-element.elementor-element-e80d50a{padding:0px 0px 0px 20px;}.elementor-22687 .elementor-element.elementor-element-3b58098 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-3b58098 .elementor-heading-title{font-size:28px;}.elementor-22687 .elementor-element.elementor-element-3dbf6b4 .elementor-divider-separator{width:20%;}.elementor-22687 .elementor-element.elementor-element-a556084{padding:40px 20px 40px 20px;}.elementor-22687 .elementor-element.elementor-element-6e5369e .elementor-divider-separator{width:20%;}.elementor-22687 .elementor-element.elementor-element-ddeedae{--spacer-size:140px;}.elementor-22687 .elementor-element.elementor-element-c54369e > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-22687 .elementor-element.elementor-element-ed1acbe .elementor-heading-title{font-size:28px;}.elementor-22687 .elementor-element.elementor-element-7f0b169 > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-22687 .elementor-element.elementor-element-03b679a .elementor-heading-title{font-size:28px;}.elementor-22687 .elementor-element.elementor-element-ad7d54a{--spacer-size:173px;}.elementor-22687 .elementor-element.elementor-element-c67297a{--spacer-size:173px;}.elementor-22687 .elementor-element.elementor-element-e8062ab > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-22687 .elementor-element.elementor-element-8c0dddf .elementor-heading-title{font-size:28px;}.elementor-22687 .elementor-element.elementor-element-e359456{--spacer-size:173px;}.elementor-22687 .elementor-element.elementor-element-7d29338 > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-22687 .elementor-element.elementor-element-d9fa368 .elementor-heading-title{font-size:28px;}.elementor-22687 .elementor-element.elementor-element-88ece19 .elementor-divider-separator{width:20%;}.elementor-22687 .elementor-element.elementor-element-6f6fbb1 .elementor-divider-separator{width:20%;}.elementor-22687 .elementor-element.elementor-element-5fb9c11 .elementor-divider-separator{width:20%;}.elementor-22687 .elementor-element.elementor-element-fb179b6 .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-459b902 .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-8a212ce .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-4c0d88e .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-812b17b .elementor-divider-separator{width:20%;}.elementor-22687 .elementor-element.elementor-element-15d75a9 > .elementor-container{max-width:500px;}.elementor-22687 .elementor-element.elementor-element-15d75a9{padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-63e6443 > .elementor-element-populated{border-width:0px 0px 1px 0px;margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 40px 0px;}.elementor-22687 .elementor-element.elementor-element-de62d7f > .elementor-element-populated{border-width:0px 0px 1px 0px;margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 40px 0px;}.elementor-22687 .elementor-element.elementor-element-10faf86 > .elementor-element-populated{margin:40px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-22687 .elementor-element.elementor-element-e7e859e:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e7e859e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:1px 96px;}.elementor-22687 .elementor-element.elementor-element-e7e859e{padding:080px 0px 080px 0px;}.elementor-22687 .elementor-element.elementor-element-e0120cb{padding:80px 0px 80px 0px;}.elementor-22687 .elementor-element.elementor-element-b5383af .elementor-image-box-img{margin-bottom:10px;}.elementor-22687 .elementor-element.elementor-element-b5383af .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-22687 .elementor-element.elementor-element-933264e{padding:40px 20px 40px 20px;}.elementor-22687 .elementor-element.elementor-element-0874bfb .elementor-divider-separator{width:20%;}}@media(min-width:1025px){.elementor-22687 .elementor-element.elementor-element-e80d50a:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e80d50a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-22687 .elementor-element.elementor-element-63e6443 > .elementor-element-populated >  .elementor-background-overlay{background-attachment:scroll;}.elementor-22687 .elementor-element.elementor-element-de62d7f > .elementor-element-populated >  .elementor-background-overlay{background-attachment:scroll;}.elementor-22687 .elementor-element.elementor-element-10faf86 > .elementor-element-populated >  .elementor-background-overlay{background-attachment:scroll;}.elementor-22687 .elementor-element.elementor-element-e7e859e:not(.elementor-motion-effects-element-type-background), .elementor-22687 .elementor-element.elementor-element-e7e859e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-6126a62 *//* --- Google 字體 --- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');

/* --- 元件外部容器 --- */
.component-wrapper {
    display: flex;
    justify-content: center;
    padding: 40px 20px; 
    font-family: 'Noto Sans TC', sans-serif;
    background-color: transparent;
}

.interactive-container {
    display: flex;
    gap: 20px;
    width: 100%;
    max-width: 900px;
    align-items: center; 
    
    /*
    =================================================================
    🎨 樣式變數設定區 (只對此元件生效)
    =================================================================
    */
    --brand-color-primary: #49637A;
    --brand-color-light: #f0f4ff;
    --card-background-color: #ffffff;
    
    /* -- 文字顏色設定 -- */
    --text-color-heading: #ffffff;
    --text-color-paragraph: #e0e0e0;
    --text-color-nav: #333;
    --text-color-nav-active: var(--brand-color-primary);

    /* -- 字體大小設定 -- */
    --font-size-heading: 24px;
    --font-size-paragraph: 15px;
    --font-size-nav: 16px;

    /* -- 可自訂的圖片漸層顏色 -- */
    --overlay-gradient-start: rgba(0, 0, 0, 0.5);
    --overlay-gradient-end: rgba(0, 0, 0, 0);

    /* -- ✨ 可自訂的背景模糊效果 -- */
    --bg-image-blur: 15px;      /* 模糊程度，數值越大越模糊 */
    --bg-image-brightness: 0.5; /* 背景亮度，小於 1 變暗，大於 1 變亮 */
    /* =============================================================== */
}

/* --- 隱藏 radio 按鈕 --- */
.nav-radio { display: none; }

/* --- 左側導覽選單 --- */
.side-nav { width: 200px; flex-shrink: 0; }
.side-nav ul { list-style: none; padding: 0; margin: 0; }
.side-nav label {
    display: block; padding: 15px 20px; margin-bottom: 12px;
    border-radius: 10px; cursor: pointer; font-weight: 500;
    font-size: var(--font-size-nav); color: var(--text-color-nav);
    background-color: var(--card-background-color); border: 2px solid #eef2f7;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04); transition: all 0.3s ease;
    text-align: center;
}
.side-nav li:last-child label { margin-bottom: 0; }
.side-nav label:hover {
    border-color: #cdd8f6; transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.06);
}
#tab1:checked ~ .side-nav label[for="tab1"],
#tab2:checked ~ .side-nav label[for="tab2"],
#tab3:checked ~ .side-nav label[for="tab3"],
#tab4:checked ~ .side-nav label[for="tab4"] {
    color: var(--text-color-nav-active); font-weight: 700;
    border-color: var(--brand-color-primary); background-color: var(--brand-color-light);
    box-shadow: 0 4px 12px rgba(74, 105, 226, 0.1);
}

/* --- 右側內容區域 --- */
.content-area {
    flex-grow: 1;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    background-color: var(--card-background-color);
    overflow: hidden;
}
.content-panel { display: none; animation: fadeIn 0.5s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
#tab1:checked ~ .content-area #content1,
#tab2:checked ~ .content-area #content2,
#tab3:checked ~ .content-area #content3,
#tab4:checked ~ .content-area #content4 { display: block; }


/* --- ✨ 圖文疊加佈局 (最終修正版) --- */
.image-container {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden; /* 確保模糊背景不會溢出 */
}
.image-bg, .image-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}
.image-bg {
    object-fit: coVER; /* 背景層：填滿容器，允許裁切 */
    filter: blur(var(--bg-image-blur)) brightness(var(--bg-image-brightness));
    transform: scale(1.1); /* 放大一點以避免模糊邊緣露白 */
    z-index: 1;
}
.image-main {
        object-fit: contain; /* 主體層：完整顯示，不裁切 */
        object-position: center top; /* ✨ 新增這一行：將圖片對齊頂部 */
    z-index: 2;

}
.text-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 25px 25px 25px;
    background: linear-gradient(to top, var(--overlay-gradient-start) 0%, var(--overlay-gradient-end) 100%);
    z-index: 3; /* 確保文字在最上層 */
    color: white;
    line-height: 1.6;
}
.text-overlay h2 {
    margin: 0;
    font-size: var(--font-size-heading);
    color: var(--text-color-heading);
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.text-overlay p {
    margin: 4px 0 0 0;
    font-size: var(--font-size-paragraph);
    color: var(--text-color-paragraph);
}

/* --- ✨ 底部導覽按鈕區塊 (已移除) --- */
/* .panel-navigation { ... } */
/* .carousel-arrow { ... } */
/* .carousel-arrow:hover { ... } */


/* --- RWD 響應式設計 --- */
@media (max-width: 768px) {
    .interactive-container { 
        flex-direction: column; 
        align-items: stretch; 
    }
    .side-nav { 
        width: 100%; 
    }
    
    /* ✨ 修改：將 ul 改為 2x2 網格佈局 */
    .side-nav ul {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 兩欄等寬 */
        gap: 10px; /* 網格間距 */
        
        /* 移除舊的水平滾動樣式 */
        overflow-x: visible; 
        padding-bottom: 0;
    }

    /* ✨ 修改：移除 li 的特定邊距和 flex 設置 */
    .side-nav li {
        flex: none;
        margin-bottom: 0;
        margin-right: 0;
    }
    
    /* ✨ 新增：移除 label 的底部邊距，完全由 gap 控制 */
    .side-nav li label {
        margin-bottom: 0;
    }

    /* ✨ 新增：讓圖片在手機上有更佳的長寬比 (更高) */
    .image-container {
        aspect-ratio: 4 / 3; /* 您可以調整為 1/1 (方形) 或 16/10 */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73fab7c *//* --- 1. 全域與字體設定 --- */
body {
    background-color: #f8f9fa;
    color: #49637A;
    margin: 0;
    font-family: 'Noto Sans TC', sans-serif;
}


/* --- 2. 元件外層佈局 --- */
.showcase-component-wrapper {
    display: flex;
    justify-content: center;
    padding: 50px 20px;
    box-sizing: border-box;
}
.showcase-container {
    display: flex;
    gap: 30px;
    width: 100%;
    max-width: 980px;
    align-items: flex-start;
}


/* --- 3. 核心控制項 --- */
.showcase-control-radio {
    display: none;
}


/* --- 4. 左側圖片區塊 --- */
.showcase-gallery {
    flex: 1 1 55%;
    position: sticky;
    top: 50px;
}
.showcase-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 16px;
    overflow: hidden;
    background-color: #e9ecef;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.showcase-display-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease-in-out;
}


/* --- 5. 右側手風琴區塊 --- */
.showcase-accordion {
    flex: 1 1 45%;
}
.showcase-accordion ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.showcase-accordion-item {
    background-color: #ffffff;
    border: 1px solid #49637A
;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.showcase-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    user-select: none;
}
.showcase-accordion-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #49637A;
    transition: color 0.3s ease;
}
.showcase-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.showcase-accordion-content p {
    margin: 0;
    padding: 0 20px 20px 20px;
    font-size: 15px;
    line-height: 1.7;
    color: #6c757d;
}
.showcase-accordion-icon {
    position: relative;
    width: 18px;
    height: 18px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}
.showcase-accordion-icon::before,
.showcase-accordion-icon::after {
    content: '';
    position: absolute;
    background-color: #6c757d;
    border-radius: 2px;
    transition: background-color 0.3s ease;
}
.showcase-accordion-icon::before { top: 8px; left: 0; width: 18px; height: 2px; }
.showcase-accordion-icon::after { top: 0; left: 8px; width: 2px; height: 18px; }


/* --- 6. ✨ 核心互動邏輯 (已修正) ✨ --- */

/* --- 圖片顯示控制 --- */
#showcase-tab-1:checked ~ .showcase-gallery .image-1,
#showcase-tab-2:checked ~ .showcase-gallery .image-2,
#showcase-tab-3:checked ~ .showcase-gallery .image-3 {
    opacity: 1;
    z-index: 2;
}

/* --- 手風琴樣式控制 --- */
#showcase-tab-1:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(1),
#showcase-tab-2:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(2),
#showcase-tab-3:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(3) {
    border-color: #0d6efd;
}

#showcase-tab-1:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(1) .showcase-accordion-header h3,
#showcase-tab-2:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(2) .showcase-accordion-header h3,
#showcase-tab-3:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(3) .showcase-accordion-header h3 {
    color: #0d6efd;
}

#showcase-tab-1:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(1) .showcase-accordion-icon::before,
#showcase-tab-1:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(1) .showcase-accordion-icon::after,
#showcase-tab-2:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(2) .showcase-accordion-icon::before,
#showcase-tab-2:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(2) .showcase-accordion-icon::after,
#showcase-tab-3:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(3) .showcase-accordion-icon::before,
#showcase-tab-3:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(3) .showcase-accordion-icon::after {
    background-color: #0d6efd;
}

#showcase-tab-1:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(1) .showcase-accordion-content,
#showcase-tab-2:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(2) .showcase-accordion-content,
#showcase-tab-3:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(3) .showcase-accordion-content {
    max-height: 20rem;
}

#showcase-tab-1:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(1) .showcase-accordion-icon::after,
#showcase-tab-2:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(2) .showcase-accordion-icon::after,
#showcase-tab-3:checked ~ .showcase-accordion .showcase-accordion-item:nth-child(3) .showcase-accordion-icon::after {
    transform: rotate(90deg);
}


/* --- 7. RWD 響應式設計 --- */
@media (max-width: 768px) {
    .showcase-container {
        flex-direction: column;
    }
    .showcase-gallery {
        position: static;
        width: 100%;
    }
}/* End custom CSS */