diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js
index 0a351f9..1daaad1 100644
--- a/assets/javascripts/app.js
+++ b/assets/javascripts/app.js
@@ -2489,6 +2489,7 @@ $(function() {
       $('.i-annc__page-title').after($('.sitemenu-wrap2'));
       $('.i-archive-title').after($('.sitemenu-wrap2'));
       $('.page-module-title').after($('.sitemenu-wrap2'));
+      $('.show-member').before($('.sitemenu-wrap2'));
       $('.box-social-share').before($('.sitemenu-wrap3'));
       $('.box-social-share').before($('.sitemenu-wrap3'));
       $('.box-social-share').before($('.sitemenu-wrap3'));
diff --git a/assets/stylesheets/template/base/_accesskey.scss b/assets/stylesheets/template/base/_accesskey.scss
index cd79f59..b8783da 100644
--- a/assets/stylesheets/template/base/_accesskey.scss
+++ b/assets/stylesheets/template/base/_accesskey.scss
@@ -1,9 +1,9 @@
 @charset "utf-8";
 
 a[accesskey] {
-    position: absolute !important;
+    position: absolute;
     margin-left: 0;
-  color: transparent;
+  color:#333;
 }
 
 #orbit-bar a[accesskey] {
diff --git a/assets/stylesheets/template/base/_global.scss b/assets/stylesheets/template/base/_global.scss
index bb5c617..812fed1 100644
--- a/assets/stylesheets/template/base/_global.scss
+++ b/assets/stylesheets/template/base/_global.scss
@@ -87,7 +87,7 @@ a[href="/en/sitemap"]{
     margin: 0;
     font-size: unset;
     border-left: 0;
-    @media(min-width:769px){
+    @media(min-width:768px){
       float: left;
       .movelanguage{
         float: right;
@@ -277,6 +277,7 @@ td {
 img {
     max-width: 100%;
     height: auto;
+    width: 100%;
 }
 input[type=checkbox]:focus {
     outline: 0.3125em auto -webkit-focus-ring-color;
diff --git a/assets/stylesheets/template/layout/header.scss b/assets/stylesheets/template/layout/header.scss
index 99c25c1..1a6e137 100644
--- a/assets/stylesheets/template/layout/header.scss
+++ b/assets/stylesheets/template/layout/header.scss
@@ -136,31 +136,34 @@
        }
       }
 
+      @media (max-width: 768px){
+        max-width: 270px;
+      }
       @media (max-width: 480px) {
         h1{
           margin: 0;
         }
-        width: 80%;
+        width: 70%;
         padding: 0;
         margin: 0;
         white-space: normal;
       }
 
       .site-logo {
-        margin-right: 0.5em;
+        margin-right:0;
         float: left;
-        height: 50px;
+        height: auto;
         padding-right: 0.5em;
-        width: auto!important;
-        @media(min-width: 1024px){
-          height: 50px;
-        }
-        @media(max-width: $screen-xs){
-          height: 45px;
-        }
-        @media(max-width: 820px)and(min-width:$screen-xs ){
-          height: 45px;
-        }
+        width: 100%!important;
+        // @media(min-width: 1024px){
+        //   height: 50px;
+        // }
+        // @media(max-width: $screen-xs){
+        //   height: 45px;
+        // }
+        // @media(max-width: 820px)and(min-width:$screen-xs ){
+        //   height: 45px;
+        // }
       }
     }
   }
diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss
index 3307a9c..c18a37b 100644
--- a/assets/stylesheets/template/modules/ad_banner.scss
+++ b/assets/stylesheets/template/modules/ad_banner.scss
@@ -38,8 +38,11 @@
 .w-ba-banner .controlplay .resume-slide.active i {
     color: $theme-color-second!important;
 }
-.w-ba-banner__caption h3 {
+ .w-ba-banner__caption h3 {
     font-size: 2em;
+    @media(max-width:768px){
+      font-size: 1.8em;
+    }
 }
 ul.button-mid{
 	.prev-button{
diff --git a/assets/stylesheets/template/modules/archives.scss b/assets/stylesheets/template/modules/archives.scss
index a4fc8b9..dae93f2 100644
--- a/assets/stylesheets/template/modules/archives.scss
+++ b/assets/stylesheets/template/modules/archives.scss
@@ -112,7 +112,7 @@
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   &:hover {
-    background-color: darken($color: #f5f5f5, $amount: 10);
+    background: rgba(180, 180, 180, 0.1);
   }
 }
 .panel {
@@ -256,7 +256,7 @@
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     &:hover {
-      background-color: darken($color: #f5f5f5, $amount: 10);
+      background: rgba(180, 180, 180, 0.1);
     }
   }
   .panel {
diff --git a/assets/stylesheets/template/modules/event_news.scss b/assets/stylesheets/template/modules/event_news.scss
index 5ee46c3..7c4ddc8 100644
--- a/assets/stylesheets/template/modules/event_news.scss
+++ b/assets/stylesheets/template/modules/event_news.scss
@@ -560,7 +560,6 @@
   .i-annc__list {
     display: flex;
     flex-wrap: wrap;
-    justify-content: center;
   }
   .i-annc__title {
     font-family: $main-font;
diff --git a/assets/stylesheets/template/modules/gallery.scss b/assets/stylesheets/template/modules/gallery.scss
index b58af48..d07c5c9 100644
--- a/assets/stylesheets/template/modules/gallery.scss
+++ b/assets/stylesheets/template/modules/gallery.scss
@@ -30,6 +30,7 @@
   padding: 0;
   .img-thumbnail{
     width: 100%;
+    padding: 0;
   }
   &:hover{
     img{
@@ -42,6 +43,9 @@
     }
   }
 }
+.gallery.card-group .card.card-flip.h-100{
+  height: auto !important;
+}
 // Gallery MODULES
 .widget-gallery {
   .widget-title {
@@ -564,6 +568,14 @@
     }
   }
   &.index8{
+    .index-content-inner{
+        background-color: rgba($theme-color-second, 0.1);
+        margin-bottom: 1em;
+        border-radius: 1em;
+    }
+    h4.index-content-title {
+      padding: 0 1em;
+    }
     .index-content-inner img{
       padding: 0;
       border: 0;
diff --git a/assets/stylesheets/template/modules/member.scss b/assets/stylesheets/template/modules/member.scss
index 1da6692..cb238e1 100644
--- a/assets/stylesheets/template/modules/member.scss
+++ b/assets/stylesheets/template/modules/member.scss
@@ -72,14 +72,17 @@ th.sorting_disabled {
 // }
 .i-member-item{
   &:hover{
-    // img{
-    //   transform: scale(1.1) !important;
-    //   -webkit-transition: .3s ease-out;
-    //   -moz-transition: .3s ease-out;
-    //   -ms-transition: .3s ease-out;
-    //   -o-transition: .3s ease-out;
-    //   transition: .3s ease-out;
-    // }
+    .i-member-pic-wrap{
+      overflow: hidden;
+      .i-member-pic{
+      transform: scale(1.05) !important;
+      -webkit-transition: .3s ease-out;
+      -moz-transition: .3s ease-out;
+      -ms-transition: .3s ease-out;
+      -o-transition: .3s ease-out;
+      transition: .3s ease-out;        
+      }
+    }
   }
 }
 .search-member{
diff --git a/assets/stylesheets/template/widget/sitemenu.scss b/assets/stylesheets/template/widget/sitemenu.scss
index 290a692..1b2a071 100644
--- a/assets/stylesheets/template/widget/sitemenu.scss
+++ b/assets/stylesheets/template/widget/sitemenu.scss
@@ -90,6 +90,7 @@
       border: 1px solid #6868688f;
       padding: 1em;
       background-color: #fff;
+      margin-bottom: 1em;
   .sitemenu-list {
     position: relative;
     float: none;
diff --git a/modules/ad_banner/_ad_banner_widget0.html.erb b/modules/ad_banner/_ad_banner_widget0.html.erb
index 70620a6..5a2d7f1 100644
--- a/modules/ad_banner/_ad_banner_widget0.html.erb
+++ b/modules/ad_banner/_ad_banner_widget0.html.erb
@@ -63,62 +63,7 @@
   $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
     $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
   });
-  $(function() {
-    function updateBannerClip() {
-      $('.ba-banner-widget-0').each(function() {
-        var $banner = $(this);
-        var vpWidth  = $(window).width();
-        var vpHeight = $(window).height();
-
-        // --- 寬度：找比 viewport 窄的父層容器 ---
-        var $container = null;
-        $banner.parents().each(function() {
-          var $el = $(this);
-          if ($el.outerWidth() < vpWidth - 10) {
-            $container = $el;
-            return false;
-          }
-        });
-
-        var clipLeft   = 0;
-        var clipRight  = 0;
-        if ($container && $container.length > 0) {
-          clipLeft  = Math.max(0, $container.offset().left);
-          clipRight = Math.max(0, vpWidth - $container.offset().left - $container.outerWidth());
-        }
-
-        // --- 高度：依 .w-ad-banner 自己區塊的上下邊界裁切 ---
-        var bannerTop    = $banner.offset().top - $(window).scrollTop();
-        var bannerBottom = vpHeight - bannerTop - $banner.outerHeight();
-
-        var clipTop    = Math.max(0, bannerTop);
-        var clipBottom = Math.max(0, bannerBottom);
-
-        var clipValue = 'inset('
-          + clipTop    + 'px '
-          + clipRight  + 'px '
-          + clipBottom + 'px '
-          + clipLeft   + 'px)';
-
-        $banner.find('img.w-ba-banner__image').css('clip-path', clipValue);
-      });
-    }
-
-    // 初始執行
-    setTimeout(updateBannerClip, 300);
-
-    // 視窗縮放時重新計算
-    var resizeTimer;
-    $(window).on('resize', function() {
-      clearTimeout(resizeTimer);
-      resizeTimer = setTimeout(updateBannerClip, 100);
-    });
-
-    // ✅ 滾動時也要更新，因為 bannerTop 會隨捲動改變
-    $(window).on('scroll', function() {
-      updateBannerClip();
-    });
-  });
+ 
 </script>
 <style type="text/css">
   .w-ba-banner .controlplay .pause-slide.active i{
diff --git a/modules/announcement/_annc_widget19.html.erb b/modules/announcement/_annc_widget19.html.erb
index 871c332..70b58dd 100644
--- a/modules/announcement/_annc_widget19.html.erb
+++ b/modules/announcement/_annc_widget19.html.erb
@@ -2,9 +2,7 @@
     <h3 class="w-annc__widget-title">
       <span>{{widget-title}}</span>
     </h3>
-  <div class="w-annc__more-wrap clearfix">
-    <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
-  </div>
+
   <div style="    position: absolute;
     top: 1em;
     width: 6em;
@@ -53,128 +51,7 @@
     </div>
     </li>
   </ul>
+<div class="w-annc__more-wrap clearfix">
+    <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
+  </div>
 </div>
-<!-- <script src="//code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
-<script>
-	function combineul_{{subpart-id}}(){
-		var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
-		parents.each(function(i,v){
-			for(var i=1;i<$(v).find('ul.w-annc__list').length;i++)
-				$(v).find('ul.w-annc__list').eq(0).find('>li').eq(-1).after($(v).find('ul.w-annc__list').eq(i).html());
-			var ullength = $(v).find('ul.w-annc__list').length;
-			for(var i = 1;i < ullength;i++)
-				$(v).find('ul.w-annc__list').eq(-1).remove();
-		})
-	};
-	var num;
-	var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
-	function reorganize_{{subpart-id}}(num){
-		var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').toArray();
-		var currentul = uls.findIndex(function(v){
-			return $(v).hasClass("active") && !$(v).hasClass("hidden_item");
-		})
-		if(currentul == -1)
-			currentul = 0;
-		var li_active_idx = 0;
-		if(currentul != 0)
-			li_active_idx = $(uls[currentul]).find("li.w-annc__item").eq(0).index("li.w-annc__item");
-		combineul_{{subpart-id}}();
-		var parents = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').parent();
-		parents.each(function(i,v){
-			var lilength = $(v).find('li.w-annc__item').length;
-			var ul_length = Math.ceil(lilength/num);
-			for(var ii=1;ii< ul_length;ii++){
-				var clone_ul = $(v).find('ul.w-annc__list').eq(-1).clone();
-				clone_ul.empty();
-				clone_ul.removeClass("active");
-				clone_ul.css("display","");
-				$(v).find('ul.w-annc__list').eq(-1).after(clone_ul.prop("outerHTML"));
-				var lihtml="";
-				if(ii != (ul_length-1)){
-					for(var j=0;j<num;j++){
-						lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
-					};
-				}else{
-					for(var j=0;j< lilength - num *(ul_length-1) ;j++){
-						lihtml += $(v).find('li.w-annc__item').eq(ii*num+j).prop("outerHTML");
-					};
-				};
-				$(v).find('ul.w-annc__list').eq(-1).html(lihtml);
-			}
-			if(ul_length != 1 )
-				for(var i=0;i< lilength -num ; i++)
-					$(v).find('ul.w-annc__list').eq(0).find("li.w-annc__item").eq(num).remove();
-		})
-		$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css("display","none");
-		$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('padding','0');
-		$('[data-subpart-id=\"{{subpart-id}}\"] button').css('z-index','10');
-		// $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('width','calc('+100/num+'% - '+100/10+'em)'); //20px=>li的margin
-	  	$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list >li').css('float','left');
-	  	var active_ul = $("[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item").eq(li_active_idx).parents("ul.w-annc__list");
-		active_ul.addClass("active");
-		active_ul.removeClass("hidden_item");
-		active_ul.css("display","");
-	};
-	$(window).resize(function(){
-		if($(window).width()>1024){
-			reorganize_{{subpart-id}}(2);
-			num=2;
-		}else if($(window).width()>576){
-			reorganize_{{subpart-id}}(2);
-			num=2;
-		}else{
-			reorganize_{{subpart-id}}(1);
-			num=1;
-		}
-	})
-	$(document).ready(function(){
-		if($(window).width()>1024){
-			reorganize_{{subpart-id}}(2);
-			num=2;
-		}else if($(window).width()>576){
-			reorganize_{{subpart-id}}(2);
-			num=2;
-		}else{
-			reorganize_{{subpart-id}}(1);
-			num=1;
-		}
-	var flag=false;
-	$('.btn-left').click(function(){
-		if(!flag){
-			var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').toArray();
-			var ul_length = uls.length;
-			var currentul = uls.findIndex(function(v){
-				return $(v).hasClass("active");
-			})
-			$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('display','none');
-			if(currentul - 1 < 0)
-				currentul += ul_length;
-			$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').removeClass("active");
-			var active_item = $(uls[currentul-1]);
-			active_item.addClass("active");
-			active_item.find("li").css("display","block");
-			flag=true;
-			$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "right", mode: 'show', duration: 500},function(){flag=false;});
-		};
-	});
-	$('.btn-right').click(function(){
-		var lilength = $('[data-subpart-id=\"{{subpart-id}}\"] li.w-annc__item').length;
-		if(!flag){
-			var uls = $('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').toArray();
-			var ul_length = uls.length;
-			var currentul = uls.findIndex(function(v){
-				return $(v).hasClass("active");
-			})
-			$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list').css('display','none');
-			if(currentul + 1 > ul_length - 1)
-				currentul -= ul_length;
-			$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list:not(.hidden_item)').removeClass("active");
-			var active_item = $(uls[currentul+1]);
-			active_item.addClass("active");
-			active_item.find("li").css("display","block");
-			flag=true;
-			$('[data-subpart-id=\"{{subpart-id}}\"] ul.w-annc__list.active').eq(0).effect("slide", { direction: "left", mode: 'show', duration: 500},function(){flag=false;});
-		};
-	});
-	});
-</script> -->
diff --git a/modules/gallery/_gallery_widget3.html.erb b/modules/gallery/_gallery_widget3.html.erb
index f6851ee..301ffd3 100644
--- a/modules/gallery/_gallery_widget3.html.erb
+++ b/modules/gallery/_gallery_widget3.html.erb
@@ -12,10 +12,6 @@
             <div class="mask_title">{{image_description}}</div>
           </div>
         </div>
-        <div class="mask">
-          <div class="circle_box"><img src="/assets/circle_icon.png" alt="">
-          </div>
-        </div>
         <img
           srcset="
           {{thumb-large-src}} 1024w,
diff --git a/modules/gallery/show.html.erb b/modules/gallery/show.html.erb
index 96dbae8..c1e044c 100644
--- a/modules/gallery/show.html.erb
+++ b/modules/gallery/show.html.erb
@@ -37,6 +37,7 @@
         $img.attr('alt', albumTitle + (index + 1));
       }
     });
+    $('.show-pic a').removeAttr('title');
   }, 500);
 
 </script>
\ No newline at end of file