@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Cactus+Classical+Serif&family=Explora&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-shadow:unset;-webkit-box-shadow:unset;box-shadow:unset}a[href^="x-apple-data-detectors:"]{color:inherit;text-decoration:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body,html{scroll-behavior:smooth;margin:0;height:auto;background-color:rgb(249,249,248);font-size:16px;color:#5b534c;line-height:1.4}@media (max-width:1024px){body,html{font-size:14px}}*,html *{padding:0;margin:0;list-style:none;font-family:"Noto Serif TC",serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-display:swap;line-height:1.44}.wrap{margin:0 auto;overflow-x:hidden;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}a{color:inherit;font-weight:bold;font:inherit;text-decoration:none;display:inline-block;padding-left:2px;padding-right:2px;color:#c1ae63}a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}a.lighter{-webkit-filter:brightness(1.2);filter:brightness(1.2)}a.lighter:hover{-webkit-filter:brightness(1.3);filter:brightness(1.3)}.col-1{padding:0 1rem;width:100%}.col-2{padding:0 1rem;width:100%}.col-3{padding:0 1rem;width:100%}.col-4{padding:0 1rem;width:100%}.col-5{padding:0 1rem;width:100%}.col-6{padding:0 1rem;width:100%}.col-7{padding:0 1rem;width:100%}.col-8{padding:0 1rem;width:100%}.col-9{padding:0 1rem;width:100%}.col-10{padding:0 1rem;width:100%}.col-11{padding:0 1rem;width:100%}.col-12{padding:0 1rem;width:100%}.main{position:relative;background-image:url("./../src/deco/bg.png");background-position:center;background-size:cover;background-attachment:fixed}.t-c{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.t-r{text-align:right}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;bottom:-0.2em;display:block;background-color:white;width:100%;height:2px;left:0;right:0}.head3{font-size:1.5rem;line-height:1.6}.head4{font-size:1rem;line-height:1.6}.text-secondary{color:#baa451}.move-up{-webkit-transition:0.2s;transition:0.2s}.move-up:hover .move-item{-webkit-transition:inherit;transition:inherit;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.bold{font-weight:bold}.al-c{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nowrap{white-space:nowrap}p{line-height:1.5;margin-bottom:0.25rem}.add-texture{position:relative}.add-texture:after{content:"";position:absolute;display:block;top:0;width:100%;height:100%;bottom:0;left:0;right:0;pointer-events:none;mix-blend-mode:multiply;background-image:url("./../src/banner/banner_effect.png");background-size:cover}.deco-img,.layer-cloud,[class*=deco-]{pointer-events:none!important}.deco-img{position:absolute;width:50%;max-width:600px;aspect-ratio:1}.deco-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.deco-img__notebook{bottom:0;right:0}.deco-img__paper{bottom:0%;width:50%}.deco-img__paper img{margin-left:-50%;margin-bottom:-20%}ul.dot{margin-left:1rem}ul.dot>li{list-style:disc;margin-left:-0.25em}ul.circle{padding-left:1.5rem}ul.circle>li{list-style:circle;-webkit-margin-after:0.5rem;margin-block-end:0.5rem}ol.number{padding-left:2rem}ol.number>li{list-style:decimal;-webkit-margin-after:0.5rem;margin-block-end:0.5rem}.star{position:relative}.star:before{position:absolute;left:-1.5em;content:"*"}ol.alphabet>li{list-style:lower-alpha}ol.sub-number{list-style:none;counter-reset:item;padding-left:0}ol.sub-number>li{counter-increment:item;position:relative;padding-left:2.5rem}ol.sub-number>li:before{content:"(" counter(item) ").";position:absolute;left:0;top:0}.text-shadow-b{text-shadow:1px 2px black}a[href^=x-apple-data-detectors]{color:inherit!important;text-decoration:inherit!important}.pattern-bg{background-image:url("./../src/deco/bg-deco-top-white.svg"),url("./../src/deco/subbg-scroll.png"),url("./../src/deco/subbg-pen.png"),url("./../src/deco/bg-pattern-1.png");background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-size:33% auto,40% auto,20% auto,auto auto;background-position:top center,left -5% bottom -10%,right 24px bottom -5%,left top;background-attachment:scroll,fixed,fixed,fixed}@media (max-width:1024px){.pattern-bg{background-size:33% auto,60% auto,30% auto,auto auto;background-position:top center,left -5% bottom -5%,right 0 bottom 15%,left top}}.pattern-bg__2{background-image:url("./../src/deco/bg-deco-top-white.svg"),url("./../src/deco/subbg-scroll-2.png"),url("./../src/deco/subbg-pen-2.png"),url("./../src/deco/bg-pattern-2.png")}.caption-wrap{max-width:768px;margin:2rem auto;border:1px solid #5c442f;color:#5c442f;padding:2rem 60px 2rem 2rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:90%;font-family:"Noto Sans TC",sans-serif;font-weight:400;text-align:justify;position:relative;background-color:rgba(0,0,0,0.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width:1024px){.caption-wrap{padding:30px 30px 36px 1rem;margin-bottom:1rem}}.caption-wrap:after{content:"";right:-16px;bottom:-16px;width:128px;height:100px;display:block;position:absolute;background-image:url("./../src/deco/icon-pen.png");background-repeat:no-repeat;background-position:right bottom;background-size:100% auto}.caption-wrap__light{border:1px solid #e4d0be;color:#e4d0be}.caption-wrap ul{padding-left:2rem}.caption-wrap li{font-family:"Noto Sans TC",sans-serif;font-weight:400;margin-bottom:1rem}.caption-wrap p,.caption-wrap ul{margin-bottom:1rem;font-family:"Noto Sans TC",sans-serif;font-weight:400}@media (max-width:1024px){.caption-wrap p{padding-left:15px}}@media (max-width:1024px){.mobile-divider{display:block;height:0.75rem;margin:0.5rem auto 1rem;width:100%;background-image:url("./../src/deco/divider-2.svg");background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-filter:brightness(0.8);filter:brightness(0.8)}}.anchor{margin-top:-8rem;padding-top:8rem}@media (max-width:1024px){.anchor{margin-top:-5rem;padding-top:5rem}}.header__menu{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:8;-webkit-transition:0.2s ease;transition:0.2s ease;position:fixed;top:0;right:-100%;bottom:0;height:100%;opacity:0;width:480px;padding:0.5vw;padding-top:clamp(96px,6.25vw,108px);padding-bottom:10px;background-color:#5c442f;box-sizing:border-box;z-index:55;line-height:2}.header__menu.is-show{right:0;opacity:1}@media (max-width:1024px){.header__menu{width:320px}}.header__frame{border:1px solid #baa451;background-image:url("./../src/deco/openmenu-1.svg"),url("./../src/deco/openmenu-2.svg"),url("./../src/deco/openmenu-3.svg"),url("./../src/deco/openmenu-4.svg");background-repeat:no-repeat;background-position:top 2px left 2px,top 2px right 2px,bottom 2px right 2px,bottom 2px left 2px;background-size:18% auto;position:inherit;position:absolute;top:4px;bottom:4px;left:4px;right:4px;pointer-events:none}@media (max-width:1024px){.header__frame{background-size:24px auto}}.header.movedown{background:white}.header__logo{width:clamp(64px,5.5vw,84px);font-size:0;position:fixed;left:24px;top:24px;z-index:88}@media (max-width:1024px){.header__logo{left:8px;top:8px}}.header__logo img{width:100%}.openbtn{position:fixed;top:32px;right:32px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:clamp(64px,6vw,96px);height:clamp(64px,6vw,96px);background-color:#5c442f;border:1px solid #baa451;-webkit-box-shadow:0 0 0 4px #5c442f;box-shadow:0 0 0 4px #5c442f;z-index:66;cursor:pointer}@media (max-width:1024px){.openbtn{top:8px;right:8px}}.openbtn.is-active{border-width:0;-webkit-box-shadow:unset;box-shadow:unset;background:transparent}.openbtn.is-active .openbtn__frame{opacity:0}.openbtn.is-active [data-text=menu]{max-height:0}.openbtn.is-active [data-text=close]{max-height:32px}.openbtn.is-active .bar:first-child{-webkit-transform:rotate(-21deg) scaleX(108%);transform:rotate(-21deg) scaleX(108%)}.openbtn.is-active .bar:nth-child(2){opacity:0}.openbtn.is-active .bar:nth-child(3){-webkit-transform:rotate(21deg) scaleX(108%);transform:rotate(21deg) scaleX(108%)}.openbtn__frame{position:absolute;width:100%;height:100%;pointer-events:none;background-image:url("./../src/deco/openmenu-1.svg"),url("./../src/deco/openmenu-2.svg"),url("./../src/deco/openmenu-3.svg"),url("./../src/deco/openmenu-4.svg");background-repeat:no-repeat;background-position:top left,top right,bottom right,bottom left;background-size:30% auto;opacity:1;-webkit-transition:0.15s ease;transition:0.15s ease}.openbtn__bar{position:relative;width:60%;margin:0 auto}.openbtn__bar .bar{-webkit-transition:0.15s ease;transition:0.15s ease;width:100%;padding-top:5%;margin-bottom:15%;background-color:#baa451;-webkit-transform-origin:right center;transform-origin:right center}.openbtn__text{display:block;color:#c1ae63;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;font-size:clamp(16px,2.5vw,32px)}.openbtn__text span{font-family:"Explora",serif;font-weight:400;font-style:normal;display:block;overflow:hidden;max-height:32px;line-height:0.5}.openbtn__text [data-text=close]{max-height:0}.header-nav{width:85%;margin-right:0;margin-left:12%;padding:0 2%;padding-right:10%;padding-bottom:64px;height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.header-nav::-webkit-scrollbar{width:12px;border-radius:12px}.header-nav::-webkit-scrollbar-track{background:#33271d;border-radius:12px;padding:2px;margin:4px 2px}.header-nav::-webkit-scrollbar-thumb{background:#7e5d40;border-radius:4px;border:2px solid #4b3826}.header-nav::-webkit-scrollbar-thumb:hover{background:#856244}@media (max-width:1024px){.header-nav{margin-left:10%}}.header-nav__link{display:block;-webkit-transition:0.2s;transition:0.2s;padding:0.5em 0.5em;font-weight:500;letter-spacing:0.1em;position:relative;color:white;font-size:1.25rem;font-weight:600;font-family:"Cactus Classical Serif",serif;font-weight:400;font-style:normal;font-display:swap;width:100%;cursor:pointer;position:relative}.header-nav__link:before{content:"";width:clamp(16px,2vw,32px);padding-top:clamp(16px,2vw,32px);display:inline-block;padding-right:0.5em;background-image:url("./../src/icon/icon-deco-1.svg");background-repeat:no-repeat;background-position:center left;background-size:auto 80%;-webkit-filter:brightness(3);filter:brightness(3);-webkit-transition:0.15s;transition:0.15s;vertical-align:middle}.header-nav__link span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header-nav__link:hover{color:#baa451}.header-nav__link:hover:after,.header-nav__link:hover:before{-webkit-filter:brightness(1);filter:brightness(1)}.header-nav__externallink{position:relative}.header-nav__externallink:after{content:"";position:absolute;right:0;top:0;bottom:0;margin:auto;width:1em;height:1em;display:block;padding-right:0.5em;background-image:url("./../src/icon/externallink.svg");background-repeat:no-repeat;background-position:center left;background-size:auto 90%;-webkit-filter:brightness(3);filter:brightness(3);-webkit-transition:0.15s;transition:0.15s}.header-nav__currentPage a:before{content:unset}.header-nav__currentPage a:after{content:"";position:absolute;top:0;bottom:0;margin:auto;height:1px;left:7rem;width:calc(100% - 7rem);background:#baa451;display:block}.header-nav__currentPage span{color:#baa451;font-size:0.9em}.header-nav__currentPage--end{height:1px;width:100%;background:#baa451;display:block;margin:0.5rem 0}.header-nav__divider{width:100%;height:2em;background-image:url("./../src/deco/divider-2.svg");background-size:62.5% auto;background-position:center;background-repeat:no-repeat}.header-sns__wrap{padding-top:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1em}.header-sns__link{width:2.5rem;height:2.5rem;display:block}.header-sns__link:hover{-webkit-filter:brightness(0.9);filter:brightness(0.9)}[class*=__link]{-webkit-transition:0.2s cubic-bezier(0.075,0.82,0.165,1);transition:0.2s cubic-bezier(0.075,0.82,0.165,1)}.cta{position:relative;display:block;width:160px;height:320px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#5c442f;color:white;border-radius:0 200px 200px 0;font-size:1.25rem;line-height:1.7;gap:0;padding-right:50px;padding-bottom:160px;padding-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-box-shadow:0 0 24px #423d38 inset;box-shadow:0 0 24px #423d38 inset}@media (max-width:1024px){.cta{width:100px;height:200px;padding-bottom:100px;padding-right:20px;font-size:1.1rem}}.cta__wrap{position:fixed;bottom:0;-webkit-transform:translateY(50%);transform:translateY(50%);left:0;-webkit-transition:0.4s 0.1s ease;transition:0.4s 0.1s ease;z-index:25}.cta__img{display:block;width:70%;height:50%;background-image:url("./../src/icon/icon-cta.svg");background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-filter:invert(1);filter:invert(1)}@media (max-width:1024px){.cta__img{width:60%}}.cta__text{font-weight:700}.mobile-header-menu{display:none}.loading{position:fixed;top:0;bottom:0;left:0;right:0;background-color:white;background-image:url("./../src/banner/banner_cloud.png");background-position:center;background-size:cover;z-index:888;opacity:1;visibility:visible;-webkit-box-shadow:0 0 20vw #3a2b1e inset;box-shadow:0 0 20vw #3a2b1e inset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading.loading-hide{opacity:0;visibility:hidden;-webkit-transition:1s;transition:1s}.loading__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading__dot{width:1rem;height:1rem;border-radius:50%;background-color:#5c442f;-webkit-animation:loadingimg 2s infinite cubic-bezier(0.075,0.82,0.165,1);animation:loadingimg 2s infinite cubic-bezier(0.075,0.82,0.165,1)}.loading__dot:first-child{-webkit-animation-delay:0;animation-delay:0}.loading__dot:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s}.loading__dot:nth-child(3){-webkit-animation-delay:0.5s;animation-delay:0.5s}.loading__text{color:#5b534c;font-family:"Explora",serif;font-weight:400;font-style:normal;font-size:2em}@-webkit-keyframes loadingimg{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}50%{-webkit-transform:scale(0.5) translateY(20%);transform:scale(0.5) translateY(20%)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes loadingimg{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}50%{-webkit-transform:scale(0.5) translateY(20%);transform:scale(0.5) translateY(20%)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.top{position:fixed;right:32px;bottom:72px;width:72px;height:72px;-webkit-transition:0.2s;transition:0.2s;z-index:33;-webkit-transform:scale(1);transform:scale(1);cursor:pointer}@media (max-width:1024px){.top{right:4px;bottom:32px;width:48px;height:48px}}.top .bg{position:absolute;width:100%;height:100%;background-image:url("./../src/gotop.png");background-repeat:no-repeat;background-size:100%;background-position:center}.top:hover{-webkit-transform:scale(0.95);transform:scale(0.95)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.footer{text-align:center;font-size:0.75rem;position:relative;z-index:1;background-color:#3a2b1e;padding:3rem 1rem}.footer *{font-family:"Noto Sans TC",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-display:swap}.footer p{color:#cab7a7}.footer-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem}.footer-link .link{color:white;padding:0.5rem 1rem;display:inline-block;font-size:1rem}.sns__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.sns__item{display:block;width:40px}.sns__item img{width:100%}.copyright{font-size:1rem;padding-top:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.copyright p{color:#cab7a7;font-size:0.8rem}.appdownload-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem;padding:0 1rem;margin-bottom:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qrcode{font-size:0;border-radius:8px;background-color:white;padding:5px;overflow:hidden;width:110px;-webkit-box-sizing:border-box;box-sizing:border-box}.qrcode img{width:100%;margin:0}.download-info{text-align:left}.download-info p{color:#e4d0be;font-size:1rem;line-height:1.5;margin-bottom:1rem;letter-spacing:0.05em}.download-link-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}@media screen and (max-width:768px){.copyright-col{-webkit-column-count:1;-moz-column-count:1;column-count:1}.appdownload-wrap{padding:1rem}.appdownload-wrap p{text-align:center}.download-link-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.download-link-wrap img{height:48px}.qrcode{display:none}.footer{padding-bottom:148px}}.application .container{padding-bottom:64px}.application__list{padding-left:1rem}.application__list .mark{background:#5c442f;color:white;margin:0 0.15em;padding:0 0.25em;font-weight:500;letter-spacing:0.05em}.application__list li{line-height:1.6;font-weight:bold;margin-bottom:0.5em;list-style:disc}.vote-container{width:96%;margin:0 auto;max-width:1680px}.vote-machine-banner{width:220px;margin:0 auto;margin-bottom:20px;color:white;background-color:rgba(97,74,54,0.6);border:1px solid #801012;text-align:center;padding:5px 10px;font-weight:500px;position:relative}.vote-machine-banner .vote-count{font-size:1.2em}.vote-machine-banner:after{content:"";right:-16px;bottom:3px;width:42px;height:33px;display:block;position:absolute;background-image:url(./../src/deco/icon-pen.png);background-repeat:no-repeat;background-position:right bottom;background-size:100% auto}.search{width:480px;margin:0 auto;margin-bottom:40px;position:relative}.search:before{content:"";position:absolute;display:block;left:2px;top:-2px;width:56px;height:72px;background-image:url(./../src/deco/search-icon.png);background-repeat:no-repeat;background-position:center}@media (max-width:1024px){.search{width:75%;min-width:300px}}.search__input{width:100%;padding:0.5rem 64px 0.5rem 50px;line-height:2;border-radius:100px;border:1px solid rgba(97,74,54,0.6);font-size:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#F3EDE2;color:#423d38}.search__input::-webkit-input-placeholder{color:rgba(115,94,75,0.6)}.search__input::-moz-placeholder{color:rgba(115,94,75,0.6)}.search__input:-ms-input-placeholder{color:rgba(115,94,75,0.6)}.search__input::-ms-input-placeholder{color:rgba(115,94,75,0.6)}.search__input::placeholder{color:rgba(115,94,75,0.6)}.search__input:focus{outline:none;border-color:#5c442f}.search .search__clear-btn{position:absolute;right:0;top:8px;bottom:8px;text-align:center;width:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0;border:none;cursor:pointer}.search .search__clear-btn:after{content:"✕";font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#cab7a7;line-height:100%;border:1px solid #cab7a7;width:16px;height:16px;border-radius:15px}button{background-color:transparent}button:focus{outline:unset;border:unset}.voting__categories{width:100%;max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5%;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:0 5%}@media (max-width:1024px){.voting__categories{padding:0;margin-bottom:24px;gap:8px}}.voting .category-btn{aspect-ratio:366/180;width:100%;border:none;background-image:url(./../src/deco/group-title-wax-seal.png);background-repeat:no-repeat;background-position:center;background-size:contain;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:white;font-size:1.2rem;padding-bottom:2%;text-shadow:0 0 8px rgba(0,0,0,0.4);font-weight:bold;opacity:0.7;-webkit-filter:grayscale(0.5) brightness(0.8);filter:grayscale(0.5) brightness(0.8);cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.voting .category-btn.active{opacity:1;-webkit-filter:grayscale(0) brightness(1);filter:grayscale(0) brightness(1)}@media (max-width:1024px){.voting .category-btn{font-size:1rem}}.voting__grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4rem 1.5rem;padding:0 3%;padding-top:84px;min-height:500px;padding-bottom:300px;justify-items:center;background-image:url("./../src/deco/vote-bg-1.png"),url("./../src/deco/vote-bg-2.png"),url("./../src/deco/vote-bg-3.png"),url("./../src/deco/vote-bg-4.png");background-repeat:no-repeat;background-position:left top 0.5%,right top 0.5%,right bottom 250px,left bottom 250px;background-size:15% auto}@media (max-width:1024px){.voting__grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:2.5rem 1rem;padding-top:48px;min-height:400px;padding-bottom:128px;background-size:25% auto;background-position:left top,right top,right bottom 80px,left bottom 80px}}.voting__item{width:100%}.voting__empty{grid-column:1/-1;font-size:1.8em;color:#5c442f;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.voting__frame{padding:8px;margin:0 auto;width:75%;margin-bottom:8px;background-image:url(./../src/deco/bookcover-frame.png);background-repeat:no-repeat;background-position:center;background-size:100%;font-size:0;position:relative}.voting__group{position:absolute;top:0;left:0;right:0;margin:auto;display:inline-block;z-index:2;font-size:12px;font-weight:bold;width:72px;text-align:center;line-height:1.8;color:white;background-color:#83675A}.voting__cover{aspect-ratio:70/100;width:100%;position:relative;-webkit-transition:0.2s;transition:0.2s}.voting__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.voting__cover:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:unset;transform:unset}.voting__cover:hover span{top:0;-webkit-transform:unset;transform:unset}.voting__info{text-align:center}.voting__title{color:#5c442f;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;height:2.8rem;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.voting__votes{margin-bottom:4px}.btn-vote{width:100%;display:block;background-image:url("./../src/deco/vote-btn-left.png"),url("./../src/deco/vote-btn-right.png"),-webkit-gradient(linear,left bottom,left top,from(#77513A),to(#B49578));background-image:url("./../src/deco/vote-btn-left.png"),url("./../src/deco/vote-btn-right.png"),linear-gradient(0deg,#77513A,#B49578);background-repeat:no-repeat;background-position:left 5% center,right 5% center,center;background-size:16px auto,16px auto,cover;line-height:32px;font-size:1.1em;padding-bottom:0.25em;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:0.1em;color:white;border:1px solid #B49578;-webkit-box-shadow:0 4px rgba(97,74,54,0.2);box-shadow:0 4px rgba(97,74,54,0.2);cursor:pointer}.btn-vote[disabled]{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.8;cursor:not-allowed}.btn-vote.voted{opacity:0.8;cursor:not-allowed}@media (max-width:1024px){.btn-vote{line-height:28px;-webkit-box-shadow:0 2px rgba(97,74,54,0.2);box-shadow:0 2px rgba(97,74,54,0.2)}}.btn-login{outline:unset;color:white;font-weight:bold;border:unset;line-height:2;margin-bottom:4px;border-bottom:1px solid white}.toast-container{position:fixed;bottom:8px;left:16px;right:16px;max-width:265px;margin:auto;z-index:88}.toast{background-color:rgba(92,68,47,0.8);color:white;line-height:1.6;padding:0.75rem 1rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;margin-bottom:0.5rem}.popularAward-section{padding-top:80px;padding-bottom:160px}@media (max-width:1024px){.popularAward-section{padding-top:20px}}.popularAward-section .award-card{margin-bottom:4rem}@media (max-width:1024px){.popularAward-section .award-card{margin-bottom:2rem}}.waiting{color:#5c442f;font-size:1.5em;font-family:"Noto Serif TC",serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-display:swap;letter-spacing:0.1em}.waiting.white{color:white}.ranking__tabs{display:-webkit-box;display:-ms-flexbox;display:flex;width:90%;margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;margin-bottom:3%}@media (max-width:1024px){.ranking__tabs{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem;max-width:480px}}.ranking__tabs .tab-btn{width:calc(50% - 1rem);display:inline-block;padding:0.5rem 1rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;max-width:200px;letter-spacing:0.1em;line-height:2.5;text-align:center;background-image:url("../src/deco/group-tab-item.png");background-color:transparent;border:unset;background-repeat:no-repeat;background-position:bottom center;background-size:100% auto;cursor:pointer;opacity:0.9;-webkit-filter:grayscale(0.5) brightness(0.8);filter:grayscale(0.5) brightness(0.8);color:white;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}@media (max-width:1024px){.ranking__tabs .tab-btn{width:calc(50% - 0.5rem);max-width:unset;gap:0.5rem;margin-bottom:0rem}}.ranking__tabs .tab-btn:hover{-webkit-filter:grayscale(0.5) brightness(0.9);filter:grayscale(0.5) brightness(0.9);opacity:1}.ranking__tabs .tab-btn.active{-webkit-filter:grayscale(0) brightness(1);filter:grayscale(0) brightness(1);opacity:1}.rank-order{width:48px;-ms-flex-negative:0;flex-shrink:0;font-family:"Explora",serif;font-weight:400;font-style:normal}@media (max-width:1024px){.rank-order{position:absolute;width:32px;height:32px;left:0px;font-size:1.25rem}}.rank-order__text{font-family:"Explora",serif;font-weight:400;font-style:normal;font-size:1.5rem;color:#423d38;padding-left:10px}.rank-order__text.first,.rank-order__text.second,.rank-order__text.third{margin:0 auto;width:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:5%;padding-left:0;height:48px;background-image:url("../src/deco/rank-1.png");background-size:100% auto;background-repeat:no-repeat;background-position:center}@media (max-width:1024px){.rank-order__text.first,.rank-order__text.second,.rank-order__text.third{font-size:1.5rem;width:32px;height:32px}}.rank-order__text.second{background-image:url("../src/deco/rank-2.png")}.rank-order__text.third{background-image:url("../src/deco/rank-3.png")}@media (max-width:1024px){.ranking-row{position:relative;padding-left:40px;padding-right:clamp(80px,20%,400px)}.ranking-row+.ranking-row{border-top:1px solid #9c8d81}.ranking-row:nth-child(2n){background-color:transparent}}.ranking-row .bookName{color:#896F62;text-decoration:underline}.ranking-row .author{color:#43403B}@media (max-width:1024px){.ranking-row .author{width:100%;text-align:left}}.ranking-row .group-tag{width:87px;-ms-flex-negative:0;flex-shrink:0;text-align:left}@media (max-width:1024px){.ranking-row .group-tag{width:100%}}.ranking-row .group-tag__text{font-size:14px;white-space:wrap;background-color:#896F62;color:white;padding:0 0.4em;line-height:1.4;margin-bottom:0.25em;border-radius:4px}@media (max-width:1024px){.ranking-row .group-tag__text{font-size:12px;background-color:#896F62;color:white;padding:0 0.4em;line-height:1.4;margin-bottom:0.25em;border-radius:4px}}@media (max-width:1024px){.ranking-row .mobile-vote{position:absolute;width:25%;height:32px;right:8px;min-width:80px}}.ranking-row .vote-count{width:100%;text-align:right}@media (max-width:1024px){.ranking-row .td-width-1,.ranking-row .td-width-2,.ranking-row .td-width-3{border-bottom:unset;padding:0}}