Updated

assets/javascripts/app.js

@@ -623,14 +623,23 @@ extendPanelWidget();
     //
     // }
     //RWD 自動縮放headerbannner
+
     function headerH() {
       if ($(window).width() < 768) {
       const navH = $('.layout-header .navbar-header').outerHeight();
+          $('.extra-box').after($('.box'));
+    }else{
+          $('.modules-menu-level-0').after($('.box'));
     }
     }
       headerH();
     $(window).resize(function() {
         headerH();
+              if ($(window).width() < 769) {
+                          $('.extra-box').after($('.box'));
+              }else{
+                          $('.modules-menu-level-0').after($('.box'));
+              }
     })
 
     init();

assets/stylesheets/template/layout/content.scss

@@ -12,10 +12,15 @@
 }
 .layout-content-inner{
 
+}
+.colorwraper{
+  padding: 0;
 }
 .colerbox{
-  background: #288e8e;
-  padding: 0.9375em;
+    padding: 0;
+}
+.colerbox2{
+
 }
 .middlebox{
   .w-annc__widget-title{

home/index.html.erb

@@ -13,7 +13,10 @@
     <div class="layout-content-inner container">
       <section class="body-banner" data-pp="6"></section>
       <div class="row">
-      <section class="layout-content-box col-sm-4 colerbox" data-pp="24"></section>
+      <section class="layout-content-box colorwraper col-sm-4">
+         <section class=" col-sm-12 colerbox" data-pp="24"></section>
+         <section class=" col-sm-12 colerbox2" data-pp="27"></section>
+      </section>
       <section class="layout-content-box col-sm-6 middlebox" data-pp="25"></section>
       <section class="layout-content-box rightpart col-sm-2" data-pp="26"></section>
       </div>

template.json

@@ -1 +1 @@
-{"key":"asia_kstyle4","title":"asia_Kstyle4","author":"kenlee","thumbnail":"assets/images/design_thumb.png"}
+{"key":"asia_Kstyle4","title":"asia_Kstyle4","author":"kenlee","thumbnail":"assets/images/design_thumb.png"}