@charset "UTF-8";.annoucement-box[data-v-be106ad9]{--annoucement-bg:var(--color-palette-nutral-03);--annoucement-text-color:var(--color-palette-nutral-10);--annoucement-text-color-hover:var(--color-palette-turquoise-05);--annoucement-font-size:14px;background:var(--annoucement-bg);box-sizing:border-box;display:table;max-width:100vw;overflow:hidden;position:fixed;position:absolute;top:0;visibility:hidden;width:100%;z-index:9999;z-index:-1}@media(min-width:960px){.annoucement-box[data-v-be106ad9]{--annoucement-padding:var(--spacing-03) 0}}@media(max-width:959px){.annoucement-box[data-v-be106ad9]{--annoucement-padding:var(--spacing-04)}}.annoucement-box__container[data-v-be106ad9]{position:relative}@media(min-width:960px){.annoucement-box__container[data-v-be106ad9]{margin:0 auto;max-width:1200px}}.annoucement-box__content[data-v-be106ad9]{align-items:center;background-repeat:repeat;color:var(--annoucement-text-color);gap:.75rem;justify-content:space-between;padding:var(--annoucement-padding)}@media(min-width:960px){.annoucement-box__content[data-v-be106ad9]{display:flex;padding-left:10%}}.annoucement-box__content__thumbnail[data-v-be106ad9]{bottom:0;display:inline-flex;left:0;position:absolute;width:100px;z-index:2}.annoucement-box__content__thumbnail img[data-v-be106ad9]{display:block;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom right;object-position:bottom right;width:100%}.annoucement-box__content__text[data-v-be106ad9]{color:var(--annoucement-text-color);font-size:var(--annoucement-font-size);margin:0;padding-right:var(--annoucement-spacing-small);position:relative;z-index:2}.annoucement-box__content__text .link[data-v-be106ad9]{color:var(--annoucement-text-color);text-decoration:underline}.annoucement-box__content__text .link[data-v-be106ad9]:hover{color:var(--annoucement-text-color-hover);text-decoration:underline}.annoucement-box__content__button[data-v-be106ad9]{position:relative;z-index:2}@media(max-width:959px){.annoucement-box__content__button[data-v-be106ad9]{margin-top:15px}}.annoucement-box__close[data-v-be106ad9]{position:absolute;right:0;z-index:2}@media(min-width:960px){.annoucement-box__close[data-v-be106ad9]{top:50%;transform:translateY(-50%)}}@media(max-width:959px){.annoucement-box__close[data-v-be106ad9]{top:0}.annoucement-box__close.pptv-button.--icon[data-v-be106ad9]{height:32px;width:32px}.annoucement-box .pptv-container[data-v-be106ad9]{padding:0}}.annoucement-box.active[data-v-be106ad9]{display:block}.annoucement-box.--privacy-box[data-v-be106ad9]{--annoucement-bg:linear-gradient(180deg,var(--color-palette-turquoise-10) 0%,var(--color-palette-turquoise-07) 100%);--annoucement-text-color:var(--color-palette-nutral-01);--annoucement-text-color-hover:var(--color-palette-yellow-05)}@media(max-width:959px){.annoucement-box.--privacy-box .annoucement-box__content__thumbnail[data-v-be106ad9]{left:auto;opacity:.1;right:0;right:-2rem;top:0;transform:scaleX(-1);width:40%;z-index:-1}}.annoucement-box__options[data-v-be106ad9]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-left:auto;row-gap:.5rem}.annoucement-box__options .modal-btn[data-v-be106ad9]{cursor:pointer;display:flex}.annoucement-box .modal-backdrop[data-v-be106ad9],.annoucement-box .modal-content[data-v-be106ad9]{cursor:pointer;height:0;opacity:0;overflow:hidden;transition:opacity .2s ease-in;visibility:hidden;width:0}.annoucement-box .modal-content__title[data-v-be106ad9]{background:linear-gradient(180deg,#003e46,#008697);padding:.5rem 1rem}.annoucement-box .modal-content__title p[data-v-be106ad9]{margin:0}.annoucement-box .modal-content__title-main[data-v-be106ad9]{font-family:pptv}.annoucement-box .modal-content__title-sub[data-v-be106ad9]{font-size:.875rem}.annoucement-box .modal-close[data-v-be106ad9]{color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;height:25px;padding-top:3px;position:absolute;right:5px;text-align:center;top:5px;transition:all .3s;width:25px}.annoucement-box .modal-close[data-v-be106ad9]:hover{color:#ffcb3d}.annoucement-box #modal-toggle[data-v-be106ad9]{display:none}.annoucement-box #modal-toggle.active~.modal-backdrop[data-v-be106ad9],.annoucement-box #modal-toggle:checked~.modal-backdrop[data-v-be106ad9]{background-color:#0009;height:100vh;left:0;opacity:1;position:fixed;top:0;transition:opacity .2s ease-in;visibility:visible;width:100vw;z-index:9}.annoucement-box #modal-toggle.active~.modal-content[data-v-be106ad9],.annoucement-box #modal-toggle:checked~.modal-content[data-v-be106ad9]{background-color:#fff;border-radius:var(--border-radius-03);box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d;cursor:auto;height:auto;left:calc(50% - 200px);max-width:400px;opacity:1;pointer-events:auto;position:fixed;top:12%;visibility:visible;width:400px;z-index:999}@media(max-width:959px){.annoucement-box #modal-toggle.active~.modal-content[data-v-be106ad9],.annoucement-box #modal-toggle:checked~.modal-content[data-v-be106ad9]{left:0;margin:auto;right:0;width:90%}}.annoucement-box .accordion[data-v-be106ad9]{overflow-x:scroll;padding:1rem}.annoucement-box .accordion__toggle[data-v-be106ad9]{display:none}.annoucement-box .accordion__option[data-v-be106ad9]{background:#f2f2f2;border-radius:var(--border-radius-02);margin-bottom:.5rem;padding:.5rem .75rem;position:relative}.annoucement-box .accordion__option[data-v-be106ad9]:last-child{margin:0}.annoucement-box .accordion__content[data-v-be106ad9],.annoucement-box .accordion__title[data-v-be106ad9]{backface-visibility:hidden;transform:translateZ(0);transition:all .2s}.annoucement-box .accordion__title[data-v-be106ad9]{display:grid;grid-template-columns:7fr 1fr}.annoucement-box .accordion__title[data-v-be106ad9]:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjMDA4Njk3IiBkPSJNMTEuODQgNS43MTQgNy40NjMgMTAuMDlhLjY1NS42NTUgMCAwIDEtLjkzIDBMMi4xNiA1LjcxNGEuNjU3LjY1NyAwIDEgMSAuOTMtLjkzTDcgOC42OTZsMy45MS0zLjkxYS42NTcuNjU3IDAgMCAxIC45My45MjkiLz48L3N2Zz4=);background-repeat:no-repeat;bottom:0;content:"";height:14px;margin:auto;position:absolute;right:3.5rem;top:0;transition:all .2s;width:14px}.annoucement-box .accordion__title.--nocontent[data-v-be106ad9]:before{content:none}.annoucement-box .accordion__text[data-v-be106ad9]{color:#000;cursor:pointer;display:flex;flex-direction:column;padding-right:2.5rem}.annoucement-box .accordion__text-main[data-v-be106ad9]{font-family:pptv}.annoucement-box .accordion__text-sub[data-v-be106ad9]{font-size:.875rem}.annoucement-box .accordion__choice[data-v-be106ad9]{align-items:center;bottom:0;cursor:pointer;display:inline-flex;height:18px;margin:auto;position:absolute;right:0;top:0;width:45px}.annoucement-box .accordion__choice .box[data-v-be106ad9]{background:#b0b0b0;border-radius:100px;height:18px;padding:1px;position:relative;transition:.3s;width:45px;z-index:2}.annoucement-box .accordion__choice .box[data-v-be106ad9]:before{background:#fff;border-radius:100px;content:"";height:18px;left:1px;position:absolute;width:18px}.annoucement-box .accordion__choice .box[data-v-be106ad9]:after{content:"ปิด";font-size:12px;left:22px;position:absolute}.annoucement-box .accordion__choice input[data-v-be106ad9]{cursor:pointer;height:18px;opacity:0;position:absolute;width:45px;z-index:1000}.annoucement-box .accordion__choice input:checked+.box[data-v-be106ad9]{background:var(--color-main-primary)}.annoucement-box .accordion__choice input:checked+.box[data-v-be106ad9]:before{left:auto;right:1px}.annoucement-box .accordion__choice input:checked+.box[data-v-be106ad9]:after{content:"เปิด";left:auto;right:21px}.annoucement-box .accordion__choice input[data-v-be106ad9]:disabled{cursor:not-allowed}.annoucement-box .accordion__choice input:disabled+.box[data-v-be106ad9]{opacity:.4}.annoucement-box .accordion__content[data-v-be106ad9]{max-height:0;overflow:hidden}.annoucement-box .accordion__content p[data-v-be106ad9]{color:#565656;font-size:.75rem;line-height:1.6;margin:.5rem 0 0}.annoucement-box .accordion .accordion__toggle:checked+.accordion__title+.accordion__content[data-v-be106ad9]{max-height:500px}.annoucement-box .accordion .accordion__toggle:checked+.accordion__title[data-v-be106ad9]:before{transform:rotate(180deg)!important}.annoucement-box__note[data-v-be106ad9]{border-top:1px solid #e6e6ea;margin:0 1rem;padding:1rem 0}.annoucement-box__note p[data-v-be106ad9]{color:#000;font-size:.875rem;margin:0}.annoucement-box__footer[data-v-be106ad9]{display:flex;justify-content:space-between;padding:0 1rem 1rem}.annoucement-box__footer-btn[data-v-be106ad9]{background:transparent;border:none;border-radius:100px;cursor:pointer;font-family:pptv;font-size:1rem;padding:.25rem 1rem;transition:all .3s;width:125px}.annoucement-box__footer-btn.--accept[data-v-be106ad9]{border:1px solid var(--color-main-primary);color:var(--color-main-primary)}.annoucement-box__footer-btn.--save[data-v-be106ad9]{background:var(--color-main-primary);color:#fff}.annoucement-box__footer-btn[data-v-be106ad9]:hover{opacity:.8}@media(max-width:959px){.annoucement-box .--desktop[data-v-be106ad9]{display:none!important}}@media(min-width:960px){.annoucement-box .--mobile[data-v-be106ad9]{display:none!important}}.fade-out[data-v-be106ad9]{animation:fadeOut-be106ad9 .5s forwards}@keyframes fadeOut-be106ad9{0%{opacity:1}to{opacity:0}}