.elementor-16255 .elementor-element.elementor-element-3b723f3{--display:flex;--min-height:240px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16255 .elementor-element.elementor-element-3b723f3:not(.elementor-motion-effects-element-type-background), .elementor-16255 .elementor-element.elementor-element-3b723f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor8 );background-image:url("https://i0.wp.com/osensetech.com/wp-content/uploads/2025/10/home_banner.png?fit=1280%2C698&ssl=1");background-position:center center;background-repeat:no-repeat;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-16255 .elementor-element.elementor-element-9245892 img{width:140px;filter:brightness( 149% ) contrast( 71% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-16255 .elementor-element.elementor-element-7ab36d6{--display:flex;}.elementor-widget-ae-post-content .ae-element-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-ae-post-content .ae-post-content-unfold{background-image:var( --e-global-color-text );}.elementor-widget-ae-post-content .ae-post-content-unfold-link{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );}.elementor-widget-ae-post-content .ae-post-content-unfold-link:hover{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );}.elementor-16255 .elementor-element.elementor-element-e7a759e .ae-element-post-content{text-align:left;font-family:"Noto Sans TC", Sans-serif;font-size:16px;font-weight:400;line-height:3.6em;}@media(max-width:1280px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-16255 .elementor-element.elementor-element-7ab36d6{--padding-top:0px;--padding-bottom:0px;--padding-left:44px;--padding-right:44px;}.elementor-widget-ae-post-content .ae-element-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-16255 .elementor-element.elementor-element-7ab36d6{--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:36px;}.elementor-widget-ae-post-content .ae-element-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:768px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-16255 .elementor-element.elementor-element-7ab36d6{--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-widget-ae-post-content .ae-element-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:769px){.elementor-16255 .elementor-element.elementor-element-7ab36d6{--content-width:1116px;}}@media(max-width:1280px) and (min-width:769px){.elementor-16255 .elementor-element.elementor-element-7ab36d6{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-3b723f3 *//* === Hero 區塊外層設定 === */
.elementor-16255 .elementor-element.elementor-element-3b723f3 {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at center, #040814 0%, #000 100%);
}

/* === 固定比例的 Lottie 容器 === */
.elementor-16255 .elementor-element.elementor-element-3b723f3 .lottie-about-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1350px; /* 以視窗最小邊為基準，確保 1:1 比例 */
  aspect-ratio: 1 / 1; /* 固定比例 */
  transform: translate(-50%, -50%);
  z-index: 0; /* 在最底層 */
  pointer-events: none;
}

/* Lottie 動畫自適應填滿容器 */
.elementor-16255 .elementor-element.elementor-element-3b723f3 .lottie-about-bg dotlottie-wc {
  width: 100%;
  height: 100%;
  display: block;
}

/* === Hero 文字內容區塊 === */
.elementor-16255 .elementor-element.elementor-element-3b723f3 .hero-content {
  position: relative;
  z-index: 2; /* 確保在動畫上方 */
  text-align: center;
}

/* === 柔化邊緣遮罩（可留可刪） === */
.elementor-16255 .elementor-element.elementor-element-3b723f3::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0,0,0,0) 35%, rgba(0,0,0,0.65) 100%);
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 1024px) {
    /* === 固定比例的 Lottie 容器 === */
        .elementor-16255 .elementor-element.elementor-element-3b723f3 .lottie-about-bg {
          width: 950px;
    }
}
@media (max-width: 768px) {
    /* === 固定比例的 Lottie 容器 === */
    .elementor-16255 .elementor-element.elementor-element-3b723f3 .lottie-about-bg {
      width: 500px;
}
}/* End custom CSS */
/* Start custom CSS */.ae_data {
    background-color: #f5f5f5;
}

/* 讓文章內的 AE Template 首圖滿版置中 */
.single-post .ae_data > .elementor {
  position: relative !important;
  width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  max-width: 100vw !important;
  overflow: hidden !important;
}

/* 確保外層容器不影響置中 */
.single-post .ae_data {
  width: 100% !important;
  max-width: 100% !important;
}/* End custom CSS */