diff --git a/app/views/messages/_course_show.html.erb b/app/views/messages/_course_show.html.erb
index 579b26d65..2095babd6 100644
--- a/app/views/messages/_course_show.html.erb
+++ b/app/views/messages/_course_show.html.erb
@@ -105,6 +105,7 @@
       <%= form_for @reply, :as => :reply, :url => {:action => 'reply', :id => @topic}, :html => {:multipart => true, :id => 'message_form'} do |f| %>
           <%= render :partial => 'form_course', :locals => {:f => f, :replying => true} %>
           <%= link_to l(:button_submit),"javascript:void(0)",:onclick => 'course_board_submit_message_replay();' ,:class => "blue_btn fl c_white" ,:style=>"margin-left: 50px;"%>
+          <%= link_to l(:button_cancel), "javascript:void(0)", :onclick => 'course_board_canel_message_replay();', :class => "blue_btn grey_btn fl c_white"  %>
       <% end %>
     </div>
 <% end %>
diff --git a/app/views/messages/_form_course.html.erb b/app/views/messages/_form_course.html.erb
index 9324ea59e..6b66b0fba 100644
--- a/app/views/messages/_form_course.html.erb
+++ b/app/views/messages/_form_course.html.erb
@@ -1,15 +1,16 @@
 <%= javascript_include_tag "/assets/kindeditor/kindeditor" %>
 <%= error_messages_for 'message' %>
 <% replying ||= false %>
-<% extra_option = replying ? { readonly: true} : { maxlength: 200 } %>
+<% extra_option = replying ? { hidden: "hidden"} : { maxlength: 200 } %>
 
 <li>
-  <label><span class="c_red">*</span>&nbsp;<%= l(:field_subject) %>&nbsp;&nbsp;：</label>
+  <div style="display:<%= replying ? 'none' : 'block'%>;" class="fl"><label><span class="c_red">*</span>&nbsp;<%= l(:field_subject) %>&nbsp;&nbsp;：</label></div>
   <% if replying %>
-      <%= f.text_field :subject, { size: 60, id: "message_subject",:class=>"talk_input w585" }.merge(extra_option) %>
+      <div style="display: none;"><%= f.text_field :subject, { size: 60, id: "message_subject",:class=>"talk_input w585 fl" }.merge(extra_option) %></div>
   <% else %>
       <%= f.text_field :subject, { size: 60, id: "message_subject", onkeyup: "regexSubject();",:class=>"talk_input w585" }.merge(extra_option) %>
   <% end %>
+  <div class="cl"></div>
   <p id="subject_span" class="ml55"></p>
 </li>
 <li class="ml60 mb5">
@@ -26,7 +27,7 @@
   <div class="cl"></div>
 </li>
 <li>
-  <div id="message_quote" class="wiki" style="width: 100%;word-break: break-all;word-wrap: break-word;"></div>
+  <div id="message_quote" class="wiki" style="width: 92%;word-break: break-all;word-wrap: break-word;margin-left: 40px;"></div>
   <label class="fl" >
     <span class="c_red">*</span>&nbsp;
     <%= l(:field_description) %>&nbsp;&nbsp;：
diff --git a/public/javascripts/course.js b/public/javascripts/course.js
index cc57279f0..fb4998428 100644
--- a/public/javascripts/course.js
+++ b/public/javascripts/course.js
@@ -266,6 +266,13 @@ function course_board_submit_message_replay()
         $("#message_form").submit();
     }
 }
+
+function course_board_canel_message_replay()
+{
+    $("#reply").hide(200);
+    $("#message_quote").html("");
+}
+
 function MessageReplayVevify() {
     var content = message_content_editor.html();//$.trim($("#message_content").val());
     if (content.length == 0) {
diff --git a/public/stylesheets/courses.css b/public/stylesheets/courses.css
index 4643be06b..8442bb259 100644
--- a/public/stylesheets/courses.css
+++ b/public/stylesheets/courses.css
@@ -561,7 +561,7 @@ a:hover.Reply_pic{border:1px solid #64bdd9;}
 .Replybox{ float:left; width:495px; margin-left:5px;}
 .talk_nextpage{ border:none; width:410px; margin:0 auto;}
 .newtalk { margin-top:8px; margin-right:8px;}
-.talk_new{ border-bottom:1px dashed #d9d9d9; padding-bottom:10px;}
+/*.talk_new{ border-bottom:1px dashed #d9d9d9; padding-bottom:10px;}*/
 #about_newtalk{ display:none;}