.class-item[data-v-1b09117c]{align-items:flex-start;align-self:stretch;background:#fff;border:1px solid #ddd;box-shadow:1px 3px 4px #0009;display:flex;flex-direction:column;gap:24px;height:var(--5a484554);justify-content:space-between;max-width:329px;padding:40px 24px;position:relative;transition:all .3s ease}.class-item.selected[data-v-1b09117c]{transform:scale(1.12);z-index:1}.class-item.selected[data-v-1b09117c]:after{background:#fff;bottom:0;box-shadow:4px 5px 4px #0006;content:"";height:15px;left:50%;position:absolute;transform:translate(-50%,50%) rotate(45deg);width:15px}.class-item .class-item-title[data-v-1b09117c]{color:#212529;cursor:pointer;font-family:Noto Sans TC;font-size:var(--6340f3bd);font-style:normal;font-weight:600;gap:8px;height:5em;line-height:140%}.class-item .class-item-title .category[data-v-1b09117c]{color:#cc2300;font-family:Noto Sans TC;font-size:16px;font-style:normal;font-weight:600;line-height:25.6px}@media (min-width:1024px){.class-item[data-v-1b09117c]{height:320px;max-width:270px}.class-item-title[data-v-1b09117c]{font-size:28px!important}}@media (min-width:1440px){.class-item[data-v-1b09117c]{height:352px;max-width:410px}}.card-carousel[data-v-c890d801]{padding-bottom:72px}.card-carousel .item[data-v-c890d801]{height:100%;padding:40px 32px;width:100%}.card-carousel[data-v-c890d801] div[aria-roledescription=carousel]>div:last-of-type>div{bottom:-32px!important}[data-v-c890d801] .bg-accented{background-color:#a5a5a5!important}[data-v-c890d801] .bg-inverted{background-color:#70c1f9!important}.class-list[data-v-4793ab8b]{display:grid;gap:16px;grid-template-columns:1fr;padding:40px 32px;transition:all .3s ease}.class-list.loading[data-v-4793ab8b]{opacity:0}@media (min-width:1024px){.class-list[data-v-4793ab8b]{gap:25px;grid-template-columns:repeat(3,1fr);padding:48px 0}}.header-class-container[data-v-23acd406]{border-top:1px solid #ddd}.header-class-container .close[data-v-23acd406]{padding:24px;text-align:right;width:100%}.header-class-container .description[data-v-23acd406]{color:#212529;font-size:14px;padding:8px 24px}.header-class-container .class-list[data-v-23acd406]{display:grid;gap:20px;grid-auto-columns:1fr;grid-auto-flow:column;grid-template-rows:repeat(3,1fr);padding:24px}.header-class-container .class-list .item[data-v-23acd406]{font-weight:600;gap:40px;min-width:0}.header-class-container .class-list .item .sort-number[data-v-23acd406]{flex-shrink:0;font-family:EB Garamond,serif;line-height:1;text-align:right}.header-class-container .class-list .item .sort-number .number[data-v-23acd406]{font-size:40px;font-style:italic}.header-class-container .class-list .item .info[data-v-23acd406]{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:10px;justify-content:space-between;min-width:0}.header-class-container .class-list .item .info .item-title-en[data-v-23acd406]{font-size:14px;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.header-class-container .class-list .item .info .item-title[data-v-23acd406]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:24px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease-in}.header-class-container .class-list .item .info .item-title[data-v-23acd406]:hover{opacity:.85}.header-class-container .class-list .item .info .process-bar[data-v-23acd406]{background-color:#ddd;height:3px;width:100%}.header-class-container .class-list .item .info .process-bar .process-bar-inner[data-v-23acd406]{background-color:#cc2300;height:100%}@media (min-width:1440px){.header-class-container[data-v-23acd406]{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0 50px 50px}.header-class-container .close[data-v-23acd406]{padding:24px;text-align:right;width:100%}.header-class-container .description[data-v-23acd406]{line-height:1.8;width:20%}.header-class-container .class-list[data-v-23acd406]{gap:50px;width:80%}}.tag-content-container[data-v-f694fa16] .tag{margin:0 auto;width:100%}[data-v-f694fa16] .class-item{max-width:100%;width:100%}@media (min-width:768px){[data-v-f694fa16] .class-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.tag-content-container[data-v-f694fa16] .tag{max-width:930px}}@media (min-width:1440px){.tag-content-container[data-v-f694fa16] .tag{max-width:1280px}}