Default
Preview
全閱讀完:
時間0:
時間1:
時間2:
已詳閱:
請詳閱並同意以下聲明事項
1.個資法告知事項
- 親愛的客戶,您好:
國泰世紀產物保險股份有限公司(以下稱本公司)依據個人資料保護法(以下稱個資法)第八條及第九條規定,向 台端告知下列事項,請 台端詳閱:
一、蒐集之目的:辦理財產保險(093)、人身保險(001)、行銷(040)及其他合於營業登記項目或組織章程所定之業務(181)。
二、蒐集之個人資料類別:包括但不限於姓名、身分證統一編號、聯絡方式、本網站瀏覽或查詢時伺服器自行產生的相關紀錄(包括但不限於您使用設備的IP位址、使用的瀏覽器、使用時間、瀏覽及點選資料紀錄等)等,詳如要保書或相關業務申請書內容。
三、個人資料之來源(個人資料非由當事人提供間接蒐集之情形適用):
(一)要保人/被保險人/受益人
(二)司法警憲機關、委託協助處理理賠之公證人或機構
(三)當事人之法定代理人、輔助人
(四)各醫療院所
(五)與第三人共同行銷、交互運用客戶資料、合作推廣等關係、或於本公司各項業務內所委託往來之第三人。
(六)經當事人同意授權之同一金融控股公司所屬銀行子公司之網路銀行帳戶
四、個人資料利用之期間、對象、地區及方式:
(一)期間:因執行業務所必須及依法令規定應為保存之期間。
(二)對象:本(分)公司及本公司海外分支機構、中華民國產物保險商業同業公會、中華民國人壽保險商業同業公會、財團法人保險事業發展中心、財團法人保險安定基金、財團法人住宅地震保險基金、財團法人汽車交通事故特別補償基金、財團法人保險犯罪防制中心、財團法人金融消費評議中心、財團法人金融聯合徵信中心、財團法人聯合信用卡中心、台灣票據交換所、財金資訊公司、關貿網路股份有限公司、中央健康保險局、業務委外機構、與本公司有再保業務往來之公司、依法有調查權機關或金融監理機關。
(三)地區:上述對象所在之地區。
(四)方式:合於法令規定之利用方式。
五、依據個資法第三條規定,台端就本公司保有 台端之個人資料得行使之權利及方式:
(一)得向本公司行使之權利:
1.向本公司查詢、請求閱覽或請求製給複製本。
2.向本公司請求補充或更正。
3.向本公司請求停止蒐集、處理或利用及請求刪除。
(二)行使權利之方式:書面或其他日後可供證明之方式。
六、台端不提供個人資料所致權益之影響:
台端若未能提供相關個人資料時,本公司將可能延後或無法進行必要之審核及
處理作業,因此可能婉謝承保、遲延或無法提供 台端完善的保險服務。
【註】1.上開告知事項已公告於本公司官網,如有任何問題歡迎洽詢本公司0800-212-880,免付費客服專線。
2.本告知事項內容若有更動,係以官網公告為準。
2,國泰產險網站服務使用約定書
- 第一條
國泰世紀產物保險股份有限公司(以下稱本公司)係依據本約定書條款提供國泰產險官方網站(https://www.cathay-ins.com.tw,以下簡稱本公司網站)會員服務(以下簡稱本服務)。當會員使用本服務時,除代表已完全瞭解及接受本約定書之所有約定外,並同意本公司對會員的個人資料,有依「個人資料保護法」之相關規定,為蒐集、處理或國際傳輸、利用等之權利。 - 第二條
本公司有權於任何時間修改或變更本約定書之內容,建議會員隨時注意該等修改或變更。會員於本約定書有任何修改或變更後繼續使用本公司網站,視為會員已閱讀、瞭解並同意接受該等修改或變更。如果會員不同意本約定書的內容,或者會員所屬的國家或地域排除本約定書內容之全部或一部時,會員應立即停止使用本公司網站。若會員尚未滿十八歲,應經法定代理人(或監護人)閱讀、瞭解並同意本約定書之內容及其後之修改變更後,方得使用本公司網站。 - 第三條
本服務均為免費提供,本公司得隨時增加、取消或修改本服務內容之全部或一部。 - 第四條
為得以使用本服務,會員同意:
1.依服務登錄表提供正確、最新及完整的資料。
2.提供的資料如有錯誤或不實,本公司得暫停或終止會員身分。 - 第五條
會員所登錄之資料,受「個人資料保護法」及本公司「顧客資料保密措施」之保護。 - 第六條
會員應妥善保管帳號及密碼,並於每次使用後確實登出,以防他人盜用。 會員發現或懷疑自己的會員身分證字號或密碼遭他人盜用時,應該立即通知本公司採取必要的處置。但該通知不得解釋為本公司對會員負有任何賠償或補償之責任或義務。 - 第七條
會員承諾絕不為任何非法目的或以任何非法方式使用本公司網站,並承諾遵守中華民國相關法規及一切使用網際網路之國際慣例。會員若係中華民國以外之使用者,並同意遵守所屬國家或地域之法令。會員同意並保證不得利用本服務從事侵害他人權益或違法之行為,包括但不限於:
1.公布或傳送任何誹謗、侮辱、具威脅性、攻擊性、不雅、猥褻、不實、違反公共秩序或善良風俗或其他不法之文字、圖片或任何形式的檔案於本公司網站上。
2.違反依法律或契約所應負之保密義務。
3.冒用他人名義使用本服務。
4.傳輸或散佈電腦病毒。
5.其他本公司網站有正當理由認為不適當之行為。 - 第八條
會員由本公司網站或本公司網站連結之其他網站下載取得之軟體或資料,本公司對該軟體或資料不負擔保或保證之責。 - 第九條
本公司網站上所有廣告,均由各該廣告商、產品與服務的供應商所設計與提出,會員對於廣告內容之正確性與可信度應自行判斷,本公司僅提供網站供刊登或鏈結,對該廣告不負擔保責任。 - 第十條
會員經由本公司網站連結之其他網站與廠商進行商品買賣、服務或其他交易者,其因此所生之法律關係僅存在於會員與廠商之間,與本公司無涉。 - 第十一條
本公司所使用之軟體、程式及網站上所有內容,包括但不限於著作、圖片、檔案、資訊、資料、網站架構、網站畫面的安排、網頁設計,均由本公司或其他權利人依法擁有其智慧財產權,包括但不限於商標權、專利權、著作權、營業秘密與專有技術等。
任何人不得逕自使用、修改、重製、公開播送、改作、散佈、發行、公開發表或進行還原工程、解編或反向組譯。若會員欲引用或轉載前述軟體、程式或網站內容,必須依法取得本公司或其他權利人的事前書面同意。如有違反,會員應對本公司負損害賠償責任(包括但不限於訴訟費用及律師費用等)。 - 第十二條
本公司為提供會員更好的客戶服務而蒐集、處理或利用會員於本公司網站中留存之個人資料,本公司皆會以尊重會員的權益為基礎,於會員同意期間內,以誠實信用之方法處理或利用會員所提供的資料 。本公司只會蒐集與上述目的相關且有需要的個人資料,會員的個人資料原則上僅會在法令許可的範圍之下,以電子檔或紙本形式,於我國境內提供本公司及本公司委外廠商之處理及利用。本公司訂有國泰產險個人資料管理政策,並有完善之國泰產險個人資料檔案安全維護計畫,任何流程皆有嚴格之控管程序及標準作業流程,會員所提供的一切資料均會予以嚴加保密。基於個人資料保護法之規定,會員可以撥打本公司免費客戶服務專線(0800-212-880),針對會員的個人資料請求本公司答覆查詢、提供閱覽、製給複製本、更正、補充、停止蒐集、處理、利用或刪除。會員亦可至本公司官方網站之個人資料保護專區進一步瞭解相關權益。 - 第十三條
本公司網站除本公司所提供之服務、資訊且無第十四條第四款之情事者外,就下列事項不負保證之責:
1.本服務符合會員的需求。
2.本服務之及時提供、安全性、可靠性、正確性、完整性或不受干擾。 - 第十四條
有下列情事之一者,本公司得暫停、變更、中斷或終止本服務之全部或一部,對於會員因此所致之損害,本公司不負任何賠償或補償責任:
1.本公司對本服務相關軟硬體設備進行搬遷、更換、升級、保養或維修者。
2.會員有任何違反政府法令或本約定書條款者。
3.天災或其他不可抗力。
4.非本公司所得控制之事由致本服務資訊顯示不正確、遭偽造、竄改、刪除或擷取或致系統中斷或不能正常運作時。
5.其他不可歸責於本公司之事由。 - 第十五條
會員違反本約定書條款,或將其基於本約定書所生之會員權利讓與他人行使者,本公司得不經催告終止其會員資格,並追究相關之法律責任。會員得隨時以書面或電子郵件通知本公司終止其會員資格。 - 第十六條
本約定書任一條款無效者,不影響其他條款之效力。會員與本公司之權利義務,依網路規範及中華民國法律定之;因本約定書所生事項涉訟時,以臺灣臺北地方法院為第一審管轄法院。
認知與接受:
服務範圍
登錄義務
顧客資料保密措施
會員帳號、密碼與安全
使用者的守法義務及承諾
資訊或建議
廣告行為
買賣或其他交易行為
智慧財產權
個人資料保護
免責聲明
服務暫停或中止
會員身份終止
3.網路投保聲明事項
申請人茲向國泰產物保險股份有限公司(以下簡稱「本公司」)申請透過本公司指定網站(下稱「本網站」,https://www.cathay-ins.com.tw/)進行網路投保。申請人於申請網路投保前,已詳閱且同意遵守本網站國泰產險網站服務使用約定書、網路保險服務契約書、產險業履行個人資料保護法告知義務內容及下列事項:
- 一、有關本公司所發給之密碼或加密工具,為本公司對申請人身分之認證,申請人應妥善保管;經核對密碼或加密工具無誤時,即視為申請人親自申請。
- 二、在使用網路投保服務時,可能面對以下風險:如斷線、斷電、網路壅塞或其他因素等造成傳輸之阻礙,致電子訊息無法傳送、接收或時間延遲。另外其他可能導致本網站無法正常使用之原因,如網路提供業者之線路穩定性、使用者操作不當、斷電及天災等不可抗力因素,係非本公司可控制範圍。因影響網路投保之因素無法一一詳述,申請人於進行網路投保前,應對本公司不定時發布之最新訊息及其他注意事項等詳加注意及遵守。
- 三、有下列情形之一者,本公司得不處理申請人之網路投保申請:
- 本公司認該網路投保申請之真實性或所指定事項之正確性有疑義者。
- 該網路投保申請之內容,違反相關法令之規定或保險契約之約定者。
申請人已詳細閱讀並充分瞭解以上網路投保之注意事項、可能產生之風險及相關使用約定,爰同意以網路進行投保事宜,特此聲明。
4.網路保險服務聲明事項
- 本契約書於中華民國 年 月 日交付消費者審閱。(契約審閱期間至少五日)
- 當事人間依電子簽章法及相關法令之規定從事保險電子交易者,適用本契約之約定。但個別網路保險服務契約對消費者之保護更有利者,從其約定。
- 本契約之名詞定義如下:
一、「保險電子交易」:指消費者經由網際網路與本保險公司資訊系統電腦連線,且利用電子簽章或其他足資辨識消費者身分之方式,直接取得本保險公司所提供之各項保險服務。
二、「電子訊息」:指本保險公司或消費者經由網際網路連線傳遞之訊息。
三、「數位簽章」:指將電子文件以數學演算法或其他方式運算為一定長度之數位資料,以簽署人之私密金鑰對其加密,形成電子簽章,並得以公開金鑰加以驗證者。
四、「私密金鑰」:指一組具有配對關係之數位資料中,由簽章製作者保有之數位資料,該數位資料係作電子訊息解密及製作數位簽章之用。
五、「公開金鑰」:指一組具有配對關係之數位資料中,用以對電子訊息加密、或驗證簽署者身分及數位簽章真偽之數位資料。
六、「加密」:指利用數學演算法或其他方法,將電子文件以亂碼方式處理。
七、「電子簽章」:指依附於電子文件並與其相關連,用以辨識及確認電子文件簽署人身分、資格及電子文件真偽者。
八、「憑證」:指載有簽章驗證資料,用以確認簽署人身分、資格之電子形式證明。
九、「資訊系統」:指產生、送出、收受、儲存或其他處理電子形式訊息資料之系統。 - 本保險公司及消費者應各自與網路業者簽訂網路服務契約,並各自負擔網路使用之費用。
- 消費者與本保險公司交易前,應先確認本保險公司正確之網址。
本保險公司應盡善良管理人之注意義務,隨時維護網站的正確性與安全性,以避免消費者之權益受損。 - 本保險公司接收含數位簽章或經本保險公司及消費者同意用以辨識身分之電子訊息後,應立即以下列方式之ㄧ要求消費者再確認:
一、以資訊系統自動回覆通知消費者。
二、以資訊系統再次確認裝置提示消費者。
經消費者依前項規定再確認者,該項電子訊息視為已經本保險公司受理。
本保險公司受理消費者之電子訊息後,應即時進行檢核或處理,並於三日內將結果通知消費者。
本保險公司應於同意承保後,將網路保險交易成功訊息(內容包含保險單號碼或交易序號、保險單生效時間、保險金額等重要資訊)傳送予消費者。
本保險公司同意承保後,保險契約即為成立。 本保險公司或消費者接收來自對方任何電子訊息,若無法辨識其身分或內容時,視為傳送作業未完成。
但本保險公司可確定消費者身分時,應立即將內容無法辨識之事實通知消費者。 - 有下列情形之一者,本保險公司得不處理任何接收之電子訊息:
一、 本保險公司能舉出證據有具體理由懷疑電子訊息之真實性或所指定事項之正確性者。
二、 本保險公司依據電子訊息處理,將違反相關法令或保險契約之規定者。
本保險公司不處理前項電子訊息者,應同時將不處理之具體理由及情形通知消費者。 - 消費者申請使用本契約之服務項目,應自費安裝其所需之電腦軟體、硬體,以及其他與安全相關之設備。 消費者於使用本保險公司所交付之軟硬體設備時,如因可歸責於本保險公司之事由致受有損害,得向本保險公司請求賠償。
- 消費者對使用者帳號、密碼、憑證及相關文件,應妥善保管。 消費者輸入前項密碼連續錯誤達三次時,本保險公司資訊系統即自動停止消費者使用本契約之服務。消費者如擬恢復使用,應向本保險公司提出申請。
- 本保險公司於每筆交易指示處理完畢後,以電子訊息或雙方約定之方式通知消費者,消費者應核對其結果有無錯誤。如有不符,應於通知到達之日起四十五日內,通知本保險公司查明。 本保險公司對於消費者之通知,應即進行調查,並於通知到達本保險公司之日起四十五日內,將調查之情形或結果覆知消費者。
- 消費者利用本契約之服務,如其電子訊息因不可歸責於消費者之事由而發生錯誤者,本保險公司應協助消費者更正,並提供其他必要之協助。 前項服務因可歸責於本保險公司之事由而發生錯誤者,本保險公司應於知悉時,立即更正,並同時以電子訊息或雙方約定之方式通知消費者。
- 雙方應確保所傳送至對方之電子訊息均經合法授權。 雙方於發現有第三人冒用或盜用使用者帳號、密碼、憑證或其他任何未經合法授權之情形,應立即以電話或書面或其他約定方式通知他方停止使用該服務並採取防範之措施。 本保險公司接受通知前,已依前項服務之指示為給付者,不受拘束,但本保險公司有故意或過失者不在此限。
- 本保險公司對所承保之消費者及其利害關係人之個人資料檔案,應採取適當之安全措施,防止個人資料被竊取、竄改、毀損、滅失或洩露。 本保險公司違反前項規定,致個人資料遭不法蒐集、處理、利用或其他侵害當事人權利者,應負損害賠償責任。但能證明其無故意或過失者,不在此限。
- 本保險公司因處理本契約及基於本契約所從事之保險電子交易,所取得之相關資料負有保密義務。除經當事人同意或符合個人資料保護之相關法令規定外,本保險公司不得使用於與本契約無關之目的或對第三人揭露。
- 因本契約雙方之故意或過失,就本契約傳送或接收電子訊息,有遲延、遺漏或錯誤之情事;或就本契約所生義務之不履行或遲延履行,而致他方受有損害時,應負賠償責任。
- 雙方應保存所有保險電子交易訊息(不含查詢類)紀錄,並應確保其真實性及完整性。 本保險公司對前項紀錄之保存,應盡善良管理人之注意義務。 保存期限至少為保險契約有效期限屆滿或通知消費者不同意承保後五年。
- 雙方同意依本契約利用電子簽章或電子文件方式交換之電子訊息,其效力與書面簽署或書面文件相同。
- 消費者得隨時通知本保險公司終止本契約。
- 本保險公司欲終止本契約時,須於終止日三十日前以書面通知消費者。但消費者如有下列情事之一者,本保險公司得隨時以書面通知消費者終止本契約: 一、消費者未經本保險公司同意,擅自將本契約之權利或義務轉讓第三人。 二、消費者受法院破產或重整宣告。 三、消費者違反本契約第十一條第一項之規定。 四、消費者違反本契約之其他約定,經催告改善或限期請求履行未果。
- 消費者或本保險公司就本契約事項對他方為通知者,應向他方所留存本契約之最後地址或電子郵件信箱為之。
- 本契約準據法,依中華民國法律。
- 因本契約涉訟者,雙方同意以消費者住所地地方法院為第一審管轄法院。消費者之住所在中華民國境外時,以臺灣台北地方法院為第一審管轄法院。但不得排除消費者保護法第四十七條及民事訴訟法第四百三十六條之九小額訴訟管轄法院之適用。
- 本契約如有未盡事宜,得經本保險公司及消費者協議補充或修正之。
第一條 契約之適用範圍
第二條 名詞定義
第三條 連線所使用之網路
第四條 網頁之確認
第五條 電子訊息之接收與回應
第六條 電子訊息之不處理
第七條 消費者軟硬體安裝與風險
第八條 消費者之注意義務
第九條 交易核對
第十條 電子訊息錯誤之處理
第十一條 電子文件之合法授權與責任
第十二條 資料安全
第十三條 資訊保密義務
第十四條 損害賠償責任
第十五條 紀錄保存
第十六條 電子訊息之效力
第十七條 消費者終止契約
第十八條 保險公司終止契約
第十九條 通知處所
第二十條 法令適用
第二十一條 管轄法院
第二十二條 契約修訂
1.
個資法告知事項
2.
國泰產險網站服務使用約定書
3.
網路投保聲明事項
4.
網路保險服務聲明事項
HTML
<div agreement001 data-finish="false" data-plugin="comp/agreement001" data-type="comp" data-comp-name="agreement001">
<style>
[agreement001Label] [agreement001LabelChecked] {
display: none;
}
[agreement001Label] [agreement001LabelNo] {
display: flex;
}
[agreement001Label].tw-active [agreement001LabelNo] {
display: none;
}
[agreement001Label].tw-active [agreement001LabelChecked] {
display: flex;
}
[agreement001].tw-has-error [agreement001Hint] {
color: #de3730 !important;
}
</style>
<script agreement001ItemTemplate type="text/template">
<div agreement001Item class="tw-px-16 lg:tw-px-32">{content}</div>
</script>
<div class="tw-form-container">
<div>
<div class="tw-hidden">檢查用:
<input type="text" name="agreement" value="false" />
</div>
<div agreement001Hint class="tw-form-description tw-mt-4">請詳閱並同意以下聲明事項</div>
<div class="tw-form-panel tw-mt-16 tw-px-0 tw-pb-16 lg:tw-px-0">
<div agreement001Wrap class="tw-h-[247px] tw-max-h-[247px] tw-overflow-y-scroll">
<div agreement001Item class="tw-px-16 lg:tw-px-32">
<div class="tw-body-l tw-font-medium tw-text-neutral-900">個資法告知事項1</div>
<div class="tw-body-m tw-mt-4 tw-text-neutral-600">
<p>消費者輸⼊前項⼀次性密碼(OTP)連續錯誤達四次時,本保險公司資訊系統即⾃動停⽌消費者使⽤本契約之服務,消費者如因此無法完成驗證作業,應向本公司提出申請。</p>
<p>高葉人飯石央足結蝸吃個兆。貫人冬、刀的訴古前新買息爸;少安雪朋動枝,老片文寫邊菜新前昌師,發是道校;和由你,乾路真原馬。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
</div>
</div>
<div agreement001Item class="tw-bg-neutral-variant-100 tw-px-16 lg:tw-px-32">
<div class="tw-body-l tw-font-medium tw-text-secondary-600">個資法告知事項2</div>
<div class="tw-body-m tw-mt-4 tw-text-secondary-600">
<p>消費者輸⼊前項⼀次性密碼(OTP)連續錯誤達四次時,本保險公司資訊系統即⾃動停⽌消費者使⽤本契約之服務,消費者如因此無法完成驗證作業,應向本公司提出申請。</p>
<p>高葉人飯石央足結蝸吃個兆。貫人冬、刀的訴古前新買息爸;少安雪朋動枝,老片文寫邊菜新前昌師,發是道校;和由你,乾路真原馬。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
</div>
</div>
<div agreement001Item class="tw-px-16 lg:tw-px-32">
<div class="tw-body-l tw-font-medium tw-text-neutral-900">個資法告知事項3</div>
<div class="tw-body-m tw-mt-4 tw-text-neutral-600">
<p>消費者輸⼊前項⼀次性密碼(OTP)連續錯誤達四次時,本保險公司資訊系統即⾃動停⽌消費者使⽤本契約之服務,消費者如因此無法完成驗證作業,應向本公司提出申請。</p>
<p>高葉人飯石央足結蝸吃個兆。貫人冬、刀的訴古前新買息爸;少安雪朋動枝,老片文寫邊菜新前昌師,發是道校;和由你,乾路真原馬。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
</div>
</div>
<div agreement001Item class="tw-bg-neutral-variant-100 tw-px-16 lg:tw-px-32">
<div class="tw-body-l tw-font-medium tw-text-secondary-600">個資法告知事項2</div>
<div class="tw-body-m tw-mt-4 tw-text-secondary-600">
<p>消費者輸⼊前項⼀次性密碼(OTP)連續錯誤達四次時,本保險公司資訊系統即⾃動停⽌消費者使⽤本契約之服務,消費者如因此無法完成驗證作業,應向本公司提出申請。</p>
<p>高葉人飯石央足結蝸吃個兆。貫人冬、刀的訴古前新買息爸;少安雪朋動枝,老片文寫邊菜新前昌師,發是道校;和由你,乾路真原馬。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
</div>
</div>
<!--
-->
<div agreement001Item class="tw-px-16 lg:tw-px-32">
<div class="tw-body-l tw-font-medium tw-text-neutral-900">個資法告知事項1</div>
<div class="tw-body-m tw-mt-4 tw-text-neutral-600">
<p>消費者輸⼊前項⼀次性密碼(OTP)連續錯誤達四次時,本保險公司資訊系統即⾃動停⽌消費者使⽤本契約之服務,消費者如因此無法完成驗證作業,應向本公司提出申請。</p>
<p>高葉人飯石央足結蝸吃個兆。貫人冬、刀的訴古前新買息爸;少安雪朋動枝,老片文寫邊菜新前昌師,發是道校;和由你,乾路真原馬。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
</div>
</div>
<div agreement001Item class="tw-bg-neutral-variant-100 tw-px-16 lg:tw-px-32">
<div class="tw-body-l tw-font-medium tw-text-secondary-600">個資法告知事項2</div>
<div class="tw-body-m tw-mt-4 tw-text-secondary-600">
<p>消費者輸⼊前項⼀次性密碼(OTP)連續錯誤達四次時,本保險公司資訊系統即⾃動停⽌消費者使⽤本契約之服務,消費者如因此無法完成驗證作業,應向本公司提出申請。</p>
<p>高葉人飯石央足結蝸吃個兆。貫人冬、刀的訴古前新買息爸;少安雪朋動枝,老片文寫邊菜新前昌師,發是道校;和由你,乾路真原馬。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
<p>火汁夏兩升蝶常時苗,幫雞畫來月首游浪比下坡雲買也六。羽年讀友皮太故紅事着由國昌而常成您司信,背完荷們穿化樹一蝸毛穴以少院她奶,采休時黑十帽天尤造外刀即豆、示看重:旦澡羊你。</p>
<p>毛遠心辛假央刃已立兒力?有朱對追玩珠木丟聲。畫弟以鳥訴做根豆走田信至到它畫唱北?筆帽面跑放空開山什,山裝春者因面是,爪做也包女完丟;邊頭司門日方個棵菜星主吹枝頭根大物示。</p>
<p>六象穿路支找,學叫斗冰動兄怪:院第包生瓜兔只六。放門家都法會半連苗五「母實雄借牛固抱休布」占追禾請許良又四昔肉六女用黃,寺叫汁合氣童。士朱火金那歌乾息苦汁,對欠秋裝。</p>
<p>這皮裏國良後林姊美畫化服幼十游少。羊戊寸林?在兆音姐更目右胡英皮巾活而。室首第第都頁貝公合奶風別戊。</p>
<p>寺穿遠地誰後方辛進手?以禾開小馬再公黃言且流拍種視學半秋洋?叫草都種耍星眼立心來,尤鴨金朵什嗎新助旦。</p>
<p>象遠位蝶門讀條:前司米,巴往候步細點跑尾七什根圓朵昌蝴,土陽林林久音上吹們回,光戊美借魚十品枝媽平二知少可是高樹,第玩她你許力干貝平更明刀急根科卜。</p>
<p>昔石玉即丟位?日大南。</p>
</div>
</div>
</div>
<div class="tw-flex tw-justify-center tw-bg-neutral-50 tw-px-16 tw-py-8">
<div class="text-body-l tw-leadning-none tw-text-neutral-700">請滑至底部</div>
</div>
<div class="tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-x-24 tw-gap-y-24 tw-bg-white tw-pt-16 md:tw-flex-row md:tw-flex-wrap">
<div agreement001Label class="tw-flex tw-cursor-pointer tw-items-center tw-text-black hover:tw-text-primary-500">
<div agreement001LabelNo class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-neutral-300 tw-text-[10px] tw-font-bold tw-text-neutral-300">
<div>1</div>
</div>
<div agreement001LabelChecked class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-primary-300 tw-bg-primary-200 tw-text-[10px] tw-font-bold tw-text-primary-900">
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.833374 4.07018L3.51195 6.83333L9.16671 1" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="tw-ml-4">個資法告知事項</div>
</div>
<div agreement001Label class="tw-flex tw-cursor-pointer tw-items-center tw-text-black hover:tw-text-primary-500">
<div agreement001LabelNo class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-neutral-300 tw-text-[10px] tw-font-bold tw-text-neutral-300">
<div>2</div>
</div>
<div agreement001LabelChecked class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-primary-300 tw-bg-primary-200 tw-text-[10px] tw-font-bold tw-text-primary-900">
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.833374 4.07018L3.51195 6.83333L9.16671 1" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="tw-ml-4">國泰產險網站服務使用約定書</div>
</div>
<div agreement001Label class="tw-flex tw-cursor-pointer tw-items-center tw-text-black hover:tw-text-primary-500">
<div agreement001LabelNo class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-neutral-300 tw-text-[10px] tw-font-bold tw-text-neutral-300">
<div>3</div>
</div>
<div agreement001LabelChecked class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-primary-300 tw-bg-primary-200 tw-text-[10px] tw-font-bold tw-text-primary-900">
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.833374 4.07018L3.51195 6.83333L9.16671 1" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="tw-ml-4">網路投保聲明事項</div>
</div>
<div agreement001Label class="tw-flex tw-cursor-pointer tw-items-center tw-text-black hover:tw-text-primary-500">
<div agreement001LabelNo class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-neutral-300 tw-text-[10px] tw-font-bold tw-text-neutral-300">
<div>4</div>
</div>
<div agreement001LabelChecked class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-primary-300 tw-bg-primary-200 tw-text-[10px] tw-font-bold tw-text-primary-900">
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.833374 4.07018L3.51195 6.83333L9.16671 1" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="tw-ml-4">網路保險服務聲明事項</div>
</div>
<!-- / -->
<div agreement001Label class="tw-flex tw-cursor-pointer tw-items-center tw-text-black hover:tw-text-primary-500">
<div agreement001LabelNo class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-neutral-300 tw-text-[10px] tw-font-bold tw-text-neutral-300">
<div>5</div>
</div>
<div agreement001LabelChecked class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-primary-300 tw-bg-primary-200 tw-text-[10px] tw-font-bold tw-text-primary-900">
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.833374 4.07018L3.51195 6.83333L9.16671 1" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="tw-ml-4">個資法告知事項</div>
</div>
<div agreement001Label class="tw-flex tw-cursor-pointer tw-items-center tw-text-black hover:tw-text-primary-500">
<div agreement001LabelNo class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-neutral-300 tw-text-[10px] tw-font-bold tw-text-neutral-300">
<div>6</div>
</div>
<div agreement001LabelChecked class="tw-flex tw-h-20 tw-w-20 tw-items-center tw-justify-center tw-overflow-hidden tw-rounded-full tw-border-2 tw-border-primary-300 tw-bg-primary-200 tw-text-[10px] tw-font-bold tw-text-primary-900">
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.833374 4.07018L3.51195 6.83333L9.16671 1" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="tw-ml-4">國泰產險網站服務使用約定書</div>
</div>
</div>
</div>
<div agreement001Checkbox class="tw-mt-16 tw-px-24">
<div class="tw-form-group">
<div class="tw-flex tw-items-start">
<input checkboxItem id="protectionTermFlagY" name="protectionTermFlag" type="checkbox" value="Y" class="tw-form-checkbox" onchange="doCheckProtectionTermFlag();" />
<label for="protectionTermFlagY" class="tw-form-checkbox-label">本人同意所蒐集之聯絡資料(姓名、地址、email)作為國泰產險依金控法第43條第2項,進行共同行銷之特定目的使用。如未勾選不影響本次投保權益,可直接進行下一步。</label>
</div>
<div class="tw-form-error-msg tw-mt-2 tw-pl-16"></div>
</div>
</div>
</div>
</div>
</div>
Event
當每一個label亮燈時,會送一次update事件出來
JS
<script>
document.addEventListener("pageReady",()=>{
const elm = document.querySelector("#agreement001");
elm.addEventListener('update',(event)=>{
console.log(event.detail);
})
})
</script>
event.detail:{
id:0,//label順序
elm:<div>....</div>//label DOM
}
Validate Code Reference
請依照實際開發狀況調整
HTML
onchange="doCheckProtectionTermFlag();"
<div agreement001Checkbox class="tw-mt-16 tw-px-24">
<div class="tw-form-group">
<div class="tw-flex tw-items-start">
<input checkboxItem id="protectionTermFlagY" name="protectionTermFlag" type="checkbox" value="Y" class="tw-form-checkbox" onchange="doCheckProtectionTermFlag();" />
<label for="protectionTermFlagY" class="tw-form-checkbox-label">本人同意所蒐集之聯絡資料(姓名、地址、email)作為國泰產險依金控法第43條第2項,進行共同行銷之特定目的使用。如未勾選不影響本次投保權益,可直接進行下一步。</label>
</div>
<div class="tw-form-error-msg tw-mt-2 tw-pl-16"></div>
</div>
</div>
JS
<script>
function doCheckProtectionTermFlag() {
const name = 'protectionTermFlag'
const elm = document.querySelector(`[name=${name}]`)
if (document.querySelector('[name=agreement]').value === 'false') {
document.querySelector('[agreement001Hint]').style.color = '#FF0000'
scrollToElm(document.querySelector('[name=agreement]'))
elm.checked = false
return
} else {
document.querySelector('[agreement001Hint]').style = ''
}
}
</script>