@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:#000;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:inherit;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;line-height:1.6}#container{padding-top:60px;min-width:320px;background:#c20000 url(../img/bg.webp) no-repeat center center;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 24px;width:250px;font-size:20px;font-weight:700;text-align:center}@media (max-width: 1023px){.title{width:200px}}@media (max-width: 640px){.title{width:180px}}.tab{position:relative;top:-50px}.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:55px;background-color:#fed676;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1}.header[stick]{box-shadow:0 2px 4px gray}@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:128px;margin-right:8px}.header .logo:hover img{scale:1.1}.header .nav{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;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:hover{scale:1.1}.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:#fed676;-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;color:#000;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:#c20000}}@media (max-width: 1023px){.header .link a:active{color:#c20000}}.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;border:1px solid white;border-radius:3px;background-color:transparent;cursor:pointer}.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}.wrapper:has(.notice){background:#96000b url(../img/bg2.webp) no-repeat center center}.cover{text-align:center;overflow:hidden}.cover img{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);display:block;width:1920px}@media (max-width: 959px){.cover img{width:100%}}@media (max-width: 414px){.cover img{left:52.5%;width:414px}}.info{position:relative;margin-block:38px;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:7px}@media (max-width: 767px){.info{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:30px}}.info_content{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:450px;width:100%;margin-inline:auto;text-align:center}@media (min-width: 768px){.info_content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}}.info_intro{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-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;gap:6px;width:100%;height:300px;padding:40px clamp(10px,.9765625vw,55px);background-color:#fff;border-radius:25px}.info_intro p{font-size:clamp(18px,2.34375vw,24px);font-weight:400;text-align:center;word-break:break-all}.info_intro p:nth-of-type(5){margin-top:12px;font-size:18px;line-height:1.2}.info_intro p:nth-of-type(5) strong{font-size:48px}.info_intro strong{color:#c20000;font-weight:600}.book{position:relative;margin:0 auto 20px}@media (max-width: 767px){.book{max-width:calc(100% - 60px)}}@media (max-width: 414px){.book{max-width:calc(100% - 20px)}}.book_list{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6041666667vw,40px);margin:0;padding:0;width:100%}@media (max-width: 1023px){.book_list{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr);-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:clamp(20px,6.25vw,40px)}}.book_list picture{aspect-ratio:210/310;position:relative;display:block;margin:0;padding:12px;width:100%;height:auto;background:#e08080;border-radius:10px;box-shadow:0 0 10px silver;overflow:hidden}.book_list picture img{display:block;height:100%;-webkit-transition:.2s;transition:.2s;object-fit:cover;object-position:center 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{background-color:#fff}}@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{background-color:#fff}}.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:24px 0 0;padding:10px 0;font-size:clamp(18px,1.7578125vw,20px);font-weight:400;text-align:center;background-color:#fed676;border-radius:5px;-webkit-transition:background-color .2s;transition:background-color .2s}@media (max-width: 414px){.book_title{padding-block:7px;font-size:16px}}.notice{margin-inline:auto;max-width:1000px}@media (max-width: 767px){.notice{max-width:calc(100% - 60px)}}.notice_content{padding-left:20px}.notice_content p{position:relative;font-size:18px;line-height:1.6;color:#fff;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}.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;padding-block:22px;width:100%;background-color:#000}.footer .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:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer p{padding:0 10px;display:inline-block;color:#fff;font-size:12px;font-weight:400;text-align:left}#top{display:none;position:fixed;bottom:130px;right:0;right:calc((100% - 1920px)/2);width:40px;height:40px;font-size:24px;color:#fff;border:2px solid white;background:none;border-radius:50%;cursor:pointer;z-index:999}#top:hover{color:#fed676;border-color:#fed676}@media (max-width: 1920px){#top{right:3.5%}}@media (max-width: 767px){#top{right:10px}}