diff --git a/module/admin/view/bind.html.php b/module/admin/view/bind.html.php
index 2ab2bc4406..91953432f1 100644
--- a/module/admin/view/bind.html.php
+++ b/module/admin/view/bind.html.php
@@ -11,20 +11,27 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<form method="post" target="hiddenwin">
-<table align='center' class='table-6'>
-<caption><?php echo $lang->admin->bind->caption;?></caption>
-  <tr>
-    <th><?php echo $lang->user->account;?></th>
-	<td><?php echo html::input('account', '', "class='form-control'");?></td>
-  </tr>
-  <tr>
-    <th class="rowhead"><?php echo $lang->user->password;?></th>
-    <td><?php echo html::password('password', '', "class='form-control'");?></td>
-  </tr>  
-  <tr>
-    <th><td colspan="2" class="a-center"><?php echo html::submitButton() . html::hidden('sn', $sn);?></td></th>
-  </tr>
-</table>
-</form>
+<div class='container mw-500px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon('cloud');?></span>
+      <strong><?php echo $lang->admin->bind->caption;?></strong>
+    </div>
+  </div>
+  <form class='form-condensed mw-400px' method="post" target="hiddenwin">
+    <table align='center' class='table table-form'>
+      <tr>
+        <th class='w-100px'><?php echo $lang->user->account;?></th>
+        <td><?php echo html::input('account', '', "class='form-control'");?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->user->password;?></th>
+        <td><?php echo html::password('password', '', "class='form-control'");?></td>
+      </tr>  
+      <tr>
+        <th></th><td class="text-center"><?php echo html::submitButton() . html::hidden('sn', $sn);?></td>
+      </tr>
+    </table>
+  </form>
+</div>
 <?php include '../../common/view/footer.html.php';?>
diff --git a/module/admin/view/register.html.php b/module/admin/view/register.html.php
index cdb91c64f2..4b14e3c5d5 100644
--- a/module/admin/view/register.html.php
+++ b/module/admin/view/register.html.php
@@ -11,47 +11,65 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<form method="post" target="hiddenwin">
-<table align='center' class='table-6'>
-<caption><?php echo $lang->admin->register->caption;?></caption>
-  <tr>
-    <th><?php echo $lang->user->account;?></th>
-	<td><?php echo html::input('account', '', "class='form-control'") . '<span class="star">*</span>' . $lang->admin->register->lblAccount;?></td>
-  </tr>
-  <tr>
-    <th class="rowhead"><?php echo $lang->user->realname;?></th>
-    <td><?php echo html::input('realname', '', "class='form-control'") . '<span class="star">*</span>';?></td>
-  </tr>
-  <tr>
-    <th class="rowhead"><?php echo $lang->user->company;?></th>
-    <td><?php echo html::input('company', $register->company, "class='form-control'");?></td>
-  </tr>
-  <tr>
-    <th class="rowhead"><?php echo $lang->user->phone;?></th>
-    <td><?php echo html::input('phone', '', "class='form-control'");?></td>
-  </tr>  
-  <tr>
-    <th class="rowhead"><?php echo $lang->user->email;?></td>
-    <td><?php echo html::input('email', $register->email, "class='form-control'") . '<span class="star">*</span>';?></td>
-  </tr>  
-  <tr>
-    <th class="rowhead"><?php echo $lang->user->password;?></th>
-    <td><?php echo html::password('password1', '', "class='form-control'") . '<span class="star">*</span>' . $lang->admin->register->lblPasswd;?></td>
-  </tr>  
-  <tr>
-    <th><?php echo $lang->user->password2;?></td>
-    <td><?php echo html::password('password2', '', "class='form-control'") . '<span class="star">*</span>';?></td>
-  </tr> 
-  <tr>
-    <th>
-	  <td colspan="2">
-        <?php 
-        echo html::submitButton($lang->admin->register->submit) . html::hidden('sn', $sn);
-        echo "<span>" . sprintf($lang->admin->register->bind, html::a(inlink('bind'), $lang->admin->register->click)) . "</span>";
-        ?>
-	  </td>
-    </th>
-  </tr>
-</table>
-</form>
+<div class='container mw-700px'>
+  <div id='titlebar'>
+    <div class='heading'>
+      <span class='prefix'><?php echo html::icon('cloud');?></span>
+      <strong><?php echo $lang->admin->register->caption;?></strong>
+    </div>
+  </div>
+  <div class='alert'>
+    <div class='pull-right'><?php echo html::a(inlink('bind'), $lang->admin->bind->caption, '', "class='btn btn-success'");?></div>
+    <i class='icon-info-sign'></i>
+    <div class='content'>
+      <?php echo sprintf($lang->admin->register->bind, html::a(inlink('bind'), $lang->admin->register->click));?>
+    </div>
+  </div>
+  <form class='form-condensed mw-600px' method="post" target="hiddenwin">
+    <table align='center' class='table table-form'>
+      <tr>
+        <th class='w-100px'><?php echo $lang->user->account;?></th>
+    	  <td>
+          <div class="required required-wrapper"></div>
+          <?php echo html::input('account', '', "class='form-control'");?>
+          <div class='help-block'><?php echo $lang->admin->register->lblAccount;?></div>
+        </td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->user->realname;?></th>
+        <td><div class="required required-wrapper"></div><?php echo html::input('realname', '', "class='form-control'");?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->user->company;?></th>
+        <td><?php echo html::input('company', $register->company, "class='form-control'");?></td>
+      </tr>
+      <tr>
+        <th><?php echo $lang->user->phone;?></th>
+        <td><?php echo html::input('phone', '', "class='form-control'");?></td>
+      </tr>  
+      <tr>
+        <th><?php echo $lang->user->email;?></th>
+        <td><div class="required required-wrapper"></div><?php echo html::input('email', $register->email, "class='form-control'");?></td>
+      </tr>  
+      <tr>
+        <th><?php echo $lang->user->password;?></th>
+        <td>
+          <div class="required required-wrapper"></div>
+          <?php echo html::password('password1', '', "class='form-control'");?>
+          <div class='help-block'><?php echo $lang->admin->register->lblPasswd;?></div>
+        </td>
+      </tr>  
+      <tr>
+        <th><?php echo $lang->user->password2;?></th>
+        <td><?php echo html::password('password2', '', "class='form-control'") . '<span class="star">*</span>';?></td>
+      </tr> 
+      <tr>
+        <th></th>
+        <td colspan="2">
+          <?php echo html::submitButton($lang->admin->register->submit) . html::hidden('sn', $sn);?>
+        </td>
+      </tr>
+    </table>
+  </form>
+</div>
 <?php include '../../common/view/footer.html.php';?>
diff --git a/module/bug/css/report.css b/module/bug/css/report.css
index 9c3849153e..83f749b531 100644
--- a/module/bug/css/report.css
+++ b/module/bug/css/report.css
@@ -1 +1,3 @@
-.side span {display:block}
+.table-bordered caption {border: 1px solid #ddd;}
+.table-bordered tr > th:first-child, .table-bordered tr > td:first-child {border-left: 1px solid #ddd!important}
+.table-bordered tr > th:last-child, .table-bordered tr > td:last-child {border-right: 1px solid #ddd!important}
diff --git a/module/bug/view/report.html.php b/module/bug/view/report.html.php
index 59498042e2..08eafdf7c4 100644
--- a/module/bug/view/report.html.php
+++ b/module/bug/view/report.html.php
@@ -11,40 +11,54 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<?php include '../../common/view/colorize.html.php';?>
-<table class='cont-lt1'>
-  <tr valign='top'>
-    <td class='side'>
-      <div class='box-title'><?php echo $lang->bug->report->select;?></div>
-      <div class='box-content'>
-        <form method='post'>
-        <?php echo html::checkBox('charts', $lang->bug->report->charts, $checkedCharts);?>
-        <?php echo html::selectAll();?>
-        <?php echo html::selectReverse(); ?>
-        <br /><br />
-        <?php echo html::submitButton($lang->bug->report->create);?>
+<div id='titlebar'>
+  <div class='heading'>
+    <span class='prefix'><?php echo html::icon($lang->icons['bug']);?></span>
+    <strong><small class='text-muted'><?php echo html::icon($lang->icons['report']);?></small> <?php echo $lang->bug->report->common;?></strong>
+  </div>
+  <div class='actions'>
+    <?php echo html::a($this->createLink('bug', 'browse', "productID=$productID&browseType=$browseType&moduleID=$moduleID"), $lang->goback, '', "class='btn'");?>
+  </div>
+</div>
+<div class='row'>
+  <div class='col-md-3 col-lg-2'>
+    <div class='panel panel-sm'>
+      <div class='panel-heading'>
+        <strong><?php echo $lang->bug->report->select;?></strong>
       </div>
-    </td>
-    <td class='divider'></td>
-    <td>
-      <table class='table-1'>
-        <caption>
-          <div class='f-left'><?php echo $lang->bug->report->common;?></div>
-          <div class='text-right'><?php echo html::a($this->createLink('bug', 'browse', "productID=$productID&browseType=$browseType&moduleID=$moduleID"), $lang->goback);?></div>
-        </caption>
+      <div class='panel-body' style='padding-top:0'>
+        <form method='post'>
+          <?php echo html::checkBox('charts', $lang->bug->report->charts, $checkedCharts, '', 'block');?>
+          <div class='btn-group'>
+            <?php echo html::selectAll(); ?>
+            <?php echo html::selectReverse(); ?>
+            <?php echo html::submitButton($lang->bug->report->create);?>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class='col-md-9 col-lg-10'>
+    <div class='panel panel-sm'>
+      <div class='panel-heading'>
+        <strong><?php echo $lang->bug->report->common;?></strong>
+      </div>
+      <table class='table active-disabled'>
         <?php foreach($charts as $chartType => $chartContent):?>
         <tr valign='top'>
           <td><?php echo $chartContent;?></td>
           <td width='300'>
             <?php $height = zget($lang->bug->report->$chartType, 'height', $lang->bug->report->options->height) . 'px'; ?>
             <div style="height:<?php echo $height;?>; overflow:auto">
-              <table class='table-1 colored'>
+              <table class='table table-condensed table-hover table-striped table-bordered'>
                 <caption><?php echo $lang->bug->report->charts[$chartType];?></caption>
-                <tr>
-                  <th><?php echo $lang->report->item;?></th>
-                  <th><?php echo $lang->report->value;?></th>
-                  <th><?php echo $lang->report->percent;?></th>
-                </tr>
+                <thead>
+                  <tr>
+                    <th><?php echo $lang->report->item;?></th>
+                    <th><?php echo $lang->report->value;?></th>
+                    <th><?php echo $lang->report->percent;?></th>
+                  </tr>
+                </thead>
                 <?php foreach($datas[$chartType] as $key => $data):?>
                 <tr class='text-center'>
                   <td><?php echo $data->name;?></td>
@@ -58,8 +72,8 @@
         </tr>
         <?php endforeach;?>
       </table>
-    </td>
-  </tr>
-</table>
+    </div>
+  </div>
+</div>
 <?php echo $renderJS;?>
 <?php include '../../common/view/footer.html.php';?>
diff --git a/module/doc/view/create.html.php b/module/doc/view/create.html.php
index 0e76e0793e..934548d2ec 100644
--- a/module/doc/view/create.html.php
+++ b/module/doc/view/create.html.php
@@ -29,7 +29,7 @@
       </tr>  
       <?php elseif($libID == 'project'):?>
       <tr>
-        <th><?php echo $lang->doc->project;?></th>
+        <th class='w-80px'><?php echo $lang->doc->project;?></th>
         <td><?php echo html::select('project', $projects, $projectID, "class='form-control' onchange=loadProducts(this.value);");?></td>
       </tr>  
       <tr>
diff --git a/module/task/css/report.css b/module/task/css/report.css
index 9c3849153e..83f749b531 100644
--- a/module/task/css/report.css
+++ b/module/task/css/report.css
@@ -1 +1,3 @@
-.side span {display:block}
+.table-bordered caption {border: 1px solid #ddd;}
+.table-bordered tr > th:first-child, .table-bordered tr > td:first-child {border-left: 1px solid #ddd!important}
+.table-bordered tr > th:last-child, .table-bordered tr > td:last-child {border-right: 1px solid #ddd!important}
diff --git a/module/task/view/report.html.php b/module/task/view/report.html.php
index 1de33032d4..ea7441aaef 100644
--- a/module/task/view/report.html.php
+++ b/module/task/view/report.html.php
@@ -11,41 +11,54 @@
  */
 ?>
 <?php include '../../common/view/header.html.php';?>
-<?php include '../../common/view/colorize.html.php';?>
-<table class='cont-lt1'>
-  <tr valign='top'>
-    <td class='side'>
-      <div class='box-title'><?php echo $lang->task->report->select;?></div>
-      <div class='box-content'>
+<div id='titlebar'>
+  <div class='heading'>
+    <span class='prefix'><?php echo html::icon($lang->icons['task']);?></span>
+    <strong><small class='text-muted'><?php echo html::icon($lang->icons['report']);?></small> <?php echo $lang->task->report->common;?></strong>
+  </div>
+  <div class='actions'>
+    <?php echo html::a($this->createLink('project', 'task', "projectID=$projectID&browseType=$browseType"), $lang->goback, '', "class='btn'");?>
+  </div>
+</div>
+<div class='row'>
+  <div class='col-md-3 col-lg-2'>
+    <div class='panel panel-sm'>
+      <div class='panel-heading'>
+        <strong><?php echo $lang->task->report->select;?></strong>
+      </div>
+      <div class='panel-body' style='padding-top:0'>
         <form method='post'>
-          <?php echo html::checkBox('charts', $lang->task->report->charts, $checkedCharts)?>
-          <?php echo html::selectAll(); ?>
-          <?php echo html::selectReverse(); ?>
-          <br /><br />
-          <?php echo html::submitButton($lang->task->report->create);?>
+          <?php echo html::checkBox('charts', $lang->task->report->charts, $checkedCharts, '', 'block')?>
+          <div class='btn-group'>
+            <?php echo html::selectAll(); ?>
+            <?php echo html::selectReverse(); ?>
+            <?php echo html::submitButton($lang->task->report->create);?>
+          </div>
         </form>
       </div>
-    </td>
-    <td class='divider'></td>
-    <td>
-      <table class='table-1'>
-        <caption>
-          <div class='f-left'><?php echo $lang->task->report->common;?></div>
-          <div class='text-right'><?php echo html::a($this->createLink('project', 'task', "projectID=$projectID&browseType=$browseType"), $lang->goback);?></div>
-        </caption>
+    </div>
+  </div>
+  <div class='col-md-9 col-lg-10'>
+    <div class='panel panel-sm'>
+      <div class='panel-heading'>
+        <strong><?php echo $lang->task->report->common;?></strong>
+      </div>
+      <table class='table active-disabled'>
         <?php foreach($charts as $chartType => $chartContent):?>
         <tr valign='top'>
           <td><?php echo $chartContent;?></td>
           <td width='300'>
             <?php $height = zget($lang->task->report->$chartType, 'height', $lang->story->report->options->height) . 'px'; ?>
-            <div style="height:<?php echo $height;?>; overflow:auto">
-              <table class='table-1 colored'>
-                <caption><?php echo $lang->task->report->charts[$chartType];?></caption>
-                <tr>
-                  <th><?php echo $lang->task->report->$chartType->item;?></th>
-                  <th><?php echo $lang->task->report->value;?></th>
-                  <th><?php echo $lang->report->percent;?></th>
-                </tr>
+            <div style="height:<?php echo $height;?>; overflow:auto;">
+              <table class='table table-condensed table-hover table-striped table-bordered'>
+                <caption class='text-left'><?php echo $lang->task->report->charts[$chartType];?></caption>
+                <thead>
+                  <tr>
+                    <th><?php echo $lang->task->report->$chartType->item;?></th>
+                    <th><?php echo $lang->task->report->value;?></th>
+                    <th><?php echo $lang->report->percent;?></th>
+                  </tr>
+                </thead>
                 <?php foreach($datas[$chartType] as $key => $data):?>
                 <tr class='text-center'>
                   <td><?php echo $data->name;?></td>
@@ -59,8 +72,8 @@
         </tr>
         <?php endforeach;?>
       </table>
-    </td>
-  </tr>
-</table>
+    </div>
+  </div>
+</div>
 <?php echo $renderJS;?>
 <?php include '../../common/view/footer.html.php';?>
diff --git a/module/testcase/view/exporttemplet.html.php b/module/testcase/view/exporttemplet.html.php
index bf92089114..c6d652732f 100644
--- a/module/testcase/view/exporttemplet.html.php
+++ b/module/testcase/view/exporttemplet.html.php
@@ -19,17 +19,29 @@ function closeWindow()
     }
 }
 </script>
-<form method='post' target='hiddenwin' onsubmit='setDownloading();'>
-<table class='table-1 mt-10px'>
-  <caption><?php echo $lang->testcase->exportTemplet?></caption>
+<div id='titlebar'>
+  <div class='heading'>
+    <span class='prefix'><?php echo html::icon($lang->icons['export']);?></span>
+    <strong><?php echo $lang->testcase->exportTemplet;?></strong>
+  </div>
+</div>
+
+<form class='form-condensed' method='post' target='hiddenwin' onsubmit='setDownloading();' style='padding: 40px 5%'>
+<table class='w-p100'>
   <tr>
-    <td align='center' style="padding:30px">
-    <?php
-    echo $lang->testcase->num;
-    echo html::input('num', '10');
-    echo html::select('encode', $config->charsets[$this->cookie->lang], 'utf-8');
-    echo html::submitButton();
-    ?>
+    <td>
+      <div class='input-group'>
+        <span class='input-group-addon'><?php echo $lang->testcase->num;?></span>
+        <?php
+          echo html::input('num', '10', 'class=form-control');
+        ?>
+      </div>
+    </td>
+    <td class='w-80px'>
+      <?php echo html::select('encode', $config->charsets[$this->cookie->lang], 'utf-8', "class='form-control'");?>
+    </td>
+    <td>
+      <?php echo html::submitButton();?>
     </td>
   </tr>
 </table>
diff --git a/www/theme/default/style.css b/www/theme/default/style.css
index 4ed13912b1..ed9ac33132 100644
--- a/www/theme/default/style.css
+++ b/www/theme/default/style.css
@@ -395,6 +395,7 @@ body {font-size: 12px; color:#141414;padding-bottom: 40px;}
 /* Main content in outer */
 .outer .row {padding: 15px 20px;}
 .outer .main {margin-bottom: 20px;}
+.outer .container > .main {margin: 0 15px 20px}
 .outer .main fieldset {margin-bottom: 15px; border: 1px solid #e5e5e5; padding: 10px 15px 15px;}
 .outer .main fieldset.fieldset-pure {background: none; padding: 0; border: none}
 .outer .main fieldset.collapsed {border: none}
@@ -416,7 +417,6 @@ body {font-size: 12px; color:#141414;padding-bottom: 40px;}
 .outer .main .nav-tabs > li {margin-bottom: -2px;}
 .outer .main .nav-tabs > li.active > a, .outer .main .nav-tabs > li.active > a:hover, .outer .main .nav-tabs > li.active > a:focus {color: #333; font-weight: bold;}
 .outer .main .tab-content {border: 1px solid #ddd; border-top: 0; padding: 10px 15px}
-/*.outer .main .tab-pane > .table {margin: -10px -15px}*/
 
 /* Table data in outer */
 .outer .table-data.table-condensed td, .outer .table-data.table-condensed th {padding: 3px 8px}