diff --git a/src/components/VBerth.vue b/src/components/VBerth.vue
index 9e539f7..9070f94 100644
--- a/src/components/VBerth.vue
+++ b/src/components/VBerth.vue
@@ -71,11 +71,11 @@ export default {
             }
             .free-berth{
                 @include fontStyle(24px);
-                background-image: $fontBlue;
+                color: $fontBlue;
             }
             .buss-berth{
                 @include fontStyle(24px);
-                background-image: $fontOrange;
+                color: $fontOrange;
             }
         }
     }
diff --git a/src/components/VEquipment.vue b/src/components/VEquipment.vue
index 659ad08..92cb023 100644
--- a/src/components/VEquipment.vue
+++ b/src/components/VEquipment.vue
@@ -118,11 +118,11 @@ export default {
             }
             .text-blue{
                 @include fontStyle(24px);
-                background-image: $fontBlue;
+                color: $fontBlue;
             }
             .text-orange{
                 @include fontStyle(24px);
-                background-image: $fontOrange;
+                color: $fontOrange;
             }
 
         }
diff --git a/src/components/VParking.vue b/src/components/VParking.vue
index 0a7ff9c..750747e 100644
--- a/src/components/VParking.vue
+++ b/src/components/VParking.vue
@@ -72,7 +72,7 @@ export default {
                 p{
                     &:first-child{
                         @include fontStyle(24px);
-                        background-image: $fontBlue;
+                        color: $fontBlue;
                     }
                     &:last-child{
                         font-size: 14px;
@@ -83,7 +83,7 @@ export default {
                 p{
                     &:first-child{
                         @include fontStyle(24px);
-                        background-image: $fontOrange;
+                        color: $fontOrange;
                     }
                     &:last-child{
                         font-size: 14px;
diff --git a/src/components/VToll.vue b/src/components/VToll.vue
index f82fdf1..e1858ce 100644
--- a/src/components/VToll.vue
+++ b/src/components/VToll.vue
@@ -60,7 +60,7 @@ export default {
                 p{
                     &:first-child{
                         @include fontStyle(24px);
-                        background-image: $fontBlue;
+                        color: $fontBlue;
                     }
                     &:last-child{
                         font-size: 14px;
@@ -71,7 +71,7 @@ export default {
                 p{
                     &:first-child{
                         @include fontStyle(24px);
-                        background-image: $fontOrange;
+                        color: $fontOrange;
                     }
                     &:last-child{
                         font-size: 14px;
diff --git a/src/style/mixin.scss b/src/style/mixin.scss
index 35af260..08dd6e1 100644
--- a/src/style/mixin.scss
+++ b/src/style/mixin.scss
@@ -1,9 +1,9 @@
 @mixin fontStyle($size){
   font-size: $size;
   font-weight:bold;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+  //-webkit-background-clip: text;
+  //-webkit-text-fill-color: transparent;
 }
 
-$fontBlue: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,202,254, 1)), to(rgba(39,114,244, 1)));
-$fontOrange: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,186,0, 1)), to(rgba(255,129,0, 1)));
+$fontBlue: #50a9f9;
+$fontOrange: #f0c05c;