.editor-viewer-sub[data-v-dceb84f3]{--grid-template-columns:repeat(3,1fr);--grid-template-columns-lg:repeat(3,1fr);--grid-template-columns-md:repeat(2,1fr);--grid-template-columns-xs:1fr;--gap:20px 20px;--gap-md:15px 15px;--gap-xs:10px 10px;--aspect-ratio:1/1;--border-radius:15px;--text-align:center;--title-color:#000;--title-size:1.375rem;--title-size-md:1.125rem;--content-color:#000}.editor-viewer-sub .box-list[data-v-dceb84f3]{display:grid;gap:var(--gap);grid-template-columns:var(--grid-template-columns)}@media (max-width:991px){.editor-viewer-sub .box-list[data-v-dceb84f3]{gap:var(--gap-lg);grid-template-columns:var(--grid-template-columns-lg)}}@media (max-width:767px){.editor-viewer-sub .box-list[data-v-dceb84f3]{gap:var(--gap-md);grid-template-columns:var(--grid-template-columns-md)}}@media (max-width:480px){.editor-viewer-sub .box-list[data-v-dceb84f3]{gap:var(--gap-xs);grid-template-columns:var(--grid-template-columns-xs)}}.editor-viewer-sub .box-list .box-item[data-v-dceb84f3]{height:auto;width:100%}.editor-viewer-sub .box-list .box-item .text-area[data-v-dceb84f3]{display:flex;flex-direction:column;gap:var(--gap-xs);padding:5px}.editor-viewer-sub .box-list .box-item .text-area .title[data-v-dceb84f3]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--title-color);font-size:var(--title-size);font-weight:500;line-height:normal;overflow:hidden;text-align:var(--text-align);white-space:normal;word-break:break-word}@media (max-width:767px){.editor-viewer-sub .box-list .box-item .text-area .title[data-v-dceb84f3]{font-size:var(--title-size-md)}}.editor-viewer-sub .box-list .box-item .text-area .content[data-v-dceb84f3]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--content-color);font-size:.875rem;overflow:hidden;text-align:var(--text-align);white-space:normal;word-break:break-word}.editor-viewer-sub .box-list .box-item .text-area .time[data-v-dceb84f3]{color:#828282;font-size:.875rem;text-align:var(--text-align)}.editor-viewer-sub .box-list .box-item .img-link:hover img[data-v-dceb84f3]{transform:scale(1.1)}.editor-viewer-sub .box-list .box-item .img-link .img-wrap[data-v-dceb84f3]{aspect-ratio:var(--aspect-ratio);border-radius:var(--border-radius);height:100%;margin-bottom:10px;overflow:hidden;width:100%}.editor-viewer-sub .box-list .box-item .img-link .img-wrap img[data-v-dceb84f3]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:100%}.editor-viewer-sub .box-list .box-item .img-btn:hover img[data-v-dceb84f3]{transform:scale(1.1)}.editor-viewer-sub .box-list .box-item .img-btn .img-wrap[data-v-dceb84f3]{aspect-ratio:var(--aspect-ratio);border-radius:var(--border-radius);height:100%;margin-bottom:10px;overflow:hidden;width:100%}.editor-viewer-sub .box-list .box-item .img-btn .img-wrap img[data-v-dceb84f3]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:100%}.editor-viewer-sub .btn-wrap[data-v-dceb84f3]{align-items:center;display:flex;justify-content:center;width:100%}.editor-viewer-sub .btn-wrap .more-btn[data-v-dceb84f3]{border:1px solid #d9d9d9;border-radius:100px;color:#4f4f4f;font-family:"Noto Serif JP",Noto Sans TC,system-ui;line-height:2.125rem;margin-top:50px;padding:3px 22px;transition:all .3s ease}.editor-viewer-sub .btn-wrap .more-btn[data-v-dceb84f3]:hover{border:1px solid #bdbdbd}.editor-viewer-sub .modal .close-btn{color:#fff}.editor-viewer-sub .modal .close-btn svg{height:20px;width:20px}.editor-viewer-sub .modal .modal-header{border-bottom:0 solid transparent;display:flex;justify-content:end;padding:0 1rem}.editor-viewer-sub .modal .modal-header .swiper-title{color:#fff}.editor-viewer-sub .modal .modal-body .swiper-slide{align-items:center;background-color:transparent;display:flex;font-size:1.125rem;justify-content:center;text-align:center}.editor-viewer-sub .modal .modal-content{background-color:transparent;border:0;padding-top:1rem}.editor-viewer-sub .modal .modal-content .title{color:#fff;font-size:1.25rem;padding-top:1rem}.editor-viewer-sub .modal .modal-content .content,.editor-viewer-sub .modal .modal-content .time{color:#fff;padding-top:1rem}.editor-viewer-sub .modal .modal-content .btn-group{display:flex;gap:1rem;margin-top:1rem}.editor-viewer-sub .modal .modal-content .btn-group .swiper-button{border:1px solid #fff;border-radius:50%;height:50px;position:relative;width:50px}.editor-viewer-sub .modal .modal-content .btn-group svg{color:#fff!important;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}