update

assets/javascripts/app.js

@@ -3294,6 +3294,40 @@ $(function() {
       });
     });
   }, 500);
+});
+$(function() {
+  setTimeout(function() {
+    $('.index-member-5 .i-member-item').each(function() {
+      var $item  = $(this);
+      var $nameA = $item.find('.member-data-value-name a');
+      var href   = $nameA.attr('href');
+      var title  = $nameA.text().trim();
+
+      if (!href) return;
+
+      // 移除 a 只保留文字
+      $nameA.replaceWith(title);
+
+      $item.css('cursor', 'pointer')
+           .attr({
+             'tabindex'  : '0',
+             'role'      : 'link',
+             'aria-label': title
+           });
+
+      $item.on('click', function(e) {
+        if (!$(e.target).is('a')) {
+          window.location.href = href;
+        }
+      });
+
+      $item.on('keydown', function(e) {
+        if (e.key === 'Enter') {
+          window.location.href = href;
+        }
+      });
+    });
+  }, 500);
 });
   // 執行 member等高計算，目前改用flexbox故mark掉 by ika 20160105
   // $(window).load(function() {

assets/stylesheets/template/modules/member.scss

@@ -265,7 +265,18 @@
     }
   }
   .i-member-item-inner {
-    height: auto !important;
+    background: none;
+    border: 1px solid #331115;
+    padding: 1em;
+    border-radius: 1em;
+    height: stretch;
+    &:hover{
+          -webkit-transform: translateY(-6px);
+    -ms-transform: translateY(-6px);
+    transform: translateY(-6px);
+    box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
+    -webkit-box-shadow: 0 12px 24px #0000004d, 0 10px 10px #00000033;
+    }
   }
 
   .i-member-status-title {

modules/member/member_index5.html.erb

@@ -4,7 +4,7 @@
       <div data-level="1" data-list="status-list">
         <h3 class="i-member-status-title">{{status-title}}</h3>
         <div class="i-member-list row" data-level="2" data-list="members">
-          <div class="i-member-item col-md-3 col-sm-6" href="{{link_to_show}}">
+          <div class="i-member-item col-md-3 col-sm-6">
             <div class="i-member-item-inner clearfix">
               <div class="i-member-pic-wrap">
                  <img class="i-member-pic" src="{{image}}" title="{{name}}">