@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap);body[data-v-08380134]{margin:0;padding:0}[data-v-08380134],[data-v-08380134]:after,[data-v-08380134]:before{box-sizing:border-box}h1[data-v-08380134],h2[data-v-08380134],h3[data-v-08380134],h4[data-v-08380134],h5[data-v-08380134],h6[data-v-08380134],p[data-v-08380134]{margin:0;padding:0}li[data-v-08380134],ol[data-v-08380134],ul[data-v-08380134]{list-style:none;margin:0;padding:0}a[data-v-08380134],a[data-v-08380134]:focus,a[data-v-08380134]:hover{text-decoration:none;color:#1c1c1c}img[data-v-08380134]{display:block}.btn[data-v-08380134],a[data-v-08380134]:focus,button[data-v-08380134],button[data-v-08380134]:focus,select[data-v-08380134],select[data-v-08380134]:focus,textarea[data-v-08380134]:focus{outline:0!important}button[data-v-08380134]{background-color:transparent;border:0;cursor:pointer}button[disabled][data-v-08380134]{pointer-events:none}input[data-v-08380134]:invalid,input[data-v-08380134]:required{box-shadow:none}figure[data-v-08380134]{margin:0}.w-25[data-v-08380134]{width:25%}.w-50[data-v-08380134]{width:50%}.w-75[data-v-08380134]{width:75%}.w-100[data-v-08380134]{width:100%}.m-0[data-v-08380134]{margin:0}.mt-0[data-v-08380134]{margin-top:0}.mb-0[data-v-08380134]{margin-bottom:0}.me-0[data-v-08380134]{margin-right:0}.ms-0[data-v-08380134]{margin-left:0}.mx-0[data-v-08380134]{margin-right:0;margin-left:0}.my-0[data-v-08380134]{margin-top:0;margin-bottom:0}.m-1[data-v-08380134]{margin:4px}.mt-1[data-v-08380134]{margin-top:4px}.mb-1[data-v-08380134]{margin-bottom:4px}.me-1[data-v-08380134]{margin-right:4px}.ms-1[data-v-08380134]{margin-left:4px}.mx-1[data-v-08380134]{margin-right:4px;margin-left:4px}.my-1[data-v-08380134]{margin-top:4px;margin-bottom:4px}.m-2[data-v-08380134]{margin:8px}.mt-2[data-v-08380134]{margin-top:8px}.mb-2[data-v-08380134]{margin-bottom:8px}.me-2[data-v-08380134]{margin-right:8px}.ms-2[data-v-08380134]{margin-left:8px}.mx-2[data-v-08380134]{margin-right:8px;margin-left:8px}.my-2[data-v-08380134]{margin-top:8px;margin-bottom:8px}.m-3[data-v-08380134]{margin:12px}.mt-3[data-v-08380134]{margin-top:12px}.mb-3[data-v-08380134]{margin-bottom:12px}.me-3[data-v-08380134]{margin-right:12px}.ms-3[data-v-08380134]{margin-left:12px}.mx-3[data-v-08380134]{margin-right:12px;margin-left:12px}.my-3[data-v-08380134]{margin-top:12px;margin-bottom:12px}.m-4[data-v-08380134]{margin:16px}.mt-4[data-v-08380134]{margin-top:16px}.mb-4[data-v-08380134]{margin-bottom:16px}.me-4[data-v-08380134]{margin-right:16px}.ms-4[data-v-08380134]{margin-left:16px}.mx-4[data-v-08380134]{margin-right:16px;margin-left:16px}.my-4[data-v-08380134]{margin-top:16px;margin-bottom:16px}.m-5[data-v-08380134]{margin:20px}.mt-5[data-v-08380134]{margin-top:20px}.mb-5[data-v-08380134]{margin-bottom:20px}.me-5[data-v-08380134]{margin-right:20px}.ms-5[data-v-08380134]{margin-left:20px}.mx-5[data-v-08380134]{margin-right:20px;margin-left:20px}.my-5[data-v-08380134]{margin-top:20px;margin-bottom:20px}.m-6[data-v-08380134]{margin:24px}.mt-6[data-v-08380134]{margin-top:24px}.mb-6[data-v-08380134]{margin-bottom:24px}.me-6[data-v-08380134]{margin-right:24px}.ms-6[data-v-08380134]{margin-left:24px}.mx-6[data-v-08380134]{margin-right:24px;margin-left:24px}.my-6[data-v-08380134]{margin-top:24px;margin-bottom:24px}.m-7[data-v-08380134]{margin:28px}.mt-7[data-v-08380134]{margin-top:28px}.mb-7[data-v-08380134]{margin-bottom:28px}.me-7[data-v-08380134]{margin-right:28px}.ms-7[data-v-08380134]{margin-left:28px}.mx-7[data-v-08380134]{margin-right:28px;margin-left:28px}.my-7[data-v-08380134]{margin-top:28px;margin-bottom:28px}.m-8[data-v-08380134]{margin:32px}.mt-8[data-v-08380134]{margin-top:32px}.mb-8[data-v-08380134]{margin-bottom:32px}.me-8[data-v-08380134]{margin-right:32px}.ms-8[data-v-08380134]{margin-left:32px}.mx-8[data-v-08380134]{margin-right:32px;margin-left:32px}.my-8[data-v-08380134]{margin-top:32px;margin-bottom:32px}.p-0[data-v-08380134]{padding:0}.pt-0[data-v-08380134]{padding-top:0}.pb-0[data-v-08380134]{padding-bottom:0}.pe-0[data-v-08380134]{padding-right:0}.ps-0[data-v-08380134]{padding-left:0}.px-0[data-v-08380134]{padding-right:0;padding-left:0}.py-0[data-v-08380134]{padding-top:0;padding-bottom:0}.p-1[data-v-08380134]{padding:4px}.pt-1[data-v-08380134]{padding-top:4px}.pb-1[data-v-08380134]{padding-bottom:4px}.pe-1[data-v-08380134]{padding-right:4px}.ps-1[data-v-08380134]{padding-left:4px}.px-1[data-v-08380134]{padding-right:4px;padding-left:4px}.py-1[data-v-08380134]{padding-top:4px;padding-bottom:4px}.p-2[data-v-08380134]{padding:8px}.pt-2[data-v-08380134]{padding-top:8px}.pb-2[data-v-08380134]{padding-bottom:8px}.pe-2[data-v-08380134]{padding-right:8px}.ps-2[data-v-08380134]{padding-left:8px}.px-2[data-v-08380134]{padding-right:8px;padding-left:8px}.py-2[data-v-08380134]{padding-top:8px;padding-bottom:8px}.p-3[data-v-08380134]{padding:12px}.pt-3[data-v-08380134]{padding-top:12px}.pb-3[data-v-08380134]{padding-bottom:12px}.pe-3[data-v-08380134]{padding-right:12px}.ps-3[data-v-08380134]{padding-left:12px}.px-3[data-v-08380134]{padding-right:12px;padding-left:12px}.py-3[data-v-08380134]{padding-top:12px;padding-bottom:12px}.p-4[data-v-08380134]{padding:16px}.pt-4[data-v-08380134]{padding-top:16px}.pb-4[data-v-08380134]{padding-bottom:16px}.pe-4[data-v-08380134]{padding-right:16px}.ps-4[data-v-08380134]{padding-left:16px}.px-4[data-v-08380134]{padding-right:16px;padding-left:16px}.py-4[data-v-08380134]{padding-top:16px;padding-bottom:16px}.p-5[data-v-08380134]{padding:20px}.pt-5[data-v-08380134]{padding-top:20px}.pb-5[data-v-08380134]{padding-bottom:20px}.pe-5[data-v-08380134]{padding-right:20px}.ps-5[data-v-08380134]{padding-left:20px}.px-5[data-v-08380134]{padding-right:20px;padding-left:20px}.py-5[data-v-08380134]{padding-top:20px;padding-bottom:20px}.p-6[data-v-08380134]{padding:24px}.pt-6[data-v-08380134]{padding-top:24px}.pb-6[data-v-08380134]{padding-bottom:24px}.pe-6[data-v-08380134]{padding-right:24px}.ps-6[data-v-08380134]{padding-left:24px}.px-6[data-v-08380134]{padding-right:24px;padding-left:24px}.py-6[data-v-08380134]{padding-top:24px;padding-bottom:24px}.p-7[data-v-08380134]{padding:28px}.pt-7[data-v-08380134]{padding-top:28px}.pb-7[data-v-08380134]{padding-bottom:28px}.pe-7[data-v-08380134]{padding-right:28px}.ps-7[data-v-08380134]{padding-left:28px}.px-7[data-v-08380134]{padding-right:28px;padding-left:28px}.py-7[data-v-08380134]{padding-top:28px;padding-bottom:28px}.p-8[data-v-08380134]{padding:32px}.pt-8[data-v-08380134]{padding-top:32px}.pb-8[data-v-08380134]{padding-bottom:32px}.pe-8[data-v-08380134]{padding-right:32px}.ps-8[data-v-08380134]{padding-left:32px}.px-8[data-v-08380134]{padding-right:32px;padding-left:32px}.py-8[data-v-08380134]{padding-top:32px;padding-bottom:32px}.d-none[data-v-08380134]{display:none!important}.d-inline[data-v-08380134]{display:inline!important}.d-inline-block[data-v-08380134]{display:inline-block!important}.d-block[data-v-08380134]{display:block!important}.d-flex[data-v-08380134]{display:flex!important}.flex-column[data-v-08380134]{flex-direction:column}.justify-content-start[data-v-08380134]{justify-content:flex-start}.justify-content-end[data-v-08380134]{justify-content:flex-end}.justify-content-center[data-v-08380134]{justify-content:center}.justify-content-between[data-v-08380134]{justify-content:space-between}.justify-content-around[data-v-08380134]{justify-content:space-around}.align-content-start[data-v-08380134]{align-content:flex-start}.align-content-end[data-v-08380134]{align-content:flex-end}.align-content-center[data-v-08380134]{align-content:center}.align-items-start[data-v-08380134]{align-items:flex-start}.align-items-end[data-v-08380134]{align-items:flex-end}.align-items-center[data-v-08380134]{align-items:center}.text-center[data-v-08380134]{text-align:center}.text-right[data-v-08380134]{text-align:right}.text-left[data-v-08380134]{text-align:left}.cursor-pointer[data-v-08380134]{cursor:pointer}html[data-v-08380134]{font-family:Noto Sans TC,sans-serif;font-size:16px;height:100%;color:#1c1c1c}body[data-v-08380134]{height:100%}.personal-message[data-v-08380134]{display:grid;grid-template-columns:40px auto;grid-template-rows:auto;gap:10px;padding:10px 15px}.personal-message.self[data-v-08380134]{grid-auto-flow:dense;direction:rtl}.personal-message.self .talk[data-v-08380134]{background-color:#f60;color:#fff;border-radius:500px 500px 0 500px}.personal-message .avatar-box[data-v-08380134]{height:60px}.personal-message .talk-box[data-v-08380134]{display:flex;flex-direction:column;max-width:60%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.personal-message .talk[data-v-08380134]{background-color:#e6ecf0;padding:10px 15px;margin-bottom:5px;border-radius:500px 500px 500px 0;color:#1c1c1c;font-size:15px;line-height:20px;letter-spacing:normal;font-weight:400}.personal-message .createdAt[data-v-08380134]{color:#657786;font-size:13px;line-height:1;letter-spacing:normal;font-weight:400}.small[data-v-08380134]{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:7px 14px;background-color:#e5e5e5;color:#657786;border-radius:500px;text-align:center;font-size:15px;line-height:1;letter-spacing:normal;font-weight:500}.w-25[data-v-1adef3e9]{width:25%}.w-50[data-v-1adef3e9]{width:50%}.w-75[data-v-1adef3e9]{width:75%}.w-100[data-v-1adef3e9]{width:100%}.m-0[data-v-1adef3e9]{margin:0}.mt-0[data-v-1adef3e9]{margin-top:0}.mb-0[data-v-1adef3e9]{margin-bottom:0}.me-0[data-v-1adef3e9]{margin-right:0}.ms-0[data-v-1adef3e9]{margin-left:0}.mx-0[data-v-1adef3e9]{margin-right:0;margin-left:0}.my-0[data-v-1adef3e9]{margin-top:0;margin-bottom:0}.m-1[data-v-1adef3e9]{margin:4px}.mt-1[data-v-1adef3e9]{margin-top:4px}.mb-1[data-v-1adef3e9]{margin-bottom:4px}.me-1[data-v-1adef3e9]{margin-right:4px}.ms-1[data-v-1adef3e9]{margin-left:4px}.mx-1[data-v-1adef3e9]{margin-right:4px;margin-left:4px}.my-1[data-v-1adef3e9]{margin-top:4px;margin-bottom:4px}.m-2[data-v-1adef3e9]{margin:8px}.mt-2[data-v-1adef3e9]{margin-top:8px}.mb-2[data-v-1adef3e9]{margin-bottom:8px}.me-2[data-v-1adef3e9]{margin-right:8px}.ms-2[data-v-1adef3e9]{margin-left:8px}.mx-2[data-v-1adef3e9]{margin-right:8px;margin-left:8px}.my-2[data-v-1adef3e9]{margin-top:8px;margin-bottom:8px}.m-3[data-v-1adef3e9]{margin:12px}.mt-3[data-v-1adef3e9]{margin-top:12px}.mb-3[data-v-1adef3e9]{margin-bottom:12px}.me-3[data-v-1adef3e9]{margin-right:12px}.ms-3[data-v-1adef3e9]{margin-left:12px}.mx-3[data-v-1adef3e9]{margin-right:12px;margin-left:12px}.my-3[data-v-1adef3e9]{margin-top:12px;margin-bottom:12px}.m-4[data-v-1adef3e9]{margin:16px}.mt-4[data-v-1adef3e9]{margin-top:16px}.mb-4[data-v-1adef3e9]{margin-bottom:16px}.me-4[data-v-1adef3e9]{margin-right:16px}.ms-4[data-v-1adef3e9]{margin-left:16px}.mx-4[data-v-1adef3e9]{margin-right:16px;margin-left:16px}.my-4[data-v-1adef3e9]{margin-top:16px;margin-bottom:16px}.m-5[data-v-1adef3e9]{margin:20px}.mt-5[data-v-1adef3e9]{margin-top:20px}.mb-5[data-v-1adef3e9]{margin-bottom:20px}.me-5[data-v-1adef3e9]{margin-right:20px}.ms-5[data-v-1adef3e9]{margin-left:20px}.mx-5[data-v-1adef3e9]{margin-right:20px;margin-left:20px}.my-5[data-v-1adef3e9]{margin-top:20px;margin-bottom:20px}.m-6[data-v-1adef3e9]{margin:24px}.mt-6[data-v-1adef3e9]{margin-top:24px}.mb-6[data-v-1adef3e9]{margin-bottom:24px}.me-6[data-v-1adef3e9]{margin-right:24px}.ms-6[data-v-1adef3e9]{margin-left:24px}.mx-6[data-v-1adef3e9]{margin-right:24px;margin-left:24px}.my-6[data-v-1adef3e9]{margin-top:24px;margin-bottom:24px}.m-7[data-v-1adef3e9]{margin:28px}.mt-7[data-v-1adef3e9]{margin-top:28px}.mb-7[data-v-1adef3e9]{margin-bottom:28px}.me-7[data-v-1adef3e9]{margin-right:28px}.ms-7[data-v-1adef3e9]{margin-left:28px}.mx-7[data-v-1adef3e9]{margin-right:28px;margin-left:28px}.my-7[data-v-1adef3e9]{margin-top:28px;margin-bottom:28px}.m-8[data-v-1adef3e9]{margin:32px}.mt-8[data-v-1adef3e9]{margin-top:32px}.mb-8[data-v-1adef3e9]{margin-bottom:32px}.me-8[data-v-1adef3e9]{margin-right:32px}.ms-8[data-v-1adef3e9]{margin-left:32px}.mx-8[data-v-1adef3e9]{margin-right:32px;margin-left:32px}.my-8[data-v-1adef3e9]{margin-top:32px;margin-bottom:32px}.p-0[data-v-1adef3e9]{padding:0}.pt-0[data-v-1adef3e9]{padding-top:0}.pb-0[data-v-1adef3e9]{padding-bottom:0}.pe-0[data-v-1adef3e9]{padding-right:0}.ps-0[data-v-1adef3e9]{padding-left:0}.px-0[data-v-1adef3e9]{padding-right:0;padding-left:0}.py-0[data-v-1adef3e9]{padding-top:0;padding-bottom:0}.p-1[data-v-1adef3e9]{padding:4px}.pt-1[data-v-1adef3e9]{padding-top:4px}.pb-1[data-v-1adef3e9]{padding-bottom:4px}.pe-1[data-v-1adef3e9]{padding-right:4px}.ps-1[data-v-1adef3e9]{padding-left:4px}.px-1[data-v-1adef3e9]{padding-right:4px;padding-left:4px}.py-1[data-v-1adef3e9]{padding-top:4px;padding-bottom:4px}.p-2[data-v-1adef3e9]{padding:8px}.pt-2[data-v-1adef3e9]{padding-top:8px}.pb-2[data-v-1adef3e9]{padding-bottom:8px}.pe-2[data-v-1adef3e9]{padding-right:8px}.ps-2[data-v-1adef3e9]{padding-left:8px}.px-2[data-v-1adef3e9]{padding-right:8px;padding-left:8px}.py-2[data-v-1adef3e9]{padding-top:8px;padding-bottom:8px}.p-3[data-v-1adef3e9]{padding:12px}.pt-3[data-v-1adef3e9]{padding-top:12px}.pb-3[data-v-1adef3e9]{padding-bottom:12px}.pe-3[data-v-1adef3e9]{padding-right:12px}.ps-3[data-v-1adef3e9]{padding-left:12px}.px-3[data-v-1adef3e9]{padding-right:12px;padding-left:12px}.py-3[data-v-1adef3e9]{padding-top:12px;padding-bottom:12px}.p-4[data-v-1adef3e9]{padding:16px}.pt-4[data-v-1adef3e9]{padding-top:16px}.pb-4[data-v-1adef3e9]{padding-bottom:16px}.pe-4[data-v-1adef3e9]{padding-right:16px}.ps-4[data-v-1adef3e9]{padding-left:16px}.px-4[data-v-1adef3e9]{padding-right:16px;padding-left:16px}.py-4[data-v-1adef3e9]{padding-top:16px;padding-bottom:16px}.p-5[data-v-1adef3e9]{padding:20px}.pt-5[data-v-1adef3e9]{padding-top:20px}.pb-5[data-v-1adef3e9]{padding-bottom:20px}.pe-5[data-v-1adef3e9]{padding-right:20px}.ps-5[data-v-1adef3e9]{padding-left:20px}.px-5[data-v-1adef3e9]{padding-right:20px;padding-left:20px}.py-5[data-v-1adef3e9]{padding-top:20px;padding-bottom:20px}.p-6[data-v-1adef3e9]{padding:24px}.pt-6[data-v-1adef3e9]{padding-top:24px}.pb-6[data-v-1adef3e9]{padding-bottom:24px}.pe-6[data-v-1adef3e9]{padding-right:24px}.ps-6[data-v-1adef3e9]{padding-left:24px}.px-6[data-v-1adef3e9]{padding-right:24px;padding-left:24px}.py-6[data-v-1adef3e9]{padding-top:24px;padding-bottom:24px}.p-7[data-v-1adef3e9]{padding:28px}.pt-7[data-v-1adef3e9]{padding-top:28px}.pb-7[data-v-1adef3e9]{padding-bottom:28px}.pe-7[data-v-1adef3e9]{padding-right:28px}.ps-7[data-v-1adef3e9]{padding-left:28px}.px-7[data-v-1adef3e9]{padding-right:28px;padding-left:28px}.py-7[data-v-1adef3e9]{padding-top:28px;padding-bottom:28px}.p-8[data-v-1adef3e9]{padding:32px}.pt-8[data-v-1adef3e9]{padding-top:32px}.pb-8[data-v-1adef3e9]{padding-bottom:32px}.pe-8[data-v-1adef3e9]{padding-right:32px}.ps-8[data-v-1adef3e9]{padding-left:32px}.px-8[data-v-1adef3e9]{padding-right:32px;padding-left:32px}.py-8[data-v-1adef3e9]{padding-top:32px;padding-bottom:32px}.d-none[data-v-1adef3e9]{display:none!important}.d-inline[data-v-1adef3e9]{display:inline!important}.d-inline-block[data-v-1adef3e9]{display:inline-block!important}.d-block[data-v-1adef3e9]{display:block!important}.d-flex[data-v-1adef3e9]{display:flex!important}.flex-column[data-v-1adef3e9]{flex-direction:column}.justify-content-start[data-v-1adef3e9]{justify-content:flex-start}.justify-content-end[data-v-1adef3e9]{justify-content:flex-end}.justify-content-center[data-v-1adef3e9]{justify-content:center}.justify-content-between[data-v-1adef3e9]{justify-content:space-between}.justify-content-around[data-v-1adef3e9]{justify-content:space-around}.align-content-start[data-v-1adef3e9]{align-content:flex-start}.align-content-end[data-v-1adef3e9]{align-content:flex-end}.align-content-center[data-v-1adef3e9]{align-content:center}.align-items-start[data-v-1adef3e9]{align-items:flex-start}.align-items-end[data-v-1adef3e9]{align-items:flex-end}.align-items-center[data-v-1adef3e9]{align-items:center}.text-center[data-v-1adef3e9]{text-align:center}.text-right[data-v-1adef3e9]{text-align:right}.text-left[data-v-1adef3e9]{text-align:left}.cursor-pointer[data-v-1adef3e9]{cursor:pointer}html[data-v-1adef3e9]{font-family:Noto Sans TC,sans-serif;font-size:16px;height:100%;color:#1c1c1c}body[data-v-1adef3e9]{height:100%;margin:0;padding:0}[data-v-1adef3e9],[data-v-1adef3e9]:after,[data-v-1adef3e9]:before{box-sizing:border-box}h1[data-v-1adef3e9],h2[data-v-1adef3e9],h3[data-v-1adef3e9],h4[data-v-1adef3e9],h5[data-v-1adef3e9],h6[data-v-1adef3e9],p[data-v-1adef3e9]{margin:0;padding:0}li[data-v-1adef3e9],ol[data-v-1adef3e9],ul[data-v-1adef3e9]{list-style:none;margin:0;padding:0}a[data-v-1adef3e9],a[data-v-1adef3e9]:focus,a[data-v-1adef3e9]:hover{text-decoration:none;color:#1c1c1c}img[data-v-1adef3e9]{display:block}.btn[data-v-1adef3e9],a[data-v-1adef3e9]:focus,button[data-v-1adef3e9],button[data-v-1adef3e9]:focus,select[data-v-1adef3e9],select[data-v-1adef3e9]:focus,textarea[data-v-1adef3e9]:focus{outline:0!important}button[data-v-1adef3e9]{background-color:transparent;border:0;cursor:pointer}button[disabled][data-v-1adef3e9]{pointer-events:none}input[data-v-1adef3e9]:invalid,input[data-v-1adef3e9]:required{box-shadow:none}figure[data-v-1adef3e9]{margin:0}.wrapper[data-v-1adef3e9]{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;border:1px solid #e6ecf0;height:100vh}.chat-room[data-v-1adef3e9]{display:flex;flex-direction:column;height:100%;overflow-y:scroll}.chat-room .chat-content[data-v-1adef3e9]{flex:1}.chat-input-box[data-v-1adef3e9]{display:flex;align-items:center;flex:0 0 auto;border-top:1px solid #e6ecf0;padding:16px}.chat-input-box .chat-input[data-v-1adef3e9]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;padding:1px 15px;background-color:#e6ecf0;border-style:none;border-radius:500px;font-size:16px;line-height:26px;letter-spacing:normal;font-weight:400}.chat-input-box .chat-input[data-v-1adef3e9]::-moz-placeholder{color:#9197a3}.chat-input-box .chat-input[data-v-1adef3e9]:-ms-input-placeholder{color:#9197a3}.chat-input-box .chat-input[data-v-1adef3e9]::placeholder{color:#9197a3}.chat-input-box>i[data-v-1adef3e9]{flex:0 0 auto;padding-left:18px;padding-right:5px;cursor:pointer}h2.title[data-v-1adef3e9]{padding:24px;border-bottom:1px solid #e6ecf0;font-size:24px;line-height:1;letter-spacing:normal;font-weight:700}.scrollbar[data-v-1adef3e9]{padding-left:6px}.scrollbar[data-v-1adef3e9]::-webkit-scrollbar{width:6px}.scrollbar[data-v-1adef3e9]::-webkit-scrollbar-thumb{border-radius:3px;background-color:hsla(0,0%,40.8%,.1)}body[data-v-36bcf516]{margin:0;padding:0}[data-v-36bcf516],[data-v-36bcf516]:after,[data-v-36bcf516]:before{box-sizing:border-box}h1[data-v-36bcf516],h2[data-v-36bcf516],h3[data-v-36bcf516],h4[data-v-36bcf516],h5[data-v-36bcf516],h6[data-v-36bcf516],p[data-v-36bcf516]{margin:0;padding:0}li[data-v-36bcf516],ol[data-v-36bcf516],ul[data-v-36bcf516]{list-style:none;margin:0;padding:0}a[data-v-36bcf516],a[data-v-36bcf516]:focus,a[data-v-36bcf516]:hover{text-decoration:none;color:#1c1c1c}img[data-v-36bcf516]{display:block}.btn[data-v-36bcf516],a[data-v-36bcf516]:focus,button[data-v-36bcf516],button[data-v-36bcf516]:focus,select[data-v-36bcf516],select[data-v-36bcf516]:focus,textarea[data-v-36bcf516]:focus{outline:0!important}button[data-v-36bcf516]{background-color:transparent;border:0;cursor:pointer}button[disabled][data-v-36bcf516]{pointer-events:none}input[data-v-36bcf516]:invalid,input[data-v-36bcf516]:required{box-shadow:none}figure[data-v-36bcf516]{margin:0}.w-25[data-v-36bcf516]{width:25%}.w-50[data-v-36bcf516]{width:50%}.w-75[data-v-36bcf516]{width:75%}.w-100[data-v-36bcf516]{width:100%}.m-0[data-v-36bcf516]{margin:0}.mt-0[data-v-36bcf516]{margin-top:0}.mb-0[data-v-36bcf516]{margin-bottom:0}.me-0[data-v-36bcf516]{margin-right:0}.ms-0[data-v-36bcf516]{margin-left:0}.mx-0[data-v-36bcf516]{margin-right:0;margin-left:0}.my-0[data-v-36bcf516]{margin-top:0;margin-bottom:0}.m-1[data-v-36bcf516]{margin:4px}.mt-1[data-v-36bcf516]{margin-top:4px}.mb-1[data-v-36bcf516]{margin-bottom:4px}.me-1[data-v-36bcf516]{margin-right:4px}.ms-1[data-v-36bcf516]{margin-left:4px}.mx-1[data-v-36bcf516]{margin-right:4px;margin-left:4px}.my-1[data-v-36bcf516]{margin-top:4px;margin-bottom:4px}.m-2[data-v-36bcf516]{margin:8px}.mt-2[data-v-36bcf516]{margin-top:8px}.mb-2[data-v-36bcf516]{margin-bottom:8px}.me-2[data-v-36bcf516]{margin-right:8px}.ms-2[data-v-36bcf516]{margin-left:8px}.mx-2[data-v-36bcf516]{margin-right:8px;margin-left:8px}.my-2[data-v-36bcf516]{margin-top:8px;margin-bottom:8px}.m-3[data-v-36bcf516]{margin:12px}.mt-3[data-v-36bcf516]{margin-top:12px}.mb-3[data-v-36bcf516]{margin-bottom:12px}.me-3[data-v-36bcf516]{margin-right:12px}.ms-3[data-v-36bcf516]{margin-left:12px}.mx-3[data-v-36bcf516]{margin-right:12px;margin-left:12px}.my-3[data-v-36bcf516]{margin-top:12px;margin-bottom:12px}.m-4[data-v-36bcf516]{margin:16px}.mt-4[data-v-36bcf516]{margin-top:16px}.mb-4[data-v-36bcf516]{margin-bottom:16px}.me-4[data-v-36bcf516]{margin-right:16px}.ms-4[data-v-36bcf516]{margin-left:16px}.mx-4[data-v-36bcf516]{margin-right:16px;margin-left:16px}.my-4[data-v-36bcf516]{margin-top:16px;margin-bottom:16px}.m-5[data-v-36bcf516]{margin:20px}.mt-5[data-v-36bcf516]{margin-top:20px}.mb-5[data-v-36bcf516]{margin-bottom:20px}.me-5[data-v-36bcf516]{margin-right:20px}.ms-5[data-v-36bcf516]{margin-left:20px}.mx-5[data-v-36bcf516]{margin-right:20px;margin-left:20px}.my-5[data-v-36bcf516]{margin-top:20px;margin-bottom:20px}.m-6[data-v-36bcf516]{margin:24px}.mt-6[data-v-36bcf516]{margin-top:24px}.mb-6[data-v-36bcf516]{margin-bottom:24px}.me-6[data-v-36bcf516]{margin-right:24px}.ms-6[data-v-36bcf516]{margin-left:24px}.mx-6[data-v-36bcf516]{margin-right:24px;margin-left:24px}.my-6[data-v-36bcf516]{margin-top:24px;margin-bottom:24px}.m-7[data-v-36bcf516]{margin:28px}.mt-7[data-v-36bcf516]{margin-top:28px}.mb-7[data-v-36bcf516]{margin-bottom:28px}.me-7[data-v-36bcf516]{margin-right:28px}.ms-7[data-v-36bcf516]{margin-left:28px}.mx-7[data-v-36bcf516]{margin-right:28px;margin-left:28px}.my-7[data-v-36bcf516]{margin-top:28px;margin-bottom:28px}.m-8[data-v-36bcf516]{margin:32px}.mt-8[data-v-36bcf516]{margin-top:32px}.mb-8[data-v-36bcf516]{margin-bottom:32px}.me-8[data-v-36bcf516]{margin-right:32px}.ms-8[data-v-36bcf516]{margin-left:32px}.mx-8[data-v-36bcf516]{margin-right:32px;margin-left:32px}.my-8[data-v-36bcf516]{margin-top:32px;margin-bottom:32px}.p-0[data-v-36bcf516]{padding:0}.pt-0[data-v-36bcf516]{padding-top:0}.pb-0[data-v-36bcf516]{padding-bottom:0}.pe-0[data-v-36bcf516]{padding-right:0}.ps-0[data-v-36bcf516]{padding-left:0}.px-0[data-v-36bcf516]{padding-right:0;padding-left:0}.py-0[data-v-36bcf516]{padding-top:0;padding-bottom:0}.p-1[data-v-36bcf516]{padding:4px}.pt-1[data-v-36bcf516]{padding-top:4px}.pb-1[data-v-36bcf516]{padding-bottom:4px}.pe-1[data-v-36bcf516]{padding-right:4px}.ps-1[data-v-36bcf516]{padding-left:4px}.px-1[data-v-36bcf516]{padding-right:4px;padding-left:4px}.py-1[data-v-36bcf516]{padding-top:4px;padding-bottom:4px}.p-2[data-v-36bcf516]{padding:8px}.pt-2[data-v-36bcf516]{padding-top:8px}.pb-2[data-v-36bcf516]{padding-bottom:8px}.pe-2[data-v-36bcf516]{padding-right:8px}.ps-2[data-v-36bcf516]{padding-left:8px}.px-2[data-v-36bcf516]{padding-right:8px;padding-left:8px}.py-2[data-v-36bcf516]{padding-top:8px;padding-bottom:8px}.p-3[data-v-36bcf516]{padding:12px}.pt-3[data-v-36bcf516]{padding-top:12px}.pb-3[data-v-36bcf516]{padding-bottom:12px}.pe-3[data-v-36bcf516]{padding-right:12px}.ps-3[data-v-36bcf516]{padding-left:12px}.px-3[data-v-36bcf516]{padding-right:12px;padding-left:12px}.py-3[data-v-36bcf516]{padding-top:12px;padding-bottom:12px}.p-4[data-v-36bcf516]{padding:16px}.pt-4[data-v-36bcf516]{padding-top:16px}.pb-4[data-v-36bcf516]{padding-bottom:16px}.pe-4[data-v-36bcf516]{padding-right:16px}.ps-4[data-v-36bcf516]{padding-left:16px}.px-4[data-v-36bcf516]{padding-right:16px;padding-left:16px}.py-4[data-v-36bcf516]{padding-top:16px;padding-bottom:16px}.p-5[data-v-36bcf516]{padding:20px}.pt-5[data-v-36bcf516]{padding-top:20px}.pb-5[data-v-36bcf516]{padding-bottom:20px}.pe-5[data-v-36bcf516]{padding-right:20px}.ps-5[data-v-36bcf516]{padding-left:20px}.px-5[data-v-36bcf516]{padding-right:20px;padding-left:20px}.py-5[data-v-36bcf516]{padding-top:20px;padding-bottom:20px}.p-6[data-v-36bcf516]{padding:24px}.pt-6[data-v-36bcf516]{padding-top:24px}.pb-6[data-v-36bcf516]{padding-bottom:24px}.pe-6[data-v-36bcf516]{padding-right:24px}.ps-6[data-v-36bcf516]{padding-left:24px}.px-6[data-v-36bcf516]{padding-right:24px;padding-left:24px}.py-6[data-v-36bcf516]{padding-top:24px;padding-bottom:24px}.p-7[data-v-36bcf516]{padding:28px}.pt-7[data-v-36bcf516]{padding-top:28px}.pb-7[data-v-36bcf516]{padding-bottom:28px}.pe-7[data-v-36bcf516]{padding-right:28px}.ps-7[data-v-36bcf516]{padding-left:28px}.px-7[data-v-36bcf516]{padding-right:28px;padding-left:28px}.py-7[data-v-36bcf516]{padding-top:28px;padding-bottom:28px}.p-8[data-v-36bcf516]{padding:32px}.pt-8[data-v-36bcf516]{padding-top:32px}.pb-8[data-v-36bcf516]{padding-bottom:32px}.pe-8[data-v-36bcf516]{padding-right:32px}.ps-8[data-v-36bcf516]{padding-left:32px}.px-8[data-v-36bcf516]{padding-right:32px;padding-left:32px}.py-8[data-v-36bcf516]{padding-top:32px;padding-bottom:32px}.d-none[data-v-36bcf516]{display:none!important}.d-inline[data-v-36bcf516]{display:inline!important}.d-inline-block[data-v-36bcf516]{display:inline-block!important}.d-block[data-v-36bcf516]{display:block!important}.d-flex[data-v-36bcf516]{display:flex!important}.flex-column[data-v-36bcf516]{flex-direction:column}.justify-content-start[data-v-36bcf516]{justify-content:flex-start}.justify-content-end[data-v-36bcf516]{justify-content:flex-end}.justify-content-center[data-v-36bcf516]{justify-content:center}.justify-content-between[data-v-36bcf516]{justify-content:space-between}.justify-content-around[data-v-36bcf516]{justify-content:space-around}.align-content-start[data-v-36bcf516]{align-content:flex-start}.align-content-end[data-v-36bcf516]{align-content:flex-end}.align-content-center[data-v-36bcf516]{align-content:center}.align-items-start[data-v-36bcf516]{align-items:flex-start}.align-items-end[data-v-36bcf516]{align-items:flex-end}.align-items-center[data-v-36bcf516]{align-items:center}.text-center[data-v-36bcf516]{text-align:center}.text-right[data-v-36bcf516]{text-align:right}.text-left[data-v-36bcf516]{text-align:left}.cursor-pointer[data-v-36bcf516]{cursor:pointer}html[data-v-36bcf516]{font-family:Noto Sans TC,sans-serif;font-size:16px;height:100%;color:#1c1c1c}body[data-v-36bcf516]{height:100%}.wrapper .gridWrapper[data-v-36bcf516]{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;gap:30px}.navbarWrapper[data-v-36bcf516]{display:block;height:100%}main[data-v-36bcf516]{width:100%;display:flex;border:1px solid #e6ecf0}main h2.title[data-v-36bcf516]{padding:24px;border-bottom:1px solid #e6ecf0;font-size:24px;line-height:1;letter-spacing:normal;font-weight:700}main .user-list[data-v-36bcf516]{width:40%;border:1px solid #e6ecf0}main .chat-room-box[data-v-36bcf516]{width:60%}main .online-user-card[data-v-36bcf516]{display:grid;grid-template-columns:50px auto;grid-template-rows:auto;gap:10px;padding:15px;border-bottom:1px solid #e6ecf0}main .online-user-card .user-info[data-v-36bcf516]{display:flex;align-items:center}main .online-user-card .user-info .name[data-v-36bcf516]{margin-right:5px;color:#1c1c1c;font-size:16px;line-height:26px;letter-spacing:normal;font-weight:700}main .online-user-card .user-info .account[data-v-36bcf516]{color:#657786;font-size:16px;line-height:26px;letter-spacing:normal;font-weight:400}main .online-user-card .user-info .account[data-v-36bcf516]:before{content:"@"}