up

assets/stylesheets/template/base/_global.scss

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

assets/stylesheets/template/layout/header.scss

@@ -99,6 +99,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;
     white-space: normal;

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

@@ -114,6 +114,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;
+      }
+    }
   @media (max-width: 768px){
       -webkit-transition: all .3s ease;
     -moz-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,11 +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">
-           <div class="video-banner" data-pp="301" ></div>
-            <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>
@@ -37,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>
@@ -54,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>
-
-        <div class="contentwrap">
-            <div class="container">
+          <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>
@@ -79,7 +73,6 @@
               </div>
             </div>
         </div>
-
         <div class="contentwrap2">
             <div class="layout-content-inner container">
               <div class="column row">
@@ -97,22 +90,18 @@
               <div class="column row">
                 <section class="extra-box col-sm-12 swiper-banner" data-pp="201"></section>
               </div>
-            </div>
-        </div>
-
-        <div class="contentwrap">
-              <div class="container row">
+              <div class="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 class="container ">
-                <div class="move-box-wrapper row">
-                  <div class="move-box col-sm-12" data-pp="100000"></div>
-                </div>
-              </div>
+            </div>
+        </div>
+        <div class="container ">
+          <div class="move-box-wrapper row">
+            <div class="move-box col-sm-12" data-pp="100000"></div>
+          </div>
         </div>
-
       </div>
     </div>
   </div>