diff --git a/src/components/ContactUs.vue b/src/components/ContactUs.vue
index 29bae1d..f61b3df 100644
--- a/src/components/ContactUs.vue
+++ b/src/components/ContactUs.vue
@@ -6,7 +6,9 @@ import FooterContent from './Tools/FooterContent.vue'
 <template>
   <div id="contactRoot">
     <div id="upbar"></div>
-    <FooterContent></FooterContent>
+    <div id="contactContent">
+      <FooterContent></FooterContent>
+    </div>
   </div>
 </template>
 
@@ -23,11 +25,29 @@ export default {
 #upbar{
   width: 100%;
   @include media-breakpoint-between(xs, md) {
-    height: 33px;
+    height: 70px;
   }
 
   @include media-breakpoint-up(md) {
-    height: 0px;
+    height: 95.17px;
+  }
+}
+
+#contactContent
+{
+  width: 100%;
+  height:100%;
+  align-items: center;
+  justify-content: left;
+  display: flex;
+  @include media-breakpoint-between(xs, md) {
+    background-image: url('/bottom/bg_wep.png');
+    padding-left: 32px;
+  }
+
+  @include media-breakpoint-up(md) {
+    background-image: url('/bottom/bg_pc.png');
+    padding-left: 100px;
   }
 }
 
@@ -41,5 +61,6 @@ export default {
   flex-direction: column;
   align-items: center;
   justify-content: center;
+
 }
 </style>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 4174904..06796da 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -25,17 +25,19 @@ export default {
   background-color: black;
   width:100%;
   align-items: center;
-  justify-content: center;
+  justify-content: left;
 
   @include media-breakpoint-between(xs, md) {
     min-height:806px;
     background-image: url('/bottom/bg_wep.png');
+    padding-left: 32px;
   }
 
   @include media-breakpoint-up(md) {
     min-height: 759px;
     margin-top: 0px;
     background-image: url('/bottom/bg_pc.png');
+    padding-left: 100px;
   }
 }
 </style>
diff --git a/src/components/Toolbar.vue b/src/components/Toolbar.vue
index ade53c0..4af05f7 100644
--- a/src/components/Toolbar.vue
+++ b/src/components/Toolbar.vue
@@ -154,7 +154,7 @@ export default {
   @include media-breakpoint-between(xs, md) {
     width:88px;
     height:16px;
-    margin-left: 3px;
+    margin-left: 32px;
   }
   @include media-breakpoint-up(md){
     margin-left: 100px;
diff --git a/src/components/Tools/MobileToolbar.vue b/src/components/Tools/MobileToolbar.vue
index 53e3c28..80fd3aa 100644
--- a/src/components/Tools/MobileToolbar.vue
+++ b/src/components/Tools/MobileToolbar.vue
@@ -141,8 +141,6 @@ export default {
 #barlist{
   margin-top: 44px;
   width: 100%;
-  //padding-left: 32px;
-  //padding-right: 32px;
 }
 
 .baritem{