.elementor-12 .elementor-element.elementor-element-fc2f339{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-fc2f339.e-con{--align-self:center;}.elementor-12 .elementor-element.elementor-element-449cbe1{--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-449cbe1.e-con{--align-self:center;}.elementor-12 .elementor-element.elementor-element-51042b8{--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:space-around;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1ad3dc8{z-index:99;}.elementor-12 .elementor-element.elementor-element-87580db{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-6dfc9fe{--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6dfc9fe.e-con{--align-self:center;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-6d2d2c2{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-6d2d2c2{right:0px;}.elementor-12 .elementor-element.elementor-element-6d2d2c2{top:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-6dfc9fe{--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:space-between;}.elementor-12 .elementor-element.elementor-element-781e83f{width:var( --container-widget-width, 38% );max-width:38%;--container-widget-width:38%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-6d2d2c2{width:var( --container-widget-width, 26% );max-width:26%;--e-transform-translateX:-50%;--e-transform-translateY:-50%;--container-widget-width:26%;--container-widget-flex-grow:0;top:49%;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-6d2d2c2{left:60%;}body.rtl .elementor-12 .elementor-element.elementor-element-6d2d2c2{right:60%;}.elementor-12 .elementor-element.elementor-element-d78d1e1{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;z-index:9999;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-449cbe1{--content-width:1280px;}.elementor-12 .elementor-element.elementor-element-51042b8{--width:auto;}.elementor-12 .elementor-element.elementor-element-6dfc9fe{--content-width:1200px;}}/* Start custom CSS for html, class: .elementor-element-98c33fd */.button {
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding: 16px 32px;*/
  background-color: #006aff;
  border: 5px solid #c0dfff;
  color: white;
  gap: 8px;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s;
  width: 150px;
}
.text {
  font-size: 1.15em;
  font-weight: 700;
  letter-spacing: 1px;
}
.svg {
  padding-top: 5px;
  height: 100%;
  width: fit-content;
}
.svg svg {
  width: 50px;
  height: 30px;
}
.button:hover {
  border: 5px solid #b1d8ff;
  background-color: #1b7aff;
}
.button:active {
  border: 5px solid #c0dfff;
}
.button:hover .svg svg {
  animation: jello-vertical 0.9s both;
  transform-origin: left;
}

@keyframes jello-vertical {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

@media screen and (max-width: 767px) {
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding: 16px 32px;*/
  background-color: #006aff;
  border: 3px solid #c0dfff;
  color: white;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s;
  width: 90px;
}
.text {
  font-size: 1.15em;
  font-weight: 500;
  letter-spacing: 1px;
}


.button:active {
  border: 3px solid #c0dfff;
}

.elementor-12 .elementor-element.elementor-element-6dfc9fe.e-con
 {
    --align-self: center;
    padding: 12px;
}
    
}


@media screen and (max-width: 767px) {
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 5px;
  background-color: #006aff;
  border: 4px solid #c0dfff;
  color: white;
  gap: 8px;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s;
  width: 90px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-449cbe1 */.header {
      border-bottom: 1px solid #eee;
      background: #fff;
      border-radius: .5em;
      
      margin: 0 auto;
       display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 40px;
     
    }
 .top-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }    
    

    /* ===== 頻道 ===== */
    .channel {
      position: relative;
      cursor: pointer;
      font-size: 1.15em;
    }


    .mega-menu {
      position: absolute;
      /*top: 215%;*/
      left: -300%;
      width: 1200px;
      /*background: #f5f5f5;*/
      background: linear-gradient(to bottom, #ffffff 0%, #ffffff 37%, #dff3ff 100%);
      border-bottom: 1px solid #ddd;
      opacity: 0;
      visibility: hidden;
      /*transform: translate(-50%, -50%)*/
      transition: 0.25s;
      border-radius: 1em;
      padding: 50px 0 30px 0;
      font-size: 16px;
    }

    /* ===== 內容排列 ===== */
    .mega-wrap {
      display: flex;
      gap: 50px;
      padding: 30px;
    }


    /* ===== Hover 展開 ===== */
    .channel:hover .mega-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(8%);
    }

    /* ===== 右側 ===== */
    .menu-right button {
      background: #ff6600;
      color: #fff;
      border: none;
      padding: 6px 14px;
      border-radius: 6px;
    }

    /* ===== 父層 ===== */
    .channel {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }


    /* ===== 上方主題企劃 ===== */


    /* ===== 內容區 ===== */
    .mega-content {
      max-width: 1400px;
      margin: auto;
      display: flex;
      gap: 10px;
      justify-content: center;
      justify-content: center;
    }

    /* ===== 每欄 ===== */
    .col {
      min-width: 160px;
      /* border-right: 1px solid #ddd; */
      padding-right: 20px;
      display: flex;
      flex-direction: column;
    }

    /* 最後一欄不需要線 */
    .col:last-child {
      border-right: none;
    }

    /* 標題 */


    .col h4 {

      font-size: 18px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      font-size: 18px;
      color: #426e9f;
    }

    .col h4::after {
      content: "";
      flex: 1;
      height: 2px;
      background: #d8dfe1;
      margin-left: 10px;
      margin-bottom: -15px;
    }

    /* 分段距離 */
    .mt {
      margin-top: 20px;
    }

    /* 連結 */
    .col a {
      display: block;
      padding: 6px 6px;
      color: #0b3f59;
      text-decoration: none;
    }

    /* hover */
    .col a:hover {
      color: #05496b;
      background-color: #e0eff7;
      border-radius: .25em;
    }

    .box-w {
      display: flex;
      gap: 3em;
    }

    span.line-w {
      width: 100%;
      height: 1px;
      display: block;
      background-color: #32321226;
      margin-top: 15px;
    }    
    

    
    .elementor-widget-search .e-search .e-search-submit {
        padding: 2px 18px;
        text-align: center;
        margin: 0 auto;
    }
    
    
    .elementor-widget-search .e-search .e-search-submit {
  --clr-font-main: hsla(0 0% 20% / 100);
  --btn-bg-1: hsla(194 100% 69% / 1);
  --btn-bg-2: hsla(217 100% 56% / 1);
  --btn-bg-color: hsla(360 100% 100% / 1);
  cursor: pointer;
  transition: 0.8s;
  background-size: 280% auto;
  background-image: linear-gradient(
    325deg,
    var(--btn-bg-2) 0%,
    var(--btn-bg-1) 55%,
    var(--btn-bg-2) 90%
  );
  border: none;
  border-radius: var(--radii);
  color: var(--btn-bg-color);
  /*box-shadow:
    0px 0px 20px rgba(71, 184, 255, 0.5),
    0px 5px 5px -1px rgba(58, 125, 233, 0.25),
    inset 4px 4px 8px rgba(175, 230, 255, 0.5),
    inset -4px -4px 8px rgba(19, 95, 216, 0.35);*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc2f339 */#site-header{
position:fixed;
top:0;
left:0;
width:100%;
padding:0px 0;
background:transparent;
transition:all .3s ease;
z-index:999;
}

/* 滑動後 */

#site-header.scrolled{
background:#ffffff;
box-shadow:0 6px 20px rgba(0,0,0,0.25);
padding:0px 0;
backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* 兼容 Safari */
}
.header {
      border-bottom: 1px solid #eee;
      background: #fff;
      border-radius: .5em;
      
      margin: 0 auto;
       display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 40px;
     
    }
 .top-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }    
    

    /* ===== 頻道 ===== */
    .channel {
      position: relative;
      cursor: pointer;
      font-size: 1.15em;
    }


    .mega-menu {
      position: absolute;
      /*top: 215%;*/
      left: -180%;
      width: 1200px;
      /*background: #f5f5f5;*/
      background: linear-gradient(to bottom, #ffffff 0%, #ffffff 37%, #dff3ff 100%);
      border-bottom: 1px solid #ddd;
      opacity: 0;
      visibility: hidden;
      /*transform: translate(-50%, -50%)*/
      transition: 0.25s;
      border-radius: 1em;
      padding: 50px 0 30px 0;
      font-size: 16px;
    }

    /* ===== 內容排列 ===== */
    .mega-wrap {
      display: flex;
      gap: 50px;
      padding: 30px;
    }


    /* ===== Hover 展開 ===== */
    .channel:hover .mega-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(8%);
    }

    /* ===== 右側 ===== */
    .menu-right button {
      background: #ff6600;
      color: #fff;
      border: none;
      padding: 6px 14px;
      border-radius: 6px;
    }

    /* ===== 父層 ===== */
    .channel {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }


    /* ===== 上方主題企劃 ===== */


    /* ===== 內容區 ===== */
    .mega-content {
      max-width: 1400px;
      margin: auto;
      display: flex;
      gap: 10px;
      justify-content: center;
      justify-content: center;
    }

    /* ===== 每欄 ===== */
    .col {
      min-width: 160px;
      /* border-right: 1px solid #ddd; */
      padding-right: 20px;
      display: flex;
      flex-direction: column;
    }

    /* 最後一欄不需要線 */
    .col:last-child {
      border-right: none;
    }

    /* 標題 */


    .col h4 {

      font-size: 18px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      font-size: 18px;
      color: #426e9f;
    }

    .col h4::after {
      content: "";
      flex: 1;
      height: 2px;
      background: #d8dfe1;
      margin-left: 10px;
      margin-bottom: -15px;
    }

    /* 分段距離 */
    .mt {
      margin-top: 20px;
    }

    /* 連結 */
    .col a {
      display: block;
      padding: 6px 6px;
      color: #0b3f59;
      text-decoration: none;
    }

    /* hover */
    .col a:hover {
      color: #05496b;
      background-color: #e0eff7;
      border-radius: .25em;
    }

    .box-w {
      display: flex;
      gap: 3em;
    }

    span.line-w {
      width: 100%;
      height: 1px;
      display: block;
      background-color: #32321226;
      margin-top: 15px;
    }    
    

    
    .elementor-widget-search .e-search .e-search-submit {
        padding: 2px 18px;
        text-align: center;
        margin: 0 auto;
    }
    
    
    .elementor-widget-search .e-search .e-search-submit {
  --clr-font-main: hsla(0 0% 20% / 100);
  --btn-bg-1: hsla(194 100% 69% / 1);
  --btn-bg-2: hsla(217 100% 56% / 1);
  --btn-bg-color: hsla(360 100% 100% / 1);
  cursor: pointer;
  transition: 0.8s;
  background-size: 280% auto;
  background-image: linear-gradient(
    325deg,
    var(--btn-bg-2) 0%,
    var(--btn-bg-1) 55%,
    var(--btn-bg-2) 90%
  );
  border: none;
  border-radius: var(--radii);
  color: var(--btn-bg-color);
  /*box-shadow:
    0px 0px 20px rgba(71, 184, 255, 0.5),
    0px 5px 5px -1px rgba(58, 125, 233, 0.25),
    inset 4px 4px 8px rgba(175, 230, 255, 0.5),
    inset -4px -4px 8px rgba(19, 95, 216, 0.35);*/
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d78d1e1 *//* 漢堡按鈕 */
#nb-m.mobile-menu-btn {
  font-size: 24px;
  cursor: pointer;
  font-weight: 600;
  /*margin-left: 85%;*/
}

/* 整個選單 */
#nb-m .mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 85%;
  height: 100%;
  background: #e2eef7;
  z-index: 9999;
  transition: 0.3s;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.8) 0px 10px 18px;
}

/* 開啟狀態 */
#nb-m .mobile-menu.active {
  right: 0;
}

/* 關閉按鈕 */
#nb-m .menu-close {
  font-size: 22px;
  padding: 15px;
  text-align: right;
  cursor: pointer;
}

/* 內容 */
#nb-m .menu-content {
  padding: 10px 20px;
}

/* 每一組 */
#nb-m .menu-group {
  border-bottom: 1px solid #d5dde5;
}

/* 主分類 */
#nb-m .menu-title {
  font-size: 18px;
  font-weight: bold;
  padding: 14px 0;
  cursor: pointer;
  color: #3c5a73;
  position: relative;
}

/* 箭頭 */
#nb-m .menu-title::after {
  content: "＋";
  position: absolute;
  right: 0;
}

/* 展開狀態 */
#nb-m .menu-group.active .menu-title::after {
  content: "－";
}

/* 子選單 */
#nb-m .menu-sub {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

/* 展開 */
#nb-m .menu-group.active .menu-sub {
  max-height: 300px;
}

/* 子項目 */
#nb-m .menu-sub a {
  display: block;
  padding: 10px 0;
  color: #5f7d95;
  text-decoration: none;
  font-size: 15px;
}

/* hover */
#nb-m .menu-sub a:hover {
  color: #1a3f5f;
}

#nb-m .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9999;
}

#nb-m .menu-overlay.active {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dfc9fe */@media (max-width: 767px) {

#site-header{
position:fixed;
top:0;
left:0;
width:100%;
padding:0px 0;
background:transparent;
transition:all .3s ease;
z-index:999;
border-bottom: 1px solid #eee;
      background: #fff;
      border-radius: .5em;
      width: 1200px;
      margin: 0 auto;
       display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 40px;
}

}/* End custom CSS */