font-size

step_question/apis/static/index.html

@@ -40,7 +40,7 @@
   <!-- fieldsets -->
   <fieldset>
     <h2 class="fs-title">基本資料</h2>
-    <h3 class="fs-subtitle">Step 1</h3>
+    <h3 class="fs-subtitle">步驟 1</h3>
     <select name="q1">
       <option value="Male">男</option>
       <option value="Female">女</option>
@@ -51,7 +51,7 @@
   </fieldset>
   <fieldset>
     <h2 class="fs-title">建案資料</h2>
-    <h3 class="fs-subtitle">Step 2</h3>
+    <h3 class="fs-subtitle">步驟 2</h3>
     <label class="fs-label"><i class="fas fa-chevron-right"></i>請問您所在哪個建案?</label>
     <input type="text" name='q4' value="" placeholder="建案名" class="mb" />
 
@@ -67,7 +67,7 @@
   </fieldset>
   <fieldset>
     <h2 class="fs-title">裝修資料</h2>
-    <h3 class="fs-subtitle">Step 3</h3>
+    <h3 class="fs-subtitle">步驟 3</h3>
       <div class="fs-label">
         <label class="fs-label"><i class="fas fa-chevron-right"></i>喜歡的裝修風格?</label>
         <input type="checkbox" value="簡單大方" name="q6" id="6a" />

step_question/apis/static/style.css

@@ -17,6 +17,7 @@ html {
 body {
 	font-family: montserrat, arial, verdana;
 	background-color: white;
+	font-size: 1.1rem;
 }
 
 .ml {
@@ -120,7 +121,7 @@ body {
 	box-sizing: border-box;
 	font-family: montserrat;
 	color: #2C3E50;
-	font-size: 13px;
+	font-size: 14px;
 }
 /*buttons*/
 #msform .action-button {
@@ -173,7 +174,7 @@ body {
 	list-style-type: none;
 	color: black;
 	text-transform: uppercase;
-	font-size: 9px;
+	font-size: 12px;
 	width: 33.33%;
 	float: left;
 	position: relative;
@@ -184,7 +185,7 @@ body {
 	width: 20px;
 	line-height: 20px;
 	display: block;
-	font-size: 10px;
+	font-size: 12px;
 	color: #333;
 	background: white;
 	border-radius: 3px;
@@ -216,7 +217,7 @@ p.error-text {
 	bottom: -23px;
 	left: 24px;
 	color: rgba(255, 0, 0, .7);
-	font-size: .6em;
+	font-size: .8em;
 }
 
 select {