.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;justify-content:center;.navBar{color:white;display:flex;align-items:center;width:1200px;margin:auto;.navItem{padding:20px 15px;font-size:25px;font-family:Noto Sans TC,sans-serif}}.newsRow{display:flex;justify-content:center;margin-bottom:20px;.quoteContainer{width:285px;height:400px;margin-right:20px}}.noticeBoardContainer{width:590px;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;.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}.noticeList{height:320px;overflow-y:scroll;scrollbar-color:#888 #f1f1f1;.noticeItem{display:flex;border-bottom:1px solid #000;padding:10px 0;color:#000;.itemData{margin-left:20px;.title{font-weight:700;font-family:Noto Sans TC,sans-serif}.content{line-height:30px}}}}}}.media{display:flex;.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:white;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:20px;max-width:980px}.bookListContainer{background-image:linear-gradient(#ffffffc4,#ffffffc4),url(/images/slc/book_list_bg.webp);background-repeat:repeat;background-color:white;background-size:auto;img{height:fit-content}.headLine{margin-bottom:60px}.tab-list{margin:auto auto 60px;width:800px;display:flex;justify-content:space-evenly;button{color:#215496;font-weight:700;text-align:center;padding:10px 20px;border-radius:10px;&:disabled{color:#bbb}&:focus{box-shadow:none}&.active{background-color:#215496;color:white}}}.tab-panel{margin:auto;width:1200px;min-height:500px;display:flex;flex-wrap:wrap}.book{display:flex;flex:50%;width:600px;margin-bottom:40px;.bookContent{color:#000;width:390px;height:220px;margin-left:30px;position:relative;.title{font-weight:700;color:#215496}.buttonGroups{display:flex;bottom:0;position:absolute;a{color:white;font-weight:700;text-align:center;background-color:#f9b233;border-radius:10px;padding:10px 50px;cursor:pointer;margin-right:10px}}}}}.flipBookContainer{margin:auto;img{max-width:100%;max-height:100%;height:auto;width:auto}}.headLine{display:flex;justify-content:center;gap:20px;padding-top:40px;img{width:57px;height:55px}span{font-size:40px;font-weight:600;color:#215496}}.slc_webpage{z-index:0;color:white;&.slcHeroContainer{background-color:#0e1a2b;display:flex;flex-direction:column;align-items:center;position:relative;min-width:500px;.main_image{position:relative}}.earthViewport{width:100%;overflow:hidden;height:400px;margin-top:-410px;display:flex;justify-content:center;.earth{flex-shrink:0;width:230%;.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 rgb(3,139,255,.8),inset 0 0 80px rgb(176,218,255,.7)}}}&.embla{background-color:white}&.layout-cell{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;text-align:left;p{font-weight:700!important;font-size:20px!important}.font-heading{display:none}}&.embla.slcMainRole{.embla__container{height:650px}.embla__slide{flex:none}.embla__slide__wave{z-index:2;position:absolute;bottom:600px;left:-99%;width:300%;&.is__bottom{margin-top:0;top:593px;bottom:auto;transform:rotate(-180deg)}}.characterDetailContainer{position:absolute;width:400px;top:65px;left:65px;.topContainer{display:flex;justify-content:center;.birthday,.bloodType{position:relative;display:inline-block;width:100px;p{position:absolute;top:5px;left:35px;color:#000;font-size:14px}}.bloodType{top:2px;margin-left:40px}}.characterName{position:relative;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;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-position:25px}.characterIntroWrapper,.characterName{background-repeat:no-repeat;background-size:contain}.characterIntroWrapper{background-image:url(/images/slc/slc_msg_box_A01.png);background-position:bottom;height:180px}.characterIntro{margin:auto;padding-top:15px;width:330px;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;font-size:14px}}}&.embla.slcSupportRole{width:100%;max-width:64rem;background-color:white;max-width:100%;padding-left:10rem;padding-right:10rem;.contentContainer{display:flex}.leftContainer{width:50%}.rightContainer{margin-left:1%;width:49%}.embla__slide{flex:0 0 100%}.characterDescSlide{h2{color:rgb(51,51,51);font-size:32px}div,h2{font-weight:700}div{color:rgb(33,84,150);font-size:20px}p{color:#000;font-size:16px;font-weight:400}}.embla__controls{display:flex;flex-direction:column;.embla__dots{justify-content:left;gap:.7rem;span{cursor:pointer;color:#dedede;&.selected{color:#215496!important}}}.embla__progress{width:100%;max-width:100%;justify-content:left;border-radius:0;background-color:#dedede;.embla__progress__bar{background-color:#215496}}.embla__buttons{display:flex;gap:.1rem;justify-content:right;.embla__button{color:#215496;width:2rem;height:2rem}}}}&.embla.normalLayout{width:590px;background-color:#000;position:relative;.embla__slide{flex:0 0 100%}.embla__buttons{display:flex;width:100%;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);.embla__button{width:4rem;height:4rem;.embla__button__svg{width:50%;height:50%}}}.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:#0e1a2b;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)}}.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:rgb(255,255,255)}[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:transparent}