diff --git a/TC1/http_server/web/index.html b/TC1/http_server/web/index.html
index 85fb61b..764b5a2 100644
--- a/TC1/http_server/web/index.html
+++ b/TC1/http_server/web/index.html
@@ -121,8 +121,9 @@
 
 
 
-            <div class="page page1 mdl-cell mdl-cell--5-col demo-card-square mdl-card mdl-shadow--2dp"
-                 style="overflow: unset;">
+            <div class="page page1 mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
+                <div class="demo-options mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
+                    <div class="mdl-card__supporting-text">
 
                         <div class="mdl-card__title mdl-card--expand">
                             <h2 class="mdl-card__title-text">插座控制</h2>
@@ -279,17 +280,19 @@
                     </span>
                             </li>
                         </ul>
-
+                    </div>
+                </div>
                     </div>
 
-            <div class="page page1 mdl-cell mdl-cell--5-col demo-card-square mdl-card mdl-shadow--2dp"
-                 style="overflow: unset;">
+            <div class="page page1 mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
+                <div class="demo-options mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
+                    <div class="mdl-card__supporting-text">
                 <div class="mdl-card__title mdl-card--expand">
                     <h2 class="mdl-card__title-text">功率图</h2>
                 </div>
 
                 <div id="ct-chart-par"
-                     class="page page1 mdl-card__supporting-text mdl-shadow--2dp mdl-cell mdl-cell--6-col"
+                     class="page page1 mdl-card__supporting-text mdl-shadow--2dp"
                      style="height:315px;overflow-x:scroll;overflow-y:hidden;">
                     <table class="pw">
                         <tr>
@@ -303,9 +306,12 @@
                          style="height:280px;margin-top:40px;"></div>
                 </div>
             </div>
+                </div>
+            </div>
 
-            <div class="page page1 mdl-cell mdl-cell--5-col demo-card-square mdl-card mdl-shadow--2dp"
-                 style="overflow: unset;">
+            <div class="page page1 mdl-cell mdl-cell--4-col mdl-cell--8-col-tablet mdl-grid mdl-grid--no-spacing">
+                <div class="demo-options mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--3-col-tablet mdl-cell--12-col-desktop">
+                    <div class="mdl-card__supporting-text">
                         <div class="mdl-card__title mdl-card--expand">
                             <h2 class="mdl-card__title-text">按键自定义</h2>
                         </div>
@@ -317,6 +323,8 @@
                         </table>
 
                 </div>
+                </div>
+            </div>
 
             <div class="page page2 mdl-cell mdl-cell--5-col demo-card-square mdl-card mdl-shadow--2dp"
                  style="overflow: unset;">