DC
/
Moderna-Survey
Obserwuj 8
Gwiazdka 0
Forkuj 0
Kod Problemy 0 Pull Requests 0 Wydania 0 Wiki Aktywność
Przeglądaj źródła

Merge branch 'dev'

VicCG.Lin 1 rok temu
rodzic
4c8321e9bf 9bbeb099a9
commit
ee2211eae9
1 zmienionych plików z 380 dodań i 376 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 380
    376
      src/fe/healthpassport/index.html

+ 380
- 376
src/fe/healthpassport/index.html Wyświetl plik 

@@ -26,7 +26,7 @@
26 26
27 27 
 <body>
28 28 
   <div class="wapper-loading">
29 
-      <!-- Loading Start -->
29 
+    <!-- Loading Start -->
30 30 
     <div class="loading">
31 31 
       <div class="loading__box">
32 32 
         <div class="loading__ani"></div>
 
@@ -35,431 +35,435 @@
35 35 
     </div>
36 36 
     <!-- Loading End -->
37 37 
   </div>
38 
-  <div class="wrapper">
39 
-      <main class="main">
40 
-        <!-- 表單 form -->
41 
-        <section class="section register">
42 
-          <div class="section__container form__container">
43 
-            <div class="form">
44 
-              <div class="form__item form__item-photo photo">
45 
-                <div class="photo__img"></div>
46 
-                <div class="load-wrapp">
47 
-                  <div class="load">
48 
-                    <div class="spinner">
49 
-                      <div class="bubble-1"></div>
50 
-                      <div class="bubble-2"></div>
51 
-                    </div>
38 
+  <div class="wrapper">
39 
+    <main class="main">
40 
+      <!-- 表單 form -->
41 
+      <section class="section register">
42 
+        <div class="section__container form__container">
43 
+          <div class="form">
44 
+            <div class="form__item form__item-photo photo">
45 
+              <div class="photo__img"></div>
46 
+              <div class="load-wrapp">
47 
+                <div class="load">
48 
+                  <div class="spinner">
49 
+                    <div class="bubble-1"></div>
50 
+                    <div class="bubble-2"></div>
52 51 
                   </div>
53 52 
                 </div>
54 
-                <input type="file" id="fileInput1" class="fileInput" accept="image/*">
55 
-                <div class="photo__icon photo__icon-1">
56 
-                  <img src="./images/solar_camera-linear.png" alt="">
53 
+              </div>
54 
+              <input type="file" id="fileInput1" class="fileInput" accept="image/*">
55 
+              <div class="photo__icon photo__icon-1">
56 
+                <img src="./images/solar_camera-linear.png" alt="">
57 
+              </div>
58 
+            </div>
59 
+            <fieldset class="form__item form__item-1 form__item-healthAction" data-ques="healthAction">
60 
+              <legend class="form__ques">
61 
+                <p>
62 
+                  平常你有什麼健康行動(複選)
63 
+                </p>
64 
+              </legend>
65 
+              <div class="form__options tags">
66 
+                <div class="form__options__item tags__item tags__item-md">
67 
+                  <input id="healthActionOption_1" type="checkbox" value="tag-WCzAvKUiL" name="healthAction">
68 
+                  <label for="healthActionOption_1">
69 
+                    <p>良好作息</p>
70 
+                  </label>
71 
+                </div>
72 
+                <div class="form__options__item tags__item tags__item-md">
73 
+                  <input id="healthActionOption_2" type="checkbox" value="tag-lIcE-WkEe" name="healthAction">
74 
+                  <label for="healthActionOption_2">
75 
+                    <p>
76 
+                      規律運動
77 
+                    </p>
78 
+                  </label>
79 
+                </div>
80 
+                <div class="form__options__item tags__item tags__item-md">
81 
+                  <input id="healthActionOption_3" type="checkbox" value="tag-uEOBbgPoG" name="healthAction">
82 
+                  <label for="healthActionOption_3">
83 
+                    <p>
84 
+                      飲食控制
85 
+                    </p>
86 
+                  </label>
87 
+                </div>
88 
+                <div class="form__options__item tags__item tags__item-md">
89 
+                  <input id="healthActionOption_4" type="checkbox" value="tag-YEJfK7-I7" name="healthAction">
90 
+                  <label for="healthActionOption_4">
91 
+                    <p>
92 
+                      營養品補充
93 
+                    </p>
94 
+                  </label>
95 
+                </div>
96 
+                <div class="form__options__item tags__item tags__item-md">
97 
+                  <input id="healthActionOption_5" type="checkbox" value="tag-stfrz1nD8" name="healthAction">
98 
+                  <label for="healthActionOption_5">
99 
+                    <p>
100 
+                      閱讀健康文章
101 
+                    </p>
102 
+                  </label>
103 
+                </div>
104 
+                <div class="form__options__item tags__item tags__item-md">
105 
+                  <input id="healthActionOption_6" type="checkbox" value="x" name="healthAction">
106 
+                  <label for="healthActionOption_6">
107 
+                    <p>
108 
+                      其他
109 
+                    </p>
110 
+                  </label>
57 111 
                 </div>
58 112 
               </div>
59 
-              <fieldset class="form__item form__item-1 form__item-healthAction" data-ques="healthAction">
60 
-                <legend class="form__ques">
113 
+            </fieldset>
114 
+            <fieldset class="form__item form__item-2 form__item-healthTopic" data-ques="healthTopic">
115 
+              <legend class="form__ques">
116 
+                <p>
117 
+                  你對什麼健康話題有興趣(複選)
118 
+                </p>
119 
+              </legend>
120 
+              <div class="form__options tags">
121 
+                <div class="form__options__item tags__item tags__item-md">
122 
+                  <input id="healthTopicOption_1" type="checkbox" value="tag-vstHmk4YP" name="healthTopic">
123 
+                  <label for="healthTopicOption_1">
124 
+                    <p>流行感冒</p>
125 
+                  </label>
126 
+                </div>
127 
+                <div class="form__options__item tags__item tags__item-md">
128 
+                  <input id="healthTopicOption_2" type="checkbox" value="tag-CorN36876" name="healthTopic">
129 
+                  <label for="healthTopicOption_2">
61 130 
                     <p>
62 
-                      平常你有什麼健康行動(複選)
131 
+                      免疫調節
63 132 
                     </p>
64 
-                </legend>
65 
-                <div class="form__options tags">
66 
-                  <div class="form__options__item tags__item tags__item-md">
67 
-                      <input id="healthActionOption_1" type="checkbox" value="tag-WCzAvKUiL" name="healthAction">
68 
-                      <label for="healthActionOption_1">
69 
-                          <p>良好作息</p>
70 
-                      </label>
71 
-                  </div>
72 
-                  <div class="form__options__item tags__item tags__item-md">
73 
-                      <input id="healthActionOption_2" type="checkbox" value="tag-lIcE-WkEe" name="healthAction">
74 
-                      <label for="healthActionOption_2">
75 
-                          <p>
76 
-                              規律運動
77 
-                          </p>
78 
-                      </label>
79 
-                  </div>
80 
-                  <div class="form__options__item tags__item tags__item-md">
81 
-                      <input id="healthActionOption_3" type="checkbox" value="tag-uEOBbgPoG" name="healthAction">
82 
-                      <label for="healthActionOption_3">
83 
-                          <p>
84 
-                              飲食控制
85 
-                          </p>
86 
-                      </label>
87 
-                  </div>
88 
-                  <div class="form__options__item tags__item tags__item-md">
89 
-                      <input id="healthActionOption_4" type="checkbox" value="tag-YEJfK7-I7" name="healthAction">
90 
-                      <label for="healthActionOption_4">
91 
-                          <p>
92 
-                              營養品補充
93 
-                          </p>
94 
-                      </label>
95 
-                  </div>
96 
-                  <div class="form__options__item tags__item tags__item-md">
97 
-                      <input id="healthActionOption_5" type="checkbox" value="tag-stfrz1nD8" name="healthAction">
98 
-                      <label for="healthActionOption_5">
99 
-                          <p>
100 
-                              閱讀健康文章
101 
-                          </p>
102 
-                      </label>
103 
-                  </div>
104 
-                  <div class="form__options__item tags__item tags__item-md">
105 
-                      <input id="healthActionOption_6" type="checkbox" value="x" name="healthAction">
106 
-                      <label for="healthActionOption_6">
107 
-                          <p>
108 
-                            其他
109 
-                          </p>
110 
-                      </label>
111 
-                  </div>
133 
+                  </label>
112 134 
                 </div>
113 
-              </fieldset>
114 
-              <fieldset class="form__item form__item-2 form__item-healthTopic" data-ques="healthTopic">
115 
-                <legend class="form__ques">
135 
+                <div class="form__options__item tags__item tags__item-md">
136 
+                  <input id="healthTopicOption_3" type="checkbox" value="tag-nWHBzbUCr" name="healthTopic">
137 
+                  <label for="healthTopicOption_3">
116 138 
                     <p>
117 
-                      你對什麼健康話題有興趣(複選)
139 
+                      腸胃功能
118 140 
                     </p>
119 
-                </legend>
120 
-                <div class="form__options tags">
121 
-                  <div class="form__options__item tags__item tags__item-md">
122 
-                      <input id="healthTopicOption_1" type="checkbox" value="tag-vstHmk4YP" name="healthTopic">
123 
-                      <label for="healthTopicOption_1">
124 
-                          <p>流行感冒</p>
125 
-                      </label>
126 
-                  </div>
127 
-                  <div class="form__options__item tags__item tags__item-md">
128 
-                      <input id="healthTopicOption_2" type="checkbox" value="tag-CorN36876" name="healthTopic">
129 
-                      <label for="healthTopicOption_2">
130 
-                          <p>
131 
-                              免疫調節
132 
-                          </p>
133 
-                      </label>
134 
-                  </div>
135 
-                  <div class="form__options__item tags__item tags__item-md">
136 
-                      <input id="healthTopicOption_3" type="checkbox" value="tag-nWHBzbUCr" name="healthTopic">
137 
-                      <label for="healthTopicOption_3">
138 
-                          <p>
139 
-                              腸胃功能
140 
-                          </p>
141 
-                      </label>
142 
-                  </div>
143 
-                  <div class="form__options__item tags__item tags__item-md">
144 
-                      <input id="healthTopicOption_4" type="checkbox" value="tag-VQSDoXlAL" name="healthTopic">
145 
-                      <label for="healthTopicOption_4">
146 
-                          <p>
147 
-                              過敏體質
148 
-                          </p>
149 
-                      </label>
150 
-                  </div>
151 
-                  <div class="form__options__item tags__item tags__item-md">
152 
-                      <input id="healthTopicOption_5" type="checkbox" value="tag-MLdZCbE9y" name="healthTopic">
153 
-                      <label for="healthTopicOption_5">
154 
-                          <p>
155 
-                              睡眠問題
156 
-                          </p>
157 
-                      </label>
158 
-                  </div>
159 
-                  <div class="form__options__item tags__item tags__item-md">
160 
-                      <input id="healthTopicOption_6" type="checkbox" value="tag-Yz0_DhZBV" name="healthTopic">
161 
-                      <label for="healthTopicOption_6">
162 
-                          <p>
163 
-                            日常保健
164 
-                          </p>
165 
-                      </label>
166 
-                  </div>
141 
+                  </label>
142 
+                </div>
143 
+                <div class="form__options__item tags__item tags__item-md">
144 
+                  <input id="healthTopicOption_4" type="checkbox" value="tag-VQSDoXlAL" name="healthTopic">
145 
+                  <label for="healthTopicOption_4">
146 
+                    <p>
147 
+                      過敏體質
148 
+                    </p>
149 
+                  </label>
150 
+                </div>
151 
+                <div class="form__options__item tags__item tags__item-md">
152 
+                  <input id="healthTopicOption_5" type="checkbox" value="tag-MLdZCbE9y" name="healthTopic">
153 
+                  <label for="healthTopicOption_5">
154 
+                    <p>
155 
+                      睡眠問題
156 
+                    </p>
157 
+                  </label>
167 158 
                 </div>
168 
-              </fieldset>
169 
-              <fieldset class="form__item form__item-3 form__item-healthStatus" data-ques="healthStatus">
170 
-                <legend class="form__ques">
159 
+                <div class="form__options__item tags__item tags__item-md">
160 
+                  <input id="healthTopicOption_6" type="checkbox" value="tag-Yz0_DhZBV" name="healthTopic">
161 
+                  <label for="healthTopicOption_6">
171 162 
                     <p>
172 
-                      你覺得自己的身體狀況如何
163 
+                      日常保健
173 164 
                     </p>
174 
-                </legend>
175 
-                <div class="form__options tags">
176 
-                  <div class="form__options__item tags__item tags__item-md">
177 
-                    <input id="healthStatusOption_1" type="radio" value="tag-TN-u8YIrm" name="healthStatus">
178 
-                    <label for="healthStatusOption_1">
179 
-                        <p>
180 
-                            很少生病
181 
-                        </p>
182 
-                    </label>
183 
-
165 
+                  </label>
184 166 
                 </div>
167 
+              </div>
168 
+            </fieldset>
169 
+            <fieldset class="form__item form__item-3 form__item-healthStatus" data-ques="healthStatus">
170 
+              <legend class="form__ques">
171 
+                <p>
172 
+                  你覺得自己的身體狀況如何
173 
+                </p>
174 
+              </legend>
175 
+              <div class="form__options tags">
185 176 
                 <div class="form__options__item tags__item tags__item-md">
186 
-                    <input id="healthStatusOption_2" type="radio" value="tag-ATnIMezXK" name="healthStatus">
187 
-                    <label for="healthStatusOption_2">
188 
-                        <p>
189 
-                            偶爾疲倦​
190 
-                        </p>
191 
-                    </label>
177 
+                  <input id="healthStatusOption_1" type="radio" value="tag-TN-u8YIrm" name="healthStatus">
178 
+                  <label for="healthStatusOption_1">
179 
+                    <p>
180 
+                      很少生病
181 
+                    </p>
182 
+                  </label>
183 
+
184 
+                </div>
185 
+                <div class="form__options__item tags__item tags__item-md">
186 
+                  <input id="healthStatusOption_2" type="radio" value="tag-ATnIMezXK" name="healthStatus">
187 
+                  <label for="healthStatusOption_2">
188 
+                    <p>
189 
+                      偶爾疲倦​
190 
+                    </p>
191 
+                  </label>
192 192 
                 </div>
193 193 
                 <div class="form__options__item tags__item tags__item-md">
194 
-                    <input id="healthStatusOption_3" type="radio" value="tag-LJg1ec9-L" name="healthStatus">
195 
-                    <label for="healthStatusOption_3">
196 
-                        <p>
197 
-                          經常有<br>呼吸道症狀
198 
-                        </p>
199 
-                    </label>
194 
+                  <input id="healthStatusOption_3" type="radio" value="tag-LJg1ec9-L" name="healthStatus">
195 
+                  <label for="healthStatusOption_3">
196 
+                    <p>
197 
+                      經常有<br>呼吸道症狀
198 
+                    </p>
199 
+                  </label>
200 
+                </div>
201 
+              </div>
202 
+            </fieldset>
203 
+            <fieldset class="form__item form__item-4 form__item-healthAdapt" data-ques="healthAdapt">
204 
+              <legend class="form__ques">
205 
+                <p>
206 
+                  面對 COVID-19 疫情趨緩，<br>以下哪一個敘述最符合你的應對
207 
+                </p>
208 
+              </legend>
209 
+              <div class="form__options tags">
210 
+                <div class="form__options__item tags__item tags__item-lg">
211 
+                  <input id="healthAdaptOption_1" type="radio" value="tag-bDRawibcP" name="healthAdapt">
212 
+                  <label for="healthAdaptOption_1">
213 
+                    <p>
214 
+                      我仍會主動參考政府機構的資訊，持續戴口罩積極防疫
215 
+                    </p>
216 
+                  </label>
217 
+
200 218 
                 </div>
219 
+                <div class="form__options__item tags__item tags__item-lg">
220 
+                  <input id="healthAdaptOption_2" type="radio" value="tag-JiWCgTnNs" name="healthAdapt">
221 
+                  <label for="healthAdaptOption_2">
222 
+                    <p>
223 
+                      我在前往人多的地方或搭乘大眾交通工具時會佩戴口罩
224 
+                    </p>
225 
+                  </label>
201 226 
                 </div>
202 
-              </fieldset>
203 
-              <fieldset class="form__item form__item-4 form__item-healthAdapt" data-ques="healthAdapt">
204 
-                <legend class="form__ques">
227 
+                <div class="form__options__item tags__item tags__item-lg">
228 
+                  <input id="healthAdaptOption_3" type="radio" value="tag-4dcsmiwqt" name="healthAdapt">
229 
+                  <label for="healthAdaptOption_3">
205 230 
                     <p>
206 
-                      面對 COVID-19 疫情趨緩，<br>以下哪一個敘述最符合你的應對
231 
+                      我不再對疫情感到恐慌，幾乎不戴口罩、回到正常生活
207 232 
                     </p>
208 
-                </legend>
209 
-                <div class="form__options tags">
210 
-                  <div class="form__options__item tags__item tags__item-lg">
211 
-                    <input id="healthAdaptOption_1" type="radio" value="tag-bDRawibcP" name="healthAdapt">
212 
-                    <label for="healthAdaptOption_1">
213 
-                        <p>
214 
-                          我仍會主動參考政府機構的資訊，持續戴口罩積極防疫
215 
-                        </p>
216 
-                    </label>
217 
-
233 
+                  </label>
218 234 
                 </div>
235 
+              </div>
236 
+            </fieldset>
237 
+            <fieldset class="form__item form__item-5 form__item-healthThought" data-ques="healthThought">
238 
+              <legend class="form__ques">
239 
+                <p>
240 
+                  下列哪一個敘述最符合你對 COVID-19 的想法<br>
241 
+                  （複選，至多可選擇 2 個答案）
242 
+                </p>
243 
+              </legend>
244 
+              <div class="form__options tags">
219 245 
                 <div class="form__options__item tags__item tags__item-lg">
220 
-                    <input id="healthAdaptOption_2" type="radio" value="tag-JiWCgTnNs" name="healthAdapt">
221 
-                    <label for="healthAdaptOption_2">
222 
-                        <p>
223 
-                          我在前往人多的地方或搭乘大眾交通工具時會佩戴口罩
224 
-                        </p>
225 
-                    </label>
246 
+                  <input id="healthThoughtOption_1" type="checkbox" value="tag-FhMvcmSJm" name="healthThought">
247 
+                  <label for="healthThoughtOption_1">
248 
+                    <p>我願意了解新的疫苗並採取行動</p>
249 
+                  </label>
226 250 
                 </div>
227 251 
                 <div class="form__options__item tags__item tags__item-lg">
228 
-                    <input id="healthAdaptOption_3" type="radio" value="tag-4dcsmiwqt" name="healthAdapt">
229 
-                    <label for="healthAdaptOption_3">
230 
-                        <p>
231 
-                          我不再對疫情感到恐慌，幾乎不戴口罩、回到正常生活
232 
-                        </p>
233 
-                    </label>
252 
+                  <input id="healthThoughtOption_2" type="checkbox" value="tag-g4GSGpTHq" name="healthThought">
253 
+                  <label for="healthThoughtOption_2">
254 
+                    <p>
255 
+                      我會自律做好防疫，避免造成他人困擾
256 
+                    </p>
257 
+                  </label>
234 258 
                 </div>
259 
+                <div class="form__options__item tags__item tags__item-lg">
260 
+                  <input id="healthThoughtOption_3" type="checkbox" value="tag-lDhpoS39o" name="healthThought">
261 
+                  <label for="healthThoughtOption_3">
262 
+                    <p>
263 
+                      我覺得應該維持正常社交，不用過度緊張
264 
+                    </p>
265 
+                  </label>
235 266 
                 </div>
236 
-              </fieldset>
237 
-              <fieldset class="form__item form__item-5 form__item-healthThought" data-ques="healthThought">
238 
-                <legend class="form__ques">
267 
+                <div class="form__options__item tags__item tags__item-lg">
268 
+                  <input id="healthThoughtOption_4" type="checkbox" value="tag-qmywOc8af" name="healthThought">
269 
+                  <label for="healthThoughtOption_4">
239 270 
                     <p>
240 
-                      下列哪一個敘述最符合你對 COVID-19 的想法<br>
241 
-                      （複選，至多可選擇 2 個答案）
271 
+                      我覺得保持正向的態度，與病毒共處自然會產生抗體
242 272 
                     </p>
243 
-                </legend>
244 
-                <div class="form__options tags">
245 
-                  <div class="form__options__item tags__item tags__item-lg">
246 
-                      <input id="healthThoughtOption_1" type="checkbox" value="tag-FhMvcmSJm" name="healthThought">
247 
-                      <label for="healthThoughtOption_1">
248 
-                          <p>我願意了解新的疫苗並採取行動</p>
249 
-                      </label>
250 
-                  </div>
251 
-                  <div class="form__options__item tags__item tags__item-lg">
252 
-                      <input id="healthThoughtOption_2" type="checkbox" value="tag-g4GSGpTHq" name="healthThought">
253 
-                      <label for="healthThoughtOption_2">
254 
-                          <p>
255 
-                              我會自律做好防疫，避免造成他人困擾
256 
-                          </p>
257 
-                      </label>
258 
-                  </div>
259 
-                  <div class="form__options__item tags__item tags__item-lg">
260 
-                      <input id="healthThoughtOption_3" type="checkbox" value="tag-lDhpoS39o" name="healthThought">
261 
-                      <label for="healthThoughtOption_3">
262 
-                          <p>
263 
-                              我覺得應該維持正常社交，不用過度緊張
264 
-                          </p>
265 
-                      </label>
266 
-                  </div>
267 
-                  <div class="form__options__item tags__item tags__item-lg">
268 
-                      <input id="healthThoughtOption_4" type="checkbox" value="tag-qmywOc8af" name="healthThought">
269 
-                      <label for="healthThoughtOption_4">
270 
-                          <p>
271 
-                              我覺得保持正向的態度，與病毒共處自然會產生抗體
272 
-                          </p>
273 
-                      </label>
274 
-                  </div>
275 
-                  <div class="form__options__item tags__item tags__item-lg">
276 
-                      <input id="healthThoughtOption_5" type="checkbox" value="tag-77KImqQGb" name="healthThought">
277 
-                      <label for="healthThoughtOption_5">
278 
-                          <p>
279 
-                              沒做好防疫準備，我會感到焦慮
280 
-                          </p>
281 
-                      </label>
282 
-                  </div>
273 
+                  </label>
283 274 
                 </div>
284 
-              </fieldset>
285 
-              <fieldset class="form__item form__item-6 form__item-healthAge" data-ques="healthAge">
286 
-                <legend class="form__ques">
275 
+                <div class="form__options__item tags__item tags__item-lg">
276 
+                  <input id="healthThoughtOption_5" type="checkbox" value="tag-77KImqQGb" name="healthThought">
277 
+                  <label for="healthThoughtOption_5">
287 278 
                     <p>
288 
-                      你的年齡
279 
+                      沒做好防疫準備，我會感到焦慮
289 280 
                     </p>
290 
-                </legend>
291 
-                <div class="form__options tags">
292 
-                  <div class="form__options__item tags__item tags__item-md">
293 
-                    <input id="healthAgeOption_1" type="radio" value="tag-bjbXSt2gi" name="healthAge">
294 
-                    <label for="healthAgeOption_1">
295 
-                        <p>
296 
-                          19歲以下
297 
-                        </p>
298 
-                    </label>
299 
-                  </div>
300 
-                  <div class="form__options__item tags__item tags__item-md">
301 
-                    <input id="healthAgeOption_2" type="radio" value="tag-qYe0v6HqF" name="healthAge">
302 
-                    <label for="healthAgeOption_2">
303 
-                        <p>
304 
-                          20-29歲
305 
-                        </p>
306 
-                    </label>
307 
-                  </div>
308 
-                  <div class="form__options__item tags__item tags__item-md">
309 
-                    <input id="healthAgeOption_3" type="radio" value="tag-6iaNB8Ea4" name="healthAge">
310 
-                    <label for="healthAgeOption_3">
311 
-                        <p>
312 
-                          30-39歲
313 
-                        </p>
314 
-                    </label>
315 
-                  </div>
316 
-                  <div class="form__options__item tags__item tags__item-md">
317 
-                    <input id="healthAgeOption_4" type="radio" value="tag-e4JG3GBG_" name="healthAge">
318 
-                    <label for="healthAgeOption_4">
319 
-                        <p>
320 
-                          40-49歲
321 
-                        </p>
322 
-                    </label>
323 
-                  </div>
324 
-                  <div class="form__options__item tags__item tags__item-md">
325 
-                    <input id="healthAgeOption_5" type="radio" value="tag-DTE6DWovG" name="healthAge">
326 
-                    <label for="healthAgeOption_5">
327 
-                        <p>
328 
-                          50-59歲
329 
-                        </p>
330 
-                    </label>
331 
-                  </div>
332 
-                  <div class="form__options__item tags__item tags__item-md">
333 
-                    <input id="healthAgeOption_6" type="radio" value="tag-pAxHnckQs" name="healthAge">
334 
-                    <label for="healthAgeOption_6">
335 
-                        <p>
336 
-                          60歲以上
337 
-                        </p>
338 
-                    </label>
339 
-                  </div>
281 
+                  </label>
282 
+                </div>
283 
+              </div>
284 
+            </fieldset>
285 
+            <fieldset class="form__item form__item-6 form__item-healthAge" data-ques="healthAge">
286 
+              <legend class="form__ques">
287 
+                <p>
288 
+                  你的年齡
289 
+                </p>
290 
+              </legend>
291 
+              <div class="form__options tags">
292 
+                <div class="form__options__item tags__item tags__item-md">
293 
+                  <input id="healthAgeOption_1" type="radio" value="tag-bjbXSt2gi" name="healthAge">
294 
+                  <label for="healthAgeOption_1">
295 
+                    <p>
296 
+                      19歲以下
297 
+                    </p>
298 
+                  </label>
340 299 
                 </div>
341 
-              </fieldset>
342 
-              <fieldset class="form__item form__item-6 form__item-healthNickname" data-ques="healthNickname">
343 
-                <legend class="form__ques">
300 
+                <div class="form__options__item tags__item tags__item-md">
301 
+                  <input id="healthAgeOption_2" type="radio" value="tag-qYe0v6HqF" name="healthAge">
302 
+                  <label for="healthAgeOption_2">
344 303 
                     <p>
345 
-                      暱稱
304 
+                      20-29歲
346 305 
                     </p>
347 
-                </legend>
348 
-                <div class="form__input">
349 
-                  <input id="nickName" type="text" value="" placeholder="請輸入暱稱">
306 
+                  </label>
350 307 
                 </div>
351 
-              </fieldset>
352 
-              <fieldset class="form__item form__item-6 form__item-healthGender" data-ques="healthGender">
353 
-                <legend class="form__ques">
308 
+                <div class="form__options__item tags__item tags__item-md">
309 
+                  <input id="healthAgeOption_3" type="radio" value="tag-6iaNB8Ea4" name="healthAge">
310 
+                  <label for="healthAgeOption_3">
354 311 
                     <p>
355 
-                      性別
312 
+                      30-39歲
356 313 
                     </p>
357 
-                </legend>
358 
-                <div class="form__input">
359 
-                  <select name="gender" id="gender">
360 
-                    <option value="">請選擇性別</option>
361 
-                    <option value="tag-8HwqQuQ43">女性</option>
362 
-                    <option value="tag-F8Me8-UGg">男性</option>
363 
-                    <option value="tag-BrpgwlI5E">其他</option>
364 
-                  </select>
365 
-                </div>
366 
-              </fieldset>
367 
-              <div class="form__item form__item-agree">
368 
-                <label for="methodsAgree" class="label">
369 
-                    <input type="checkbox" id="methodsAgree" name="methodsAgree">
370 
-                    <div class="label__checkbox"></div>
371 
-                    <p>我同意<span class="goToActivity">個人資料使用方法</span></p>
372 
-                </label>
314 
+                  </label>
315 
+                </div>
316 
+                <div class="form__options__item tags__item tags__item-md">
317 
+                  <input id="healthAgeOption_4" type="radio" value="tag-e4JG3GBG_" name="healthAge">
318 
+                  <label for="healthAgeOption_4">
319 
+                    <p>
320 
+                      40-49歲
321 
+                    </p>
322 
+                  </label>
323 
+                </div>
324 
+                <div class="form__options__item tags__item tags__item-md">
325 
+                  <input id="healthAgeOption_5" type="radio" value="tag-DTE6DWovG" name="healthAge">
326 
+                  <label for="healthAgeOption_5">
327 
+                    <p>
328 
+                      50-59歲
329 
+                    </p>
330 
+                  </label>
331 
+                </div>
332 
+                <div class="form__options__item tags__item tags__item-md">
333 
+                  <input id="healthAgeOption_6" type="radio" value="tag-pAxHnckQs" name="healthAge">
334 
+                  <label for="healthAgeOption_6">
335 
+                    <p>
336 
+                      60歲以上
337 
+                    </p>
338 
+                  </label>
339 
+                </div>
340 
+              </div>
341 
+            </fieldset>
342 
+            <fieldset class="form__item form__item-6 form__item-healthNickname" data-ques="healthNickname">
343 
+              <legend class="form__ques">
344 
+                <p>
345 
+                  暱稱
346 
+                </p>
347 
+              </legend>
348 
+              <div class="form__input">
349 
+                <input id="nickName" type="text" value="" placeholder="請輸入暱稱">
373 350 
               </div>
374 
-              <div class="button form-submit">
375 
-                <p>下一步</p>
351 
+            </fieldset>
352 
+            <fieldset class="form__item form__item-6 form__item-healthGender" data-ques="healthGender">
353 
+              <legend class="form__ques">
354 
+                <p>
355 
+                  性別
356 
+                </p>
357 
+              </legend>
358 
+              <div class="form__input">
359 
+                <select name="gender" id="gender">
360 
+                  <option value="">請選擇性別</option>
361 
+                  <option value="tag-8HwqQuQ43">女性</option>
362 
+                  <option value="tag-F8Me8-UGg">男性</option>
363 
+                  <option value="tag-BrpgwlI5E">其他</option>
364 
+                </select>
376 365 
               </div>
366 
+            </fieldset>
367 
+            <div class="form__item form__item-agree">
368 
+              <label for="methodsAgree" class="label">
369 
+                <input type="checkbox" id="methodsAgree" name="methodsAgree">
370 
+                <div class="label__checkbox"></div>
371 
+                <p>我同意<span class="goToActivity">個人資料使用方法</span></p>
372 
+              </label>
373 
+            </div>
374 
+            <div class="button form-submit">
375 
+              <p>下一步</p>
377 376 
             </div>
378 377 
           </div>
379 
-        </section>
380 
-        <!-- 活動辦法 methods -->
381 
-        <section class="section methods wrapper__line-scroll-fixed">
382 
-          <div class="backform"><span><</span><p>回上一頁</p></div>
383 
-          <div class="section__container methods__container">
384 
-            <p>
385 
-              李慶雲兒童感染暨疫苗發展醫學文教基金會以本訊息向您告知並徵求同意。由於個人資料蒐集涉及您的隱私權益，請您務必詳閱本告知內容。為經營「mRNA 健康管家」LINE官方帳號之需要，帳號內的「健康護照」功能互動，將蒐集您的個人資料，以進行後續的內容分眾溝通。<br><br>
378 
+        </div>
379 
+      </section>
380 
+      <!-- 活動辦法 methods -->
381 
+      <section class="section methods wrapper__line-scroll-fixed">
382 
+        <div class="backform"><span>
383 
+            << /span>
384 
+              <p>回上一頁</p>
385 
+        </div>
386 
+        <div class="section__container methods__container">
387 
+          <p>
388 
+            李慶雲兒童感染暨疫苗發展醫學文教基金會以本訊息向您告知並徵求同意。由於個人資料蒐集涉及您的隱私權益，請您務必詳閱本告知內容。為經營「mRNA
389 
+            健康管家」LINE官方帳號之需要，帳號內的「健康護照」功能互動，將蒐集您的個人資料，以進行後續的內容分眾溝通。<br><br>
386 390
387 
-              其中包含暱稱、照片、性別、年齡區間、對於健康議題之
388 
-              想法意向等。但毋須提供姓名、出生年月日、身分證字號
389 
-              、住居所地址、各類電信電話號碼、電子郵件信箱、聯絡
390 
-              人資訊以及其他可辨識之個人資料。本單位只會在中華民
391 
-              國境內利用您的個人資料，利用期間為本單位或業務所必
392 
-              須之保存期間。利用方式為符合個人資料保護相關法令以
393 
-              自動化機器或其他非自動化之利用方式。除非有個人資料
394 
-              保護法所規定例外情形，否則您可以依照個人資料保護法
395 
-              相關規定，就您提供的個人資料行使以下權利：查詢或請
396 
-              求閱覽或請求製給複製本、請求補充或更正、請求停止蒐
397 
-              集、處理或利用、請求刪除，如有相關需求，可透過 Email
398 
-              與我們聯繫（prof.lee.foundation@gmail.com）。<br><br>
391 
+            其中包含暱稱、照片、性別、年齡區間、對於健康議題之
392 
+            想法意向等。但毋須提供姓名、出生年月日、身分證字號
393 
+            、住居所地址、各類電信電話號碼、電子郵件信箱、聯絡
394 
+            人資訊以及其他可辨識之個人資料。本單位只會在中華民
395 
+            國境內利用您的個人資料，利用期間為本單位或業務所必
396 
+            須之保存期間。利用方式為符合個人資料保護相關法令以
397 
+            自動化機器或其他非自動化之利用方式。除非有個人資料
398 
+            保護法所規定例外情形，否則您可以依照個人資料保護法
399 
+            相關規定，就您提供的個人資料行使以下權利：查詢或請
400 
+            求閱覽或請求製給複製本、請求補充或更正、請求停止蒐
401 
+            集、處理或利用、請求刪除，如有相關需求，可透過 Email
402 
+            與我們聯繫（prof.lee.foundation@gmail.com）。<br><br>
399 403
400 
-              提醒您，您可以自由選擇提供您的個人資料，如果您拒絕
401 
-              提供的個人資料是與前述蒐集、處理與利用目的相關，則
402 
-              會導致您無法使用帳號內的「健康護照」功能。
403 
-            </p>
404 
-          </div>
405 
-        </section>
406 
-        <!-- 護照 passport -->
407 
-        <section class="section passport wrapper__line-scroll-fixed">
408 
-          <div class="section__container passport__container">
409 
-            <div class="passport__intro">
410 
-              <div class="passport__intro__bg">
411 
-                <img src="./images/passport-intro.png" alt="">
412 
-              </div>
413 
-              <div class="passport__intro__container">
414 
-                <div class="photo">
415 
-                  <div class="photo__img"></div>
416 
-                  <div class="load-wrapp">
417 
-                    <div class="load">
418 
-                      <div class="spinner">
419 
-                        <div class="bubble-1"></div>
420 
-                        <div class="bubble-2"></div>
421 
-                      </div>
404 
+            提醒您，您可以自由選擇提供您的個人資料，如果您拒絕
405 
+            提供的個人資料是與前述蒐集、處理與利用目的相關，則
406 
+            會導致您無法使用帳號內的「健康護照」功能。
407 
+          </p>
408 
+        </div>
409 
+      </section>
410 
+      <!-- 護照 passport -->
411 
+      <section class="section passport wrapper__line-scroll-fixed">
412 
+        <div class="section__container passport__container">
413 
+          <div class="passport__intro">
414 
+            <div class="passport__intro__bg">
415 
+              <img src="./images/passport-intro.png" alt="">
416 
+            </div>
417 
+            <div class="passport__intro__container">
418 
+              <div class="photo">
419 
+                <div class="photo__img"></div>
420 
+                <div class="load-wrapp">
421 
+                  <div class="load">
422 
+                    <div class="spinner">
423 
+                      <div class="bubble-1"></div>
424 
+                      <div class="bubble-2"></div>
422 425 
                     </div>
423 426 
                   </div>
424 
-                  <input type="file" id="fileInput2" class="fileInput" accept="image/*">
425 
-                  <div class="photo__icon photo__icon-2">
426 
-                    <img src="./images/solar_camera-linear.png" alt="">
427 
-                  </div>
428 427 
                 </div>
429 
-                <div class="passport__intro__content">
430 
-                  <div class="passport__intro__nickname">
431 
-                    <h2></h2>
432 
-                  </div>
433 
-                  <div class="passport__intro__info">
434 
-                    <p><span class="introGender"></span> / <span class="introAge"></span></p>
435 
-                  </div>
428 
+                <input type="file" id="fileInput2" class="fileInput" accept="image/*">
429 
+                <div class="photo__icon photo__icon-2">
430 
+                  <img src="./images/solar_camera-linear.png" alt="">
436 431 
                 </div>
437 432 
               </div>
438 
-            </div>
439 
-            <div class="passport__toggle passport__toggle-healthTopic">
440 
-              <div class="passport__toggle__head">
441 
-                <p>關注議題</p>
442 
-              </div>
443 
-              <div class="passport__toggle__body">
444 
-                <div class="tags"></div>
433 
+              <div class="passport__intro__content">
434 
+                <div class="passport__intro__nickname">
435 
+                  <h2></h2>
436 
+                </div>
437 
+                <div class="passport__intro__info">
438 
+                  <p><span class="introGender"></span> / <span class="introAge"></span></p>
439 
+                </div>
445 440 
               </div>
446 441 
             </div>
447 
-            <div class="passport__toggle passport__toggle-healthAction">
448 
-              <div class="passport__toggle__head">
449 
-                <p>健康行動</p>
450 
-              </div>
451 
-              <div class="passport__toggle__body">
452 
-                <div class="tags"></div>
453 
-              </div>
442 
+          </div>
443 
+          <div class="passport__toggle passport__toggle-healthTopic">
444 
+            <div class="passport__toggle__head">
445 
+              <p>關注議題</p>
454 446 
             </div>
455 
-            <div class="button passport__edit">
456 
-              <p>編輯健康護照</p>
447 
+            <div class="passport__toggle__body">
448 
+              <div class="tags"></div>
457 449 
             </div>
458 450 
           </div>
459 
-        </section>
460 
-      </main>
461 
-      <footer class="footer">
462 
-      </footer>
451 
+          <div class="passport__toggle passport__toggle-healthAction">
452 
+            <div class="passport__toggle__head">
453 
+              <p>健康行動</p>
454 
+            </div>
455 
+            <div class="passport__toggle__body">
456 
+              <div class="tags"></div>
457 
+            </div>
458 
+          </div>
459 
+          <div class="button passport__edit">
460 
+            <p>編輯健康護照</p>
461 
+          </div>
462 
+        </div>
463 
+      </section>
464 
+    </main>
465 
+    <footer class="footer">
466 
+    </footer>
463 467 
   </div>
464 468 
   <!-- Alert Modal -->
465 469 
   <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
 
@@ -494,10 +498,10 @@
494 498 
   <script src="./lib/gsap.min.js"></script>
495 499 
   <script src="./lib/exif.js"></script>
496 500 
   <script src="./lib/photoHelper.js"></script>
497 
-  <script src="./js/utlis.js"></script>
501 
+  <script src="./js/utlis.js?7cbe65f53be79cd4b77a5eb4a8276309636ce117"></script>
498 502 
   <script src="./js/services/userModel.js"></script>
499 
-  <script src="./js/services/index.js"></script>
500 
-  <script src="./js/base.js"></script>
503 
+  <script src="./js/services/index.js?13f56abb0ac2c7bd817e58389800bae3096f2201"></script>
504 
+  <script src="./js/base.js?8a1f8d31335b1840f315f3d90ea7aab22d658222"></script>
501 505 
   <script src="./js/register.js"></script>
502 506 
   <script src="./js/passport.js"></script>
503 507