up

assets/stylesheets/template/base/_global.scss

@@ -290,9 +290,9 @@ blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
 }
 iframe{
   @media(max-width:1024px){
-    width: 100%!important;
+    width: 100%;
-    aspect-ratio: 16 / 9;
+    // aspect-ratio: 16 / 9;
-    height: auto !important;
+    // height: auto !important;
   }
 }
 

assets/stylesheets/template/layout/content.scss

@@ -86,8 +86,8 @@
   overflow: hidden;
   position: relative;
   width: 100%;
-  padding-bottom: 3em;
+  padding-bottom: 1em;
-  padding-top: 2em;
+  padding-top: 1em;
   //  p{
   //  padding-bottom: 1em;
   // }

assets/stylesheets/template/layout/header.scss

@@ -105,6 +105,9 @@ sup {
     }
   }
 .navbar-header h1.default_site_h1, .navbar-header h2.default_site_h1{
+  @media(max-width:768px){
+    font-size: 0.8em;
+  }
     display: flex;
     align-items: center;
 }
@@ -143,6 +146,11 @@ sup {
   .navbar-header {
     z-index: 10;
     position: relative;
+    @media(max-width:768px){
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
     padding: 0;
     margin: 0;
     @media(min-width:769px){
@@ -203,7 +211,7 @@ sup {
         float: left;
         height: 50px;
         padding-right: 0.5em;
-        width: auto!important;
+        width: auto;
         @media(min-width: 1024px){
           height: 50px;
         }

assets/stylesheets/template/modules/announcement.scss

@@ -2306,6 +2306,10 @@ img.w-annc__img {
 }
 //widget 15
 .widget-announcement-15 {
+  .w-annc__item_inner{
+    -webkit-box-shadow: 0 1px 2px 0 #0000002e;
+    box-shadow: 0 1px 2px 0 #0000002e;
+  }
   .cycle-carousel-wrap {
     align-items: stretch;
   }
@@ -2354,10 +2358,9 @@ img.w-annc__img {
 //  }
 
  .w-annc__img-wrap {
-
    margin: 0;
    overflow: hidden;
-   border: 2px solid #333;
+   aspect-ratio: 16 / 9;
    aspect-ratio: 16 / 9;
   //  @media(min-width:480px)and(max-width:820px){
   //   height: 9.5em;

assets/stylesheets/template/modules/menu.scss

@@ -78,6 +78,29 @@
 
 //固定選單
 .navFixed {
+    @media (max-width: 768px) {
+      .site-logo {
+        display: block!important;
+        -webkit-transition: all .3s ease;
+        -moz-transition: all .3s ease;
+        -ms-transition: all .3s ease;
+        -o-transition: all .3s ease;
+        transition: all .3s ease;
+        height: 40px !important;
+        width: auto !important;
+      }
+      .default_site_h1{
+        padding: 0.5em !important;
+      }
+      .navbar-header .default_site_h1>*{
+        display: none;
+        -webkit-transition: all .3s ease;
+        -moz-transition: all .3s ease;
+        -ms-transition: all .3s ease;
+        -o-transition: all .3s ease;
+        transition: all .3s ease;
+      }
+    }
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;

assets/stylesheets/template/modules/web_resource.scss

@@ -72,7 +72,11 @@
     vertical-align: top;
 }
 .widget-link {
-    margin-bottom: 1em;
+  margin-bottom: 1em;
+  margin-top: 1em;
+  .widget-link__more{
+    display: none;
+  }
 }
 .morebken{
   font-size: 1.2em;

home/index.html.erb

@@ -17,10 +17,15 @@
   <div class="verticalhome">
     <div class="layout-content topcontent">
       <a id="accesskey_content" accesskey="C" href="/<%= "#{locale.to_s}" %>/accesskey" title="Content">:::</a>
-
       <div class="contentwrap">
         <div class="container">
-          <section class="body-banner" data-pp="0"></section>
+          <div class="video-banner" data-pp="301" ></div>
+        </div>
+      </div>
+      <div class="layout-slide big-banner extra-box" data-pp="302" ></div>
+      <div class="contentwrap1">
+        <div class="layout-content-inner container">
+          <div class="body-banner" data-pp="0"></div>
           <div class="row ">
             <section class="layout-content-box col-sm-4" data-pp="1"></section>
             <section class="layout-content-box col-sm-4" data-pp="2"></section>
@@ -36,13 +41,6 @@
             <section class="layout-content-box col-sm-3" data-pp="6"></section>
             <section class="layout-content-box col-sm-3" data-pp="7"></section>
           </div>
-        </div>
-      </div>
-
-      <div class="layout-slide big-banner extra-box" data-pp="302" ></div>
-
-      <div class="contentwrap1">
-        <div class="layout-content-inner container">
           <div class="column row">
             <div class="two-column col-sm-6 ken" data-pp="11"></div>
             <div class="two-column col-sm-6 ken" data-pp="12"></div>
@@ -53,12 +51,9 @@
           <div class="column row">
             <section class="two-column col-sm-3" data-pp="16"></section>
             <section class="two-column col-sm-9" data-pp="17"></section>
+          </div>
         </div>
-        </div>
+        <div class="container">
-      </div>
-
-      <div class="contentwrap">
-          <div class="container">
             <section class="body-banner" data-pp="68"></section>
             <div class="row">
               <section class="layout-content-box col-sm-3" data-pp="64"></section>
@@ -78,15 +73,7 @@
             </div>
           </div>
       </div>
-
       <div class="contentwrap2">
-<!--        <div class="marqueeken">
-                    <div class="scroll">
-                        <div class="text1">
-                            ORBIT
-                        </div>
-                    </div>
-       </div> -->
           <div class="layout-content-inner container">
             <div class="column row">
               <section class="two-column col-sm-9" data-pp="39"></section>
@@ -103,15 +90,12 @@
             <div class="column row">
               <section class="extra-box col-sm-12 swiper-banner" data-pp="201"></section>
             </div>
-          </div>
+            <div class="row">
-      </div>
-
-      <div class="contentwrap">
-            <div class="container row">
               <section class="layout-content-box col-sm-8" data-pp="35"></section>
               <section class="layout-content-box col-sm-4" data-pp="34"></section>
               <section class="layout-content-box col-sm-12" data-pp="233"></section>
             </div>
+          </div>
       </div>
       <div class="container ">
         <div class="move-box-wrapper row">