fix nav active state. fix new font-size
diff --git a/_jade/layouts/doc.jade b/_jade/layouts/doc.jade
index 93a2fcc..eac89cb 100644
--- a/_jade/layouts/doc.jade
+++ b/_jade/layouts/doc.jade
@@ -41,6 +41,7 @@
     script(src="#{cdnThirdParty.beautifierJS}")
     script(src="#{getAssetUrl(cdnPayRoot, ecWWWLang + '/js/doc-bundle.js')}")
     script(type="text/javascript").
+        document.getElementById('nav-doc').className = 'active';
         window.EC_WWW_CDN_PAY_ROOT = '#{cdnPayRoot}';
 
     block global_args_extra
diff --git a/_jade/layouts/example.jade b/_jade/layouts/example.jade
index a42c1ee..358a878 100644
--- a/_jade/layouts/example.jade
+++ b/_jade/layouts/example.jade
@@ -38,6 +38,7 @@
     script(src="#{cdnThirdParty.elementUIJS}")
     script(src="#{getAssetUrl(cdnPayRoot, 'examples/js/example-bundle.js')}")
     script(type="text/javascript").
+        document.getElementById('nav-examples').className = 'active';
         window.EC_WWW_CDN_PAY_ROOT = '#{cdnPayRoot}';
 
     block global_args_extra
diff --git a/_scss/_components.nav.scss b/_scss/_components.nav.scss
index 6912ed7..c7cc05b 100644
--- a/_scss/_components.nav.scss
+++ b/_scss/_components.nav.scss
@@ -51,13 +51,12 @@
             .new {
                 display: inline-block;
                 padding: 0 5px;
-                background-color: $clr-secondary;
+                background-color: #F72C5B;
                 color: #fff;
-                font-size: 10px;
+                font-size: 12px;
                 border-radius: 3px;
-                height: 15px;
-                // transform: scale(0.8);
                 vertical-align: middle;
+                transform: scale(0.8);
             }
         }
         &.open {