diff --git a/modules/video_pro/info.json b/modules/video_pro/info.json
index f5f858a..6a8cd59 100644
--- a/modules/video_pro/info.json
+++ b/modules/video_pro/info.json
@@ -22,6 +22,7 @@
     "frontend" : [
         {
             "filename" : "video_pro_index1",
+            "force_cover": "true",
             "name" : {
                 "zh_tw" : "1. 影片列表1 ( 縮圖, 影片資訊, 頁面連結)",
                 "en" : "1. Video List 1 ( snapshot, video info, page link)"
@@ -30,6 +31,7 @@
         },
         {
             "filename" : "video_pro_index2",
+            "force_cover": "true",
             "name" : {
                 "zh_tw" : "2. 影片列表1 + 類別 + 搜尋 ( 縮圖, 影片資訊, 頁面連結)",
                 "en" : "2. Video List 1 + Category filter + Search ( snapshot, video info, page link)"
@@ -38,6 +40,7 @@
         },
         {
             "filename" : "video_pro_index3",
+            "force_cover": "true",
             "name" : {
                 "zh_tw" : "3. 影片列表2 + 懸浮框 ( 縮圖, 影片資訊)",
                 "en" : "3. Video List 2 + Modal window ( snapshot, video info)"
@@ -46,6 +49,7 @@
         },
         {
             "filename" : "video_pro_index_post_agency1",
+            "force_cover": "true",
             "name" : {
                 "zh_tw" : "4. 影片列表3 + 發佈單位篩選 ( 縮圖, 影片資訊, 關鍵字, 頁面連結)",
                 "en" : "4. Video List 3 + Post Agency filter ( snapshot, video info, keyword, page link)"
diff --git a/modules/video_pro/video_pro_index1.html.erb b/modules/video_pro/video_pro_index1.html.erb
index 0b1cac0..3a9c0cf 100644
--- a/modules/video_pro/video_pro_index1.html.erb
+++ b/modules/video_pro/video_pro_index1.html.erb
@@ -1,6 +1,6 @@
 <div class="i-video_data video_data-index-1">
-  <ul class="video_data__wrap" data-list="videos" data-level="0">
-    <li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
+  <ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
+    <li class="video_data col-xs-12 col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
       <a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
         <img class="video_snapshot" src="{{snapshot_url}}"/>
         <div class="video_info">
@@ -18,6 +18,10 @@
   </ul>
   <div class="clearfix"></div>
   <style>
+    .video_data_wrap{
+      display: flex;
+      flex-wrap: wrap;
+    }
     .video_group_time{
       color: #4487cb;
     }
diff --git a/modules/video_pro/video_pro_index2.html.erb b/modules/video_pro/video_pro_index2.html.erb
index 165ec8d..0e67b06 100644
--- a/modules/video_pro/video_pro_index2.html.erb
+++ b/modules/video_pro/video_pro_index2.html.erb
@@ -20,8 +20,8 @@
       <li class="{{klass}}"><a title="{{title}}" href="{{url}}">{{title}}</a></li>
     </ul>
   </div>
-  <ul class="video_data_wrap" data-list="videos" data-level="0">
-    <li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
+  <ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
+    <li class="video_data col-xs-12 col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
       <a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
         <img class="video_snapshot" src="{{snapshot_url}}"/>
         <div class="video_info">
@@ -39,6 +39,10 @@
   </ul>
   <div class="clearfix"></div>
   <style>
+    .video_data_wrap{
+      display: flex;
+      flex-wrap: wrap;
+    }
     .video_filter_area {
       margin-bottom: 20px;
     }
diff --git a/modules/video_pro/video_pro_index3.html.erb b/modules/video_pro/video_pro_index3.html.erb
index 5068e81..2847725 100644
--- a/modules/video_pro/video_pro_index3.html.erb
+++ b/modules/video_pro/video_pro_index3.html.erb
@@ -12,8 +12,8 @@
       </div>
     </div>
   </div>
-  <ul class="video_data__wrap" data-list="videos" data-level="0">
-    <li class="video_data col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
+  <ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
+    <li class="video_data col-xs-12 col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
       <a class="video_link" href="javascript:void(0)" title="{{video_title_escape}}" data-api-url="{{api_url}}">
         <div class="video_snapshot_wrap">
           <img class="video_snapshot" src="{{snapshot_url}}"/>
@@ -29,6 +29,10 @@
   </ul>
   <div class="clearfix"></div>
   <style>
+    .video_data_wrap{
+      display: flex;
+      flex-wrap: wrap;
+    }
     .video_title h4{
       font-size: 1.1em;
       font-weight: bold;