diff --git a/src/components/news/Agenda.vue b/src/components/news/Agenda.vue
index 7216f8f..43016af 100644
--- a/src/components/news/Agenda.vue
+++ b/src/components/news/Agenda.vue
@@ -124,7 +124,7 @@
                         <li><span />SITCON 2021 將會有 4 軌議程同時進行（不計其他議程相關活動）。</li>
                         <li><span />上述審稿方式不考慮稿件內容的難度。我們以稿件是否能夠吸引人、高品質、適合聽眾（即前述審稿方式）為考量。</li>
                         <li><span />為鼓勵投稿，大會提供投稿者一組入場票邀請碼
-                        （投稿者有多個投稿亦同，即為一人一組，非一稿一組），可優先報名參與本年會。若您的稿件被接受，屆時可使用講者身分入場，不需要另外報名，並可以將入場票邀請碼贈與他人使用，邀請親朋好友共襄盛舉。講者身分入場，每組可獲得一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。
+                            （投稿者有多個投稿亦同，即為一人一組，非一稿一組），可優先報名參與本年會。若您的稿件被接受，屆時可使用講者身分入場，不需要另外報名，並可以將入場票邀請碼贈與他人使用，邀請親朋好友共襄盛舉。講者身分入場，每組可獲得一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。
                         </li>
                         <li><span />在截稿之前，投稿者可以隨時使用投稿系統修改已投的稿件。</li>
                         <li><span />SITCON 議程組得與投稿者討論並經同意後，轉換稿件之投稿類型。</li>
@@ -194,18 +194,89 @@
                     <article class="info-section__content--sub info-section__content--sub-extend">
                         <h2>Q&A</h2>
                         <div class="info-qa">
-                            <div class="info-qa__itemBox" v-for="item,index in QA" :key="index">
-
-                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" :id="index">
-                                <label class="info-qa__itemBox-title" :for="index">
-                                    <p>{{item.Q}}</p>
+                            <div class="info-qa__itemBox">
+                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="1">
+                                <label class="info-qa__itemBox-title" for="1">
+                                    <p>先備知識與目標受眾有何不同？</p>
                                     <span class="info-qa__itemBox-checkmark">
                                         <div class="info-qa-icon"></div>
                                     </span>
                                 </label>
                                 <div class="info-qa__itemBox-text">
-                                    <!-- <p v-if="item.v">{{item.A}}</p>     -->
-                                    <p>{{item.A}}</p>
+                                    <p>
+                                        「目標受眾」表示您預期何種人將會前來參與該場議程，此欄位可能表示為與會者的興趣、生活環境抑或年齡層。「先備知識」表示對該議程有興趣者，您建議須先備哪些基礎技術、能力或經驗，有助於了解與吸收該場議程的知識精華。舉例而言，若一講題為「在營隊中使用虛擬貨幣」，則先備知識可能是「沒有」，目標受眾可能是「有想要辦營隊的人」。而如果是有關
+                                        Julia 程式語言的演講，則先備知識可能是「知道平行運算是什麼」，目標受眾可能是「想用 Julia 做資料科學的人」。
+                                    </p>
+                                </div>
+                            </div>
+                            <div class="info-qa__itemBox">
+                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="2">
+                                <label class="info-qa__itemBox-title" for="2">
+                                    <p>投稿主題是否有必要切合年會主題（算盤的後裔）？</p>
+                                    <span class="info-qa__itemBox-checkmark">
+                                        <div class="info-qa-icon"></div>
+                                    </span>
+                                </label>
+                                <div class="info-qa__itemBox-text">
+                                    <p>
+                                        不用。審稿時僅會依照上文所述方式審查，不會因為切合主題就拿到比較高分，或因為與 主題無關就被扣分。
+                                    </p>
+                                </div>
+                            </div>
+                            <div class="info-qa__itemBox">
+                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="3">
+                                <label class="info-qa__itemBox-title" for="3">
+                                    <p>在什麼情況下，議程組會提出希望能轉換稿件之投稿類型？</p>
+                                    <span class="info-qa__itemBox-checkmark">
+                                        <div class="info-qa-icon"></div>
+                                    </span>
+                                </label>
+                                <div class="info-qa__itemBox-text">
+                                    <p>
+                                        若我們認為您的稿件很優秀，但可能比較適合另一種形式，或者該形式的名額已經額滿、無法再增額時，我們會向您充分說明與溝通，並經您的同意後，轉換稿件類型。
+                                    </p>
+                                </div>
+                            </div>
+                            <div class="info-qa__itemBox">
+                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="4">
+                                <label class="info-qa__itemBox-title" for="4">
+                                    <p>如果我的稿件預計會有多個講者，投稿時需要注意什麼？</p>
+                                    <span class="info-qa__itemBox-checkmark">
+                                        <div class="info-qa-icon"></div>
+                                    </span>
+                                </label>
+                                <div class="info-qa__itemBox-text">
+                                    <p>
+                                        請在「暱稱/名字」欄位標示所有講者的稱呼，並在「演講大綱」詳細說明各個講者如何分配演講內容。稿件經接受者，無論講者人數，皆只提供一組可轉贈的入場票邀請碼、一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。未佩戴識別證的講者，僅能在自己的演講時，於該議程時段進入議程所在的會議廳。
+                                    </p>
+                                </div>
+                            </div>
+                            <div class="info-qa__itemBox">
+                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="5">
+                                <label class="info-qa__itemBox-title" for="5">
+                                    <p>如果我入選第二階段，可以提供哪些補充資料？</p>
+                                    <span class="info-qa__itemBox-checkmark">
+                                        <div class="info-qa-icon"></div>
+                                    </span>
+                                </label>
+                                <div class="info-qa__itemBox-text">
+                                    <p>
+                                        您可以提供簡報檔案、講稿、演講錄音搭配簡報畫面製成影片，或是實際錄影，您可以自行決定是否提供上述的任何一項，作為補充資料。
+                                    </p>
+                                </div>
+                            </div>
+                            <div class="info-qa__itemBox">
+                                <input class="info-qa__itemBox-input" type="checkbox" name="checkbox" id="6">
+                                <label class="info-qa__itemBox-title" for="6">
+                                    <p>還有疑問怎麼辦？</p>
+                                    <span class="info-qa__itemBox-checkmark" type="radio" name="radio" id="6">
+                                        <div class="info-qa-icon"></div>
+                                    </span>
+                                </label>
+                                <div class="info-qa__itemBox-text">
+                                    <p>
+                                        歡迎來投稿者小聚與我們聊聊，或寄信至 session[at]sitcon.org 詢問，我們會儘速回應。
+                                    </p>
                                 </div>
                             </div>
                         </div>
@@ -214,11 +285,11 @@
                         </div>
                     </article>
 
-            </article>
+                </article>
                 <!--    投稿注意事項     -->
             </section>
         </div>
-    </div>     
+    </div>   
 </template>
 
 
@@ -226,51 +297,7 @@
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator';
 @Component({})
-export default class Agenda extends Vue {
-  private QA = [
-    {
-      Q: '先備知識與目標受眾有何不同？',
-      A:
-        '「目標受眾」表示您預期何種人將會前來參與該場議程，此欄位可能表示為與會者的興趣、生活環境抑或年齡層。「先備知識」表示對該議程有興趣者，您建議須先備哪些基礎技術、能力或經驗，有助於了解與吸收該場議程的知識精華。舉例而言，若一講題為「在營隊中使用虛擬貨幣」，則先備知識可能是「沒有」，目標受眾可能是「有想要辦營隊的人」。而如果是有關Julia 程式語言的演講，則先備知識可能是「知道平行運算是什麼」，目標受眾可能是「想用 Julia 做資料科學的人」。'
-    //   v: fals
-    },
-    {
-      Q: '投稿主題是否有必要切合年會主題（算盤的後裔）？',
-      A:
-        '不用。審稿時僅會依照上文所述方式審查，不會因為切合主題就拿到比較高分，或因為與 主題無關就被扣分。'
-    //   v: false
-    },
-    {
-      Q: '在什麼情況下，議程組會提出希望能轉換稿件之投稿類型？',
-      A:
-        '若我們認為您的稿件很優秀，但可能比較適合另一種形式，或者該形式的名額已經額滿、無法再增額時，我們會向您充分說明與溝通，並經您的同意後，轉換稿件類型。'
-    //   v: false
-    },
-    {
-      Q: '如果我的稿件預計會有多個講者，投稿時需要注意什麼？',
-      A:
-        '請在「暱稱/名字」欄位標示所有講者的稱呼，並在「演講大綱」詳細說明各個講者如何分配演講內容。稿件經接受者，無論講者人數，皆只提供一組可轉贈的入場票邀請碼、一張講者識別證、一份午餐餐盒與一份講者專屬迎賓禮。未佩戴識別證的講者，僅能在自己的演講時，於該議程時段進入議程所在的會議廳。'
-    //   v: false
-    },
-    {
-      Q: '如果我入選第二階段，可以提供哪些補充資料？',
-      A:
-        '您可以提供簡報檔案、講稿、演講錄音搭配簡報畫面製成影片，或是實際錄影，您可以自行決定是否提供上述的任何一項，作為補充資料。'
-    //   v: false
-    },
-    {
-      Q: '還有疑問怎麼辦？',
-      A:
-        '歡迎來投稿者小聚與我們聊聊，或寄信至 session[at]sitcon.org 詢問，我們會儘速回應。'
-    //   v: false
-    }
-  ];
-// I am already using checkbox in CSS with better approach and SEO, we don't need to use JS in there.
-// I am comment all relative js for js approach.
-//   private fade = (index: number) => {
-//     this.QA[index].v = !this.QA[index].v;
-//   }
-}
+export default class Agenda extends Vue {}
 </script>
 
 <style lang="scss">