diff --git a/module/product/css/all.css b/module/product/css/all.css
index 36799514d6..adc7407106 100644
--- a/module/product/css/all.css
+++ b/module/product/css/all.css
@@ -37,24 +37,48 @@
 .side-col {padding-right: 20px; width: 18%;}
 #sidebar>.cell {width: 100%;}
 
-.main-table thead>tr:first-of-type>th {border-left: 1px solid #ddd;}
-.main-table thead>tr:first-of-type>th:first-child {border-left: none;}
-th.table-nest-title .nest-has-checkbox {margin-top: 7px; margin-left: 35px;}
-th.table-nest-title .nest-none-checkbox {margin-top: 8px; margin-left: 5px;}
-th.table-nest-title .header {margin-left: 5px;}
-th.table-nest-title .sort-up {padding-left: 5px;}
-th.table-nest-title .sort-down {padding-left: 5px;}
-th.table-nest-title .table-nest-toggle {top: 12px; opacity: .6;}
-th.table-nest-title .table-nest-toggle:hover {opacity: 1;}
+th.c-name {width: 400px;}
+th.c-requirement {width: 290px;}
+th.c-story {width: 290px;}
+th.c-bug {width: 200px;}
+th.c-plan {width: 45px;}
+th.c-release {width: 50px;}
+th.c-actions {width: 60px;}
 
-#productTableList .icon-product:before {content: '\e98f'; width: 22px; height: 22px; background: none; color: rgb(166, 170, 184); top: 0; line-height: 22px; margin-right: 2px; font-size: 14px;}
+#productListForm thead>tr>th,
+#productListForm tbody>tr>td {text-align: center; text-overflow: unset!important}
+#productListForm thead>tr>th {padding: 0; line-height: 24px;}
+#productListForm thead>tr:first-child>th {border-left: 1px solid #ddd;}
+#productListForm thead>tr>th.c-checkbox {border-left: none; padding-left: 15px; width: 45px;}
+#productListForm tbody>tr>td {padding: 2px 4px;}
+#productListForm tbody>tr>td:first-child {text-align: left; padding-left: 15px;}
+#productListForm th.table-nest-title .nest-has-checkbox {margin-top: 7px; margin-left: 35px;}
+#productListForm th.table-nest-title .nest-none-checkbox {margin-top: 8px; margin-left: 5px;}
+#productListForm th.table-nest-title .header {margin-left: 5px;}
+#productListForm th.table-nest-title .sort-up {padding-left: 5px;}
+#productListForm th.table-nest-title .sort-down {padding-left: 5px;}
+#productListForm th.table-nest-title .table-nest-toggle {top: 12px; opacity: .6;}
+#productListForm th.table-nest-title .table-nest-toggle:hover {opacity: 1;}
+#productListForm .table.has-sort-head thead>tr>th>a:after,
+#productListForm .table.has-sort-head thead>tr>th>a:before {top: -3px;}
+#productListForm .icon-product:before {content: '\e98f'; width: 22px; height: 22px; background: none; color: rgb(166, 170, 184); top: 0; line-height: 22px; margin-right: 2px; font-size: 14px;}
 
-.table.has-sort-head thead>tr>th>a:after, .table.has-sort-head thead>tr>th>a:before {top: -3px;}
-.main-table thead>tr>th {padding: 0px 8px; line-height: 24px;}
+@media screen and (max-width: 1460px)
+{
+    th.c-name {width: auto;}
+}
+@media screen and (max-width: 1300px)
+{
+    [lang^='zh-'] th.c-requirement {width: 240px;}
+    [lang^='zh-'] th.c-story {width: 240px;}
+}
 
-.icon-move {color: #16a8f8;}
-.c-name {text-overflow: unset !important; width: 110px !important;}
-.c-checkbox {width: 45px;}
-.c-story {width: 300px;}
-.c-bug {width: 200px;}
-.c-plan, .c-release {width: 60px;}
+@media screen and (max-width: 1250px)
+{
+    #productListForm thead>tr>th {font-size: 12px;}
+    th.c-requirement {width: 280px;}
+    th.c-story {width: 280px;}
+    th.c-actions {width: 50px;}
+    [lang^='zh-'] th.c-requirement {width: 220px;}
+    [lang^='zh-'] th.c-story {width: 220px;}
+}
diff --git a/module/product/js/all.js b/module/product/js/all.js
index f03b8f9c58..aa33a70d54 100644
--- a/module/product/js/all.js
+++ b/module/product/js/all.js
@@ -58,8 +58,10 @@ $(function()
         });
     }
 
-    $('#productTableList').on('click', '.row-program,.row-line', function()
+    $('#productTableList').on('click', '.row-program,.row-line', function(e)
     {
+        if($(e.target).closest('.table-nest-toggle,a').length) return;
+
         var $row      = $(this);
         var $checkbox = $row.find('.program-checkbox').toggleClass('checked').removeClass('indeterminate');
         var isChecked = $checkbox.hasClass('checked');
diff --git a/module/product/view/all.html.php b/module/product/view/all.html.php
index 6cab222cc8..1e60ab39fe 100644
--- a/module/product/view/all.html.php
+++ b/module/product/view/all.html.php
@@ -36,7 +36,7 @@
       $canOrder     = common::hasPriv('product', 'updateOrder');
       $canBatchEdit = common::hasPriv('product', 'batchEdit');
       ?>
-      <table id="productList" class="table has-sort-head table-fixed table-nested table-form">
+      <table id="productList" class="table has-sort-head table-nested table-fixed">
         <?php $vars = "browseType=$browseType&orderBy=%s";?>
         <thead>
           <tr class="text-center">
@@ -50,28 +50,28 @@
               <?php common::printOrderLink('name', $orderBy, $vars, $lang->product->name);?>
             </th>
             <?php if($this->config->URAndSR):?>
-            <th class="c-story" colspan="4"><?php echo $lang->story->requirement;?></th>
+            <th class='c-requirement' colspan="4"><?php echo $lang->story->requirement;?></th>
             <?php endif;?>
             <th class="c-story" colspan="4"><?php echo $lang->story->story;?></th>
             <th class="c-bug" colspan="3"><?php echo $lang->bug->common;?></th>
             <th class="c-plan"  rowspan="2"><?php echo $lang->product->plan;?></th>
             <th class="c-release"  rowspan="2"><?php echo $lang->product->release;?></th>
-            <th class='c-actions-2' rowspan="2"><?php echo $lang->actions;?></th>
+            <th class='c-actions' rowspan="2"><?php echo $lang->actions;?></th>
           </tr>
           <tr class="text-center">
             <?php if($this->config->URAndSR):?>
-            <th style="border-left: 1px solid #ddd;"><?php echo $lang->story->draft;?></th>
-            <th><?php echo $lang->story->activate;?></th>
-            <th><?php echo $lang->story->change;?></th>
-            <th><?php echo $lang->story->completeRate;?></th>
+            <th class='c-requirement-draft' style="border-left: 1px solid #ddd;"><?php echo $lang->story->draft;?></th>
+            <th class='c-requirement-activate'><?php echo $lang->story->activate;?></th>
+            <th class='c-requirement-change'><?php echo $lang->story->change;?></th>
+            <th class='c-requirement-completeRate'><?php echo $lang->story->completeRate;?></th>
             <?php endif;?>
-            <th style="border-left: 1px solid #ddd;"><?php echo $lang->story->draft;?></th>
-            <th><?php echo $lang->story->activate;?></th>
-            <th><?php echo $lang->story->change;?></th>
-            <th><?php echo $lang->story->completeRate;?></th>
-            <th style="border-left: 1px solid #ddd;"><?php echo $lang->bug->activate;?></th>
-            <th><?php echo $lang->close;?></th>
-            <th><?php echo $lang->bug->fixedRate;?></th>
+            <th class='c-story-draft' style="border-left: 1px solid #ddd;"><?php echo $lang->story->draft;?></th>
+            <th class='c-story-activate'><?php echo $lang->story->activate;?></th>
+            <th class='c-story-change'><?php echo $lang->story->change;?></th>
+            <th class='c-story-completeRate'><?php echo $lang->story->completeRate;?></th>
+            <th class='c-bug-activate' style="border-left: 1px solid #ddd;"><?php echo $lang->bug->activate;?></th>
+            <th class='c-bug-close'><?php echo $lang->close;?></th>
+            <th class='c-bug-fixedRate'><?php echo $lang->bug->fixedRate;?></th>
           </tr>
         </thead>
         <tbody id="productTableList">
@@ -85,7 +85,7 @@
           <?php if(isset($program['programName']) and $config->systemMode == 'new'):?>
           <tr class="row-program" <?php echo $trAttrs;?>>
             <?php if($canBatchEdit):?>
-            <td><div class='checkbox-primary program-checkbox'><label></label></div></td>
+            <td class='c-checkbox'><div class='checkbox-primary program-checkbox'><label></label></div></td>
             <?php endif;?>
             <td class='text-left table-nest-title' title="<?php echo $program['programName']?>">
               <span class="table-nest-icon icon table-nest-toggle"></span>
@@ -129,7 +129,7 @@
           ?>
           <tr class="row-line" <?php echo $trAttrs;?>>
             <?php if($canBatchEdit):?>
-            <td><div class='checkbox-primary program-checkbox'><label></label></div></td>
+            <td class='c-checkbox'><div class='checkbox-primary program-checkbox'><label></label></div></td>
             <?php endif;?>
             <td class='text-left table-nest-title' title="<?php echo $line['lineName']?>">
               <span class="table-nest-icon icon table-nest-toggle"></span>
@@ -185,7 +185,7 @@
           ?>
           <tr class="row-product" <?php echo $trAttrs;?>>
             <?php if($canBatchEdit):?>
-            <td><?php echo html::checkbox('productIDList', array($product->id => ''));?></td>
+            <td class='c-checkbox'><?php echo html::checkbox('productIDList', array($product->id => ''));?></td>
             <?php endif;?>
             <td class="c-name text-left table-nest-title" title='<?php echo $product->name?>'>
               <?php
@@ -211,7 +211,7 @@
             <td class='c-actions sort-handler'>
               <?php common::printIcon('product', 'edit', "product=$product->id", $product, 'list', 'edit');?>
               <?php if($canOrder):?>
-              <i class="icon icon-move"></i>
+              <i class="icon icon-move text-blue"></i>
               <?php endif;?>
             </td>
           </tr>