diff --git a/hwe/js/select_npc.js b/hwe/js/select_npc.js
index 31646829..b41713ff 100644
--- a/hwe/js/select_npc.js
+++ b/hwe/js/select_npc.js
@@ -72,7 +72,18 @@ function printGenerals(value){
     $('#outdate_token').hide();
     var time = Date.now() + value.pickMoreSeconds*1000;
     $('#btn_pick_more').data('available', time).prop('disabled',true);
-    $.each(value.pick, function(idx, cardData){
+
+    var pick = $.map(value.pick, function(value, key) {
+        return value;
+    });
+
+    pick.sort(function(lhs, rhs){
+        var lsum = lhs.leader+lhs.power+lhs.intel;
+        var rsum = rhs.leader+rhs.power+rhs.intel;
+        return lsum - rsum;
+    });
+    
+    $.each(pick, function(idx, cardData){
         cardData.iconPath = getIconPath(cardData.imgsvr, cardData.picture);
 
         var $card = $(TemplateEngine(templateGeneralCard, cardData));
diff --git a/hwe/select_npc.php b/hwe/select_npc.php
index f6808847..6de57857 100644
--- a/hwe/select_npc.php
+++ b/hwe/select_npc.php
@@ -32,7 +32,7 @@ $nations = $db->queryAllLists('SELECT `name`, scoutmsg, color FROM nation');
 <script type="text/javascript" src="../d_shared/common_path.js"></script>
 <script type="text/javascript" src="../e_lib/jquery-3.2.1.min.js"></script>
 <script type="text/javascript" src="../js/common.js?180505_2"></script>
-<script src="js/select_npc.js?180505_3"></script>
+<script src="js/select_npc.js?180505_4"></script>
 
 </head>