diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index e3b2df048..4967505a3 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -335,7 +335,7 @@ module ApplicationHelper
         # set the project environment to please macros.
         @course = course
         if (ancestors.empty? )#|| course.is_descendant_of?(ancestors.last))
-          s << "<ul class=courses'>\n"
+          s << "<ul class=courses>\n"
         else
           ancestors.pop
           s << "</li>"
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index a8d030b6b..3b1e503c4 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -696,7 +696,6 @@ ul.user_course_sort li{list-style-type:none;
     height:auto;}
 
 
-
 .info-break{
 	word-wrap: break-word;
 	word-break: break-all;	
@@ -1765,6 +1764,22 @@ input#content_comments {width: 99%}
 
 p.pagination {margin-top:8px; font-size: 90%}
 
+
+ul.courses {margin:0px; padding-left:0em;}
+ul.courses ul {padding-left:1.6em;}
+ul.courses.root {margin:0; padding:0;}
+
+ul.courses li {list-style-type:none;}
+
+ul.courses li {list-style-type:none;}
+#courses-index ul.courses ul.courses { border-left: 3px solid #e0e0e0; padding-left:1em;}
+#courses-index ul.courses li.root {margin-bottom: 1em;}
+#courses-index ul.courses li.child {margin-top: 1em;}
+#courses-index ul.courses div.root a.course {font-family:'微软雅黑', "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 14px; margin: 0 0 10px 0; }
+.my-course { padding-left: 18px; background: url(../images/fav.png) no-repeat 0 50%; }
+
+
+
 /***** Tabular forms ******/
 .tabular p{
   margin: 0;