diff --git a/apps/common/main/lib/component/LoadMask.js b/apps/common/main/lib/component/LoadMask.js
index b9973a33b..323bbba84 100644
--- a/apps/common/main/lib/component/LoadMask.js
+++ b/apps/common/main/lib/component/LoadMask.js
@@ -128,10 +128,6 @@ define([
                     ownerEl.append(maskeEl);
                     ownerEl.append(loaderEl);
 
-                    loaderEl.css({
-                        top : Math.round(ownerEl.height() / 2 - (loaderEl.height() + parseInt(loaderEl.css('padding-top'))  + parseInt(loaderEl.css('padding-bottom'))) / 2) + 'px',
-                        left: Math.round(ownerEl.width()  / 2 - (loaderEl.width()  + parseInt(loaderEl.css('padding-left')) + parseInt(loaderEl.css('padding-right')))  / 2) + 'px'
-                    });
                     // if (ownerEl.height()<1 || ownerEl.width()<1)
                     //     loaderEl.css({visibility: 'hidden'});
 
diff --git a/apps/common/main/resources/less/loadmask.less b/apps/common/main/resources/less/loadmask.less
index 1534c7e3e..ab5526ff1 100644
--- a/apps/common/main/resources/less/loadmask.less
+++ b/apps/common/main/resources/less/loadmask.less
@@ -18,7 +18,7 @@
 .asc-loadmask-body {
     position: absolute;
     z-index: @loadmask-zindex + 1;
-    padding: 20px;
+    padding: 24px;
     line-height: @loadmask-image-height;
     border: none;
     background-image: none;
@@ -26,6 +26,10 @@
     color: @gray-light;
     .border-radius(@border-radius-large);
 
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%);
+
     & > div {
         display: inline-block;
         vertical-align: middle;
@@ -36,24 +40,31 @@
         height: @loadmask-image-height;
         width: @loadmask-image-width;
         float: left;
-        margin-left: 20px;
+        margin-left: 8px;
     }
 
     .asc-loadmask-title {
         .fontsize(@font-size-large);
-        margin: 0 20px;
+        margin: 0 8px 0 12px;
     }
 
     .left-panel & {
         line-height: @loadmask-small-image-height;
         background-color: transparent;
         color: @gray-deep;
+        padding: 8px;
+        top: 78px;
+        transform: translate(-50%, 0);
 
         .asc-loadmask-image {
             background-image: ~"url(@{common-image-const-path}/load-mask/loading-small.svg)";
             height: @loadmask-small-image-height;
             width: @loadmask-small-image-width;
         }
+
+        .asc-loadmask-title {
+            margin: 0 8px;
+        }
     }
 }