diff --git a/module/tutorial/css/index.css b/module/tutorial/css/index.css
index 607645392f..25c73091e2 100644
--- a/module/tutorial/css/index.css
+++ b/module/tutorial/css/index.css
@@ -1,11 +1,11 @@
 #pageContainer {position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;}
 #iframeWrapper {position: absolute; left: 0; top: 0; bottom: 0; right: 300px; display: block}
 #sidebar {position: absolute; right: 0; top: 0; bottom: 0; width: 300px; background: #f5f5f5; overflow-y: auto; padding-top: 66px; border-left: 1px solid #ddd}
-#sidebar > header {background: #EBF2F9; padding: 15px; position: fixed; top: 0; right: 0; z-index: 10; width: 300px; border-bottom: 1px solid #ddd}
-#sidebar > header > h2 {margin: 0 0 0 40px; font-size: 18px; padding: 0; line-height: 36px;}
+#sidebar > header {background: #3280FC; color: #fff; padding: 15px; position: fixed; top: 0; right: 0; z-index: 10; width: 300px; border-bottom: 1px solid #ddd}
+#sidebar > header > h2 {margin: 0 0 0 40px; font-size: 18px; padding: 0; line-height: 36px; color: #fff}
 #sidebar > header .start-icon {position: absolute; left: 12px; top: 15px; width: 36px; height: 36px;  text-align: center; margin-right: 5px;}
-#sidebar > header .start-icon > .icon-front {color: #fff; position: absolute; width: 36px; height: 36px; line-height: 36px; top: 0; left: 0}
-#sidebar > header .start-icon > .icon-back {font-size: 35px; color: #114f8e; line-height: 36px;}
+#sidebar > header .start-icon > .icon-front {color: #3280FC; position: absolute; width: 36px; height: 36px; line-height: 36px; top: 0; left: 0; font-size: 12px}
+#sidebar > header .start-icon > .icon-back {font-size: 35px; color: #fff; line-height: 36px;}
 #sidebar > header > .actions {position: absolute; right: 15px; top: 15px}
 #sidebar > section {padding: 20px 10px; border-top: 1px solid #ddd}
 #sidebar > section > h4 {margin: 0 0 10px 0; font-size: 14px; color: #808080; font-weight: normal}
diff --git a/module/tutorial/css/start.css b/module/tutorial/css/start.css
index ccc5479f90..a207c2af7c 100644
--- a/module/tutorial/css/start.css
+++ b/module/tutorial/css/start.css
@@ -1,6 +1,7 @@
 #start {background: #EBF2F9; padding: 40px; text-align: center;}
 .start-icon {position: relative; width: 140px; height: 140px; margin: 0 auto; line-height: 140px;}
-.start-icon > .icon-back {font-size: 140px; color: #114f8e}
+.start-icon > .icon-back {font-size: 140px; color: #145CCD}
 .start-icon > .icon-front {font-size: 56px; position: absolute; top: 35px; left: 35px; color: #EBF2F9; z-index: 10; width: 70px; height: 70px; text-align: center; line-height: 70px;}
 .start-icon > .icon-spin {-moz-animation: spin 15s infinite linear;-o-animation: spin 15s infinite linear;-webkit-animation: spin 15s infinite linear;animation: spin 15s infinite linear;}
+#start > h1 {color: #145CCD}
 #start > h1, #start > p {margin-bottom: 20px}
diff --git a/module/tutorial/lang/zh-cn.php b/module/tutorial/lang/zh-cn.php
index aa7ac6742d..fc0292a318 100644
--- a/module/tutorial/lang/zh-cn.php
+++ b/module/tutorial/lang/zh-cn.php
@@ -14,7 +14,7 @@ $lang->tutorial = new stdclass();
 $lang->tutorial->common           = '新手教程';
 $lang->tutorial->desc             = '通过完成一系列任务，快速了解禅道的基本使用方法。这可能会花费您10分钟，你可以随时退出任务。';
 $lang->tutorial->start            = '立即开始';
-$lang->tutorial->exit             = '退出任务';
+$lang->tutorial->exit             = '退出教程';
 $lang->tutorial->congratulation   = '恭喜，你已完成了所有任务！';
 $lang->tutorial->restart          = '重新开始';
 $lang->tutorial->currentTask      = '当前任务';
diff --git a/module/tutorial/view/index.html.php b/module/tutorial/view/index.html.php
index b42f8f91ae..5be9defb3d 100644
--- a/module/tutorial/view/index.html.php
+++ b/module/tutorial/view/index.html.php
@@ -206,9 +206,9 @@ $(function()
         {
             trigger: 'manual',
             title: text,
-            placement: 'top',
+            placement: $e.offset().left > ($(window).width()*2/3) ? 'left' : 'top',
             container: 'body',
-            tipClass: 'tooltip-warning'
+            tipClass: 'tooltip-warning tooltip-max'
         }, options);
         $e = $e.first();
         if($lastTooltip) $lastTooltip.tooltip('hide');