Add light box.

Fix bug.

assets/javascripts/app.js

@@ -446,6 +446,7 @@
 
   // 當文件物件模型(DOM)載入後，執行init函數
   $(document).ready(function() {
+    $(".w-ba-banner__wrap").height(300);
     init();
     if( $('div[data-pp="1000"]').text() !== ''){
         $('.black-screen').addClass('active');
@@ -455,7 +456,11 @@
       $('.black-screen').removeClass('active');
     })
   });
-
+  $(window).on("load",function(){
+    $(".ba-banner-widget-1 .ad-overlay").css("bottom","auto");
+    $(".slide").css("height","auto");
+    $(".w-ba-banner__wrap").css("height","auto");
+  })
   // 執行 member等高計算，目前改用flexbox故mark掉 by ika 20160105
   // $(window).load(function() {
   //   if ($('.index-member-3').length && $(window).width() > 992) {

assets/stylesheets/template/template.scss

@@ -85,18 +85,18 @@
       width: 40%;
       padding: 30px;
     }
+    @media (max-width: 767px){
+      padding: 30px 10px;
+    }
     .close-btn{
       position: absolute;
       right: 0;
-      top:-40px;
+      top:0;
       padding: 5px 10px;
       background: $theme-color-main;
       color:#fff;
       font-size: 18px;
       transition:.3s;
-      @media (min-width: 768px){
-        top:0;
-      }
       &:hover{
         background: $theme-color-second;
       }
@@ -143,15 +143,19 @@
 }
 .w-ba-banner.ad-banner-widget-1.ba-banner-widget-1, 
 .slide {
-  padding: 0 !important;
-    height: 458px!important;
+  padding: 0;
+  height: 458px;
 }
 
 .ad-overlay.w-ba-banner__caption.w-ad-banner__caption {
     bottom: 55px;
-    height: 60px !important;
-    padding: 10px;
+    height: 60px;
+    padding: 0 10px;
     text-align: center;
+    overflow: hidden;
+    p{
+      display: none;
+    }
 }
 span.w-annc__category-wrap.col-sm-2 {
     width: 90px;

home/index.html.erb

@@ -38,7 +38,6 @@
       <a href='javascript:;' class="close-btn">
         <i class="fa fa-times"></i> 
       </a >
-
   </div>
 </div>