::selection {
  background: #8fd8ee;
  color: #ffffff;
}
::-moz-selection {
  background: #8fd8ee;
  color: #ffffff;
}
 /*原本電腦主選單下方陰影*/
.computer_nav .header_nav {
    /*原本電腦主選單下方陰影*/
    /*box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .2);*/
    box-shadow:none !important;
    margin-top: -1px;
    
}


/*增加電腦主選單下方線條*/
#site_path .breadcrumb-content {
        display: block !important;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        border-top: 3px solid rgba(78,194,232,1);
        margin-top: 15px;
    }
/*手機調整選單下方線條*/
@media (max-width: 991px) {
   #site_path .breadcrumb-content {
        display: block !important;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        margin-top: 15px;
    } 
.qk-mg_t--3 .qk-hidden--mobile #collection_menu_shelf_top{
       margin-top:-15px !important;
}
    #site_path .breadcrumb-content {
        position: absolute;
        width: 100%;
        border-top: none !important;
        border-bottom: none !important;
    }
.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a:active{
    color:#ffffff !important;
}
.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a:hover{
    color:#ffffff !important;
}
.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a:focus{
    color:#ffffff !important;
}

}
/*產品頁更改寬度*/
.qk-container {
    /*原設定1140px*/
    /*max-width: min(100%, 1140px);*/
    max-width: min(100%, 1240px) !important;
    padding: 0 15px;
    margin: 0 auto;
}
/*EP edit 產品圖片*/
.img-flex img{border-radius:10px;}
.collection-container h1{margin-bottom:0px !important;}
.breadcrumb{padding-left:30px !important;padding-top: 24px !important; padding-bottom:0px !important;
    font-size: 14px!important;}
    #collection{margin-top:1em !important;}
/*EP edit NAV*/
li a.qk-fs--body{font-size:18px !important;}
.qk-text--price{
    display:none !important;
    
}
#product .product_info .product_content .product_price{
    margin:0 !important;
    height:0 !important;
}
.computer_nav .header_nav .dropdown{
    padding:8px 0px !important;
}
.main_nav li a.qk-fs--body{
   border-right:1px solid  #000000;
   padding:0 40px;
   }
.main_nav ul > span:first-child > li > a{
   border-left: 1px solid #000;
}
div[id^="icon_custom_icon_type_account_0_"] .svg-wrapper > svg{
  display: none;
}

.qk-bd--product_border{
  /*border-style:inset;
  border-color:#4bc2e8 !important;
  border-top:30px solid #4bc2e8;
  border-bottom:0px dotted #4bc2e8;
  border-left:0px dashed  #4bc2e8;
  border-right:0px solid  #4bc2e8;*/
}

#site_path{
    border-bottom:none;
}
#collection_menu_shelf_top>li{
     border-bottom:1px solid rgba(78, 194, 232, 0.55) !important;
}
.sidebar li:not(.logo)>a{
    padding: 8px 20px 8px 8px !important;
}
#collection_menu_shelf_top{
     border-top:1px solid rgba(78, 194, 232, 0.55) !important;
}
.sidebar a{
    line-height:1.5 !important;
    /*transition: .25s ease;*/
}
.sidebar li:not(.logo)>a{
    
font-weight:600 !important;
}
/*EP edit NAV_mb*/
.mobile-nav>ul li.logo img {
    max-width: 200%;
    object-fit: contain;
    height: 80% !important;
}

/*EP edit 首頁*/
li a.qk-fs--body{
    font-size:16px;
}

 /*EP LOGO*/
.computer_nav .logo img{
    height:75px !important;
}
.computer_nav .logo{
    padding:15px 0 0 0;
}
 /*EP首頁BANNER*/
.tw-relative{
      position:relative;
      display: flex; /* ★ */
      height: 600px;
      align-items: center; 
}    

  * {
      box-sizing: border-box;
    }

    html, body {
      margin: 0;
      padding: 0;
      font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
      background: #f9f8f7;
    }

    body {
      min-height: 100vh;
      background: #f9f8f7;
    }

    .hero {
      position: relative;
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
      aspect-ratio: 16 / 9;
      min-height: 420px;
      max-height: 920px;
      overflow: hidden;
      background: #f9f8f7;
      isolation: isolate;
    }

    .hero__track {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .hero__slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      visibility: hidden;
      /*transition: opacity 0.7s ease, visibility 0.7s ease;*/
      z-index: 1;
      background: #f9f8f7;
    }

    .hero__slide.is-active {
      opacity: 1;
      visibility: visible;
      z-index: 2;
    }

    .hero__bg {
      position: absolute;
      inset: 0;
      z-index: 1;
      overflow: hidden;
      background: #f9f8f7;
    }

    .hero__bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      display: block;
      transform: scale(1.02);
      transition: transform 4.8s ease;
    }

    .hero__slide.is-active .hero__bg img {
      transform: scale(1);
    }

    .hero__veil {
      position: absolute;
      inset: 0;
      z-index: 2;
      background: linear-gradient(
        90deg,
        rgba(249, 248, 247, 0.02) 0%,
        rgba(249, 248, 247, 0.04) 35%,
        rgba(249, 248, 247, 0) 100%
      );
      pointer-events: none;
    }

    .hero__content {
      position: absolute;
      z-index: 4;
      left: clamp(24px, 12vw, 210px);
      top: 50%;
      transform: translateY(-50%);
      width: min(860px, 56vw);
      color: #111;
      pointer-events: auto;
    }

    .hero__title {
      margin: 0;
      color: #111;
      font-weight: 700;
      line-height: 1.08;
      letter-spacing: 0.02em;
      font-size: clamp(34px, 2.9vw, 60px);
      text-wrap: balance;
      display: flex;
      align-items: center;
      gap: clamp(8px, 0.8vw, 18px);
      flex-wrap: wrap;
    }

    .hero__title-text {
      display: inline-block;
    }

    /* 圓角 X */
    .hero__accent-x {
      position: relative;
      width: clamp(28px, 2.9vw, 50px);
      height: clamp(28px, 2.9vw, 50px);
      display: inline-block;
      flex: 0 0 auto;
    }

    .hero__accent-x::before,
    .hero__accent-x::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      height: clamp(8px, 0.62vw, 12px);
      background: #4bc2e8;
      border-radius: 999px;
      transform-origin: center;
      translate: -50% -50%;
    }

    .hero__accent-x::before {
      transform: rotate(45deg);
    }

    .hero__accent-x::after {
      transform: rotate(-45deg);
    }

    .hero__subtitle {
      margin: clamp(14px, 1.5vw, 22px) 0 0;
      color: #4bc2e8;
      font-weight: 700;
      line-height: 1.5;
      letter-spacing: 0.02em;
      font-size: clamp(28px, 3.2vw, 55px);
      text-wrap: balance;
    }

    .hero__steps {
      margin-top: clamp(34px, 3vw, 54px);
      display: flex;
      align-items: center;
      gap: clamp(14px, 1.2vw, 24px);
      flex-wrap: nowrap;
      color: #111;
    }

    .step {
      width: clamp(88px, 8vw, 132px);
      height: clamp(88px, 8vw, 132px);
      border: 3px solid #4bc2e8;
      border-radius: 50%;
      background: transparent;
      display: grid;
      place-items: center;
      text-align: center;
      color: #111;
      font-weight: 700;
      line-height: 1.1;
      font-size: clamp(18px, 1.5vw, 32px);
      padding: 8px;
      flex: 0 0 auto;
    }

    .arrow {
      width: clamp(34px, 2.8vw, 52px);
      height: clamp(42px, 3.2vw, 60px);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      margin-inline: 0;
    }

    .arrow svg {
      width: 100%;
      height: 100%;
      display: block;
      overflow: visible;
    }

    .arrow path {
      fill: none;
      stroke: #4bc2e8;
      stroke-width: 4.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .hero__nav {
      position: absolute;
      z-index: 8;
      top: 50%;
      transform: translateY(-50%);
      width: 44px;
      height: 44px;
      border-radius: 999px;
      border: 1px solid rgba(0,0,0,.14);
      background: rgba(255,255,255,.72);
      color: #111;
      display: grid;
      place-items: center;
      cursor: pointer;
      backdrop-filter: blur(4px);
      transition: transform .18s ease, background .18s ease, opacity .18s ease;
      opacity: .95;
    }

    .hero__nav:hover {
      transform: translateY(-50%) scale(1.03);
      background: rgba(255,255,255,.9);
    }

    .hero__nav--prev { left: 14px; }
    .hero__nav--next { right: 14px; }

    .hero__nav svg {
      width: 18px;
      height: 18px;
      display: block;
    }

    .hero__footer {
      position: absolute;
      z-index: 8;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 14px clamp(14px, 3vw, 24px) 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      pointer-events: none;
    }

    .hero__dots {
      display: flex;
      align-items: center;
      gap: 8px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 999px;
      padding: 8px 10px;
      backdrop-filter: blur(4px);
      pointer-events: auto;
    }

    .hero__dot {
      width: 8px;
      height: 8px;
      border: 0;
      border-radius: 999px;
      background: rgba(0,0,0,.35);
      padding: 0;
      cursor: pointer;
      /*transition: width .2s ease, background .2s ease;*/
    }

    .hero__dot.is-active {
      width: 22px;
      background: #111;
    }

    .hero__progress {
      width: min(180px, 32vw);
      height: 3px;
      border-radius: 999px;
      background: rgba(0,0,0,.14);
      overflow: hidden;
      pointer-events: none;
    }

    .hero__progress-bar {
      width: 0%;
      height: 100%;
      background: #111;
      transition: width .12s linear;
    }

    @media (max-width: 1280px) {
      .hero {
        min-height: 400px;
      }

      .hero__content {
        left: clamp(24px, 9vw, 150px);
        width: min(760px, 56vw);
      }
    }

    @media (max-width: 1024px) {
      .hero {
        min-height: 360px;
      }

      .hero__content {
        left: clamp(20px, 8vw, 96px);
        width: min(700px, 58vw);
      }

      .hero__title {
        font-size: clamp(24px, 2.9vw, 42px);
      }

      .hero__subtitle {
        font-size: clamp(24px, 2.9vw, 42px);
      }

      .hero__accent-x {
        width: clamp(24px, 2.3vw, 40px);
        height: clamp(24px, 2.3vw, 40px);
      }

      .step {
        width: clamp(74px, 7vw, 108px);
        height: clamp(74px, 7vw, 108px);
        font-size: clamp(15px, 1.4vw, 22px);
      }

      .arrow {
        width: 30px;
        height: 36px;
      }

      .arrow path {
        stroke-width: 4;
      }

      .hero__nav {
        width: 40px;
        height: 40px;
      }

      .hero__progress {
        width: 130px;
      }
    }

    @media (max-width: 768px) {
      .hero {
        min-height: 320px;
      }

      .hero__content {
        left: 24px;
        width: min(560px, 58vw);
      }

      .hero__title {
        font-size: clamp(20px, 2.9vw, 34px);
      }

      .hero__subtitle {
        font-size: clamp(20px, 2.9vw, 34px);
      }

      .hero__steps {
        margin-top: 24px;
        gap: 10px;
      }

      .step {
        width: clamp(62px, 6vw, 82px);
        height: clamp(62px, 6vw, 82px);
        font-size: clamp(12px, 1.2vw, 16px);
        border-width: 2.5px;
      }

      .arrow {
        width: 24px;
        height: 30px;
      }

      .arrow path {
        stroke-width: 3.5;
      }
    }

    @media (max-width: 640px) {
      body {
        background: #f9f8f7;
      }

      .hero {
        aspect-ratio: auto;
        min-height: 0;
        max-height: none;
        overflow: hidden;
        background: #f9f8f7;
      }

      .hero__track {
        position: relative;
        min-height: 0;
        height: 350px;
      }

      .hero__slide {
        position: absolute;
        inset: 0;
        display: grid;
        grid-template-rows: auto 1fr;
        background: #f9f8f7;
      }

      .hero__slide.is-active {
        display: grid;
      }

      .hero__content {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 100%;
        max-width: none;
        /*padding: 26px 16px 18px;*/
        background: #f9f8f7;
        order: 1;
        display:none;
      }

      .hero__title {
        font-size: clamp(30px, 2.9vw, 34px);
        line-height: 1.08;
        letter-spacing: 0.03em;
        gap: 8px;
        color:#4bc2e8;
      }

      .hero__accent-x {
        width: 28px;
        height: 28px;
      }

      .hero__accent-x::before,
      .hero__accent-x::after {
        height: 7px;
      }

      .hero__subtitle {
        margin-top: 12px;
        font-size: clamp(20px, 2.9vw, 34px);
        line-height: 1.12;
        letter-spacing: 0.03em;
        color:#4bc2e8;
      }

      .hero__steps {
        margin-top: 22px;
        gap: 8px;
        display:none;
      }

      .step {
        width: 72px;
        height: 72px;
        font-size: 14px;
        border: 2.5px solid #4bc2e8;
      }

      .arrow {
        width: 20px;
        height: 24px;
      }

      .arrow path {
        stroke-width: 3.2;
      }

      .hero__bg {
        position: relative;
        inset: auto;
        width: 100%;
        height: 100%;
        min-height: 500px;
        max-height: none;
        order: 2;
        background-image: url("https://cdn.cybassets.com/media/W1siZiIsIjM1NDg2L2F0dGFjaGVkX3Bob3Rvcy8xNzc0OTU0MzMzX21iLWItMDMzMS5qcGcuanBlZyJdXQ.jpeg?sha=524c693be93cf933");
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
      }

      .hero__bg img {
        display: none;
      }

      .hero__veil {
        display: none;
      }

      .hero__nav {
        width: 40px;
        height: 40px;
        top: auto;
        bottom: 88px;
        transform: none;
      }

      .hero__nav:hover {
        transform: none;
      }

      .hero__nav--prev { left: 10px; }
      .hero__nav--next { right: 10px; }

      .hero__footer {
        gap: 8px;
        padding: 10px 12px 12px;
        background: linear-gradient(
          to top,
          rgba(249,248,247,0.95),
          rgba(249,248,247,0)
        );
      }

      .hero__dots {
        padding: 7px 9px;
      }

      .hero__dot.is-active {
        width: 18px;
      }

      .hero__progress {
        width: 96px;
      }
    }

    @media (max-width: 390px) {
      .hero__track {
        height: 450px;
      }

      .hero__content {
        /*padding: 22px 14px 14px;*/
      }

      .step {
        width: 56px;
        height: 56px;
        font-size: 11.5px;
      }
    }
/*EP_隱藏手機下方固定區塊*/
#mobile-bottom-bar{
    display:none;
}

/*EP edit 首頁Oowave talks*/
#_main_slider_custom{
    margin:0px !important;
}
.EP_index_B1{
 background-image:url("https://cdn.cybassets.com/media/W1siZiIsIjM1NDg2L2F0dGFjaGVkX3Bob3Rvcy8xNzc0OTQ0MTc1X0IyLUJHLVBDMi5qcGcuanBlZyJdXQ.jpeg?sha=d9fa55b7ef125b63");
 background-position:top center;
 width:auto;
 height:1000px;
 text-align:center;
 color:#ffffff;
 background-repeat:no-repeat;
 background-size:cover;
 line-height:2em;
 font-size:20px;
}
.EP_index_B1 h3{
      line-height:120px;
      padding-top:30px;
      font-size:50px;
      font-weight:700;
      }

.EP_index_B1 p{
      line-height:0;
      font-size:20px;
      display:inline-block;
     }
@media (max-width: 640px) {
    .EP_index_B1{
 font-size:18px;
 text-align:center;
 color:#ffffff;
 margin: 0;
  padding: 0;
  background: url('https://cdn.cybassets.com/media/W1siZiIsIjM1NDg2L2F0dGFjaGVkX3Bob3Rvcy8xNzc0OTQyMDM0X2luZGV4LWIyLW1iNC5qcGcuanBlZyJdXQ.jpeg?sha=8f014ea37e18cc1f') top center / cover no-repeat;
  background-size: 420%;
  height:600px;
  font-weight:500;
 
    }
.EP_index_B1 h3{
    line-height:30px;
    padding:25px 0;
    font-size:35px;
}
.EP_index_B1 p{
    font-size:30px;
    padding:0px;
    font-weight:700;
}

}

/*首頁區塊6大獲利*/
    .EP_i_div_page{
      background: #f9f8f7; /* 原圖偏暖白 */
      color: #111;
      font-family: "Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
      line-height: 1.6;
    }

    .EP_i_div_section{ width: 100%; }
    .EP_i_div_section_gray{ width: 100%;}

    /* 文字與內容維持原來範圍（container 控寬） */
    .EP_i_div_container{
      max-width: 1024px;
      margin: 0 auto;
      padding: 24px 0px;
    }

    /* Header */
    .EP_i_div_hero{
      text-align: center;
      padding: 10px 0 10px;
    }
    .EP_i_div_heroKicker{
      display: inline-block;
      font-weight: 700;
      font-size: clamp(25px, 3vw, 55px);
      position: relative;
      padding: 0 2px;
      margin-bottom: 10px;
    }
    .EP_i_div_heroKicker:after{
      
    }
    .EP_i_div_heroTitle{
      font-weight: 500;
      font-size: clamp(25px, 3vw, 55px);
    }

    /* Row layout */
    .EP_i_div_row{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: clamp(18px, 3.2vw, 40px);
      padding: clamp(22px, 4.4vw, 38px) 0;
    }
    .EP_i_div_rowImgRight{ flex-direction: row; }
    .EP_i_div_rowImgLeft{ flex-direction: row-reverse; }

    /* Image */
    .EP_i_div_imgBox{
      flex: 0 0 clamp(280px, 42vw, 520px);
      max-width: 520px;
    }
    .EP_i_div_imgBox img{
      width: 100%;
      height: auto;
      display: block;
    }

    /* Text */
    .EP_i_div_textBox{
      flex: 1 1 auto;
      min-width: 260px;
    }
    .EP_i_div_num{
      font-weight: 700;
      font-size: 30px;
      margin-bottom: 0px;
    }

    /* === 你要的「原本標題底線」：不用負 z-index，保證顯示 === */
    .EP_i_div_title{
      display: inline-block;
      position: relative;
      font-weight: 700;
      font-size:30px;
      margin: 0 0 10px;
      padding-right: 2px;
      z-index: 0;
    }
    .EP_i_div_title:after{
      content:"";
      position:absolute;
      left: 0;
      right: 0;
      bottom: 0.12em;      /* 貼近字底部 */
      height: 0.4em;      /* 底線厚度 */
      background: #4bc2e8; /* 藍底線 */
      opacity: .75;
      z-index: 0;
    }
    .EP_i_div_titleText{
      position: relative;
      z-index: 1; /* 文字蓋在底線上 */
    }

    .EP_i_div_body{
      margin: 0;
      font-weight: 500;
      font-size: 18px;
      color: #333;
      white-space: pre-line;
    }

    /* Bottom */
    .EP_i_div_bottomTitleWrap{
      text-align: center;
      padding: 10px 0 0;
    }
    .EP_i_div_bottomTitle{
      display:inline-block;
      font-weight: 700;
      font-size: clamp(30px, 3vw, 55px);
      position: relative;
      padding: 0 4px;
      margin: 40px 0 50px;
    }
    .EP_i_div_bottomTitle:after{
    
    }

    .EP_i_div_routes{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(16px, 3vw, 28px);
      align-items: start;
      padding-bottom: 50px;
    }
    .EP_i_div_route{ text-align: center; }
    .EP_i_div_routeImg{
      width: 240px;
      margin: 0 auto 10px;
    }
    .EP_i_div_routeImg img{
      width: 240px;
      height: auto;
      display: block;
    }
    .EP_i_div_routeH{
      margin: 0;
      font-weight: 700;
      font-size: 30px;
      line-height:1;
    }
    .EP_i_div_routeSub{
      margin: 4px 0 0;
      font-weight: 700;
      font-size: 30px;
      line-height:1;
    }
    .EP_i_div_routeP{
      margin: 15px 0 0;
      font-weight: 600;
      font-size: 18px;
      color:#333;
    }
 /* EP_頁尾 */
    .social_media{
        float:right !important;
    }
#footer{font-size:14px;}
#footer .footer_content .footer_title{
    font-size:14px;
    
}
/*EP_WORK FLOW*/
.service_banner{
    background-image: url(https://cdn.cybassets.com/media/W1siZiIsIjM1NDg2L2F0dGFjaGVkX3Bob3Rvcy8xNzc1MDMwMjc3X2Fib3V0LTIuanBnLmpwZWciXV0.jpeg?sha=9746df5c0f14c3fb);
    height: 287px;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: top center;
  display: flex;;
  justify-content: center;
  padding-top:2%;
}
.service_banner .EP_title_h2{
    color:#ffffff;
    text-aligh:center;
    font-weight:700;
    font-size:50px;
    
}

    /* 平板 */
    @media (max-width: 1024px){
      .EP_i_div_container{ padding: 22px 16px; }
      .EP_i_div_imgBox{ flex-basis: 44vw; }
      .EP_i_div_container{
          padding:24px 40px;
      }
          .EP_i_div_routeImg{
      width: 160px;
      margin: 0 auto 10px;
    }
    .EP_i_div_routeImg img{
      width: 160px;
      height: auto;
      display: block;
    }
    }

    /* 平板 */
    @media (max-width: 900px){
      .EP_i_div_container{ padding: 22px 16px; }
      .EP_i_div_imgBox{ flex-basis: 44vw; }
      .EP_i_div_container{
          padding:24px 40px;
      }
          .EP_i_div_routeImg{
      width: 160px;
      margin: 0 auto 10px;
    }
    .EP_i_div_routeImg img{
      width: 160px;
      height: auto;
      display: block;
    }
    }

    /* 手機：圖上、文字下（不論左右） */
    @media (max-width: 640px){
      .EP_i_div_container{ padding: 18px 30px; }
      .EP_i_div_row{
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        padding: 22px 0;
      }
      .EP_i_div_imgBox{
        flex: 0 0 auto;
        max-width: 100%;
      }
      .EP_i_div_textBox{ min-width: 0; }
      .EP_i_div_routes{
        grid-template-columns: 1fr;
        gap: 22px;
      }
      .EP_i_div_heroKicker{
          font-size:30px;
      }
      .EP_i_div_heroTitle{
          font-size:30px;
      }
       .EP_i_div_heroKicker{
      margin-bottom: 0px;
    }
    .EP_i_div_heroKicker:after{
   
    }
    .EP_i_div_heroTitle{
      margin-top: 0;
    }
    .EP_i_div_num{
        font-size:30px;
        margin-bottom:0;
    }
    .EP_i_div_title{
        font-size:30px;
    }
    .EP_i_div_body{
        font-size:18px;
    }
    
    .EP_i_div_routeImg{
      width: 210px;
      margin: 0 auto 10px;
    }
    .EP_i_div_routeImg img{
      width: 210px;
      height: auto;
      display: block;
    }
    .EP_i_div_routeH{
      margin: 0;
      font-weight: 700;
      font-size: 25px;
      line-height:1;
    }
    .EP_i_div_routeSub{
      margin: 4px 0 0;
      font-weight: 700;
      font-size: 25px;
      line-height:1;
    }
    .EP_i_div_routeP{
      margin: 12px 0 20px;
      font-weight: 500;
      font-size: 18px;
      color:#333;
    }
     /* EP_頁尾mb */
    .social_media{
        float:left !important;
    }
    #footer{font-size:16px;}
    #footer .footer_content .footer_title{
    font-size:18px;
    }
    /*EP_WORK FLOW_mb*/
    .service_banner{
    background-image: url(https://cdn.cybassets.com/media/W1siZiIsIjM1NDg2L2F0dGFjaGVkX3Bob3Rvcy8xNzc1MDM1Mzc2XzE3NzUwMzAyNzdfYWJvdXQtMi0yLmpwZy5qcGcuanBlZyJdXQ.jpeg?sha=f1b08cdab3672e30);
    height: 150px;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: top center;
    display: flex;;
    justify-content: center;
    padding-top:2%;
     }
    .service_banner .EP_title_h2{
    color:#ffffff;
    text-aligh:center;
    font-weight:700;
    font-size:30px;
    }
    }

    /* 可選：不同 section 背景色（你說有些不同顏色）
       需要哪段變色，就把 section class 改成 EP_i_div_bgWhite / EP_i_div_bgPaper ...
    */
   
    
    /*產品頁*/
    .product .image-block.three-to-four{
        padding-bottom:100% !important;
    }
    .product .image-block .img-container img{
        border-radius:5px;
    }
    
    
/*EP_About Oowave關於我們*/
     .about-page {
      width: 100%;
      background: #f9f8f7;
      overflow: hidden;
      margin-top:15px;
    }

    /* top hero */
    .about-hero {
      position: relative;
      width: 100%;
      background: #4bc2e8;
      padding: 56px 20px 100px;
      text-align: center;
    }

    .about-hero h1 {
      margin: 0;
      font-size: 56px;
      line-height: 1.2;
      font-weight: 700;
      color: #fff;
      letter-spacing: 0.5px;
    }

    .about-hero-wave {
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      line-height: 0;
    }

    .about-hero-wave svg {
  display: block;
  width: 100%;
  height: 125px;
}

    /* content */
    .about-wrap {
      width: 100%;
      padding: 0px 20px 90px;
    }

    .about-container {
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
      text-align: center;
    }

    .about-main-figure {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 0px;
    }

    .about-main-figure img {
      width: 401px;
      max-width: 52vw;
      height: auto;
      object-fit: contain;
    }

    .about-intro {
      max-width: 620px;
      margin: 0 auto 40px;
    }

    .about-intro-title {
      margin: 0 0 12px;
      font-size: 22px;
      line-height: 1.5;
      font-weight: 700;
    }

    .about-intro-text {
      margin: 0;
      font-size: 16px;
      line-height: 1.9;
      color: #333;
    }

    .about-cert-list {
      width: 100%;
      max-width: 720px;
      margin: 0 auto 72px;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px 48px;
      text-align: left;
    }

    .about-cert-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: 16px;
      line-height: 1.7;
      font-weight: 600;
    }

    .about-cert-item .check {
      flex: 0 0 auto;
      font-size: 22px;
      line-height: 1.2;
      margin-top: 1px;
    }

    .team-grid {
      width: 100%;
      max-width: 760px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 56px 56px;
      justify-items: center;
    }

    .team-card {
      width: 100%;
      max-width: 180px;
      text-align: center;
    }

    .team-card img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: contain;
      margin: 0 auto 16px;
    }

    .team-card .name {
      font-size: 16px;
      line-height: 1.6;
      font-weight: 500;
      color: #333;
    }

    .team-card.empty {
      visibility: hidden;
    }

    /* tablet */
    @media (max-width: 1023px) {
        .about-page{
        margin-top:0px;
        }
      .about-hero {
        padding: 48px 20px 88px;
      }

      .about-hero h1 {
        font-size: 46px;
      }

      .about-main-figure img {
        width: 401px;
      }

      .team-grid {
        gap: 48px 36px;
      }
    }

    /* mobile */
    @media (max-width: 767px) {
      .about-hero {
        padding: 30px 16px 72px;
      }

      .about-hero h1 {
        font-size: 34px;
      }

      .about-hero-wave svg {
        height: 68px;
      }

      .about-wrap {
        padding: 20px 16px 64px;
      }

      .about-main-figure {
        margin-bottom: 24px;
      }

      .about-main-figure img {
        width: 410px;
        max-width: 64vw;
      }

      .about-intro {
        margin-bottom: 32px;
      }

      .about-intro-title {
        font-size: 20px;
      }

      .about-intro-text {
        font-size: 15px;
        line-height: 1.8;
        padding: 0 20px
      }

      .about-cert-list {
        grid-template-columns: 1fr;
        gap: 14px;
        max-width: 360px;
        margin-bottom: 52px;
        padding: 0 30px;
      }

      .about-cert-item {
        font-size: 15px;
      }

      .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 36px 20px;
        max-width: 420px;
      }

      .team-card {
        max-width: 150px;
      }

      .team-card .name {
        font-size: 15px;
      }

      .team-card.empty {
        display: none;
      }
    }

    /* small mobile */
    @media (max-width: 480px) {
      .about-hero h1 {
        font-size: 30px;
      }

      .team-grid {
        grid-template-columns: 1fr;
      }

      .team-card {
        max-width: 180px;
      }
    }
    @media (min-width:480px) {
  .about-hero {
    padding-top: 48px;
    padding-bottom: 112px;
  }

  .about-hero h1 {
    position: relative;
    top: -6px;
  }
}

/*EP_WORK FLOW服務流程*/
.workflow-container h2{
    padding-bottom:30px;
}
    .workflow-page {
      width: 100%;
      background: #f9f8f7;
      overflow: hidden;
      margin-top:15px;
    }

    /* top hero */
    .workflow-hero {
      position: relative;
      width: 100%;
      background: #4bc2e8;
      padding: 56px 20px 100px;
      text-align: center;
    }

    .workflow-hero h1 {
      margin: 0;
      font-size: 56px;
      line-height: 1.2;
      font-weight: 700;
      color: #fff;
      letter-spacing: 0.5px;
    }

    .workflow-hero-wave {
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      line-height: 0;
    }

    .workflow-hero-wave svg {
      display: block;
      width: 100%;
      height: 110px;
    }

    .workflow-wrap {
      width: 100%;
      padding: 28px 20px 90px;
    }

    .workflow-container {
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
      text-align: center;
    }

    .workflow-intro {
      max-width: 760px;
      margin: 0 auto 86px;
    }

    .workflow-intro-text {
      margin: 0;
      font-size: 16px;
      line-height: 1.9;
      color: #333;
    }

    .workflow-grid {
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 62px 34px;
      justify-items: center;
      align-items: start;
    }

    .workflow-card {
      width: 100%;
      max-width: 200px;
      text-align: center;
    }

    .workflow-card img {
     /* width: 96px;
      height: 96px;*/
      width:80%;
      object-fit: contain;
      margin: 0 auto 18px;
    }

    .workflow-step-title {
      margin: 0 0 12px;
      font-size: 21px;
      line-height: 1.45;
      font-weight: 700;
      color: #222;
    }

    .workflow-step-desc {
      margin: 0;
      font-size: 15px;
      line-height: 1.85;
      color: #333;
    }

    /* tablet */
    @media (max-width: 1023px) {
         .workflow-page {

      margin-top:0px;
    }
      .workflow-hero {
        padding: 48px 20px 88px;
      }

      .workflow-hero h1 {
        font-size: 46px;
      }

      .workflow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 52px 30px;
        max-width: 640px;
      }

      .workflow-card {
        max-width: 220px;
      }
    }

    /* mobile */
    @media (max-width: 767px) {
      .workflow-hero {
        padding: 30px 16px 72px;
      }

      .workflow-hero h1 {
        font-size: 34px;
      }

      .workflow-hero-wave svg {
        height: 68px;
      }

      .workflow-wrap {
        padding: 24px 16px 64px;
      }

      .workflow-intro {
        margin: 0 auto 46px;
      }

      .workflow-intro-text {
        font-size: 15px;
        line-height: 1.8;
      }

      .workflow-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        max-width: 320px;
      }

      .workflow-card {
        max-width: 260px;
      }

      .workflow-card img {
        width:75%;
      }

      .workflow-step-title {
        font-size: 25px;
      }

      .workflow-step-desc {
        font-size: 14px;
        line-height: 1.8;
      }
    }

    /* small mobile */
    @media (max-width: 480px) {
      .workflow-hero h1 {
        font-size: 30px;
      }
    }
    @media (min-width: 480px) {
    .workflow-hero {
        padding-top: 48px;
        padding-bottom: 112px;
    }
}

/*EP_Contact聯絡歐歐浪*/
    .contactoo-page {
      width: 100%;
      background: #f9f8f7;
      overflow: hidden;
      margin-top:15px;
    }

    .contactoo-hero {
      position: relative;
      width: 100%;
      background: #4bc2e8;
      padding: 56px 20px 100px;
      text-align: center;
    }

    .contactoo-hero h1 {
      margin: 0;
      font-size: 56px;
      line-height: 1.2;
      font-weight: 700;
      color: #fff;
      letter-spacing: 0.5px;
    }

    .contactoo-hero-wave {
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 100%;
      line-height: 0;
    }

    .contactoo-hero-wave svg {
      display: block;
      width: 100%;
      height: 125px;
    }
    
    

    @media (min-width: 480px) {
      .contactoo-hero {
        padding-top: 48px;
        padding-bottom: 112px;
      }

      .contactoo-hero h1 {
        position: relative;
        top: -6px;
      }
    }

    .contactoo-wrap {
      width: 100%;
      padding: 20px 20px 90px;
    }

    .contactoo-container {
      width: 100%;
      max-width: 1024px;
      margin: 0 auto;
    }

    .contactoo-layout {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      gap: 76px;
      margin-bottom: 56px;
    }

    .contactoo-figure {
      flex: 0 0 420px;
      display: flex;
      justify-content: center;
      padding-top: 6px;
    }

    .contactoo-figure img {
      width: 100%;
      max-width: 360px;
      height: auto;
      object-fit: contain;
    }

    .contactoo-info {
      flex: 1 1 auto;
      max-width: 420px;
      padding-top: 6px;
    }

    .contactoo-text {
      font-size: 16px;
      line-height: 1.8;
      color: #333;
      margin-bottom: 38px;
    }

    .contactoo-text p {
      margin: 0 0 10px;
    }

    .contactoo-text p:last-child {
      margin-bottom: 0;
    }

    .contactoo-basic p a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 5px 0;
      text-decoration: none;
      color: #000;
      /*transition: color 0.35s ease;*/
    }

    .contactoo-basic p a::before {
      content: "";
      display: block;
      width: 1px;
      min-height: 20px;
      background: #000;
      order: 2;
    }

    .contactoo-basic p a:hover {
      color: #4bc2e8;
    }

    .contactoo-basic u {
      display: block;
      max-width: 55px;
      width: 100%;
      order: 1;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-decoration: none;
    }

    .contactoo-basic b {
      display: block;
      width: calc(100% - 120px);
      order: 3;
      font-weight: 400;
      letter-spacing: 0.08em;
    }

    .contactoo-park-title {
      margin: 18px 0 10px;
      font-weight: 700;
      color: #222;
    }

    .contactoo-park dl {
      margin: 0;
      padding: 0;
    }

    .contactoo-park dd {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin: 0;
      padding-top: 12px;
    }

    .contactoo-park dd img {
      width: 25px;
      min-width: 25px;
      height: 25px;
      object-fit: contain;
      margin-top: 3px;
    }

    .contactoo-park b {
      display: block;
      font-weight: 400;
      letter-spacing: 0.03em;
    }

    .contactoo-park a {
      text-decoration: none;
      color: #000000;
      /*transition: color 0.35s ease;*/
    }

    .contactoo-park a:hover {
      color: #4bc2e8;
    }

    .contactoo-follow-title {
      margin: 0 0 18px;
      font-size: 35px;
      line-height: 1.08;
      font-weight: 700;
      color: #1f1616;
      letter-spacing: 0.2px;
    }

    .contactoo-social {
      display: flex;
      align-items: center;
      gap: 26px;
      margin-bottom: 0;
    }

    .contactoo-social-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      line-height: 0;
    }

    .contactoo-social-icon {
      position: relative;
      width: 56px;
      height: 56px;
      display: block;
    }

    .contactoo-social-icon img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      transition: opacity 0.25s ease, transform 0.25s ease;
    }

    .contactoo-social-icon .contactoo-icon-hover {
      opacity: 0;
    }

    .contactoo-social-link:hover .contactoo-icon-default {
      opacity: 0;
    }

    .contactoo-social-link:hover .contactoo-icon-hover {
      opacity: 1;
    }

    .contactoo-social-link:hover .contactoo-social-icon img {
      transform: translateY(-2px);
    }

    .contactoo-map-full {
      width: 100%;
    }

    .contactoo-map-embed {
      width: 100%;
      line-height: 0;
    }

    .contactoo-map-embed iframe {
      width: 100%;
      height: 320px;
      border: 0;
      display: block;
      filter: grayscale(100%) brightness(0.96) contrast(1.02);
      transition: filter 0.35s ease;
    }

    .contactoo-map-embed:hover iframe {
      filter: none;
    }

    @media (max-width: 1023px) {
        .contactoo-page {

      margin-top:0px;
    }
      .contactoo-hero {
        padding: 48px 20px 88px;
      }

      .contactoo-hero h1 {
        font-size: 46px;
      }

      .contactoo-wrap {
        padding: 28px 20px 72px;
      }

      .contactoo-layout {
        gap: 44px;
        margin-bottom: 44px;
      }

      .contactoo-figure {
        flex-basis: 340px;
      }

      .contactoo-figure img {
        max-width: 300px;
      }

      .contactoo-info {
        max-width: 390px;
      }

      .contactoo-follow-title {
        font-size: 46px;
      }

      .contactoo-social {
        gap: 22px;
      }

      .contactoo-social-icon {
        width: 52px;
        height: 52px;
      }

      .contactoo-map-embed iframe {
        height: 280px;
      }
    }

    @media (max-width: 767px) {
      .contactoo-hero {
        padding: 30px 16px 72px;
      }

      .contactoo-hero h1 {
        font-size: 34px;
      }

      .contactoo-hero-wave svg {
        height: 68px;
      }

      .contactoo-wrap {
        padding: 20px 16px 56px;
      }

      .contactoo-layout {
        flex-direction: column;
        align-items: center;
        gap: 28px;
        margin-bottom: 32px;
      }

      .contactoo-figure,
      .contactoo-info {
        flex: none;
        width: 100%;
        max-width: 420px;
      }

      .contactoo-figure {
        padding-top: 0;
      }

      .contactoo-figure img {
        max-width: 250px;
        margin: 0 auto;
      }

      .contactoo-info {
        text-align: center;
        padding-top: 0;
      }

      .contactoo-text {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 28px;
      }

      .contactoo-follow-title {
        font-size: 40px;
        margin-bottom: 14px;
      }

      .contactoo-social {
        justify-content: center;
        gap: 20px;
      }

      .contactoo-social-icon {
        width: 48px;
        height: 48px;
      }

      .contactoo-map-embed iframe {
        height: 240px;
      }

      .contactoo-basic p a {
        flex-direction: column;
        align-items: center;
        gap: 6px;
      }

      .contactoo-basic p a::before {
        display: none;
      }

      .contactoo-basic b {
        width: 100%;
      }

      .contactoo-park dd {
        justify-content: center;
        text-align: left;
      }
    }

    @media (max-width: 480px) {
      .contactoo-hero h1 {
        font-size: 30px;
      }

      .contactoo-follow-title {
        font-size: 34px;
      }

      .contactoo-social-icon {
        width: 44px;
        height: 44px;
      }

      .contactoo-map-embed iframe {
        height: 220px;
      }
    }

    .contactoo-map-embed {
  width: 100%;
  line-height: 0;
  border-radius: 50px;
  overflow: hidden;
}

.contactoo-map-embed iframe {
  width: 100%;
  height: 320px;
  border: 0;
  display: block;
  border-radius: 50px;
  filter: grayscale(100%) brightness(0.96) contrast(1.02);
  transition: filter 0.35s ease;
}

.hover-image-container.three_to_four_scale{
    aspect-ratio:auto !important;
    border-radius:10px;
}
/*商品列表Hover*/
.mask-overlay[data-v-777056ee]:hover {
opacity: 0 !important;
    }
.qk-pos--rel a:hover{
    color:#4bc2e8
}
/*手機側選單*/
@media (max-width: 991px) {
.qk-mg_t--3 .qk-hidden--mobile{
display:block !important;
margin-bottom:30px;
padding:0 !important;
flex: 0 0 100% !important;
max-width: 100% !important;
font-size:16px !important;
}
    #collection_menu_shelf_top>li {
    /* border-bottom: 1px solid var(--product_border); */
    float: left;
    border-radius: 25px;
    border: 1px solid var(--product_border);
    padding: 0px!important;
    margin: 6px 4px;
    background-color: none;
    padding: 12px 18p !important;
        border: 1px solid #4ec2e8!important;
        border-radius: 999px!important;
        font-size: 16px!important;
        line-height: 1.2!important;
        white-space: nowrap!important;
}
#collection_menu_shelf_top{
    border-top: 0px solid var(--product_border) !important;
}
.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a{
    padding: 12px 12px !important;
    border-radius: 25px !important;
     font-size:16x !important;
}
.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a:hover{
   background-color:#4ec2e8 !important;
   color:#ffffff !important;
}
.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a.qk-text--accent{
   background-color:#4ec2e8 !important;
   color:#ffffff !important;
}
.qk-mg_t--3 .qk-hidden--mobile #collection_menu_shelf_top{
    margin-top:10x !important;}
#collection_menu_shelf_top>li a.qk-text--accent {
    background-color:#4ec2e8 !important;
   color:#ffffff !important;
   padding: 12px 12px!important;
    border-radius: 25px !important;
    font-size:16x !important;
}
#collection_menu_shelf_top>li a.qk-text--accent:focus,#collection_menu_shelf_top>li a.qk-text--accent:active,#collection_menu_shelf_top>li a.qk-text--accent:hover{
    background-color:#4ec2e8 !important;
   color:#ffffff !important;
   padding: 12px 12px!important;
    border-radius: 25px !important;
    font-size:16x !important;
}
}
/*隱藏篩選條件下拉選單*/
.filters-actions .filters{
    display:none !important;
}
/*隱藏加入最愛按鈕*/
.product .pc-buttons .track-item svg{display:none !important;}

/*修改產品列表文字大小*/
.product .title>a{
    font-size: 18px;
    font-weight: 600;
    letter-spacing:1px;
}
#collection_menu_shelf_top{
    letter-spacing: 1px;
}

/*手機產品列表間距調整*/
@media (max-width: 580px) {
    .grid-view{
        gap: 10px !important;
    }
}
/*手機隱藏加入會員按鈕*/
.sidebar li.category_account-title {
    display: none;
}
.sidebar .customer-not-login-menu_login {
    display: none;
}
.sidebar .customer-not-login-menu_signup  {
    display: none;
}

/*手機隱藏主選單文字*/
.sidebar li.category_title{
    display: none;
}
/*手機左側主選單調整*/
@media (max-width: 991px) {
.sidebar .logo {
    margin-bottom:40px !important;
}
.sidebar .logo a img{
    display:none;
}

.sidebar li:not(.logo)>a {
    padding: 15px 20px 15px 20px !important;
    border-radius: 5px;
    font-size: 32px !important;
    letter-spacing: 1px;

}
.sidebar a {
    color:#00000 !important;
}
.sidebar a:focus,.sidebar a:hover,.sidebar a:active,{
    color:#ffffff !important;
    background-color:#4ec2e8;
    
}
.sidebar{
    margin-top:50px !important;
}

/*手機麵包屑隱藏*/
.qk-fs--breadcrumb{display:none;}
}
/*手機選單主選單icon*/
@media (max-width: 580px) {
    .mobile-nav>ul svg {
        height: 25px !important;
       
    }
.sidebar .drawer-toggle:before {
    border-top: 5px solid var(--default_light) !important;
    top: 18px !important;
    width: 30px !important;
}  
.sidebar .drawer-toggle:after {
   border-left: 5px solid var(--default_light) !important;
   top: 5px !important;
   right: 13px !important;
   height: 30px !important;
}  
 
}

/*商空案例列表*/


      * {
      box-sizing: border-box;
    }

    :root {
      --EP_0423_accent: #4ec2e8;
      --EP_0423_text: #111111;
      --EP_0423_line: #4ec2e8;
      --EP_0423_card-bg: #d9d9d9;
      --EP_0423_container: 1240px;
      --EP_0423_radius: 14px;
    }


    .EP_0423_wrap a {
      color: inherit;
      text-decoration: none;
    }

    .EP_0423_wrap img {
      display: block;
      width: 100%;
      height: auto;
    }
 

    .EP_0423_page {
      width: 100%;
      max-width: var(--EP_0423_container);
      margin: 0 auto;
      padding: 24px 24px 64px;
      letter-spacing: 1px;
    }

    .EP_0423_breadcrumb {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      color: var(--EP_0423_accent);
      margin-bottom: 1em;
      flex-wrap: wrap;
    }

    .EP_0423_home {
      font-size: 15px;
      line-height: 1;
    }

    .EP_0423_layout {
      display: grid;
      grid-template-columns: 230px minmax(0, 1fr);
      gap: 46px;
      align-items: start;
    }

    .EP_0423_sidebar {
      padding-top: 6px;
    }

    .EP_0423_category-list {
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .EP_0423_category-link {
      display: block;
      padding: 16px 20px 16px 0;
      border-top: 1px solid rgba(78, 194, 232, 0.55);
      font-size: 18px;
      font-weight: 600;
      line-height: 1.5;
     /*ransition: .25s ease;*/
    }

    .EP_0423_category-link:hover {
      color: var(--EP_0423_accent);
    }

    .EP_0423_content-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 24px;
      margin-bottom: 28px;
    }

    .EP_0423_heading-wrap {
      min-width: 0;
      flex: 1;
    }

    .EP_0423_heading {
      display: flex;
      align-items: center;
      gap: 14px;
      margin: 0 0 0px;
      font-size: 20px;
      font-weight: 500;
      line-height: 1.2;
    }

    .EP_0423_heading::before {
      content: "";
      display: block;
      width: 3px;
      height: 26px;
      flex-shrink: 0;
      background-color: #000000;
    }

    .EP_0423_product-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 46px 40px;
    }

    .EP_0423_product-card {
      min-width: 0;
    }

    .EP_0423_product-link {
      display: block;
      cursor: pointer;
    }

    .EP_0423_product-thumb {
      position: relative;
      aspect-ratio: 1 / 1;
      background: var(--EP_0423_card-bg);
      border-radius: var(--EP_0423_radius);
      overflow: hidden;
    }

    .EP_0423_product-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .EP_0423_product-name-wrap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 10px 18px;
      background: rgba(0, 0, 0, 0.2);
      pointer-events: none;
    }

    .EP_0423_product-name {
      margin: 0;
      font-size: 33px;
      font-weight: 700;
      line-height: 1.2;
      color: #FFFFFF;
      text-align: right;
      letter-spacing: 1px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    }

    @media (min-width: 991px) {
      .EP_0423_is-active {
        color: #4ec2e8 !important;
      }
    }

    @media (max-width: 991px) {
      .EP_0423_page {
        padding: 20px 20px 56px;
      }

      .EP_0423_layout {
        grid-template-columns: 210px minmax(0, 1fr);
        gap: 32px;
      }

      .EP_0423_category-link,
      .EP_0423_product-name {
        font-size: 33px;
      }

      .EP_0423_heading {
        font-size: 26px;
      }
    }

    @media (max-width: 991px) {
      .EP_0423_breadcrumb {
        margin-bottom: 28px;
      }

      .EP_0423_layout {
        grid-template-columns: 1fr;
        gap: 24px;
      }

      .EP_0423_sidebar {
        /*position: sticky;*/
        padding-top: 0px;
        top: 32px;
      }

      .EP_0423_category-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
      }

      .EP_0423_category-link {
        padding: 12px 18px;
        border: 1px solid #4ec2e8;
        border-radius: 999px;
        font-size: 16px;
        line-height: 1.2;
        white-space: nowrap;
      }

      .EP_0423_category-link:hover,
      .EP_0423_category-link.EP_0423_is-active {
        background: #4ec2e8;
        color: #ffffff;
        border-color: #4ec2e8;
      }

      .EP_0423_content-header {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
      }

      .EP_0423_product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 20px;
      }

      .EP_0423_product-name-wrap {
        padding: 8px 16px;
      }

      .EP_0423_product-name {
        font-size: 33px;
      }
    }

    @media (max-width: 640px) {
      .EP_0423_page {
        padding: 16px 16px 40px;
      }

      .EP_0423_breadcrumb {
        font-size: 13px;
        margin-bottom: 20px;
        display:none;
      }

      .EP_0423_heading {
        font-size: 22px;
        margin-bottom: 18px;
      }

      .EP_0423_heading::before {
        height: 28px;
      }

      .EP_0423_product-grid {
        grid-template-columns: 1fr;
        gap: 40px;
      }

      .EP_0423_product-name-wrap {
        padding: 8px 14px;
      }

      .EP_0423_product-name {
        font-size: 33px;
      }

      .EP_0423_product-thumb {
        border-radius: 12px;
      }
    }

    /*咖啡案例詳細頁*/
   
    :root {
      --EP_0423de_accent: #4ec2e8;
      --EP_0423de_text: #111111;
      --EP_0423de_muted: #6f6f6f;
      --EP_0423de_soft: #f7f7f7;
      --EP_0423de_line: #dfe7ea;
      --EP_0423de_bg: #f9f8f7;
      --EP_0423de_container: 1240px;
      --EP_0423de_radius: 18px;
      --EP_0423de_shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    }
.EP_0423de_wrap{
border-top: 1px solid rgba(0,0,0,0.4);
border-top: 3px solid rgba(78,194,232,1);
margin-top:15px;
}
.EP_0423_wrap{
border-top: 1px solid rgba(0,0,0,0.4);
border-top: 3px solid rgba(78,194,232,1);
margin-top:15px;
}
   .EP_0423de_wrap img {
      display: block;
      width: 100%;
      height: auto;
    }

    .EP_0423de_wrap a {
      color: inherit;
      text-decoration: none;
    }

    .EP_0423de_wrap {
      width: 100%;
      letter-spacing:1px;
    }

    .EP_0423de_page {
      width: 100%;
      max-width: var(--EP_0423de_container);
      margin: 0 auto;
      padding: 40px 32px 100px;
    }

    .EP_0423de_layout {
      display: grid;
      grid-template-columns: 220px minmax(0, 1fr);
      gap: 56px;
      align-items: start;
    }

    .EP_0423de_sidebar {
      /*position: sticky;
      top: 32px;*/
    }

    .EP_0423de_category-list {
      display: flex;
      flex-direction: column;
      gap: 0;
      padding-top: 10px;
    }

    .EP_0423de_category-link {
      display: block;
      padding: 16px 8px;
      border-top: 1px solid rgba(78, 194, 232, 0.55);
      font-size: 18px;
      font-weight: 600;
      line-height: 1.5;
     /*ransition: color .25s ease, background-color .25s ease, padding-left .25s ease;*/
      letter-spacing: 1px;
    }
       .EP_0423de_category-link:hover {
      color:#4ec2e8;
    }

    .EP_0423de_category-link:last-child {
      border-bottom: 1px solid rgba(78, 194, 232, 0.55);
    }

    .EP_0423de_category-link.EP_0423de_is-active {
      color: var(--EP_0423de_accent);
    }

    .EP_0423de_main {
      min-width: 0;
    }

    .EP_0423de_hero {
      margin-bottom: 40px;
    }

    .EP_0423de_hero img {
      border-radius: var(--EP_0423de_radius);
      box-shadow: var(--EP_0423de_shadow);
      object-fit: cover;
    }

    .EP_0423de_intro {
      margin-bottom: 72px;
    }

    .EP_0423de_intro-title {
      margin: 0 0 34px;
      font-size: clamp(28px, 3vw, 42px);
      font-weight: 700;
      line-height: 1.25;
      letter-spacing: 0.01em;
    }

    .EP_0423de_intro-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 420px;
      gap: 40px;
      align-items: start;
    }

    .EP_0423de_intro-copy {
      display: grid;
      gap: 24px;
    }

    .EP_0423de_intro-block {
      padding: 28px 30px;
      background: #f9f8f7;
      border: 1px solid var(--EP_0423de_line);
      border-radius: var(--EP_0423de_radius);
      box-shadow: var(--EP_0423de_shadow);
    }

    .EP_0423de_intro-block h3 {
      margin: 0 0 12px;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.4;
    }

    .EP_0423de_intro-block p {
      margin: 0;
      font-size: 16px;
      line-height: 1.95;
      color: #222222;
    }

    .EP_0423de_plan img {
      border-radius: var(--EP_0423de_radius);
      background: #fff;
    }

    .EP_0423de_six-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 28px;
      margin-bottom: 80px;
    }

    .EP_0423de_six-item {
      padding: 30px 30px 28px;
      border: 1px solid var(--EP_0423de_line);
      border-radius: var(--EP_0423de_radius);
      background: #f9f8f7;
      box-shadow: var(--EP_0423de_shadow);
    }

    .EP_0423de_six-item h3 {
      margin: 0 0 16px;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.35;
    }

    .EP_0423de_six-item p,
    .EP_0423de_six-item li {
      margin: 0;
      font-size: 15px;
      line-height: 1.95;
      color: #222222;
    }

    .EP_0423de_six-item ol,
    .EP_0423de_six-item ul {
      margin: 0 0 10px;
      padding-left: 22px;
    }

    .EP_0423de_band {
      margin: 0 0 72px;
      text-align: center;
    }

    .EP_0423de_band h2 {
      margin: 0;
      font-size: clamp(26px, 2.8vw, 40px);
      font-weight: 700;
      line-height: 1.45;
      letter-spacing: 0.01em;
    }

    .EP_0423de_bottom {
      /*display: grid;
      grid-template-columns: minmax(0, 1fr) 280px;
      gap: 44px;
      align-items: end;*/
    }

    .EP_0423de_moodboard {
      padding: 28px;
    }

    .EP_0423de_moodboard img {
      max-width: 620px;
      margin-left: auto;
      margin-right: auto;
    }

    .EP_0423de_note {
      padding: 28px 26px;
      border: 1px solid var(--EP_0423de_line);
      border-radius: var(--EP_0423de_radius);
      background: var(--EP_0423de_soft);
      margin-bottom: 30px;
    }

    .EP_0423de_note h3 {
      margin: 0 0 12px;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.4;
    }

    .EP_0423de_note p {
      margin: 0;
      font-size: 15px;
      line-height: 1.95;
      color: #222222;
    }

    .EP_0423de_blue-underline {
      display: inline;
      background-image: linear-gradient(
        to top,
        rgba(78, 194, 232, 0.68) 0,
        rgba(78, 194, 232, 0.68) 32%,
        transparent 32%,
        transparent 100%
      );
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding: 0 6px;
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone;
    }

    @media (max-width: 1100px) {
      .EP_0423de_layout {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .EP_0423de_sidebar {
        position: static;
      }

      .EP_0423de_category-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
        padding-top: 0;
      }

      .EP_0423de_category-link {
        padding: 10px 16px;
        border: 1px solid rgba(78, 194, 232, 0.6);
        border-radius: 999px;
        background: #f9f8f7;
        font-size: 16px;
      }
       .EP_0423de_category-link:hover {
         background: var(--EP_0423de_accent);
        color: #ffffff;
        padding-left: 16px;
      
      }

      .EP_0423de_category-link:last-child {
        border-bottom: 1px solid rgba(78, 194, 232, 0.6);
      }

      .EP_0423de_category-link.EP_0423de_is-active {
        background: var(--EP_0423de_accent);
        color: #ffffff;
        padding-left: 16px;
      }

      .EP_0423de_intro-grid {
        grid-template-columns: 1fr;
      }

      .EP_0423de_plan {
        max-width: 500px;
      }

      .EP_0423de_bottom {
        grid-template-columns: 1fr;
        gap: 24px;
      }

      .EP_0423de_note {
        max-width: 460px;
      }
    }

    @media (max-width: 767px) {
     .EP_0423de_wrap{
border-top: 0;
margin-top:0px;
}
.EP_0423_wrap{
border-top: 0;
margin-top:0px;
}
      .EP_0423de_page {
        padding: 20px 16px 56px;
      }

      .EP_0423de_layout {
        gap: 22px;
      }

      .EP_0423de_hero {
        margin-bottom: 28px;
      }

      .EP_0423de_intro {
        margin-bottom: 52px;
      }

      .EP_0423de_intro-title {
        margin-bottom: 24px;
      }

      .EP_0423de_intro-block,
      .EP_0423de_six-item,
      .EP_0423de_moodboard,
      .EP_0423de_note {
        padding: 22px 20px;
        border-radius: 14px;
      }

      .EP_0423de_intro-block h3,
      .EP_0423de_note h3 {
        font-size: 18px;
      }

      .EP_0423de_intro-block p,
      .EP_0423de_note p,
      .EP_0423de_six-item p,
      .EP_0423de_six-item li {
        font-size: 14px;
      }

      .EP_0423de_six-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 56px;
      }

      .EP_0423de_six-item h3 {
        font-size: 20px;
      }

      .EP_0423de_band {
        margin-bottom: 48px;
      }
    }
    
  @media (max-width: 1023px){
     .EP_0423de_wrap{
border-top: 0;
margin-top:0px;
}
.EP_0423_wrap{
border-top: 0;
margin-top:0px;
}
}
    .EP_0423de_heiWord-2{
display:block; font-size: 17px; font-weight: 700; color: #4ec2e8; margin-top:10px;
}
    .EP_0423de_heiWord{
font-size: 17px; font-weight: 700; color: #4ec2e8;
}
/*電腦版測邊選單*/
.sidebar li:not(.logo)>a:hover{
    color:#4ec2e8 !important;
}
   @media (max-width: 991px){
.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a{
    padding: 12px 18p !important;
     border-radius: 999px!important;
        font-size: 16px!important;
        line-height: 1.2!important;
        white-space: nowrap!important;
        
        
}
.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a:focus,.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a:hover,.qk-mg_t--3 .qk-hidden--mobile .sidebar li:not(.logo)>a:active{
    color:rgba(255,255,255,1) !important;
    background-color:rgba(78,194,232,1) !important;
    
}
}
/*footer線條*/
.qk-bd--footer_text{
   border-color:rgba(0,0,0,0.4) !important;
}
/*產品詳細頁加LINE按鈕*/
.wa_p_linebtn{
    line-height: 50px;
    width: 160px;
    display: block;
    height: 50px;
    background-color: #4bc2e8;
    text-align: center;
    border-radius: 999px;
    color: #ffffff;
    font-size: 18px;
    margin-top:20px;
    font-weight:700;
}
.wa_p_linebtn:hover{
    line-height: 50px;
    width: 160px;
    display: block;
    height: 50px;
    background-color: #ffffff;
    border:1px solid #4ec2e8;
    text-align: center;
    border-radius: 999px;
    color: #4ec2e8;
    font-weight:700;
    font-size: 18px;
    margin-top:20px;
}

/*產品詳細頁文字*/
.wa_p_word01{font-size:18px; font-weight:600;}
/*產品詳細頁隱藏我的最愛按鈕*/
#product .product_info .product_content .product_love a {
    display:none;
}

/*手機板產品照片調整*/
@media (max-width: 640px) {
/*#variant_photos .swiper-wrapper {*/
/*    top:-86px !important;*/
/*}*/
#product .product_info .product_photos .product_photo.three_to_four_scale{
    height:400px !important;
}
#product .product_info .product_content .product_title{
   top:-40px !important;
}
}
/*產品小照片圓角調整*/
#product .product_info .product_photos .thumb li.active{
    border-radius:12px;
}
/*LINE btn*/
.EP0504-linebtn {
    position: fixed;
    right: 15px;
    bottom: 220px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: opacity .2s ease-out;
    opacity: 1;
}

.EP0504-linebtn a, .EP0504-linebtn button {
    margin: 0;
    padding: 0;
    height: 60px;
    width: 60px;
}

.EP0504-linebtn img {
    height: 60px;
    width: 60px;
}