html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}ol,ul,button{margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button,a{border:none;font-size:unset;padding:0;margin:0;background:rgba(0,0,0,0);background-color:none;outline:none;border:none}img{max-width:100%;height:auto}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;text-align:center;font-size:1.2rem;letter-spacing:-1px}body p{font-size:1.2rem;line-height:2rem;letter-spacing:0}@media only screen and (max-width: 480px){body p{line-height:1.4rem;padding:0 2vw}}@media only screen and (max-width: 480px){body img{max-width:90%}}.ctnflex{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media only screen and (max-width: 480px){.ctnflex .arrow{width:100%;transform:rotate(90deg)}}main{position:relative;background:url(../images/mainBg.jpg) no-repeat center center/cover;overflow:hidden}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main{background:url(../images/mainBg.webp) no-repeat center center/cover}}main .main{position:relative;text-align:left;padding-top:2%;padding-left:16%;overflow:hidden;z-index:1}@media only screen and (max-width: 768px){main .main{padding:0 0 0 10%}}main .main img{display:block}main::before,main::after{content:"";position:absolute;bottom:0}main::before{width:1055px;height:733px;background:url(../images/mainChar2.png) no-repeat center center/contain;left:-16%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main::before{background:url(../images/mainChar2.webp) no-repeat center center/contain}}@media only screen and (max-width: 1440px){main::before{left:-26%}}@media only screen and (max-width: 1024px){main::before{display:none}}main::after{width:1269px;height:830px;background:url(../images/mainChar3.png) no-repeat center center/contain;right:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main::after{background:url(../images/mainChar3.webp) no-repeat center center/contain}}@media only screen and (max-width: 1440px){main::after{display:none}}main .title{position:absolute;top:22%;right:10vw;z-index:1}@media only screen and (max-width: 1024px){main .title{top:unset;bottom:10%}}@media only screen and (max-width: 768px){main .title{right:0}}main .title>picture img{margin-bottom:-8%}main .title p{color:#997768;font-size:1.2rem;font-weight:bold}@media only screen and (max-width: 1440px){main .title p{filter:drop-shadow(0 0 10px white) drop-shadow(0 0 6px white) drop-shadow(0 0 4px white) drop-shadow(0 0 2px white)}}@media only screen and (max-width: 480px){main .title p{font-size:20px}}main .title .link{display:flex;justify-content:center;align-items:center}main .title .link a{color:#d8cbba;display:block;background:url(../images/btnbg.png) no-repeat center center/cover;width:162px;line-height:42px;margin:2% 1%;transition:.3s all}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .link a{background:url(../images/btnbg.webp) no-repeat center center/cover}}main .title .link a:hover{background:url(../images/btnbg_hover.png) no-repeat center center/cover;color:#ffc954}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .link a:hover{background:url(../images/btnbg_hover.webp) no-repeat center center/cover}}@media only screen and (max-width: 480px){main .title .link a:nth-of-type(1){display:none}}ul.remark{position:relative;color:#b5984d;font-size:1.2rem;line-height:2rem;padding-left:30px;margin-top:4vh}ul.remark li{list-style:disc}section{position:relative;background:url("../images/bg.jpg") no-repeat center top/cover;text-align:center;padding:4% 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section{background:url("../images/bg.webp") no-repeat center top/cover}}@media only screen and (max-width: 1200px){section{padding:1% 0}}section h2{position:relative;margin:2vh auto}section>.ctnflex{max-width:1440px;background-color:#0d0603;padding:2% 0 3%;margin:1vh auto 4vh}@media only screen and (max-width: 1024px){section>.ctnflex{max-width:90vw}}section>.ctnflex p{color:#c1b7a8;margin-top:2%}section>.ctnflex .arrow{margin:2%}@media only screen and (max-width: 1024px){section>.ctnflex .arrow{width:100%;transform:rotate(90deg)}}section .box{max-width:1440px;min-height:1740px;background:url("../images/ctnBg.jpg") no-repeat center center/cover;padding:3% 0;margin:4vh auto 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section .box{background:url("../images/ctnBg.webp") no-repeat center center/cover}}@media only screen and (max-width: 1024px){section .box{max-width:98vw}}section .box .gridTable{max-width:1280px;display:grid;grid-template-columns:1fr 4fr 4fr;border:solid 1px #6a3b2b;margin:1% auto}@media only screen and (max-width: 480px){section .box .gridTable{grid-template-columns:1fr 1fr;font-size:16px;line-height:24px}}section .box .gridTable>div{min-height:60px;display:flex;align-items:center;justify-content:center;background-color:#a8832d;color:#f6ebc3;border:solid 1px #b4933c}@media only screen and (max-width: 480px){section .box .gridTable>div{padding:1%}}section .box .gridTable>div.stage{background-color:#6d2f15;color:#deb85e;font-family:"Noto Serif TC",serif;font-size:2rem;font-weight:bold;border:none;grid-column:1/2}@media only screen and (max-width: 480px){section .box .gridTable>div.stage{grid-column:1/3}}section .box .gridTable>div.stage.stage1{grid-row:2/7}@media only screen and (max-width: 480px){section .box .gridTable>div.stage.stage1{grid-row:1/2}}section .box .gridTable>div.stage.stage2{grid-row:8/13}@media only screen and (max-width: 480px){section .box .gridTable>div.stage.stage2{grid-row:9/10}}section .box .gridTable>div.stage.stage3{grid-row:14/19}@media only screen and (max-width: 480px){section .box .gridTable>div.stage.stage3{grid-row:17/18}}section .box .gridTable>div.mission,section .box .gridTable>div.rewards{background-color:#371b10;color:#997e49;border:none}section .box .gridTable>div.mission.off,section .box .gridTable>div.rewards.off{display:none}@media only screen and (max-width: 480px){section .box .gridTable>div.mission.off,section .box .gridTable>div.rewards.off{display:flex}}section .box .gridTable>div.mission{grid-column:1/3}@media only screen and (max-width: 480px){section .box .gridTable>div.mission{grid-column:1/2}}section .box .gridTable>div.rewards{grid-column:3/4}@media only screen and (max-width: 480px){section .box .gridTable>div.rewards{grid-column:2/3}}section .box .gridTable>div.finish{position:relative;display:block;min-height:180px;background-color:#c1993c;border:solid 3px #87671b;color:#fff;grid-column:1/4}@media only screen and (max-width: 768px){section .box .gridTable>div.finish{padding-bottom:2%}}@media only screen and (max-width: 480px){section .box .gridTable>div.finish{grid-column:1/3}}section .box .gridTable>div.finish>picture{position:absolute;top:-12px;left:-4px}@media only screen and (max-width: 768px){section .box .gridTable>div.finish>picture{position:relative;left:0}}section .box .gridTable>div .hover{position:relative;margin-left:1%;cursor:pointer}section .box .gridTable>div .hover:hover div{opacity:1;pointer-events:auto}section .box .gridTable>div .hover div{background-color:#201c19;position:absolute;top:0;left:40px;display:flex;justify-content:space-around;border:solid 3px #605b57;border-radius:20px;padding:1vw;pointer-events:none;opacity:0;transition:.6s opacity}@media only screen and (max-width: 1440px){section .box .gridTable>div .hover div{top:40px;left:unset;right:0}}section .box .gridTable>div .hover .hover1{min-width:460px}@media only screen and (max-width: 480px){section .box .gridTable>div .hover .hover1{min-width:90vw}}section .box .gridTable>div .hover .hover2,section .box .gridTable>div .hover .hover3{min-width:360px}@media only screen and (max-width: 380px){section .box .gridTable>div .hover .hover2,section .box .gridTable>div .hover .hover3{min-width:90vw}}.itemlist{display:flex;justify-content:center;padding-left:10%}@media only screen and (max-width: 768px){.itemlist{flex-wrap:wrap;padding-left:0}}.itemlist .item{max-width:142px;margin:0 1%}.itemlist .item p{font-size:1.1rem;font-weight:500;line-height:1.2rem}