@charset "UTF-8";:root{font-size:16px}*{box-sizing:border-box}html,body{width:100%;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none}html{-ms-touch-action:manipulation;touch-action:manipulation;scroll-behavior:smooth}body{margin:0;padding:0;width:100%;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:100lvh;min-height:100dvh;min-width:300px;color:#fff;font-family:Noto Sans TC,sans-serif;font-weight:400;overflow-x:hidden}@media (orientation: landscape){body{-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity}}a{color:#fff;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent}a[href="javascript:;"][target=_blank]{pointer-events:none}img{display:block;border-style:none}img[usemap],map area{outline:none}figure,figcaption{display:block;margin:0;padding:0}figure img,figcaption img{display:block;margin:0;padding:0;max-width:100%;width:auto}iframe{display:block}input,select,textarea{vertical-align:middle}input:focus,select:focus,textarea:focus{outline:none}h1,h2,h3,h4,h5,h6{display:block;margin:0;padding:0}p{display:block;margin:0;padding:0;font-size:26px;line-height:1.6}@media (max-width: 414px){p{font-size:20px}}span{color:#ff0}#container{min-width:320px;background:#0e0c19;overflow:hidden}@media (max-width: 767px){#container{background-size:6.25vw}}.main{max-width:1200px;margin:0 auto;padding:0;width:calc(100% - 100px)}@media (max-width: 767px){.main{width:calc(100% - 20px)}}.main:has(.cover){max-width:100%;width:100%}.main:has(.info){max-width:1000px}.title{position:relative;margin:0 auto -56px;font-size:20px;font-weight:700;text-align:center}@media (max-width: 640px){.title{display:block;width:80%;min-width:250px;margin-bottom:-48px}}.title_desk,.title_mob{margin:0 auto 16px}@media (max-width: 1023px){.title_desk{display:none}}.title_mob{display:none}@media (max-width: 1023px){.title_mob{display:block}}@media (max-width: 640px){.title_mob{width:80%;min-width:250px}}.header{position:fixed;top:0;inset-inline:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:60px;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1}.header[stick]{background-color:#0e0c19cc}@media (max-width: 767px){.header[active] .link{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.header[active] button#list>*:nth-of-type(1){width:15px;-webkit-transform:rotate(135deg) translate(4px,-4.5px);-ms-transform:rotate(135deg) translate(4px,-4.5px);transform:rotate(135deg) translate(4px,-4.5px)}.header[active] button#list>*:nth-of-type(2){width:0}.header[active] button#list>*:nth-of-type(3){-webkit-transform:rotate(-135deg) translate(4px,4.5px);-ms-transform:rotate(-135deg) translate(4px,4.5px);transform:rotate(-135deg) translate(4px,4.5px)}}.header .main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.header .logo{position:relative;z-index:1}.header .logo img{width:158px}.header .nav{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:20px;width:85%}.header .social{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:20px;z-index:1}@media (max-width: 767px){.header .social{gap:14px}}.header .social button{aspect-ratio:1/1;cursor:pointer;display:block;margin:0;padding:0;width:40px;border:none;background:none;background-size:32px 32px;background-repeat:no-repeat;background-position:center center}@media (max-width: 767px){.header .social button{width:30px;background-size:28px 28px}}.header .social button:focus{outline:none}.header .social button#facebook{background-image:url(../img/facebook.png)}.header .social button#line{background-image:url(../img/line.png)}.header .link{display:-ms-inline-grid;display:inline-grid;-ms-grid-rows:1fr;grid-template-rows:1fr;grid-auto-flow:column;gap:40px}@media (max-width: 767px){.header .link{position:fixed;top:0;right:0;-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3,1fr);grid-auto-flow:rows;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%);padding:90px 20px 30px;width:320px;gap:8px;background-color:#0e0c19cc;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.header .link:before{content:"";position:absolute;top:60px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:calc(100% - 40px);height:1px;background-color:#fff3}}.header .link a{padding:8px;font-size:20px;font-weight:500;text-align:center;border-radius:3px}@media (max-width: 767px){.header .link a{text-shadow:2px 2px 3px rgba(0,0,0,.1);border-radius:8px}}@media (min-width: 1024px){.header .link a:hover{color:#ff0}}@media (max-width: 1023px){.header .link a:active{color:#ff0}}.header button#list{display:none}@media (max-width: 767px){.header button#list{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding-inline:6px;width:30px;height:30px;background:transparent;border:none}.header button#list>*{display:block;margin-block:2px;width:15px;height:2px;background:white;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}}.wrapper{padding-block:60px}@media (max-width: 767px){.wrapper{padding-top:50px}}.wrapper:has(.cover){padding-block:0}.cover{margin-bottom:-360px;text-align:center;overflow:hidden}@media (max-width: 1199px){.cover{margin-bottom:-25vw}}.cover img{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);display:block;width:1920px}@media (max-width: 1199px){.cover img{width:100%}}@media (max-width: 375px){.cover img{width:375px}}.book{position:relative;margin-inline:auto}@media (max-width: 767px){.book{max-width:calc(100% - 60px)}}@media (max-width: 414px){.book{max-width:calc(100% - 20px)}}.book:has(.book_list){text-align:center}.book>p{margin-top:-48px}.book_info{position:relative;width:100%;padding-block:60px;background:rgba(255,255,255,.05);border-radius:25px}.book_info img.decor{position:absolute;top:-176px;right:-90px}@media (max-width: 1023px){.book_info img.decor{width:11.71875vw;top:4px;right:10px}}.book_info a{display:block}@media (min-width: 1024px){.book_info a:hover p{color:#ff0}}@media (max-width: 1023px){.book_info a:active p{color:#ff0}}.book_info figure{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width: 1023px){.book_info figure{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.book_info picture img{display:block;width:400px;height:auto;margin-right:100px}@media (max-width: 500px){.book_info picture img{width:250px}}@media (max-width: 1023px){.book_info picture img{margin:0 0 80px}}@media (max-width: 414px){.book_info figcaption{padding-inline:12px}}.book_info figcaption h5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:1rem;margin-bottom:24px;font-size:36px;color:#d6d6a4}.book_info figcaption h5:before{position:absolute;left:-24px;content:"";display:block;width:8px;height:48px;background:#ffff00}@media (max-width: 500px){.book_info figcaption h5{font-size:28px}.book_info figcaption h5:before{display:none}}.book_info figcaption p{line-height:2;word-break:break-all}@media (max-width: 500px){.book_info figcaption p{font-size:20px}}.book_list{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6041666667vw,40px);margin:0;padding:0;width:100%}.book_list .decor2{position:absolute;top:-324px;left:-150px}@media (max-width: 1023px){.book_list .decor2{width:11.62109375vw;top:-360px;left:-16px}}@media (max-width: 414px){.book_list .decor2{width:11.62109375vw;min-width:50px;top:-280px;left:0}}.book_list .decor3{position:absolute;bottom:506px;right:-270px}@media (max-width: 1023px){.book_list .decor3{width:11.62109375vw;bottom:-120px;right:-32px}}@media (max-width: 767px){.book_list{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:clamp(20px,6.25vw,40px)}}@media (max-width: 500px){.book_list{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}}.book_list figure{padding:32px;background:rgba(255,255,255,.05);border-radius:25px}.book_list figure picture{aspect-ratio:210/310;position:relative;display:block;margin:0;width:100%;height:auto;overflow:hidden}.book_list figure picture img{display:block;width:100%;height:100%;-webkit-transition:.2s;transition:.2s}.book_list figure figcaption{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.book_list a{display:block}@media (min-width: 1024px){.book_list a:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.book_list a:hover .book_title{color:#ff0}}@media (max-width: 1023px){.book_list a:active img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.book_list a:active .book_title{color:#ff0}}.book_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:24px;color:#fff;font-size:clamp(18px,1.7578125vw,20px);font-weight:400;text-align:center;-webkit-transition:background-color .2s;transition:background-color .2s}@media (max-width: 414px){.book_title{padding-block:7px;font-size:16px}}.book a.all{display:inline-block;margin:80px auto 0;padding:16px 36px;font-size:26px;font-weight:600;color:#441f7b;background:#BABBBB;border:6px double #0e0c19;border-radius:50px;cursor:pointer}.book a.all:hover{color:#ff0}@media (max-width: 640px){.book a.all{padding:12px 30px;font-size:20px}}.notice{position:relative;margin-inline:auto;max-width:1000px}@media (max-width: 767px){.notice{max-width:calc(100% - 60px)}}@media (min-width: 640px){.notice .title{margin-bottom:-84px}}.notice .decor4{position:absolute;top:-110px;left:-120px}@media (max-width: 1023px){.notice .decor4{width:20.5078125vw;top:-60px;left:-40px}}.notice .decor5{position:absolute;top:64px;right:-220px}@media (max-width: 1023px){.notice .decor5{width:15.4296875vw;top:20px;right:-40px}}.notice_content{padding-left:20px}.notice_content p{position:relative;text-align:justify;word-break:break-all}.notice_content p:not(:first-of-type){margin-top:20px}.notice_content p:before{content:"▶";position:absolute;top:0;left:-30px;font-size:16px;color:#ff0}.notice_content a{color:#d6d6a4}.footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-top:-70px}.footer .main{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer p{position:absolute;bottom:48px;padding:0 10px;display:inline-block;color:#babbbb;font-size:18px;font-weight:400;text-align:left}