diff --git a/src/assets/plugins/jquery.autoMenu.js b/src/assets/plugins/jquery.autoMenu.js
index c9c5520d..64a4ce9a 100644
--- a/src/assets/plugins/jquery.autoMenu.js
+++ b/src/assets/plugins/jquery.autoMenu.js
@@ -54,17 +54,17 @@
                     if (_this.get(0).tagName == opts.levelOne.toUpperCase()) {
                         _this.attr('id', num);
                         var nodetext = that.handleTxt(_this.html());
-                        html += '<li name="' + num + '"><a href="#' + num + '">' + nodetext + '</a></li>';
+                        html += '<li class="h1" name="' + num + '"><a href="#' + num + '">' + nodetext + '</a></li>';
                         num++;
                     } else if (_this.get(0).tagName == opts.levelTwo.toUpperCase()) {
                         _this.attr('id', num);
                         var nodetext = that.handleTxt(_this.html());
-                        html += '<li class="sub" name="' + num + '"><a href="#' + num + '">' + nodetext + '</a></li>';
+                        html += '<li class="h2" name="' + num + '"><a href="#' + num + '">' + nodetext + '</a></li>';
                         num++;
                     } else if (_this.get(0).tagName == opts.levelThree.toUpperCase()) {
                         _this.attr('id', num);
                         var nodetext = that.handleTxt(_this.html());
-                        html += '<li class="ssub" name="' + num + '"><a href="#' + num + '">' + nodetext + '</a></li>';
+                        html += '<li class="h3" name="' + num + '"><a href="#' + num + '">' + nodetext + '</a></li>';
                         num++;
                     }
                 })
diff --git a/src/assets/styles/jquery.autoMenu.css b/src/assets/styles/jquery.autoMenu.css
index 3c02d360..1496d5f8 100644
--- a/src/assets/styles/jquery.autoMenu.css
+++ b/src/assets/styles/jquery.autoMenu.css
@@ -80,6 +80,9 @@ a:focus {
 
 #manual #manualNavi li {
     list-style: none;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 #manual #manualNavi a {
@@ -89,12 +92,16 @@ a:focus {
     user-select: none
 }
 
-#manualNavi ul>li.sub {
-    padding-left: 20px;
+#manual #manualNavi .h1 a {
+    font-weight: bold;
 }
 
-#manualNavi ul>li.ssub {
-    padding-left: 40px;
+#manualNavi ul>li.h2 {
+    padding-left: 15px;
+}
+
+#manualNavi ul>li.h3 {
+    padding-left: 30px;
 }
 
 /* #manualNavi ul>li>a {
diff --git a/src/assets/styles/manual.css b/src/assets/styles/manual.css
index 11017458..a8193213 100644
--- a/src/assets/styles/manual.css
+++ b/src/assets/styles/manual.css
@@ -618,7 +618,7 @@
 }
 
 #manual li {
-    word-wrap: break-all;
+    word-wrap: break-word;
 }
 
 #manual li>p {