@charset "UTF-8";.section-video[data-v-99ae0694]{position:relative;width:80%;padding-top:56.25%;overflow:hidden;margin:0 auto;cursor:pointer}.section-video .video-item[data-v-99ae0694]{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;border-radius:8px}.section-video .thumcover[data-v-99ae0694]{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:#0009;opacity:.7}.section-video .img-thumb[data-v-99ae0694]{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.section-video .buttoncover[data-v-99ae0694]{position:absolute;left:50%;top:50%;display:flex;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));gap:8px}.section-video .buttoncover button[data-v-99ae0694]{display:flex;height:144px;width:144px;align-items:center;justify-content:center;border-radius:9999px;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .4;padding:24px}.section-video .buttoncover button[data-v-99ae0694]:hover{--tw-bg-opacity: 1;background-color:rgb(255 138 0 / var(--tw-bg-opacity))}@media (width <= 1024px){.section-video .buttoncover button[data-v-99ae0694]{height:96px;width:96px}}.stitBtnaea[data-v-125e7cec]{margin-bottom:4px;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:4px;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding:8px 32px;font-size:16px;line-height:24px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){.stitBtnaea[data-v-125e7cec]{font-size:18px;line-height:28px}}.stitBtnaea .sitBtniconwrap[data-v-125e7cec]{width:16px}.thumarea[data-v-c36496e4]{margin-top:32px;margin-bottom:32px}@media (min-width: 768px){.thumarea[data-v-c36496e4]{margin-bottom:48px;margin-top:64px}}.subtit[data-v-c36496e4]{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:24px;line-height:32px;font-weight:700}@media (min-width: 768px){.subtit[data-v-c36496e4]{font-size:30px;line-height:36px}}.thumcover[data-v-4dc29f87]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:#0009;opacity:0;transition:all .3s ease-in-out}.thumcover .buttoncover[data-v-4dc29f87]{position:absolute;left:50%;top:50%;display:flex;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));gap:8px}.thumcover button[data-v-4dc29f87]{display:flex;height:80px;width:80px;align-items:center;justify-content:center;border-radius:9999px;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .4;padding:24px}.thumlist[data-v-568bbc3a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;row-gap:16px}@media (min-width: 768px){.thumlist[data-v-568bbc3a]{gap:24px;row-gap:24px}}@media (min-width: 976px){.thumlist[data-v-568bbc3a]{grid-template-columns:repeat(4,minmax(0,1fr))}}.thumlist .square-item[data-v-568bbc3a]{position:relative;width:100%;border-radius:16px;overflow:hidden}.thumlist .square-item[data-v-568bbc3a]:before{content:"";display:block;padding-top:100%}.thumlist .square-item .square-content[data-v-568bbc3a]{position:absolute;top:0;right:0;bottom:0;cursor:pointer}.thumlist .square-item .square-content img[data-v-568bbc3a]{height:100%;-o-object-fit:cover;object-fit:cover}.thumlist .square-item .square-content .thumlable[data-v-568bbc3a]{position:absolute;top:6px;left:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));padding:2px 12px;font-size:16px;line-height:24px;font-weight:400;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){.thumlist .square-item .square-content .thumlable[data-v-568bbc3a]{top:12px;left:12px;padding-left:16px;padding-right:16px;font-size:20px;line-height:28px}}.thumlist .square-item .square-content:hover .thumcover[data-v-568bbc3a]{opacity:1}.thumlist .square-item.activity-sheet-item .square-content[data-v-568bbc3a]{cursor:default}.thumlist .oblong-item[data-v-568bbc3a]:before{padding-top:70%}.thumlist .activity-sheet-item[data-v-568bbc3a]:before{padding-top:150%}@media (width <= 768px){.thumlist[data-v-568bbc3a]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.thumlist .square-item[data-v-568bbc3a]{flex-shrink:0;width:40%;scroll-snap-align:start}.thumlist[data-v-568bbc3a]::-webkit-scrollbar{display:none}}.btitle[data-v-3c86d0cd]{display:flex;flex-direction:row;justify-content:center;padding-bottom:8px}@media (min-width: 768px){.btitle[data-v-3c86d0cd]{padding-bottom:32px;padding-top:8px}}.btitle p[data-v-3c86d0cd]{display:flex;flex-direction:column;align-items:center;text-align:left;font-size:24px;line-height:32px;font-weight:700}@media (min-width: 768px){.btitle p[data-v-3c86d0cd]{flex-direction:row;font-size:30px;line-height:36px}}@media (min-width: 976px){.btitle p[data-v-3c86d0cd]{font-size:36px;line-height:36px}}.step[data-v-c6679b10]{position:relative;left:0;right:0;padding:48px 0}@media (min-width: 768px){.step[data-v-c6679b10]{padding-top:80px;padding-bottom:80px}}.list[data-v-508e711d]{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (min-width: 976px){.list[data-v-508e711d]{gap:20px}}.list[data-v-508e711d]{position:relative}.list.is-sticky[data-v-508e711d]{position:fixed;left:0;top:0;z-index:50;margin:0;height:80px;align-items:center;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}@media (min-width: 100%){.list.is-sticky[data-v-508e711d]{padding-left:40px;padding-right:40px}}@media (min-width: 976px){.list.is-sticky[data-v-508e711d]{padding-left:384px;padding-right:384px}}.list.is-sticky[data-v-508e711d]{transition:all .3s ease}.list.is-sticky li img[data-v-508e711d],.list.is-sticky li span[data-v-508e711d]{display:none}.list.is-sticky p[data-v-508e711d]{font-size:18px;line-height:28px}@media (min-width: 976px){.list.is-sticky p[data-v-508e711d]{font-size:24px;line-height:32px}}.list.is-sticky .item[data-v-508e711d]{border-width:0px;padding:0}.list li[data-v-508e711d]{flex:1 1 0%;cursor:pointer}.list .active .item[data-v-508e711d]{--tw-border-opacity: 1;border-color:rgb(255 138 0 / var(--tw-border-opacity))}.list .active .item img.gray-img[data-v-508e711d]{filter:grayscale(0%)}.list .active .item p[data-v-508e711d],.list .active .item span[data-v-508e711d]{--tw-text-opacity: 1;color:rgb(255 138 0 / var(--tw-text-opacity))}.item[data-v-508e711d]{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;border-radius:8px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding:16px 8px}@media (min-width: 976px){.item[data-v-508e711d]{padding:40px 64px}}.item[data-v-508e711d]{transition:color .3s ease,filter .3s ease}.item p[data-v-508e711d]{padding-top:4px;font-size:18px;line-height:28px;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}@media (min-width: 976px){.item p[data-v-508e711d]{padding-top:8px;padding-bottom:8px;font-size:36px;line-height:36px}}.item p[data-v-508e711d]{transition:color .3s ease}.item:hover img.gray-img[data-v-508e711d]{filter:grayscale(0%)}.item:hover p[data-v-508e711d],.item:hover span[data-v-508e711d]{--tw-text-opacity: 1;color:rgb(255 138 0 / var(--tw-text-opacity))}.item[data-v-508e711d]:hover{--tw-border-opacity: 1;border-color:rgb(255 138 0 / var(--tw-border-opacity))}.content-area[data-v-508e711d]{margin-top:20px}@media (width <= 1024px){.list.is-sticky[data-v-508e711d]{padding-left:0;padding-right:0}}.month-title[data-v-c4d9c02f]{display:flex;align-items:center;justify-content:space-between;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));border-radius:.5rem;margin-bottom:2rem}.month-title .prev[data-v-c4d9c02f],.month-title .next[data-v-c4d9c02f]{display:flex;height:70px;width:70px;align-items:center;justify-content:center;padding:12px;cursor:pointer;transition:all .1s ease-in-out}.month-title .prev[data-v-c4d9c02f]{border-right-width:1px}.month-title .next[data-v-c4d9c02f]{border-left-width:1px}.month-title .prev[data-v-c4d9c02f]:hover,.month-title .next[data-v-c4d9c02f]:hover{--tw-text-opacity: 1;color:rgb(255 138 0 / var(--tw-text-opacity))}.month-title div[data-v-c4d9c02f]{font-size:30px;line-height:36px;font-weight:700}@media (min-width: 976px){.month-title div[data-v-c4d9c02f]{font-size:36px;line-height:36px}}.sticky-label[data-v-dabb4f18]{width:1170px;position:sticky;top:80px;margin:0 auto 50px;z-index:49}.sticky-label.is-sticky[data-v-dabb4f18]{border-bottom-width:1px;width:100%;max-width:100vw;margin:0 auto 70px;background-color:#fff}.sticky-label .label[data-v-dabb4f18]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto}.sticky-label .label li[data-v-dabb4f18]{cursor:pointer;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:16px;padding-bottom:16px;text-align:center}.sticky-label .label li[data-v-dabb4f18]:not(:last-child){border-right-width:0px}.sticky-label .label li[data-v-dabb4f18]:hover,.sticky-label .label li.active[data-v-dabb4f18]{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.sticky-label.is-sticky .label[data-v-dabb4f18]{display:flex;justify-content:center;width:1170px;position:relative;left:2px;border:0}.sticky-label.is-sticky .label li[data-v-dabb4f18]{padding-left:96px;padding-right:96px;border:0}.sticky-label.is-sticky .label li[data-v-dabb4f18]:hover,.sticky-label.is-sticky .label li.active[data-v-dabb4f18]{border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity));background-image:linear-gradient(to bottom,transparent 95%,#fbbf24 95%);background-repeat:no-repeat;color:#fbbf24;border:none}@media (width <= 1024px){.sticky-label[data-v-dabb4f18],.sticky-label.is-sticky .label[data-v-dabb4f18]{width:90%}.sticky-label.is-sticky .label[data-v-dabb4f18]{display:grid}.sticky-label.is-sticky .label li[data-v-dabb4f18]{padding-left:0;padding-right:0}}@media (width <= 425px){.label li[data-v-dabb4f18]{padding-top:8px;padding-bottom:8px}}.step[data-v-49c68f40]{position:relative;left:0;right:0;padding-left:0;padding-right:0}.thumlist[data-v-49c68f40]{grid-template-columns:repeat(3,minmax(0,1fr))}.literacy-story-root[data-v-49c68f40]{overflow-x:hidden;width:100%}.ek-container[data-v-49c68f40]{max-width:100%;overflow-x:auto}.step[data-v-d0459c74]{position:relative;left:0;right:0;padding-left:0;padding-right:0}.thumlist[data-v-d0459c74]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 768px){.thumlist[data-v-d0459c74]{grid-template-columns:repeat(5,minmax(0,1fr))}}.sticky-label[data-v-d0459c74]{position:sticky;top:80px;z-index:50;background-color:#fff6ed}.literacy-story-root[data-v-d0459c74]{overflow-x:hidden;width:100%}.ek-container[data-v-d0459c74]{max-width:100%;overflow-x:auto}.loading-overlay[data-v-f119c843]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner[data-v-f119c843]{width:60px;height:60px;border:8px solid rgba(0,0,0,.2);border-top-color:#3498db;border-radius:50%;animation:spin-f119c843 1s linear infinite}@keyframes spin-f119c843{to{transform:rotate(360deg)}}
