.elementor-684 .elementor-element.elementor-element-55de7fd:not(.elementor-motion-effects-element-type-background), .elementor-684 .elementor-element.elementor-element-55de7fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-684 .elementor-element.elementor-element-55de7fd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-684 .elementor-element.elementor-element-55de7fd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-684 .elementor-element.elementor-element-694026ee{text-align:center;}.elementor-684 .elementor-element.elementor-element-694026ee .wpr-logo{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-684 .elementor-element.elementor-element-694026ee .wpr-logo-image{max-width:165px;}.elementor-684 .elementor-element.elementor-element-694026ee.wpr-logo-position-left .wpr-logo-image{margin-right:0px;}.elementor-684 .elementor-element.elementor-element-694026ee.wpr-logo-position-right .wpr-logo-image{margin-left:0px;}.elementor-684 .elementor-element.elementor-element-694026ee.wpr-logo-position-center .wpr-logo-image{margin-bottom:0px;}.elementor-684 .elementor-element.elementor-element-694026ee .wpr-logo-image img{-webkit-transition-duration:0.7s;transition-duration:0.7s;}.elementor-684 .elementor-element.elementor-element-694026ee .wpr-logo-title{color:#605BE5;margin:0 0 0px;}.elementor-684 .elementor-element.elementor-element-694026ee .wpr-logo-description{color:#888888;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-684 .elementor-element.elementor-element-7b5b7417{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Lato", Sans-serif;font-size:14px;font-weight:500;letter-spacing:0.4px;color:var( --e-global-color-text );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-684 .elementor-element.elementor-element-cbc6bf3{--display:flex;}.elementor-684 .elementor-element.elementor-element-75839ea5{--display:flex;}.elementor-684 .elementor-element.elementor-element-4d2a0294{--display:flex;}.elementor-684 .elementor-element.elementor-element-5b962ab4{--display:flex;}.elementor-684 .elementor-element.elementor-element-2d1d7434{--display:flex;}.elementor-684 .elementor-element.elementor-element-7580c544{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:15px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color-hover:var( --e-global-color-text );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-684 .elementor-element.elementor-element-7580c544 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-684 .elementor-element.elementor-element-7580c544 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-684 .elementor-element.elementor-element-7580c544 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-684 .elementor-element.elementor-element-7580c544 {--n-menu-title-color-hover:var( --e-global-color-accent );}.elementor-684 .elementor-element.elementor-element-2f6db291{--display:flex;}.elementor-684 .elementor-element.elementor-element-63f34f0e{--display:flex;}.elementor-684 .elementor-element.elementor-element-768c5d71{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-684 .elementor-element.elementor-element-dcb71f0 .widget-image-caption{font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;}.elementor-684 .elementor-element.elementor-element-78b2d4f9{--display:flex;}.elementor-684 .elementor-element.elementor-element-201798ce .widget-image-caption{font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;}.elementor-684 .elementor-element.elementor-element-393d3b17{--display:flex;}.elementor-684 .elementor-element.elementor-element-ce2de66 .widget-image-caption{font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;}.elementor-684 .elementor-element.elementor-element-63e43adf{--display:flex;}.elementor-684 .elementor-element.elementor-element-107e07b2 .widget-image-caption{font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;}.elementor-684 .elementor-element.elementor-element-54d822ed{--display:flex;}.elementor-684 .elementor-element.elementor-element-6ff71c29 .widget-image-caption{font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;}.elementor-684 .elementor-element.elementor-element-472f700c{--display:flex;}.elementor-684 .elementor-element.elementor-element-07a5def{--display:flex;}.elementor-684 .elementor-element.elementor-element-54159f0.premium-lottie-canvas .premium-lottie-animation, .elementor-684 .elementor-element.elementor-element-54159f0.premium-lottie-svg svg{width:200px !important;}.elementor-684 .elementor-element.elementor-element-54159f0 .premium-lottie-animation{transform:rotate(0deg);}.elementor-684 .elementor-element.elementor-element-54159f0{text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-684 .elementor-element.elementor-element-55de7fd{padding:50px 20px 20px 20px;}}@media(max-width:767px){.elementor-684 .elementor-element.elementor-element-7580c544{--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;--n-menu-title-distance-from-content:0px;--n-menu-title-space-between:0px;--n-menu-title-font-size:15px;--n-menu-toggle-icon-size:0px;}.elementor-684 .elementor-element.elementor-element-7580c544 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-684 .elementor-element.elementor-element-7580c544 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-684 .elementor-element.elementor-element-7580c544 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:0.9;letter-spacing:0.9px;}.elementor-684 .elementor-element.elementor-element-63f34f0e{--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;--flex-wrap:nowrap;}.elementor-684 .elementor-element.elementor-element-dcb71f0 .widget-image-caption{font-size:12px;line-height:1.2em;}.elementor-684 .elementor-element.elementor-element-201798ce .widget-image-caption{font-size:12px;line-height:1.2em;}.elementor-684 .elementor-element.elementor-element-ce2de66 .widget-image-caption{font-size:12px;line-height:1.2em;}.elementor-684 .elementor-element.elementor-element-107e07b2 .widget-image-caption{font-size:12px;line-height:1.2em;}.elementor-684 .elementor-element.elementor-element-6ff71c29 .widget-image-caption{font-size:12px;line-height:1.2em;}.elementor-684 .elementor-element.elementor-element-55eb652a img{width:100%;}}/* Start custom CSS for mega-menu, class: .elementor-element-7580c544 *//* ==========================================================================
   Footer 選單 · 手機自動換行
   ========================================================================== */

/* 外層不要裁切 */
.sq-foot-menu,
.sq-foot-menu .elementor-widget-container,
.sq-foot-menu nav{
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
}

/* 選單容器：允許換行、置中 */
.sq-foot-menu ul,
.sq-foot-menu .elementor-nav-menu,
.sq-foot-menu .wpr-nav-menu,
.sq-foot-menu menu{
  display:flex !important;
  flex-wrap:wrap !important;          /* 關鍵：允許換行 */
  justify-content:center !important;
  align-items:center;
  gap:8px 4px;

  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  overflow:visible !important;
}

/* 每個項目 */
.sq-foot-menu li{
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 !important;
  border:0 !important;
}

/* 連結文字 */
.sq-foot-menu a{
  display:inline-block !important;
  padding:8px 12px !important;
  color:#F3EEE1 !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.02em;
  white-space:nowrap !important;      /* 單一項目本身不斷字 */
  text-decoration:none !important;
  transition:color .2s ease;
}
.sq-foot-menu a:hover{
  color:#F0E3BD !important;
}

/* ==========================================================================
   手機版：兩欄置中
   ========================================================================== */
@media (max-width:767px){

  .sq-foot-menu ul,
  .sq-foot-menu .elementor-nav-menu,
  .sq-foot-menu .wpr-nav-menu,
  .sq-foot-menu menu{
    display:flex !important;
    flex-direction:row !important;      /* 強制橫向，蓋掉 Vertical 設定 */
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center;
    gap:2px 0;
    padding:0 10px !important;
    margin:0 !important;
    width:100% !important;
  }

  .sq-foot-menu li{
    flex:0 0 50% !important;
    max-width:50% !important;
    width:50% !important;
    margin:0 !important;
    text-align:center !important;
    display:block !important;
  }

  .sq-foot-menu a{
    display:block !important;
    width:100% !important;
    padding:10px 4px !important;
    font-size:14.5px !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* 第五項（單數）獨佔整列並置中 */
  .sq-foot-menu li:last-child:nth-child(odd){
    flex-basis:100% !important;
    max-width:100% !important;
    width:100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-393d3b17 *//* ==========================================================================
   中央項目：LOGO 凸出懸浮
   ========================================================================== */
.elementor-684 .elementor-element.elementor-element-393d3b17{
  --tb-gold-hi:#FBF0C8;
  --tb-gold:#C8AE6A;
  --tb-green-800:#0C3028;
  --tb-green-900:#08221C;
  --tb-green-950:#04140F;

  position:relative;
  overflow:visible !important;      /* 沒這行凸出的部分會被裁掉 */
  padding-top:0 !important;
  z-index:3;
}



/* 圖片往上凸出 */
.elementor-684 .elementor-element.elementor-element-393d3b17 .elementor-widget-image{
  position:relative;
  z-index:2;
  margin-top:-30px !important;
  overflow:visible !important;
}

.elementor-684 .elementor-element.elementor-element-393d3b17 .elementor-widget-image img{
  width:58px !important;
  height:58px !important;
  max-width:58px !important;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(180deg,var(--tb-green-900),var(--tb-green-950));

  /* 金屬圓環：內圈金、外圈黑、再加光暈 */
  box-shadow:
    0 0 0 2px var(--tb-gold),
    0 0 0 3px rgba(0,0,0,.6),
    0 0 18px rgba(200,174,106,.55),
    0 6px 14px rgba(0,0,0,.6);

  animation:tbGlow 3s ease-in-out infinite;
}

@keyframes tbGlow{
  0%,100%{box-shadow:
    0 0 0 2px var(--tb-gold),
    0 0 0 3px rgba(0,0,0,.6),
    0 0 14px rgba(200,174,106,.45),
    0 6px 14px rgba(0,0,0,.6)}
  50%    {box-shadow:
    0 0 0 2px var(--tb-gold-hi),
    0 0 0 3px rgba(0,0,0,.6),
    0 0 24px rgba(200,174,106,.85),
    0 6px 14px rgba(0,0,0,.6)}
}

/* Caption 文字用亮金強調 */
.elementor-684 .elementor-element.elementor-element-393d3b17 .widget-image-caption,
.elementor-684 .elementor-element.elementor-element-393d3b17 figcaption{
  position:relative;
  z-index:2;
  color:var(--tb-gold-hi) !important;
  font-size:11.5px !important;
  font-weight:900 !important;
}

/* 按下回饋 */
.elementor-684 .elementor-element.elementor-element-393d3b17:active .elementor-widget-image img{
  transform:scale(.94);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63f34f0e *//* ==========================================================================
   手機底部導覽列（Tab Bar）· 文字用圖片 Caption
   套用：外層 Container → 進階 → CSS 類別 → 填入  sq-tabbar
         外層 Container → 進階 → 回應式 → 隱藏於桌機、隱藏於平板

   每個 Image widget：內容 → Caption → 選「自訂說明文字」→ 填入標籤文字
   圖片尺寸：80 × 80（去背 PNG）
   貼到：外觀 → 自訂 → 額外 CSS
   ========================================================================== */

/* 桌機與平板不顯示 */
@media (min-width:768px){
  .sq-tabbar{display:none !important}
}

@media (max-width:767px){

  /* ==========================================================================
     1. 導覽列本體
     ========================================================================== */
  .sq-tabbar{
    --tb-gold-hi:#FBF0C8;
    --tb-gold:#C8AE6A;
    --tb-pearl:#F0E3BD;
    --tb-green-800:#0C3028;
    --tb-green-900:#08221C;
    --tb-green-950:#04140F;

    position:fixed !important;
    left:0;
    right:0;
    bottom:0;
    z-index:9995;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:0 !important;

    width:100% !important;
    max-width:100% !important;
    min-height:66px;
    padding:0 2px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
    margin:0 !important;

    background:linear-gradient(180deg,var(--tb-green-800) 0%,var(--tb-green-950) 100%) !important;

    box-shadow:
      inset 0 1px 0 rgba(200,174,106,.65),
      0 -4px 18px rgba(0,0,0,.6);

    overflow:visible !important;   /* 中央 LOGO 才能凸出 */
  }

  /* ==========================================================================
     2. 每個項目（子 Container）
     ========================================================================== */
  .sq-tabbar > .e-con,
  .sq-tabbar > .elementor-element{
    position:relative;
    flex:1 1 20% !important;
    width:20% !important;
    max-width:20% !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;

    padding:7px 1px 2px !important;
    margin:0 !important;
    background:none !important;
    overflow:visible !important;

    transition:transform .18s ease;
  }
  .sq-tabbar > .e-con:active{
    transform:scale(.94);
  }

  /* ==========================================================================
     3. Image widget：圖片 + Caption 垂直排列
     ========================================================================== */
  .sq-tabbar .elementor-widget-image{
    width:100%;
    margin:0 !important;
    padding:0 !important;
  }
  .sq-tabbar .elementor-widget-image .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
    background:none !important;
  }

  /* figure 是圖片與 caption 的共同父層 */
  .sq-tabbar .elementor-widget-image figure,
  .sq-tabbar figure.wp-caption{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:3px !important;
    margin:0 !important;
    padding:0 !important;
    width:100%;
    background:none !important;
  }

  /* 圖示：去背 PNG 用 drop-shadow 才會貼合輪廓 */
  .sq-tabbar .elementor-widget-image img{
    display:block;
    width:26px !important;
    height:26px !important;
    max-width:26px !important;
    object-fit:contain;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));
    transition:filter .2s ease;
  }

  /* Caption 文字 */
  .sq-tabbar .widget-image-caption,
  .sq-tabbar figcaption.wp-caption-text,
  .sq-tabbar .elementor-image figcaption{
    display:block !important;
    margin:0 !important;
    padding:0 !important;

    color:var(--tb-pearl) !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.02em !important;
    line-height:1.3 !important;
    text-align:center !important;
    white-space:nowrap !important;
    background:none !important;
    font-style:normal !important;      /* Caption 預設常是斜體 */

    transition:color .2s ease;
  }

  /* 按下回饋 */
  .sq-tabbar > .e-con:active .widget-image-caption,
  .sq-tabbar > .e-con:active figcaption{
    color:var(--tb-gold-hi) !important;
  }
  .sq-tabbar > .e-con:active .elementor-widget-image img{
    filter:drop-shadow(0 0 8px rgba(200,174,106,.9));
  }

  /* ==========================================================================
     4. 中央項目：LOGO 凸出懸浮
     完全不用 box-shadow / background / border-radius，
     去背 PNG 只靠 drop-shadow 才不會出現多餘的圓形陰影
     若中央不是第 3 個，把 nth-child(3) 改成實際位置
     ========================================================================== */
  .sq-tabbar > .e-con:nth-child(3){
    padding-top:0 !important;
  }

  .sq-tabbar > .e-con:nth-child(3) .elementor-widget-image{
    position:relative;
    z-index:2;
    margin-top:-30px !important;       /* 往上凸出的幅度 */
    overflow:visible !important;
  }

  /* 中央的圖片與文字間距拉開，跟其他四格的標籤對齊 */
  .sq-tabbar > .e-con:nth-child(3) .elementor-widget-image figure{
    gap:6px !important;
  }

  .sq-tabbar > .e-con:nth-child(3) .elementor-widget-image img{
    width:58px !important;
    height:58px !important;
    max-width:58px !important;

    border-radius:0 !important;
    padding:0 !important;
    background:none !important;
    box-shadow:none !important;

    filter:
      drop-shadow(0 0 10px rgba(200,174,106,.7))
      drop-shadow(0 4px 8px rgba(0,0,0,.7));

    animation:tbGlow 3s ease-in-out infinite;
  }

  @keyframes tbGlow{
    0%,100%{filter:
      drop-shadow(0 0 8px rgba(200,174,106,.5))
      drop-shadow(0 4px 8px rgba(0,0,0,.7))}
    50%    {filter:
      drop-shadow(0 0 16px rgba(200,174,106,.95))
      drop-shadow(0 4px 8px rgba(0,0,0,.7))}
  }

  /* 中央 Caption 用亮金強調 */
  .sq-tabbar > .e-con:nth-child(3) .widget-image-caption,
  .sq-tabbar > .e-con:nth-child(3) figcaption{
    position:relative;
    z-index:2;
    color:var(--tb-gold-hi) !important;
    font-size:11.5px !important;
    font-weight:900 !important;
  }

  /* ==========================================================================
     5. 避免內容被導覽列蓋住
     ========================================================================== */
  body{
    padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Back To Top 移到左側，避免壓住中央 LOGO */
  .elementor-widget-elementskit-back-to-top,
  .wpr-back-to-top,
  .elementor-button-back-to-top{
    left:14px !important;
    right:auto !important;
    bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;

    background:rgba(4,20,15,.85) !important;
    border:1px solid rgba(200,174,106,.6) !important;
    color:#F0E3BD !important;
    box-shadow:0 2px 10px rgba(0,0,0,.5) !important;
  }

  /* 浮動廣告往上讓位 */
  .sq-float{
    bottom:calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ==========================================================================
   6. 減少動態偏好
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .sq-tabbar > .e-con:nth-child(3) .elementor-widget-image img{animation:none}
  .sq-tabbar > .e-con,
  .sq-tabbar .elementor-widget-image img,
  .sq-tabbar .widget-image-caption{transition:none}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-472f700c *//* ==========================================================================
   浮動廣告 · 右側垂直居中（桌機 + 手機）
   圖片尺寸：1024 × 1002（接近正方）
   ========================================================================== */

.sq-float{
  position:fixed !important;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  z-index:9990;

  width:130px !important;
  max-width:28vw;

  padding:0 !important;
  margin:0 !important;

  /* Flexbox 容器不要壓縮子元素 */
  display:block !important;
  height:auto !important;
  min-height:0 !important;

  /* 延遲 1.5 秒滑入 */
  opacity:0;
  animation:sqFloatIn .5s ease-out 1.5s forwards;
}

@keyframes sqFloatIn{
  from{opacity:0; transform:translateY(-50%) translateX(30px)}
  to  {opacity:1; transform:translateY(-50%) translateX(0)}
}

/* Image widget 各層歸零 */
.sq-float .elementor-widget-image,
.sq-float .elementor-widget-image .elementor-widget-container{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0;
  overflow:visible !important;
}

.sq-float figure{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
}

/* 圖片本體 */
.sq-float img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  aspect-ratio:1024 / 1002;
  object-fit:contain;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.7));
  animation:sqFloatBob 3.2s ease-in-out 2s infinite;
}

@keyframes sqFloatBob{
  0%,100%{transform:translateY(0)}
  50%    {transform:translateY(-6px)}
}

/* ==========================================================================
   桌機
   ========================================================================== */
@media (min-width:1025px){
  .sq-float{
    right:16px;
    width:160px !important;
    max-width:160px;
  }
}

/* ==========================================================================
   手機：固定在底部導覽列上方
   ========================================================================== */
@media (max-width:767px){
  .sq-float{
    right:6px;
    width:100px !important;
    max-width:26vw;

    /* 取消垂直居中，改由底部定位 */
    top:auto !important;
    bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    transform:none !important;

    /* 換成不含 -50% 位移的進場動畫 */
    animation:sqFloatInM .5s ease-out 1.5s forwards !important;
  }

  @keyframes sqFloatInM{
    from{opacity:0; transform:translateX(30px)}
    to  {opacity:1; transform:translateX(0)}
  }
}

@media (prefers-reduced-motion:reduce){
  .sq-float{
    opacity:1 !important;
    transform:translateY(-50%) !important;
    animation:none !important;
  }
  .sq-float img{animation:none !important}
}/* End custom CSS */