:root{--base-font:"Open Sans","Helvetica Neue","Segoe UI",Roboto,"Noto Sans TC",Microsoft JhengHei,微軟正黑體,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--base-font-size:16px;--color-grey-1:#fbfcfd;--color-grey-2:#f8f9fa;--color-grey-3:#f1f3f5;--color-grey-4:#eceef0;--color-grey-5:#e6e8eb;--color-grey-6:#dfe3e6;--color-grey-7:#d7dbdf;--color-grey-8:#c1c8cd;--color-grey-9:#889096;--color-grey-10:#7e868c;--color-grey-11:#687076;--color-grey-12:#11181c;--color-blue-1:#e4effc;--color-blue-2:#d1e2fa;--color-blue-3:#bdd5f7;--color-blue-4:#a9c8f5;--color-blue-5:#96bcf2;--color-blue-6:#82aff0;--color-blue-7:#6ea2ed;--color-blue-8:#5b95eb;--color-blue-9:#4788e8;--color-blue-10:#4278c9;--color-blue-11:#3c67a9;--color-blue-12:#30466a;--color-orange-1:#f8efe6;--color-orange-2:#f8e2cd;--color-orange-3:#f8d4b3;--color-orange-4:#f8c79a;--color-orange-5:#f9ba81;--color-orange-6:#f9ad68;--color-orange-7:#f99f4e;--color-orange-8:#f99235;--color-orange-9:#f9851c;--color-orange-10:#d6751f;--color-orange-11:#b26521;--color-orange-12:#6c4526;--color-green-1:#e2f4f7;--color-green-2:#ccecee;--color-green-3:#b6e4e6;--color-green-4:#a0dcde;--color-green-5:#8ad4d5;--color-green-6:#74cccd;--color-green-7:#5ec4c5;--color-green-8:#48bcbc;--color-green-9:#48bcbc;--color-green-10:#309c9d;--color-green-11:#2e8486;--color-green-12:#295559;--color-red-1:#f7e9e9;--color-red-2:#f7d6d3;--color-red-3:#f6c4bd;--color-red-4:#f6b1a7;--color-red-5:#f59e90;--color-red-6:#f58b7a;--color-red-7:#f47964;--color-red-8:#f4664e;--color-red-9:#f35338;--color-red-10:#d14c36;--color-red-11:#ae4434;--color-red-12:#6a342f;--color-yelllow-1:#f9f4e7;--color-yelllow-2:#faebce;--color-yelllow-3:#fae3b6;--color-yelllow-4:#fbda9e;--color-yelllow-5:#fcd285;--color-yelllow-6:#fdc96d;--color-yelllow-7:#fdc155;--color-yelllow-8:#feb83c;--color-yelllow-9:#ffb024;--color-yelllow-10:#db9925;--color-yelllow-11:#b68226;--color-yelllow-12:#6e5329;--bg-color-brand-primary:#2257b8;--bg-color-brand-secondary:#ffb024;--bg-color-brand-tertiary:#32b4b4;--bg-color-button-primary:#4788e8;--bg-color-button-primary-hover:#4278c9;--bg-color-button-primary-pressed:#3c67a9;--bg-color-button-conversion:#f9851c;--bg-color-button-conversion-hover:#d6751f;--bg-color-button-conversion-pressed:#b26521;--bg-color-info:#4788e8;--bg-color-info-subtle:#e4effc;--bg-color-default:#fbfcfd;--bg-color-disabled:#dfe3e6;--bg-color-success:#32b4b4;--bg-color-success-hover:#309c9d;--bg-color-success-pressed:#32b4b4;--bg-color-success-active:#32b4b4;--bg-color-success-subtle:#b6e4e6;--bg-color-warning:#ffb024;--bg-color-error:#e5484d;--text-color-base:#11181c;--text-color-subtle:#687076;--text-color-subtlest:#889096;--text-color-info:#3c67a9;--text-color-success:#2e8486;--text-color-error:#ae4434;--text-color-warning:#b68226;--text-color-link:#4788e8;--text-color-link-hover:#4278c9;--text-color-link-pressed:#3c67a9;--text-color-link-disbaled:#7e868c;--icon-color-default:#687076;--icon-color-default-hover:#11181c;--icon-color-info:#4788e8;--icon-color-info-hover:#4278c9;--icon-color-info-pressed:#3c67a9;--icon-color-success:#32b4b4;--icon-color-success-hover:#309c9d;--icon-color-success-pressed:#2e8486;--icon-color-warning:#ffb024;--icon-color-warning-hover:#db9925;--icon-color-warning-pressed:#b68226;--icon-color-error:#f35338;--icon-color-error-hover:#d14c36;--icon-color-error-pressed:#ae4434;--border-color-default:#d7dbdf;--border-color-info:#6ea2ed;--border-color-success:#5ec4c5;--border-color-warning:#fdc155;--border-color-error:#f47964;--border-color-dark:#eceef0;--border-radius:8px;--border-radius-2x:16px}.accordion{background-color:var(--color-grey-2);border:1px solid var(--border-color-dark);border-radius:var(--border-radius);margin-bottom:.5rem;padding:1rem;position:relative}.accordion:last-of-type{margin-bottom:0}@media screen and (min-width:900px){.accordion{padding:1.5rem 2rem}}.accordion button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;cursor:pointer;display:flex;font-size:1.15rem;font-weight:600;justify-content:space-between;letter-spacing:0;margin:0;padding:0;position:relative;text-align:left;text-transform:none;width:100%}.accordion button:focus{outline:none}.accordion button h3{margin-bottom:0}.accordion-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;pointer-events:none;right:1.4rem;text-align:center;transition:all .2s ease-in;width:40px}.accordion-icon:after{color:var(--icon-color-default);content:"\f107";font:var(--fa-font-light);font-size:16px;font-weight:400}.accordion-icon:hover:after,.accordion[aria-expanded=true] button{color:var(--icon-color-default-hover)}.accordion[aria-expanded=true] button .accordion-icon{color:#fff;transform:rotate(180deg)}.accordion[aria-expanded=true] button .accordion-icon:after,button:hover .accordion-icon:after{color:var(--icon-color-default-hover)}.accordion main{display:block;max-height:0;opacity:0;overflow:hidden}.accordion[aria-expanded=true] main{max-height:100%;opacity:1;transition:opacity .5s ease-in,max-height .5s ease-in}.accordion-item-content{padding:1rem 0 0}