.elementor-424 .elementor-element.elementor-element-c5e4753{--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:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-49ff50b{--display:flex;--min-height:250px;--justify-content:center;--overlay-opacity:0.5;--border-radius:0px 0px 100px 100px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-424 .elementor-element.elementor-element-49ff50b:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-49ff50b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://abrealbiotech.com/wp-content/uploads/2026/04/產品型錄背景圖-2.jpg");background-position:center center;background-size:cover;}.elementor-424 .elementor-element.elementor-element-49ff50b::before, .elementor-424 .elementor-element.elementor-element-49ff50b > .elementor-background-video-container::before, .elementor-424 .elementor-element.elementor-element-49ff50b > .e-con-inner > .elementor-background-video-container::before, .elementor-424 .elementor-element.elementor-element-49ff50b > .elementor-background-slideshow::before, .elementor-424 .elementor-element.elementor-element-49ff50b > .e-con-inner > .elementor-background-slideshow::before, .elementor-424 .elementor-element.elementor-element-49ff50b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.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-424 .elementor-element.elementor-element-4441d57 .elementor-heading-title{color:#FFFFFF;}.elementor-424 .elementor-element.elementor-element-895b5ac{--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:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-424 .elementor-element.elementor-element-895b5ac.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-424 .elementor-element.elementor-element-fb88dba{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-ed47cc0{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-424 .elementor-element.elementor-element-a84353f .elementor-button{font-size:16px;font-weight:500;border-radius:50px 50px 50px 50px;padding:12px 30px 12px 30px;}.elementor-424 .elementor-element.elementor-element-a84353f .elementor-button:hover, .elementor-424 .elementor-element.elementor-element-a84353f .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-a84353f .elementor-button:hover svg, .elementor-424 .elementor-element.elementor-element-a84353f .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-checkboxes-list__row{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-list-tree__children{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-checkboxes-list__label{font-size:16px;font-weight:500;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-collapse-icon{width:20px;height:20px;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-collapse-none{width:20px;height:20px;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .apply-filters__button{background-color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-filter-items-dropdown__apply-button{background-color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-filter+.jet-filter{margin-top:10px;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-424 .elementor-element.elementor-element-66fb1e8 > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-424 .elementor-element.elementor-element-b5380d1 .jet-filters-pagination__link{padding:10px 10px 10px 10px;}.elementor-424 .elementor-element.elementor-element-b5380d1 .jet-filters-pagination__dots{padding:10px 10px 10px 10px;}.elementor-424 .elementor-element.elementor-element-b5380d1 .jet-filters-pagination{column-gap:6px;row-gap:6px;justify-content:center;}.elementor-424 .elementor-element.elementor-element-b5380d1 .jet-filters-pagination__load-more{order:initial;}.elementor-424 .elementor-element.elementor-element-8dfd897{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-e206d07{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-32b4dea .elementor-button{font-size:16px;font-weight:500;border-radius:50px 50px 50px 50px;padding:12px 30px 12px 30px;}.elementor-424 .elementor-element.elementor-element-32b4dea .elementor-button:hover, .elementor-424 .elementor-element.elementor-element-32b4dea .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-32b4dea .elementor-button:hover svg, .elementor-424 .elementor-element.elementor-element-32b4dea .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-checkboxes-list__row{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-list-tree__children{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-collapse-icon{width:20px;height:20px;}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-collapse-none{width:20px;height:20px;}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-filter+.jet-filter{margin-top:10px;}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-424 .elementor-element.elementor-element-7dcb424 > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-424 .elementor-element.elementor-element-88cea97{--display:flex;}.elementor-424 .elementor-element.elementor-element-cf6d50d{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;padding:0px 0px 0px 0px;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;}.elementor-424 .elementor-element.elementor-element-cf6d50d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-cf6d50d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-424 .elementor-element.elementor-element-cf6d50d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-424 .elementor-element.elementor-element-cf6d50d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-424 .elementor-element.elementor-element-cf6d50d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-424 .elementor-element.elementor-element-f61717b{--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:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-424 .elementor-element.elementor-element-2ee083b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-9a3149d{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-e2747a2 .elementor-button{font-size:16px;font-weight:500;border-radius:50px 50px 50px 50px;padding:12px 30px 12px 30px;}.elementor-424 .elementor-element.elementor-element-e2747a2 .elementor-button:hover, .elementor-424 .elementor-element.elementor-element-e2747a2 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-e2747a2 .elementor-button:hover svg, .elementor-424 .elementor-element.elementor-element-e2747a2 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-checkboxes-list__row{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-list-tree__children{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-checkboxes-list__label{font-size:16px;font-weight:500;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-424 .elementor-element.elementor-element-20ee9fb .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-collapse-icon{width:20px;height:20px;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-collapse-none{width:20px;height:20px;}.elementor-424 .elementor-element.elementor-element-20ee9fb .apply-filters__button{background-color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-filter-items-dropdown__apply-button{background-color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-filter+.jet-filter{margin-top:10px;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-424 .elementor-element.elementor-element-333d4df > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-424 .elementor-element.elementor-element-3bab602 .jet-filters-pagination__link{padding:10px 10px 10px 10px;}.elementor-424 .elementor-element.elementor-element-3bab602 .jet-filters-pagination__dots{padding:10px 10px 10px 10px;}.elementor-424 .elementor-element.elementor-element-3bab602 .jet-filters-pagination{column-gap:6px;row-gap:6px;justify-content:center;}.elementor-424 .elementor-element.elementor-element-3bab602 .jet-filters-pagination__load-more{order:initial;}.elementor-424 .elementor-element.elementor-element-010147a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-b8d1fae{--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:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-68d6636 .elementor-button{font-size:16px;font-weight:500;border-radius:50px 50px 50px 50px;padding:12px 30px 12px 30px;}.elementor-424 .elementor-element.elementor-element-68d6636 .elementor-button:hover, .elementor-424 .elementor-element.elementor-element-68d6636 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-68d6636 .elementor-button:hover svg, .elementor-424 .elementor-element.elementor-element-68d6636 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-checkboxes-list__row{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-list-tree__children{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-424 .elementor-element.elementor-element-60f6502 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-collapse-icon{width:20px;height:20px;}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-collapse-none{width:20px;height:20px;}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-filter+.jet-filter{margin-top:10px;}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-424 .elementor-element.elementor-element-8bf92ca > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-424 .elementor-element.elementor-element-17f88f7{--display:flex;}.elementor-424 .elementor-element.elementor-element-fbf34ef{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;padding:0px 0px 0px 0px;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:initial;--n-tabs-heading-wrap:wrap;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:16px;--n-tabs-title-color:#FFFFFF;}.elementor-424 .elementor-element.elementor-element-fbf34ef > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-424 .elementor-element.elementor-element-fbf34ef.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-424 .elementor-element.elementor-element-fbf34ef.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-424 .elementor-element.elementor-element-fbf34ef.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-424 .elementor-element.elementor-element-fbf34ef.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Poppins", Sans-serif;font-weight:500;}@media(max-width:1024px){.elementor-424 .elementor-element.elementor-element-7dcb424 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-424 .elementor-element.elementor-element-8bf92ca > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(min-width:768px){.elementor-424 .elementor-element.elementor-element-895b5ac{--width:100.063%;}.elementor-424 .elementor-element.elementor-element-e206d07{--content-width:80%;}.elementor-424 .elementor-element.elementor-element-b8d1fae{--content-width:80%;}}@media(max-width:1366px) and (min-width:768px){.elementor-424 .elementor-element.elementor-element-e206d07{--content-width:100%;}.elementor-424 .elementor-element.elementor-element-b8d1fae{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-424 .elementor-element.elementor-element-e206d07{--content-width:100%;}.elementor-424 .elementor-element.elementor-element-b8d1fae{--content-width:100%;}}@media(max-width:1366px){.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-checkboxes-list__row{display:inline-block;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-list-tree__children{display:inline-block;}.elementor-424 .elementor-element.elementor-element-32b4dea{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-424 .elementor-element.elementor-element-7dcb424 > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-checkboxes-list__row{display:inline-block;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-list-tree__children{display:inline-block;}.elementor-424 .elementor-element.elementor-element-68d6636{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-424 .elementor-element.elementor-element-8bf92ca > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}}@media(max-width:767px){.elementor-424 .elementor-element.elementor-element-49ff50b{--min-height:200px;--border-radius:0px 0px 30px 30px;}.elementor-424 .elementor-element.elementor-element-895b5ac{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-424 .elementor-element.elementor-element-ed47cc0{--justify-content:center;}.elementor-424 .elementor-element.elementor-element-4e8deb3 .jet-checkboxes-list-wrapper{text-align:center;}.elementor-424 .elementor-element.elementor-element-66fb1e8 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-424 .elementor-element.elementor-element-e206d07{--justify-content:center;}.elementor-424 .elementor-element.elementor-element-32b4dea.elementor-element{--align-self:center;}.elementor-424 .elementor-element.elementor-element-f3a6dc0 .jet-checkboxes-list-wrapper{text-align:center;}.elementor-424 .elementor-element.elementor-element-7dcb424 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-424 .elementor-element.elementor-element-f61717b{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-424 .elementor-element.elementor-element-9a3149d{--justify-content:center;}.elementor-424 .elementor-element.elementor-element-20ee9fb .jet-checkboxes-list-wrapper{text-align:center;}.elementor-424 .elementor-element.elementor-element-333d4df > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-424 .elementor-element.elementor-element-b8d1fae{--justify-content:center;}.elementor-424 .elementor-element.elementor-element-68d6636.elementor-element{--align-self:center;}.elementor-424 .elementor-element.elementor-element-60f6502 .jet-checkboxes-list-wrapper{text-align:center;}.elementor-424 .elementor-element.elementor-element-8bf92ca > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-424 .elementor-element.elementor-element-fbf34ef{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;z-index:10;}}/* Start custom CSS for shortcode, class: .elementor-element-0f91fbe */.breadcrumbs { 
    font-size: 14px;
    color: #fff; 
    
}
.breadcrumbs a {
    color: #fff;  /* 將連結顏色設為黑色 */
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-4e8deb3 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-f3a6dc0 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-4e8deb3 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-f3a6dc0 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-4e8deb3 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-f3a6dc0 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-cf6d50d *//* 左側：產品應用 / 品牌 分頁按鈕 */
#catalog-filter-tabs .e-n-tab-title,
#catalog-filter-tabs .elementor-tab-title {
    background-color: #003f82 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    transition: all 0.25s ease !important;
}

/* 左側 hover */
#catalog-filter-tabs .e-n-tab-title:hover,
#catalog-filter-tabs .elementor-tab-title:hover {
    background-color: #f47c22 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* 左側 active */
#catalog-filter-tabs .e-n-tab-title[aria-selected="true"],
#catalog-filter-tabs .elementor-tab-title.elementor-active {
    background-color: #f47c22 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-20ee9fb *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-60f6502 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-20ee9fb *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-60f6502 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-20ee9fb *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-60f6502 *//* 1. 隱藏預設勾選框 */
.jet-checkboxes-list__input, 
.jet-checkboxes-list__decorator {
    display: none !important;
}

/* 2. 初始狀態：直接設定為藍底白字 */
.jet-checkboxes-list__button {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px !important;
    margin: 4px !important;
    background-color: #003371 !important; /* 你的企業深藍色 */
    color: #ffffff !important; /* 文字白色 */
    border-radius: 50px !important;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #003371 !important;
    transition: all 0.3s ease;
    text-align: center;
}

/* 3. 選取後狀態 (如果你希望選取後變淺灰或其他顏色來區分) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f0f0f0 !important; /* 選取後變灰色 */
    color: #333333 !important; /* 選取後文字變黑 */
    border-color: #dcdcdc !important;
}

/* 4. 滑鼠移過去的效果 */
.jet-checkboxes-list__button:hover {
    opacity: 0.9;
}

/* 設定滑鼠移過去 (Hover) 的樣式 */
.jet-checkboxes-list__button:hover {
    background-color: #f18b33 !important; /* 變成橘色底 */
    color: #ffffff !important;           /* 文字保持白色 */
    border-color: #f18b33 !important;    /* 邊框同步變橘色 */
    transition: all 0.3s ease;           /* 增加平滑過渡感 */
}

/* 如果你希望「選取後」依然保持橘色，可以把這段也補上 */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
    background-color: #f18b33 !important;
    color: #ffffff !important;
    border-color: #f18b33 !important;
}

/* 針對手機版 (螢幕寬度 767px 以下) 的優化 */
@media (max-width: 767px) {
    .jet-checkboxes-list__button {
        padding: 10px 15px !important; /* 縮小上下與左右內距 */
        margin: 2px !important;       /* 縮小按鈕之間的間隙 */
        font-size: 14px !important;   /* 稍微調降字體大小，適合手機閱讀 */
    }
    
    /* 如果希望在手機上排版更緊湊 */
    .jet-checkboxes-list {
        justify-content: flex-start !important; /* 選項靠左對齊 */
        gap: 2px !important; /* 如果有使用 gap 屬性，同步縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-fbf34ef *//* 左側：產品應用 / 品牌 分頁按鈕 */
#catalog-filter-tabs .e-n-tab-title,
#catalog-filter-tabs .elementor-tab-title {
    background-color: #003f82 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    transition: all 0.25s ease !important;
}

/* 左側 hover */
#catalog-filter-tabs .e-n-tab-title:hover,
#catalog-filter-tabs .elementor-tab-title:hover {
    background-color: #f47c22 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* 左側 active */
#catalog-filter-tabs .e-n-tab-title[aria-selected="true"],
#catalog-filter-tabs .elementor-tab-title.elementor-active {
    background-color: #f47c22 !important;
    color: #ffffff !important;
}










/* 手機版：產品應用 / 品牌 同一排 + 修正高低差 + 移除白色空白框 */
@media (max-width: 767px) {

  /* 第一層 Tabs 外層 */
  .abreal-tabs-scroll > .e-n-tabs {
    display: block !important;
  }

  /* 第一層按鈕區：產品應用 / 品牌 */
  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-heading {
    /* position: sticky !important;  */
    top: 140px !important;
    z-index: 999 !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;
    padding: 10px 14px !important;
    margin: 0 0 12px !important;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  }

  /* 第一層兩顆按鈕統一高度 */
  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 999px !important;

    line-height: 46px !important;
    white-space: nowrap !important;
    text-align: center !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
  }

  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title * {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
  }

  /* 移除第一層 Tabs 內容區造成的大白框 */
  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-content {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-content > .e-con,
  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-content > .elementor-element {
    min-height: 0 !important;
  }

  /* 第二層 Tabs：ALL / 品牌分類按鈕橫向滑動 */
  .abreal-tabs-scroll .e-n-tabs-content .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    gap: 8px !important;
    width: 100% !important;
    padding: 4px 14px 10px !important;
    margin: 0 0 14px !important;

    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background: transparent !important;
  }

  .abreal-tabs-scroll .e-n-tabs-content .e-n-tabs-heading::-webkit-scrollbar {
    display: none;
  }

  .abreal-tabs-scroll .e-n-tabs-content .e-n-tab-title {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 18px !important;
    margin: 0 !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    line-height: 36px !important;
    white-space: nowrap !important;
  }
}

/* 手機版：移除 Nested Tabs 外層白底 / 白框 / 陰影 */
@media (max-width: 767px) {

  .abreal-tabs-scroll,
  .abreal-tabs-scroll > .e-n-tabs,
  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-heading,
  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-content,
  .abreal-tabs-scroll .e-n-tabs-content,
  .abreal-tabs-scroll .e-con,
  .abreal-tabs-scroll .elementor-element,
  .abreal-tabs-scroll .e-child {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  /* 第一層按鈕區不要白底陰影 */
  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-heading {
    padding: 10px 14px 6px !important;
    margin: 0 0 8px !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* 內容區不要產生白框 */
  .abreal-tabs-scroll > .e-n-tabs > .e-n-tabs-content {
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* 第二層分類按鈕區也不要白底 */
  .abreal-tabs-scroll .e-n-tabs-content .e-n-tabs-heading {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f61717b */@media (max-width: 767px) {

  .abreal-tabs-scroll .elementor-tabs-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .abreal-tabs-scroll .elementor-tab-title {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 22px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  .abreal-tabs-scroll .elementor-tabs-wrapper::-webkit-scrollbar {
    display: none;
  }

  .abreal-tabs-scroll .elementor-tabs-wrapper {
    scrollbar-width: none;
  }
}




@media (max-width: 767px) {

  .abreal-tabs-scroll .elementor-tabs {
    display: block !important;
  }

  .abreal-tabs-scroll .elementor-tabs-wrapper {
    display: flex !important;
  }

  .abreal-tabs-scroll .elementor-tab-mobile-title {
    display: none !important;
  }

  .abreal-tabs-scroll .elementor-tab-content {
    width: 100% !important;
  }
}/* End custom CSS */