diff --git a/assets/stylesheets/template/layout/content.scss b/assets/stylesheets/template/layout/content.scss
index fbf2a73..7e700f0 100644
--- a/assets/stylesheets/template/layout/content.scss
+++ b/assets/stylesheets/template/layout/content.scss
@@ -15,10 +15,10 @@ body{
   }
 }
 .downIcon {
+  display: block!important;
   position: absolute;
   left: 50%;
-  bottom: 15%;
-  //bottom: 10%;
+  bottom: 10%;
   z-index: 2;
   color: #fff;
 
@@ -676,3 +676,6 @@ body{
     }
   }
 }
+.black-screen-social-window{
+  padding: 0!important;
+}
\ No newline at end of file
diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss
index 17e7af9..ccc92a1 100644
--- a/assets/stylesheets/template/layout/header.scss
+++ b/assets/stylesheets/template/layout/header.scss
@@ -206,9 +206,6 @@ a#content{
   border-bottom: 1px solid #e8e8e8;
   color: #fff;
   height: auto;
-  .button-mid{
-    display: none;
-  }
 
   .container {
     @extend .response-container;
diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss
index fdaa400..cc56cfa 100644
--- a/assets/stylesheets/template/modules/ad_banner.scss
+++ b/assets/stylesheets/template/modules/ad_banner.scss
@@ -24,6 +24,9 @@
     cursor: pointer;
   }
 }
+  .button-mid{
+    bottom: -27%!important;
+  }
 .ad-banner-widget-6{
   .w-ad-banner__caption a{
     display: block;
@@ -200,6 +203,9 @@ ul.button-mid{
       height: 1.5rem;
       font-size: 1.5rem;
       width: 1.5rem;
+    }
+    @media(max-width: 768px){
+       left: 0.5rem;
     }
 	}
 	.next-button{
@@ -230,6 +236,9 @@ ul.button-mid{
       height: 1.5rem;
       font-size: 1.5rem;
       width: 1.5rem;
+    }
+    @media(max-width: 768px){
+        right: 0.5rem;
     }
 	}
 }
@@ -441,7 +450,9 @@ ul.button-mid{
 
 // Widget 1
 .ba-banner-widget-1 {
-
+.button-mid{
+  top: 80%!important;
+}
   .w-ba-banner__caption {
     color: #fff;
     z-index: 200;
@@ -475,11 +486,6 @@ ul.button-mid{
 
 // Widget 2
 .ba-banner-widget-2 {
-  .w-ba-banner__image {
-    width: 100%;
-    height: auto;
-  }
-
   .youtube, .cycle-youtube {
     width: 100%;
     height: 100%;
@@ -491,11 +497,47 @@ ul.button-mid{
   }
 
 
-  .banner-pager {
-    right: 1em;
-    top: -2em;
-    z-index: 102;
-    display: none;
+
+  img{
+    width: auto;
+    max-width: unset;
+          @media(min-width:2561px){
+                width:100%;
+                height: auto;
+                max-width: fit-content;
+          }
+          @media(min-width:1921px){
+            height: 1290px;
+          }
+          @media(min-width:1601px)and (max-width:1920px){
+            height: 895px;
+          }
+          @media screen and (min-width:1441px) and (max-width:1600px){
+                height: 725px;
+          }
+          @media screen and (min-width:1440px) and (max-width:1441px){
+                height: 764px;
+          }
+          @media screen and (min-width:1281px) and (max-width:1439px){
+                height: 595px;
+          }
+          @media screen and (min-width:1025px) and (max-width:1280px){
+                height: 545px;
+          }
+          @media (max-width:1280px){
+                width:100%;
+                height: auto;
+                max-width: fit-content;
+          }
+          // @media screen and (min-width:$screen-xs) and (max-width:990px){
+          //       height: 850px;
+          // }
+          // @media(max-width: $screen-xs){
+          //       height: 660px;
+          // }
+          // @media(max-width: 390px){
+          //       height: 485px;
+          // }
   }
 }
 
@@ -514,7 +556,6 @@ ul.button-mid{
     bottom: 2em;
    li { height: unset; width: unset; }
   }
-  ul.button-mid { display: none; }
 }
 
 //Widget 4
diff --git a/assets/stylesheets/template/modules/announcement.scss b/assets/stylesheets/template/modules/announcement.scss
index d6b9bdf..fe3069d 100644
--- a/assets/stylesheets/template/modules/announcement.scss
+++ b/assets/stylesheets/template/modules/announcement.scss
@@ -11,6 +11,9 @@
   padding: .4em .6em .4em;
 }
 // ## Gerneral styles for widgets
+.w-annc__more-wrap{
+  padding-top: 1em;;
+}
 .clearfix{
   display: flex;
   justify-content: center;
diff --git a/home/index.html.erb b/home/index.html.erb
index becf698..9cf7370 100644
--- a/home/index.html.erb
+++ b/home/index.html.erb
@@ -8,7 +8,7 @@
   <%= render_orbit_bar %>
   <!-- <div class="background" data-pp="100"></div> -->
   <%= render_header %>
-  <div class="downIcon" ><a href="#onesection" title="移動到第一個區塊"><span><img style="display: none;" src="/assets/down.svg" title="移動到第一個區塊" alt="移動到第一個區塊"></span></a></div>
+  <div class="downIcon" ><a href="#onesection" title="移動到第一個區塊"><span><img  src="/assets/down.svg" title="移動到第一個區塊" alt="移動到第一個區塊"></span></a></div>
   <div class="bigcontent">
     <div class="layout-content topcontent">
     <a id="accesskey_content" accesskey="C" href="/<%= "#{locale.to_s}" %>/accesskey" title="Content">:::</a>
diff --git a/modules/ad_banner/_ad_banner_widget2.html.erb b/modules/ad_banner/_ad_banner_widget2.html.erb
index fe383be..6ab3c02 100644
--- a/modules/ad_banner/_ad_banner_widget2.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2.html.erb
@@ -32,8 +32,8 @@
   <ul class="w-ba-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></ul>
 	<ul class="controlplay"><a class="resume-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "繼續播放" : "resume" %>"><i></i></a><a class="pause-slide" title = "<%= (I18n.locale.to_s =="zh_tw") ? "暫停播放" : "pause"%>"><i></i></a></ul>
 	<ul class="button-mid">
-  <i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></i>
-  <i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
+    <i class="fa fa-angle-left prev-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "上一張" : "prev" %>"></i>
+    <i class="fa fa-angle-right next-button" aria-hidden="true" title = "<%= (I18n.locale.to_s =="zh_tw") ? "下一張" : "next" %>"></i>
 	</ul>
 </div>
 <script>