From 278a84dc26501d76b913b90519ede89c268b65c0 Mon Sep 17 00:00:00 2001
From: ken <poopooken11@gmail.com>
Date: Tue, 29 Sep 2026 19:55:23 +0800
Subject: [PATCH] up

---
 .../stylesheets/template/base/_accesskey.scss |  2 +-
 assets/stylesheets/template/base/_global.scss |  7 ++
 .../template/modules/ad_banner.scss           | 64 +++++++++++++------
 3 files changed, 51 insertions(+), 22 deletions(-)

diff --git a/assets/stylesheets/template/base/_accesskey.scss b/assets/stylesheets/template/base/_accesskey.scss
index 3523ed3..86c05fd 100644
--- a/assets/stylesheets/template/base/_accesskey.scss
+++ b/assets/stylesheets/template/base/_accesskey.scss
@@ -7,7 +7,7 @@ a[accesskey] {
 }
 
 #orbit-bar a[accesskey] {
-  color: #333;
+  color: #fff;
 	margin-left: 0;
 	position: relative;
 	&:hover {
diff --git a/assets/stylesheets/template/base/_global.scss b/assets/stylesheets/template/base/_global.scss
index 9708547..88c85ef 100644
--- a/assets/stylesheets/template/base/_global.scss
+++ b/assets/stylesheets/template/base/_global.scss
@@ -75,6 +75,12 @@ a[href="/en/sitemap"]{
 
 
 }
+.orbit-bar-inner{
+  .orbit-bar-menu{
+    display: flex;
+      align-items: center;
+  }
+
   blockquote{
     color: #fff;
     padding: 0;
@@ -100,6 +106,7 @@ a[href="/en/sitemap"]{
       padding: 0 0.5em;
     }
   }
+}
 .fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
     font-family: var(--fa-style-family, "FontAwesome")!important;
 }
diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss
index 79f172d..dc94d7a 100644
--- a/assets/stylesheets/template/modules/ad_banner.scss
+++ b/assets/stylesheets/template/modules/ad_banner.scss
@@ -14,27 +14,43 @@
       margin-top: 8em;
   }
 }
-.ba-banner-widget-youtube{
+.ba-banner-widget-youtube {
   overflow: hidden;
-  iframe{
-    @media(min-width:1025px){
-      position: absolute;
-      top: -180px;
-      left: 0;
-      width: 100%;
-      height: calc(100% + 215px);
-    }
-  }
-  .jarallax-video-audio{
-    @media(min-width:769px){
-          top: 7em;
-    }
-  }
-  .w-ba-banner__wrap{
-    height: auto !important; 
+  height: auto !important;
+  .w-ad-banner__caption_text{
+    display: none!important;
   }
   .banner-overlay{
-    @media(max-width:768px){
+    visibility: visible!important;
+  }
+  iframe {
+    @media(min-width: 1025px) {
+      position: absolute;
+      top: -15vw;
+      left: 0;
+      width: 100%;
+      height: calc(100% + 11vw);
+    }
+  }
+
+  .w-ba-banner__wrap {
+    overflow: hidden;
+    position: relative;
+
+    // ✅ 固定顯示區域高度，超出的底部黑條就被裁切
+    @media(min-width: 1025px) {
+      height: 40vw !important; 
+    }
+  }
+
+  .jarallax-video-audio {
+    @media(min-width: 769px) {
+      top: 8em;
+    }
+  }
+
+  .banner-overlay {
+    @media(max-width: 768px) {
       position: relative;
     }
   }
@@ -290,10 +306,16 @@ ul.button-mid{
 }
 // Widget 0
 .ba-banner-widget-0 {
-  height: 70vh !important;
+  @media(max-width:768px){
+    height: 30vh !important;
+    .w-ba-banner__wrap{
+    height: 30vh !important;
+    }
+  }
+  height: 50vh;
   z-index: 0;
   .w-ba-banner__wrap{
-    height: 70vh !important;
+    height: 50vh;
   }
   .youtube, .cycle-youtube {
     width: 100%;
@@ -323,7 +345,7 @@ ul.button-mid{
     // text-shadow: 1px 1px 1px #0000008c;
   }
     img{
-      position: fixed;
+      // position: fixed;
       top:0;
       left: 0;
       @media(max-width: 1500px){