diff --git a/5cm/webapp/css/main.css b/5cm/webapp/css/main.css
index ad9d01c..4e528b8 100644
--- a/5cm/webapp/css/main.css
+++ b/5cm/webapp/css/main.css
@@ -17,12 +17,12 @@ img {
   cursor: pointer;
 }
 .header {
-  height: 60px;
+  height: 80px;
   width: 100%;
   background-color: #000000;
 }
 #header_back {
-  height: 60px;
+  height: 80px;
   width: 40px;
   float: left;
   background-image: url('../../public/images/antenna2.png');
@@ -31,8 +31,8 @@ img {
   background-size: 40px 40px;
 }
 #header_title {
-  height: 60px;
-  line-height: 60px;
+  height: 80px;
+  line-height: 80px;
   margin: auto 40px;
   font-size: 20px;
   color: #FFF;
@@ -44,11 +44,11 @@ img {
   background-color: #1C1817;
   position: fixed;
   bottom: 0;
-  height: 60px;
+  height: 80px;
   width: 100%;
 }
 .toolbar {
-  height: 60px;
+  height: 80px;
   width: 20%;
   display: inline-block;
   float: left;
@@ -58,12 +58,12 @@ img {
 .toolbar_img {
   height: 50px;
   width: 50px;
-  margin: 5px auto;
+  margin: 15px auto;
 }
 /*---------login---------*/
 .login {
   position: absolute;
-  top: 60px;
+  top: 80px;
   bottom: 50px;
   right: 0;
   left: 0;
diff --git a/5cm/webapp/less/main.css b/5cm/webapp/less/main.css
index ec90c75..d14ea89 100644
--- a/5cm/webapp/less/main.css
+++ b/5cm/webapp/less/main.css
@@ -1,4 +1,4 @@
-@header_height:60px;
+@header_height:80px;
 @float_left:left;
 @float_right:right;
 @logo_pc_height:40px;