.elementor-2544 .elementor-element.elementor-element-5d6bd5a{--display:flex;--min-height:25vh;--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;--justify-content:flex-end;--overlay-opacity:1;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-2544 .elementor-element.elementor-element-5d6bd5a:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.axelan.com.tw/wp-content/uploads/2026/09/20260917_BG_BLUE1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-5d6bd5a::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010100;background-image:url("https://www.axelan.com.tw/wp-content/uploads/2026/09/bg-line-2.png");--background-overlay:'';background-position:bottom left;background-repeat:no-repeat;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-485687d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2544 .elementor-element.elementor-element-802c014{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:2%;--padding-bottom:3%;--padding-left:10%;--padding-right:10%;}.elementor-2544 .elementor-element.elementor-element-ed16135{--display:flex;}.elementor-2544 .elementor-element.elementor-element-7d4d3c8{--display:flex;}.elementor-2544 .elementor-element.elementor-element-813792f{--display:flex;}.elementor-2544 .elementor-element.elementor-element-93fcbbb{--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;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E0E0E0;--border-color:#E0E0E0;}.elementor-2544 .elementor-element.elementor-element-93fcbbb.e-con{--align-self:center;}.elementor-2544 .elementor-element.elementor-element-9527359 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-2544 .elementor-element.elementor-element-9527359.elementor-element{--align-self:flex-end;}.elementor-2544 .elementor-element.elementor-element-87f2686{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2544 .elementor-element.elementor-element-dde286e{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-2544 .elementor-element.elementor-element-dde286e:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-dde286e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F5F8;}.elementor-2544 .elementor-element.elementor-element-2a4633c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2544 .elementor-element.elementor-element-c3efbd6 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:1.5rem;font-weight:500;color:#34517A;}.elementor-2544 .elementor-element.elementor-element-3e202c3.elementor-element{--align-self:flex-end;}.elementor-2544 .elementor-element.elementor-element-3e202c3 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:0.9rem;font-weight:500;line-height:1.3em;color:#34517A;}.elementor-2544 .elementor-element.elementor-element-eb234b5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2544 .elementor-element.elementor-element-ab1006e .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:1rem;font-weight:300;line-height:1.4em;color:#34517A;}.elementor-2544 .elementor-element.elementor-element-6c1cbe5{--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;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2544 .elementor-element.elementor-element-52f8c0d{--grid-columns:3;--grid-row-gap:15px;--grid-column-gap:5px;}.elementor-2544 .elementor-element.elementor-element-52f8c0d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2544 .elementor-element.elementor-element-52f8c0d .e-loop-item > .elementor-section, .elementor-2544 .elementor-element.elementor-element-52f8c0d .e-loop-item > .elementor-section > .elementor-container, .elementor-2544 .elementor-element.elementor-element-52f8c0d .e-loop-item > .e-con, .elementor-2544 .elementor-element.elementor-element-52f8c0d .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1366px){.elementor-2544 .elementor-element.elementor-element-5d6bd5a{--min-height:25vh;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2544 .elementor-element.elementor-element-5d6bd5a:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-485687d{--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2544 .elementor-element.elementor-element-802c014{--padding-top:2%;--padding-bottom:3%;--padding-left:5%;--padding-right:5%;}.elementor-2544 .elementor-element.elementor-element-3e202c3 .elementor-heading-title{line-height:1.3em;}.elementor-2544 .elementor-element.elementor-element-52f8c0d{--grid-columns:3;}}@media(max-width:1200px){.elementor-2544 .elementor-element.elementor-element-3e202c3 .elementor-heading-title{line-height:1.3em;}.elementor-2544 .elementor-element.elementor-element-52f8c0d{--grid-columns:2;}}@media(max-width:1024px){.elementor-2544 .elementor-element.elementor-element-5d6bd5a{--min-height:20vh;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2544 .elementor-element.elementor-element-5d6bd5a:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-485687d{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2544 .elementor-element.elementor-element-3e202c3 .elementor-heading-title{font-size:0.9rem;line-height:1.3em;}.elementor-2544 .elementor-element.elementor-element-ab1006e .elementor-heading-title{font-size:0.9rem;}.elementor-2544 .elementor-element.elementor-element-52f8c0d{--grid-columns:2;--grid-row-gap:15px;}}@media(max-width:767px){.elementor-2544 .elementor-element.elementor-element-5d6bd5a{--min-height:20vh;--justify-content:center;}.elementor-2544 .elementor-element.elementor-element-5d6bd5a:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-size:cover;}.elementor-2544 .elementor-element.elementor-element-5d6bd5a::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .e-con-inner > .elementor-background-video-container::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:cover;}.elementor-2544 .elementor-element.elementor-element-485687d{--min-height:15vh;--justify-content:flex-end;--padding-top:0%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-2544 .elementor-element.elementor-element-813792f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2544 .elementor-element.elementor-element-93fcbbb{--justify-content:space-between;}.elementor-2544 .elementor-element.elementor-element-87f2686{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-2544 .elementor-element.elementor-element-dde286e{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-2544 .elementor-element.elementor-element-52f8c0d{--grid-columns:1;}}@media(min-width:768px){.elementor-2544 .elementor-element.elementor-element-ed16135{--width:20%;}.elementor-2544 .elementor-element.elementor-element-7d4d3c8{--width:20%;}.elementor-2544 .elementor-element.elementor-element-813792f{--width:80%;}.elementor-2544 .elementor-element.elementor-element-dde286e{--width:100%;}}@media(max-width:1200px) and (min-width:768px){.elementor-2544 .elementor-element.elementor-element-dde286e{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2544 .elementor-element.elementor-element-ed16135{--width:25%;}.elementor-2544 .elementor-element.elementor-element-7d4d3c8{--width:25%;}.elementor-2544 .elementor-element.elementor-element-813792f{--width:75%;}.elementor-2544 .elementor-element.elementor-element-dde286e{--width:100%;}}@media(min-width:2400px){.elementor-2544 .elementor-element.elementor-element-5d6bd5a{--min-height:25vh;}.elementor-2544 .elementor-element.elementor-element-5d6bd5a:not(.elementor-motion-effects-element-type-background), .elementor-2544 .elementor-element.elementor-element-5d6bd5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2544 .elementor-element.elementor-element-3e202c3 .elementor-heading-title{line-height:1.3em;}}/* Start custom CSS for wp-widget-woocommerce_product_categories, class: .elementor-element-b2f2402 *//* 1. 外層容器卡片化 (圓角、背景、邊框與微陰影) */
.widget_product_categories,
.elementor-widget-wp-widget-woocommerce_product_categories {
    background-color: #eaeff0 !important;
    border-radius: 6px !important;

    border: 1px solid #ebebeb !important;
    overflow: hidden !important;
}

/* 2. 全局清除黑點與縮排 */
.widget_product_categories ul,
.widget_product_categories li,
.elementor-widget-wp-widget-woocommerce_product_categories ul,
.elementor-widget-wp-widget-woocommerce_product_categories li {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

/* 3. 清除黑點偽元素 */
.widget_product_categories li::before,
.widget_product_categories li::after,
.elementor-widget-wp-widget-woocommerce_product_categories li::before,
.elementor-widget-wp-widget-woocommerce_product_categories li::after {
    content: none !important;
    display: none !important;
}

/* 4. 強制隱藏「依應用領域」與「依需求改善」大類別與子區塊 */
.widget_product_categories li[class*="application"],
.widget_product_categories li[class*="requirement"],
.elementor-widget-wp-widget-woocommerce_product_categories li[class*="application"],
.elementor-widget-wp-widget-woocommerce_product_categories li[class*="requirement"] {
    display: none !important;
}

/* 5. 最上方「依產品系列」目錄標題區塊 (無連結、主色底 #9babba) */
.widget_product_categories ul.product-categories > li.cat-item-28 > a,
.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li.cat-item-28 > a,
.widget_product_categories > ul > li:first-child > a,
.elementor-widget-wp-widget-woocommerce_product_categories > ul > li:first-child > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 20px !important;
    background-color: #5a738a !important;  /* 主色背景 */
    color: #ffffff !important;              /* 白色文字 */
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    pointer-events: none !important;        /* 停用點擊連結 */
    cursor: default !important;
}

/* 頂部標題區塊右側向下箭頭 */
.widget_product_categories ul.product-categories > li.cat-item-28 > a::after,
.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li.cat-item-28 > a::after,
.widget_product_categories > ul > li:first-child > a::after,
.elementor-widget-wp-widget-woocommerce_product_categories > ul > li:first-child > a::after {
    content: "∨" !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ffffff !important;
}

/* 6. 隱藏除第一個大類別 (依產品系列) 之外的其他所有同層大類別 */
.widget_product_categories > ul > li:not(:first-child),
.elementor-widget-wp-widget-woocommerce_product_categories > ul > li:not(:first-child) {
    display: none !important;
}

/* 7. 取消細類列表縮排 */
.widget_product_categories ul.children,
.elementor-widget-wp-widget-woocommerce_product_categories ul.children {
    display: block !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

/* 8. 細類列表項目：灰色分隔線 (最後一項除外) */
.widget_product_categories ul.children li,
.elementor-widget-wp-widget-woocommerce_product_categories ul.children li {
    border-bottom: 1px solid #f0f0f0 !important;
}
.widget_product_categories ul.children li:last-child,
.elementor-widget-wp-widget-woocommerce_product_categories ul.children li:last-child {
    border-bottom: none !important;
}

/* 9. 細類按鈕基本樣式 (白底、右側箭頭 >) */
.widget_product_categories ul.children li a,
.elementor-widget-wp-widget-woocommerce_product_categories ul.children li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 20px !important;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* 細類按鈕右側箭頭 */
.widget_product_categories ul.children li a::after,
.elementor-widget-wp-widget-woocommerce_product_categories ul.children li a::after {
    content: "›" !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #888888 !important;
    transition: color 0.2s ease-in-out !important;
}

/* 10. 細類 Hover 與 Active 狀態 (#9babba 主色填滿) */
.widget_product_categories ul.children li a:hover,
.widget_product_categories ul.children li.current-cat > a {
    background-color: #e8edf2 !important;
    color: #000 !important;
}

/* Hover 與 Active 時細類箭頭同步變白 */
.widget_product_categories ul.children li a:hover::after,
.widget_product_categories ul.children li.current-cat > a::after {
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bcf4865 */.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-btn {
  padding: 8px 20px;
  font-size: 14px;
  color: #758a9d;
  background-color: #FFF;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  border: 1px solid #758a9d;
  border-radius:5px 5PX 0px 0px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.dropdown-btn:hover {
  background-color:#758a9d;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 100%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 0 0 10px 10px;
  top: 100%;
  left: 0;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content a {
  padding: 8px 20px;
  text-decoration: none;
  color: #333;
 font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  display: block;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  border-radius: 0 0 0px 0px;
}

.dropdown-content a:hover {
  background-color: #eaeaea;
  color: #000;
}
@media (max-width: 768px) {
  .dropdown-btn {
    width: 100%;
    font-size: 14px;
  }

  .dropdown-content {
    min-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93fcbbb *//* 隱藏全站麵包屑第一個連結的文字，並替換為房子圖示 */
.rank-math-breadcrumb a:first-child,
nav[aria-label="breadcrumbs"] a:first-child {
    font-size: 0 !important;
    display: inline-flex !important;
    align-items: center;
    text-decoration: none;
}

.rank-math-breadcrumb a:first-child::before,
nav[aria-label="breadcrumbs"] a:first-child::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

/* 滑鼠 Hover 變色效果 */
.rank-math-breadcrumb a:first-child:hover::before,
nav[aria-label="breadcrumbs"] a:first-child:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230073aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'%3E%3C/path%3E%3Cpolyline points='9 22 9 12 15 12 15 22'%3E%3C/polyline%3E%3C/svg%3E");
}


/* ==========================================
   調整麵包屑整體文字與圖示大小
   ========================================== */

/* 1. 調整所有文字與容器字型大小 (請自行修改 14px 數值) */
.rank-math-breadcrumb,
.rank-math-breadcrumb p,
.rank-math-breadcrumb a,
.rank-math-breadcrumb span,
nav[aria-label="breadcrumbs"] p,
nav[aria-label="breadcrumbs"] a,
nav[aria-label="breadcrumbs"] span {
    font-size: 13px !important; /* 可改為 12px, 15px, 16px 等 */
    line-height: 1.5;
}

/* 2. 調整房子圖示 (SVG) 的大小 */
.rank-math-breadcrumb svg,
nav[aria-label="breadcrumbs"] svg {
    width: 16px !important;    /* 圖示寬度，建議與文字大小差不多 */
    height: 16px !important;   /* 圖示高度 */
    vertical-align: -2px;
}

/* 3. 調整分隔號 ( » 或 > ) 的大小 */
.rank-math-breadcrumb .separator,
nav[aria-label="breadcrumbs"] span:not(:first-child):not(:last-child) {
    font-size: 12px !important; /* 分隔號通常比文字略小一點點 */
}


/* ==========================================
   麵包屑整體容器 flex 置中佈局
   ========================================== */

/* 1. 將麵包屑容器與文字設為 flex，開啟垂直置中 */
.rank-math-breadcrumb p,
nav[aria-label="breadcrumbs"] p {
    display: inline-flex !important;
    align-items: center !important;   /* 關鍵：強制垂直居中對齊 */
    flex-wrap: wrap;
    gap: 6px;                        /* 各項目間的自然間距 */
}

/* 2. 第一個連結（房子圖示容器）置中 */
.rank-math-breadcrumb a:first-child,
nav[aria-label="breadcrumbs"] a:first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    line-height: 1 !important;
}

/* 3. 房子圖示 (SVG) 本身垂直微調與對齊 */
.rank-math-breadcrumb svg,
nav[aria-label="breadcrumbs"] svg {
    display: block !important;
    vertical-align: middle !important;
    margin: 0 !important;             /* 清除額外外距以免偏移 */
    width: 16px !important;           /* 配合字型大小調整圖示寬度 */
    height: 16px !important;          /* 配合字型大小調整圖示高度 */
}

/* 4. 分隔號微調垂直對齊 */
.rank-math-breadcrumb .separator,
nav[aria-label="breadcrumbs"] span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}/* End custom CSS */