diff --git a/.vscode/settings.json b/.vscode/settings.json
index 5aa2887..951129e 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,11 +1,9 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-    "files.exclude": {
+   "files.exclude": {
         "**/.git": true,
         "**/.DS_Store": true,
-        "**/*.js": true,
-        "**/*.map": true
-    },
-    // Controls auto save of dirty files. Accepted values:  "off", "afterDelay", "onFocusChange". If set to "afterDelay" you can configure the delay in "files.autoSaveDelay".
-    "files.autoSave": "afterDelay"
+        "**/*.js": {"when": "$(basename).ts"},
+        "**/*.js.map": {"when": "$(basename)"}
+    }
 }
\ No newline at end of file
diff --git a/app/app.component.ts b/app/app.component.ts
index b23267e..9063d61 100644
--- a/app/app.component.ts
+++ b/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component,ViewEncapsulation } from '@angular/core';
 import { HTTP_PROVIDERS, Http, Response } from '@angular/http';
 import 'rxjs/Rx';   // Load all features
 
@@ -11,7 +11,9 @@ import 'rxjs/Rx';   // Load all features
         </div>
      </div>
      `,
-    providers: [HTTP_PROVIDERS]
+    providers: [HTTP_PROVIDERS],
+    styleUrls: ['app/app.component.css'],
+    encapsulation: ViewEncapsulation.None
 })
 export class AppComponent {
     pageTitle: string = 'Hello World';
diff --git a/index.html b/index.html
index 133a764..c53ff4e 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link href="node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
-    <link href="app/app.component.css" rel="stylesheet" />
 
     <!-- 1. 載入必要函式庫 -->