diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index b8d70a7..de64db4 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -2,6 +2,7 @@
     .tab-container {
         display: table;
     }
+
     .box-content {
         position: relative;
         height: 0;
@@ -9,38 +10,49 @@
     }
 
     ul.meta-tabs {
-        border-bottom: 1px solid @color-border;
-        background-color: @background_page-header;
+        //border-bottom: 1px solid @color-border;
+        //background-color: @background_page-header;
         margin: 0;
         padding: 0;
         list-style: none;
-        &::before, &::after {
+
+        &::before,
+        &::after {
             display: table;
             content: " ";
             box-sizing: border-box;
             clear: both;
         }
-        > li:first-child{
-            > a{
+
+        > li:first-child {
+            > a {
                 margin-left: 0;
             }
         }
+
+        > li:last-child {
+            > a {
+                margin-right: -1px;
+            }
+        }
+
         > li {
-            margin: 0 -1px -1px;
+            margin: 0 0 -1px;
             position: relative;
             display: inline-block;
+
             > a {
-                font-size: .78rem;
-                margin-left: 4px;
-                line-height: 1.42857143;
+                cursor: pointer;
                 position: relative;
                 display: block;
-                padding: .56em 2em;
-                border: 1px solid @color-border;
                 background-color: @color-site-bg;
-                border-radius: 4px 4px 0 0;
+                border: 1px solid @color-border;
+                border-radius: @fix_border-radius @fix_border-radius 0 0;
                 color: @color-nav;
-                cursor: pointer;
+                font-size: .78rem;
+                line-height: 1.42857143;
+                padding: .3em 1rem .1em;
+                margin-left: 4px;
                 transition: @transition color, @transition background-color, @transition border-color;
 
                 * {
@@ -53,12 +65,13 @@
                     position: relative;
                     transition: @transition color;
                 }
+
                 .num {
                     position: absolute;
                     right: -.8rem;
-                    top: -.4rem;
+                    top: -.2rem;
                     background-color: @color-border;
-                    border-radius: 2px;
+                    border-radius: @fix_border-radius;
                     color: @color-nav;
                     font-size: .56rem;
                     font-weight: 400;
@@ -66,56 +79,80 @@
                     line-height: 1;
                     padding: .2em .2rem .1em;
                     transition: @transition color, @transition background-color;
-
                 }
+
                 &:hover,
                 &:focus,
                 &:active {
-                    background-color: @background_page-header;
-                    border-color: @color-border;
-                    border-bottom-color: transparent;
-                    color: @button_background;
+                    background-color: @color-content-bg;
+                    border-color: @color-link;
+                    color: @color-link;
+                    text-decoration: none;
 
                     .prefix {
-                        color: @button_background;
+                        color: inherit;
                     }
 
                     .num {
-                        background-color: @button_background;
-                        color: @button_color;
+                        color: inherit;
                     }
                 }
             }
-            &.active > a {
-                cursor: default;
-                tab-index: -1;
-                color: #555;
-                background-color: @background_page-header;
-                border-color: transparent;
+
+            &.active {
+                z-index: 1;
+
+                > a {
+                    cursor: default;
+                    tab-index: -1;
+                    background-color: @color-content-bg;
+                    border-color: @color-link;
+                    border-bottom-color: @color-content-bg;
+                    color: @color-link;
+                }
             }
         }
     }
+
     .meta-content {
         .tab-pane {
-            border: 1px solid @color-border;
-            border-top-color: transparent;
-            background-color: @background_page-header;
-            display: none;
             position: absolute;
+            top: 0;
+            display: none;
             width: 100%;
+            background-color: @color-content-bg;
+            border: 1px solid @color-link;
+            border-top-color: transparent;
+            border-radius: 0 0 @fix_border-radius @fix_border-radius;
+
+            &::before {
+                content: '';
+                position: absolute;
+                top: -1px;
+                left: 0;
+                z-index: 0;
+                width: 100%;
+                height: 1px;
+                background-color: @color-link;
+            }
+
             &.active {
                 display: block;
             }
+
             > div {
                 padding: .8rem .5rem .5rem;
-                p{
+
+                p {
                     padding-left: 1em;
                 }
-                ul{
+                ul {
                     list-style: none;
-                    padding-left:0;
-                    li{
-                        margin-left: 0; padding-left: 1em;
+                    padding-left: 0;
+
+                    li {
+                        margin-left: 0;
+                        padding-left: 1em;
                     }
                 }
             }
@@ -127,26 +164,34 @@
                 padding: .6rem .5rem .5rem .8rem;
                 background: transparent;
                 border: 0 none;
+
                 h3 {
                     display: none;
                 }
+
                 > div {
                     padding: 0;
                 }
+
                 > div ul.toc {
                     font-size: .78rem;
                     padding-left: .5em;
+
                     a {
                         font-size: .78rem;
                         display: inline-block;
                         padding-left: 10px;
                         position: relative;
                     }
+
                     li {
                     }
+
                     div.li {
                         position: relative;
-                        ::before {
+                        padding: .15em 0;
+
+                        &::before {
                             position: absolute;
                             top: .3em;
                             content: "";
@@ -157,16 +202,17 @@
                             overflow: hidden;
                             left: 0;
                         }
-                        padding: .15em 0;
                     }
                 }
+
                 > div > ul.toc {
                     padding: 0;
                 }
             }
         }
     }
-    + .msg-area + a{
+
+    + .msg-area + a {
         clear: right;
         margin-top: 20px;
     }