.embla{max-width:48rem;margin:auto;--slide-height:19rem;--slide-spacing:1rem;--slide-size:60%}.embla.fullscreen{max-width:100%;--slide-height:50rem;--slide-size:45%}.embla__headline{display:flex;justify-content:center;color:#215496;font-size:40px;margin-left:20px;vertical-align:middle;font-weight:700;font-family:Noto Sans TC,sans-serif}.embla__viewport{overflow:hidden;position:relative}.embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing)*-1)}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.embla__slide__number{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);border-radius:1.8rem;font-size:4rem;font-weight:600;display:flex;align-items:center;justify-content:center;user-select:none}.embla__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.embla__buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;align-items:center}.embla__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:3.6rem;height:3.6rem;z-index:1;border-radius:50%;color:var(--text-body);display:flex;align-items:center;justify-content:center}.embla__button:disabled{color:var(--detail-high-contrast)}.embla__button__svg{width:35%;height:35%}.embla__play{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;margin:0;display:flex;align-items:center;justify-content:center;color:var(--text-body);font-weight:700;font-size:1.4rem;padding:0 2.4rem;min-width:8.4rem}.embla__play,.embla__progress{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);border-radius:1.8rem;justify-self:flex-end}.embla__progress{background-color:var(--background-site);position:relative;height:.6rem;align-self:center;width:13rem;max-width:90%;overflow:hidden}.embla__progress__bar{background-color:#fff;position:absolute;width:100%;top:0;bottom:0;left:-100%}.embla__controls{grid-template-columns:auto 1fr auto}.embla__progress{justify-self:center;transition:opacity .3s ease-in-out;width:8rem}.embla__progress--hidden{opacity:0}.embla__progress__bar{animation-name:autoplay-progress;animation-timing-function:linear;animation-iteration-count:1}.embla__progress--hidden .embla__progress__bar{animation-play-state:paused}.embla__dots{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-right:-.6rem}.embla__dot{background-color:#fff;opacity:.2;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin-left:5px;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.embla__dot--selected{opacity:1}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}.book-wrapper{display:table;width:100%;height:100%}.book-container{display:table-cell;vertical-align:middle;text-align:center;position:relative}.previewBook{margin:0 auto;width:90%;height:90%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.previewBook .page{height:100%}.previewBook .page img{max-width:100%;height:100%}.popup-content{margin:auto;background:#ddd;width:650px;padding:25px;border-radius:15px}.popup-arrow{color:#fff}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px rgba(0,0,0,.16)}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:rgba(0,0,0,0)}.newsArea{background-image:url(/icons/slc/news-men-shadow.png),url(/icons/slc/news-bg.jpg);background-color:#000;background-position:bottom,50%;background-repeat:no-repeat,repeat-x;background-size:contain,cover;padding:0;display:flex;flex-direction:column;align-items:center}.newsArea .blockScreen{display:none;z-index:10}.newsArea .menu{cursor:pointer;padding:20px 25px;font-family:Fa Solid\ 900}.newsArea .active .blockScreen{display:block}.newsArea .active .menu{background-color:#fff;color:#000}.newsArea .active .menuContent{display:flex;z-index:15}.newsArea .navBar{max-width:1200px;color:#fff;display:flex;align-items:center;margin:auto}.newsArea .navBar .navItem{padding:20px 15px;font-size:25px;font-family:Noto Sans TC,sans-serif}.newsArea .navBar .navItem.logo{padding:0 15px}.newsArea .newsRow{max-width:1200px;display:flex;justify-content:center}.newsArea .newsRow .quoteContainer{min-width:280px}.newsArea .noticeBoardContainer{width:100%;height:400px;margin-right:20px;background-image:url(/images/slc/news_bg.jpg);background-repeat:no-repeat;background-size:cover;overflow:hidden;padding:0 20px 20px}.newsArea .noticeBoardContainer .noticeTitle{text-align:center;font-size:24px;font-weight:700;line-height:30px;color:#215496;font-family:Noto Sans TC,sans-serif;padding-top:20px}.newsArea .noticeBoardContainer .noticeList{height:320px;overflow-y:scroll;scrollbar-color:#888 #f1f1f1}.newsArea .noticeBoardContainer .noticeList .noticeItem{display:flex;border-bottom:1px solid #000;padding:10px 0;color:#000}.newsArea .noticeBoardContainer .noticeList .noticeItem .itemData{margin-left:20px}.newsArea .noticeBoardContainer .noticeList .noticeItem .itemData .title{font-weight:700;font-family:Noto Sans TC,sans-serif}.newsArea .noticeBoardContainer .noticeList .noticeItem .itemData .content{line-height:30px}.media{display:flex}.media .logo{width:35px;font-size:20px;font-family:Fa Brands\ 400,Times New Roman,sans-serif}.footer{display:flex;justify-content:space-between;align-items:center;background-color:#215496;color:#fff;padding:50px;text-align:center;font-weight:700;font-family:Noto Sans TC,sans-serif}.storyIntroContainer{margin:auto;display:grid;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-row-gap:20px;grid-column-gap:20px;grid-auto-columns:1fr;justify-content:center;padding:200px 20px;max-width:980px}.bookListContainer{background-image:linear-gradient(rgba(255,255,255,.768627451),rgba(255,255,255,.768627451)),url(/images/slc/book_list_bg.webp);background-repeat:repeat;background-color:#fff;background-size:auto;padding-bottom:100px}.bookListContainer img{height:fit-content}.bookListContainer .headLine{margin-bottom:60px}.bookListContainer .tab-list{margin:auto auto 60px;max-width:800px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.bookListContainer .tab-list button{color:#215496;font-weight:700;text-align:center;padding:10px 20px;border-radius:10px}.bookListContainer .tab-list button:disabled{color:#bbb}.bookListContainer .tab-list button:focus{box-shadow:none}.bookListContainer .tab-list button.active{background-color:#215496;color:#fff}.bookListContainer .tab-panel{margin:auto;max-width:1200px;min-height:500px;display:flex;flex-wrap:wrap}.bookListContainer .book{display:flex;margin-bottom:40px;max-width:600px}.bookListContainer .book .bookContent{color:#000;height:220px;margin-left:30px;position:relative}.bookListContainer .book .bookContent .title{font-weight:700;color:#215496}.bookListContainer .book .bookContent .buttonGroups{display:flex;bottom:0;position:absolute}.bookListContainer .book .bookContent .buttonGroups a{color:#fff;font-weight:700;text-align:center;background-color:#f9b233;border-radius:10px;padding:10px 30px;cursor:pointer;margin-right:10px}.flipBookContainer{margin:auto}.flipBookContainer img{max-width:100%;max-height:100%;height:auto;width:auto}.headLine{display:flex;justify-content:center;gap:20px;padding-top:100px;padding-bottom:50px}.headLine img{width:57px;height:55px}.headLine span{font-size:40px;font-weight:600;color:#215496}.slc_webpage{z-index:0;color:#fff}.slc_webpage.slcHeroContainer{background-color:#000;display:flex;flex-direction:column;align-items:center;position:relative}.slc_webpage.slcHeroContainer .main_image{position:relative}.slc_webpage .earthViewport{width:100%;overflow:hidden;height:400px;margin-top:-410px;display:flex;justify-content:center}.slc_webpage .earthViewport .earth{flex-shrink:0;width:230%}.slc_webpage .earthViewport .earth .glow{margin-top:150px;background-color:#000;border-top-left-radius:100% 200%;border-top-right-radius:100% 200%;width:100%;height:500px;box-shadow:0 -40px 60px -10px rgba(3,139,255,.8),inset 0 0 80px rgba(176,218,255,.7)}.slc_webpage.embla{background-color:#fff}.slc_webpage.layout-cell{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;text-align:left}.slc_webpage.layout-cell p{font-weight:700!important;font-size:20px!important}.slc_webpage.layout-cell .font-heading{display:none}.slc_webpage.embla.slcMainRole .embla__container{height:650px}.slc_webpage.embla.slcMainRole .embla__slide{flex:none}.slc_webpage.embla.slcMainRole .embla__slide__wave{z-index:2;position:absolute;bottom:600px;left:-99%;width:300%}.slc_webpage.embla.slcMainRole .embla__slide__wave.is__bottom{margin-top:0;top:593px;bottom:auto;transform:rotate(-180deg)}.slc_webpage.embla.slcMainRole .characterDetailContainer{position:absolute;width:400px;top:65px;left:65px}.slc_webpage.embla.slcMainRole .characterDetailContainer .topContainer{display:flex;justify-content:center}.slc_webpage.embla.slcMainRole .characterDetailContainer .topContainer .birthday,.slc_webpage.embla.slcMainRole .characterDetailContainer .topContainer .bloodType{position:relative;display:inline-block;width:100px}.slc_webpage.embla.slcMainRole .characterDetailContainer .topContainer .birthday p,.slc_webpage.embla.slcMainRole .characterDetailContainer .topContainer .bloodType p{position:absolute;top:5px;left:35px;color:#000;font-size:14px}.slc_webpage.embla.slcMainRole .characterDetailContainer .topContainer .bloodType{top:2px;margin-left:40px}.slc_webpage.embla.slcMainRole .characterDetailContainer .characterName{position:relative;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;padding-left:0;text-align:center;width:160px;font-size:35px;font-weight:700;margin-top:220px;background-image:url(/images/slc/slc_name_box_A01.png);background-repeat:no-repeat;background-size:contain;background-position:25px}.slc_webpage.embla.slcMainRole .characterDetailContainer .characterIntroWrapper{background-image:url(/images/slc/slc_msg_box_A01.png);background-size:contain;background-repeat:no-repeat;background-position:bottom;height:180px}.slc_webpage.embla.slcMainRole .characterDetailContainer .characterIntro{margin:auto;padding-top:15px;width:330px;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;font-size:14px}.slc_webpage.embla.slcMainRole.cny .characterDetailContainer[class*="O+"] .characterName{top:112px;right:62px}.slc_webpage.embla.slcMainRole.cny .characterDetailContainer.A .characterName{top:108px;right:67px}.slc_webpage.embla.slcMainRole.cny .characterDetailContainer.B- .characterName{top:104px;right:65px}.slc_webpage.embla.slcMainRole.cny .characterDetailContainer.A- .characterName,.slc_webpage.embla.slcMainRole.cny .characterDetailContainer.O- .characterName{top:108px;left:66px}.slc_webpage.embla.slcMainRole.cny .characterDetailContainer .characterName{position:absolute;width:auto;writing-mode:vertical-rl;margin-top:0;color:#513d16;text-shadow:none;font-size:25px;font-family:serif;font-weight:700;background-image:none}.slc_webpage.embla.slcMainRole.cny .characterDetailContainer .characterIntroWrapper{position:relative;top:275px;background:none}.slc_webpage.embla.slcMainRole.cny .characterDetailContainer .characterIntroWrapper .characterIntro{position:relative;z-index:2;color:#513d16;text-shadow:none}.slc_webpage.embla.slcMainRole.cny .characterDetailContainer .characterIntroWrapper:before{content:"";position:absolute;inset:0;background-image:url(/images/slc/slc_msg_box_cny03.png);background-size:cover;background-position:50%;opacity:.8;z-index:1}.slc_webpage.embla.slcSupportRole{width:1200px;max-width:100%;background-color:#fff}.slc_webpage.embla.slcSupportRole .contentContainer{display:flex}.slc_webpage.embla.slcSupportRole .embla__slide{flex:0 0 100%}.slc_webpage.embla.slcSupportRole .characterDescSlide h2{color:#333;font-size:32px;font-weight:700}.slc_webpage.embla.slcSupportRole .characterDescSlide div{color:#215496;font-size:20px;font-weight:700}.slc_webpage.embla.slcSupportRole .characterDescSlide p{color:#000;font-size:16px;font-weight:400}.slc_webpage.embla.slcSupportRole .embla__controls{display:flex;flex-direction:column}.slc_webpage.embla.slcSupportRole .embla__controls .embla__dots{justify-content:left;gap:.7rem}.slc_webpage.embla.slcSupportRole .embla__controls .embla__dots span{cursor:pointer;color:#dedede}.slc_webpage.embla.slcSupportRole .embla__controls .embla__dots span.selected{color:#215496!important}.slc_webpage.embla.slcSupportRole .embla__controls .embla__progress{width:100%;max-width:100%;justify-content:left;border-radius:0;background-color:#dedede}.slc_webpage.embla.slcSupportRole .embla__controls .embla__progress .embla__progress__bar{background-color:#215496}.slc_webpage.embla.slcSupportRole .embla__controls .embla__buttons{display:flex;gap:.1rem;justify-content:right}.slc_webpage.embla.slcSupportRole .embla__controls .embla__buttons .embla__button{color:#215496;width:2rem;height:2rem}.slc_webpage.embla.normalLayout{background-color:#000;position:relative}.slc_webpage.embla.normalLayout .embla__slide{flex:0 0 100%}.slc_webpage.embla.normalLayout .embla__buttons{display:flex;width:100%;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%)}.slc_webpage.embla.normalLayout .embla__buttons .embla__button{width:4rem;height:4rem}.slc_webpage.embla.normalLayout .embla__buttons .embla__button .embla__button__svg{width:50%;height:50%}.slc_webpage.embla.normalLayout .embla__dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%)}a:hover{color:inherit}@media screen and (max-width:750px){.storyIntroContainer{grid-template-columns:1fr}}#space,.stars{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-10}.stars{background-color:#000;background-image:radial-gradient(2px 2px at 20px 30px,#eee,rgba(0,0,0,0)),radial-gradient(2px 2px at 40px 70px,#fff,rgba(0,0,0,0)),radial-gradient(2px 2px at 50px 160px,#ddd,rgba(0,0,0,0)),radial-gradient(2px 2px at 90px 40px,#fff,rgba(0,0,0,0)),radial-gradient(2px 2px at 130px 80px,#fff,rgba(0,0,0,0)),radial-gradient(2px 2px at 160px 120px,#ddd,rgba(0,0,0,0));background-repeat:repeat;background-size:200px 200px;animation:zoom 8s infinite;opacity:0}.stars:first-child{background-position:50% 50%;animation-delay:0s}.stars:nth-child(2){background-position:20% 60%;animation-delay:1s}.stars:nth-child(3){background-position:-20% -30%;animation-delay:2s}.stars:nth-child(4){background-position:40% -80%;animation-delay:33s}.stars:nth-child(5){background-position:-20% 30%;animation-delay:4s}.stars:nth-child(6){background-position:40% -80%;animation-delay:5s}.stars:nth-child(7){background-position:-20% 30%;animation-delay:6s}.stars:nth-child(8){background-position:-20% 30%;animation-delay:7s}.stars:nth-child(9){background-position:40% -80%;animation-delay:8s}@keyframes zoom{0%{opacity:0;transform:scale(.1);animation-timing-function:ease-in}89%{opacity:1;transform:scale(1.7);animation-timing-function:linear}to{opacity:0;transform:scale(2)}}