diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss
index ac90b8a..1c54afa 100644
--- a/assets/stylesheets/template/modules/ad_banner.scss
+++ b/assets/stylesheets/template/modules/ad_banner.scss
@@ -8,6 +8,10 @@
 
 // Widget
 // ## gerenral styles
+.button-mid {
+    margin: 0;
+    z-index: 201;
+}
 ul.button-mid{
 	.prev-button{
     height: 2em !important;
diff --git a/modules/ad_banner/_ad_banner_widget2.html.erb b/modules/ad_banner/_ad_banner_widget2.html.erb
index 81c01d0..585915e 100644
--- a/modules/ad_banner/_ad_banner_widget2.html.erb
+++ b/modules/ad_banner/_ad_banner_widget2.html.erb
@@ -29,9 +29,7 @@
 
     </div>
   </div>
-  <div class="w-ad-banner__pager-2 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
-    <li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
-  </div>
+  <ul class="w-ba-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></ul>
   <ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
     <a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
       <i aria-hidden="true"></i>
@@ -49,23 +47,20 @@
   </ul>
 </div>
 <script>
-  $('[data-subpart-id="{{subpart-id}}"] .pause-slide').click(function(){
-    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
-    $(this).addClass('active')
-    $(this).parents('.controlplay').eq(0).find('.resume-slide').removeClass('active')
-  });
-  $('[data-subpart-id="{{subpart-id}}"] .resume-slide').click(function(){
-    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
-    $(this).addClass('active')
-    $(this).parents('.controlplay').eq(0).find('.pause-slide').removeClass('active')
-  });
-  $('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
-    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
+	var flag = 1;
+	$('.pause-slide').click(function(){
+		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('pause');
+	});
+	$('.resume-slide').click(function(){
+		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle('resume');
+	});
+	$('.next-button').off('click').on('click',function(){
+		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("next");
 
-  })
-  $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
-    $(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
-  });
+	})
+	$('.prev-button').off('click').on('click',function(){
+		$(this).parent("ul").parent('.w-ba-banner').find(".cycle-slideshow").cycle("prev");
+	});
     /* 修正點：處理 Pager 無障礙朗讀文字 */
   $('.cycle-slideshow').on('cycle-post-initialize', function(event, optionHash) {
     var $container = $(this).closest('.w-ba-banner');