diff --git a/src/assets/scss/footer.scss b/src/assets/scss/footer.scss
index 4dc9c00..769b053 100644
--- a/src/assets/scss/footer.scss
+++ b/src/assets/scss/footer.scss
@@ -3,7 +3,7 @@
 // varible declare
 $fontColor: white;
 $backgroundColor: #1f4163;
-$fontFamily: Noto Sans CJK TC, monospace;
+$fontFamily: 'Noto Sans CJK TC', monospace;
 
 @mixin fontSize() {
   font-size: 14pt;
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 36b5127..5d1877b 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -30,7 +30,9 @@ body {
   
   display: flex;
   flex-direction: column;
+  
   font-size: 13pt;
+  font-family: 'Noto Sans CJK TC', sans-serif;
 }
 
 #app {
diff --git a/src/assets/scss/news/agenda.scss b/src/assets/scss/news/agenda.scss
index 0715231..ce1add0 100644
--- a/src/assets/scss/news/agenda.scss
+++ b/src/assets/scss/news/agenda.scss
@@ -1,10 +1,13 @@
-//import google font
-@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&display=swap");
-$fontFamily-NotoSansTC: "Noto Sans TC";
+// import google font
+// no need to import font; such font has been imported in App.vue
+// @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700;900&display=swap");
+$fontFamily-NotoSansTC: 'Noto Sans TC', sans-serif;
 
-//Color
-$color-white: #ffffff;
-$color-mid-blue: #226bb4;
+// Color
+// dont define private color if these are common ones 
+@import '../color';
+// $white: #ffffff;
+// $mid-blue: #226bb4;
 
 //Screen breakpoint
 $max-width-big-0: 1800px;
@@ -377,7 +380,7 @@ $max-width-small-3: 360px;
       line-height: 1.9;
       letter-spacing: normal;
       text-align: left;
-      color: $color-mid-blue;
+      color: $mid-blue;
       margin-block-start: 0.83em;
       margin-block-end: 0.83em;
     }
@@ -394,7 +397,7 @@ $max-width-small-3: 360px;
         line-height: 2.1;
         letter-spacing: 0.2px;
         text-align: left;
-        color: $color-mid-blue;
+        color: $mid-blue;
       }
 
       strong {
@@ -414,7 +417,7 @@ $max-width-small-3: 360px;
             height: 4px;
             width: 4px;
             transform: translate(-200%, -150%);
-            background-color: $color-mid-blue;
+            background-color: $mid-blue;
             border-radius: 50%;
           }
         }
@@ -430,7 +433,7 @@ $max-width-small-3: 360px;
           line-height: 2.2;
           letter-spacing: normal;
           text-align: left;
-          color: $color-mid-blue;
+          color: $mid-blue;
           margin-block-start: 0.83em;
           margin-block-end: 0.83em;
         }
@@ -459,7 +462,7 @@ $max-width-small-3: 360px;
       float: left;
       padding: 25px 1.5% 35px 1.5%;
       border-radius: 13px;
-      background-color: $color-mid-blue;
+      background-color: $mid-blue;
       width: 30%;
       &:not(:last-child) {
         margin-right: 5%;
@@ -468,7 +471,7 @@ $max-width-small-3: 360px;
       &-title {
         @include kindTitleFontsize();
         width: 100%;
-        color: $color-white;
+        color: $white;
         display: inline-block;
         text-align: center;
         font-weight: 900;
@@ -487,7 +490,7 @@ $max-width-small-3: 360px;
         p {
           @include kindTextFontsize();
           margin: 10px auto;
-          color: $color-white;
+          color: $white;
           font-weight: 500;
           font-stretch: normal;
           font-style: normal;
@@ -512,7 +515,7 @@ $max-width-small-3: 360px;
     &__itemBox {
       border-radius: 29px;
       box-shadow: 0 3px 12px 0 rgba(89, 120, 206, 0.56);
-      background-color: $color-white;
+      background-color: $white;
       margin: 0 0 30px 0;
 
       position: relative;
@@ -537,7 +540,7 @@ $max-width-small-3: 360px;
           line-height: 1.25;
           letter-spacing: normal;
           text-align: left;
-          color: $color-mid-blue;
+          color: $mid-blue;
         }
         span {
           @include qaIcon();
diff --git a/src/assets/scss/news/schedule.scss b/src/assets/scss/news/schedule.scss
index cecffe1..36debe7 100644
--- a/src/assets/scss/news/schedule.scss
+++ b/src/assets/scss/news/schedule.scss
@@ -3,7 +3,7 @@
 // No need to import font; the fonts have been imported in App.vue
 // @import '@/assets/scss/font';
 
-$fontFamily: Noto Sans CJK TC, monospace;
+$fontFamily: 'Noto Sans CJK TC', monospace;
 
 #news-schedule {
   max-width: 80vw;