up

assets/stylesheets/template/base/_accesskey.scss

@@ -3,7 +3,7 @@
 a[accesskey] {
   position: absolute;
   margin-left: -0.9375em;
-  color: transparent;
+  color: #333;
 }
 
 #orbit-bar a[accesskey] {

assets/stylesheets/template/base/_global.scss

@@ -75,14 +75,8 @@ a[href="/en/sitemap"]{
 
 
 }
-.orbit-bar-inner{
-  .orbit-bar-menu{
-    display: flex;
-      align-items: center;
-  }
-
   blockquote{
-    color: #333;
+    color: #fff;
     padding: 0;
     margin: 0;
     font-size: unset;
@@ -97,15 +91,15 @@ a[href="/en/sitemap"]{
       display: none;
     }
     a{
-      color: #333;
+      color: #fff;
       text-decoration: none;
       display: inline-block;
       height: 40px;
-      padding: 0.7em;
-      font-size: 0.85em;
+      height: 40px;
+      line-height: 40px;
+      padding: 0 0.5em;
     }
   }
-}
 .fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
     font-family: var(--fa-style-family, "FontAwesome")!important;
 }

assets/stylesheets/template/base/_unity.scss

@@ -1,10 +1,13 @@
 @charset "utf-8";
 
 @import "variables";
+.page-module-title{
+  margin-top: 1em;
+}
 .internal-page{
-  // .unity-title{
-  // margin-top: 1em;
-  // }
+  .unity-title{
+    margin-top: 1em;
+  }
   .page-module-title{
     display: block !important;
     text-align: left !important;

assets/stylesheets/template/base/_variables.scss

@@ -14,11 +14,14 @@ $theme-red: #d20001;
 $theme-blue: #003d7e;
 
 $theme-color-main: #333333;
-$theme-color-second: #256b86; z
+$theme-color-second: #256b86;
 $theme-color-third: darken(#256b86, 8%);
 $theme-color-green: #0c81ae;
 $theme-color-hover: darken(#256b86, 8%);
 
+:root {
+  --theme-color-second: #{$theme-color-second};
+}
 // Font stacks
 $main-font: "Noto Sans TC", sans-serif;
 $sub-font: "Noto Sans TC", sans-serif;

assets/stylesheets/template/layout/content.scss

@@ -14,9 +14,6 @@
     text-align: end!important;
 }
 .internal-page{
-  .verticalhome{
-    padding-top: 5em; 
-  }
   // .outdropdowns{
   //   @media(min-width:769px){
   //   position: absolute!important;
@@ -24,7 +21,7 @@
   // }
 }
 .verticalhome{
-  padding-top: 3em;
+  // padding-top: 3em;
   position: relative;
   width: 100%;
   z-index: unset!important;

assets/stylesheets/template/layout/header.scss

@@ -33,6 +33,12 @@ sup {
     float: right;
   }
   @media(max-width: 768px){
+    a{
+      color: #333;
+      padding: 0.5em;
+      margin: 0;
+      position: relative;
+    }
     ul{
        display: flex!important;
        flex-wrap: wrap;
@@ -110,6 +116,7 @@ sup {
   }
     display: flex;
     align-items: center;
+    padding: 0.5em;
 }
 .default_site_h1 {
   display: flex;

assets/stylesheets/template/modules/ad_banner.scss

@@ -9,13 +9,29 @@
 // Widget
 // ## gerenral styles
 .ba-banner-widget-youtube{
- overflow: hidden;
- height: auto !important;
- .banner-overlay{
-  @media(max-width:768px){
-    position: relative;
+  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; 
+  }
+  .banner-overlay{
+    @media(max-width:768px){
+      position: relative;
+    }
   }
- }
 }
 .w-ba-banner {
   position: relative;
@@ -268,10 +284,10 @@ ul.button-mid{
 }
 // Widget 0
 .ba-banner-widget-0 {
-  height: 100vh !important;
+  height: 70vh !important;
   z-index: 0;
   .w-ba-banner__wrap{
-    height: 100vh !important;
+    height: 70vh !important;
   }
   .youtube, .cycle-youtube {
     width: 100%;
@@ -282,12 +298,6 @@ ul.button-mid{
     width: 100%;
     height: 100%;
   }
-  .banner-pager {
-    right: 1em;
-    top: -2em;
-    z-index: 100;
-    display: none;
-  }
   .button-mid{
     z-index: 101;
   }
@@ -314,7 +324,6 @@ ul.button-mid{
         // width: auto;
         max-width: unset;
         // transform: translateX(-9%);
-        height: 100vh;
       }
     }
   &,& .jp-jplayer{

assets/stylesheets/template/modules/menu.scss

@@ -215,7 +215,8 @@
   .modules-menu-level-0 {
       width: 100%;
       padding: 0;
-            align-items: center;
+      align-items: center;
+      justify-content: space-between;
       @media (min-width:769px)and(max-width: 1200px){
         display: flex;
         flex-wrap: wrap;

assets/stylesheets/template/widget/breadcrumb.scss

@@ -7,6 +7,9 @@
     // padding-left: 0.9375em!important;
   }
 }
+.widget-breadcrumb{
+  margin-bottom: 1em;
+}
 .breadcrumb {
   @media(max-width: 768px){
     padding: 0;