@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";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}ol,ul{list-style:none}blockquote,q{quotes:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}html{font-size:20px}@media only screen and (max-width: 991px){html{font-size:16px}}@media only screen and (max-width: 480px){html{font-size:12px}}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;font-size:1rem;letter-spacing:-1px;font-weight:500;color:#d0c2a6}body p{font-weight:500;color:#d0c2a6;font-size:1rem;line-height:1}body p span{color:#e1c07f;font-size:1rem}body.mask{display:none}body a{background-color:unset}body img{max-width:100%;height:auto}body h3{font-size:30px;line-height:60px;color:#fff;font-weight:500;margin-top:50px}@media only screen and (max-width: 991px){body h3{font-size:20px;line-height:40px}}body h4{font-size:20px;line-height:34px;color:#d0c2a6;font-weight:300;margin-top:20px;margin-bottom:10px}@media only screen and (max-width: 991px){body h4{font-size:20px;line-height:30px}}@media only screen and (max-width: 480px){body h4{font-size:15px;line-height:24px;letter-spacing:0px}}body h5{font-size:16px;line-height:24px;color:#d0c2a6;font-weight:300;margin-top:10px;margin-bottom:5px}@media only screen and (max-width: 991px){body h5{font-size:20px;line-height:30px}}@media only screen and (max-width: 480px){body h5{font-size:16px;line-height:20px}}@media(min-width: 1200px){.custom-container{max-width:1470px}}.gutters-10{margin-right:-10px;margin-left:-10px}.gutters-10>.col,.gutters-10>[class*=col-]{padding-right:10px;padding-left:10px}.wrapper{overflow:hidden;margin:0 auto;position:relative}section{text-align:center;position:relative}section .content{background:#39260f;border:3px solid #7f6b51;padding:3rem 3.65rem}section p{color:#c1a79d;margin:0 0 2rem}@media only screen and (max-width: 769px){section p{padding:0 15px}}@media only screen and (max-width: 480px){section p{line-height:1.6rem}}section p span{color:#f9a787}section .label{margin:0 auto 25px;max-width:273px;width:100%}@media only screen and (max-width: 991px){section .label{width:40%;margin-bottom:15px}}section .tit{width:100%;margin:0 auto 30px;position:relative;text-align:center}@media only screen and (max-width: 480px){section .tit{margin-bottom:15px}}section h2{margin:0 auto 1.25rem}@media only screen and (max-width: 991px){section h2{width:35vw}}section .subtit{text-align:center;color:#c1a79d;font-size:1rem;margin:0 0 2rem;line-height:1.5rem}section .subtit span{color:#d0c2a6}section .notice{text-align:left;margin:2rem 0 0}@media only screen and (max-width: 769px){section .notice{padding:0 15px}}section .notice ul{padding-left:5rem}@media only screen and (max-width: 991px){section .notice ul{padding:0}}section .notice ul li{font-size:1rem;color:#958d82;display:list-item;line-height:1.5rem;position:relative}section .notice ul li::before{content:".";font-size:1rem;position:absolute;left:-0.75rem;top:-0.25rem}#s2{background:url(../images/s2_bg.jpg) no-repeat 50% 0/cover;min-height:1400px;position:relative;padding:4.5rem 0 0;left:50%;max-width:1920px;transform:translateX(-50%)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2{background:url(../images/s2_bg.webp) no-repeat 50% 0/cover}}#s2::before{content:"";background:url(../images/flagImg01.png) no-repeat 0 0/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2::before{background:url(../images/flagImg01.webp) no-repeat 0 0/contain}}#s2::before{width:245px;height:220px;position:absolute;left:50%;transform:translateX(-50%);margin-left:-28vw;top:-22px}@media only screen and (max-width: 991px){#s2::before{width:18.97vw;height:20.78vw;margin:0;transform:none;left:.5rem}}@media only screen and (max-width: 991px){#s2{left:auto;width:auto;transform:none;min-height:100%;padding-bottom:4rem}}@media only screen and (max-width: 769px){#s2 h2{width:50vw}}#s2 .subtit{color:#d0c2a6;text-shadow:0px 4px 10px rgba(0,0,0,.56)}#s2 .skin{display:flex;flex-wrap:nowrap;justify-content:center;gap:150px;margin:0 auto}@media only screen and (max-width: 991px){#s2 .skin{flex-direction:column;gap:50px;max-width:80vw}}#s2 .notice{margin-top:1rem;text-align:center}@media only screen and (max-width: 991px){#s2 .notice{bottom:30px}}#s2 .notice ul li{color:#c5b9b2}#s2 .notice ul li::before{position:relative;left:auto;margin-right:.5rem}#s3{background:url(../images/s3_bg.jpg) no-repeat 50% 0/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s3{background:url(../images/s3_bg.webp) no-repeat 50% 0/cover}}#s3{left:50%;max-width:1920px;transform:translateX(-50%);min-height:1400px;position:relative;padding:4.5rem 0 0}@media only screen and (max-width: 991px){#s3{left:auto;width:auto;transform:none;min-height:100%;padding-bottom:4rem}}#s3::before{content:"";background:url(../images/flagImg02.png) no-repeat 0 0/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s3::before{background:url(../images/flagImg02.webp) no-repeat 0 0/contain}}#s3::before{width:245px;height:220px;position:absolute;left:50%;transform:translateX(-50%);margin-left:-28vw;top:-22px}@media only screen and (max-width: 991px){#s3::before{width:18.97vw;height:20.78vw;margin:0;transform:none;left:.5rem}}#s3 h2{margin-bottom:-0.5rem}@media only screen and (max-width: 769px){#s3 h2{width:30vw}}#s3 .scene{display:flex;flex-direction:column;gap:18px}@media only screen and (max-width: 769px){#s3 .scene{padding:0 15px}}#s3 .scene picture:first-child{filter:drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.4))}#s3 .subtit{color:#d7c8e7;text-shadow:0px 4px 10px rgba(0,0,0,.56);margin-bottom:5rem}#s3 .pet-wrap{display:flex;justify-content:center;flex-wrap:nowrap;gap:8.5rem;margin:0 auto 1rem}@media only screen and (max-width: 991px){#s3 .pet-wrap{flex-direction:column;max-width:40vw;gap:2.5rem}}#s3 .notice{text-align:center;margin-top:4rem}#s3 .notice ul li{color:#292112}#s3 .notice ul li::before{position:relative;left:auto;margin-right:.5rem}#s4{background:url(../images/s4_bg.jpg) no-repeat 50% 0/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s4{background:url(../images/s4_bg.webp) no-repeat 50% 0/cover}}#s4{left:50%;max-width:1920px;transform:translateX(-50%);min-height:960px;position:relative;padding:4.5rem 0 0}@media only screen and (max-width: 991px){#s4{left:auto;width:auto;transform:none;min-height:100%;padding-bottom:4rem}}#s4::before{content:"";background:url(../images/flagImg03.png) no-repeat 0 0/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s4::before{background:url(../images/flagImg03.webp) no-repeat 0 0/contain}}#s4::before{width:245px;height:220px;position:absolute;left:50%;transform:translateX(-50%);margin-left:-28vw;top:-22px}@media only screen and (max-width: 991px){#s4::before{width:18.97vw;height:20.78vw;margin:0;transform:none;left:.5rem}}#s4 h2{margin-bottom:-0.5rem}@media only screen and (max-width: 769px){#s4 h2{width:35vw}}#s4 .subtit{color:#dfecff;text-shadow:0px 4px 10px rgba(0,0,0,.56)}#s4 .pet-wrap{display:flex;justify-content:center;flex-wrap:nowrap;gap:.25rem;margin:0 auto 1rem}@media only screen and (max-width: 991px){#s4 .pet-wrap{flex-direction:column;max-width:40vw;gap:2.5rem}}@media only screen and (max-width: 991px){#s4 .pet-wrap img{margin-left:-30px}}#s4 .notice{text-align:center;margin-top:4rem}#s4 .notice ul li{color:#292112}#s4 .notice ul li::before{position:relative;left:auto;margin-right:.5rem}[data-aos=fade-up]{transform:translate3d(0, 15px, 0)}#myScrollspy.lui-quick{opacity:0;position:fixed;right:14px;top:50%;z-index:100;transform:translateY(-50%);transition:.3s;pointer-events:none;display:flex;justify-content:center;flex-direction:column;gap:2px}@media only screen and (max-width: 769px){#myScrollspy.lui-quick{display:none}}#myScrollspy.lui-quick.scroll{opacity:1;pointer-events:inherit}#myScrollspy.lui-quick a{display:flex;justify-content:center;align-items:center;position:relative;width:180px;height:50px;margin:0 auto;background:#705f49;padding:0}#myScrollspy.lui-quick a .txt{position:absolute;color:#a69680;font-size:.8rem;text-align:center;text-wrap:nowrap}#myScrollspy.lui-quick a.active,#myScrollspy.lui-quick a:hover{background:#ca9e65;background:linear-gradient(328deg, rgb(202, 158, 101) 0%, rgb(236, 193, 137) 100%)}#myScrollspy.lui-quick a.active .txt,#myScrollspy.lui-quick a:hover .txt{opacity:1;color:#30150b}#head{background:url(../images/main_bg.jpg) no-repeat 50% 0/cover;min-height:2840px;position:relative;margin-top:80px;left:50%;max-width:1920px;transform:translateX(-50%);overflow:hidden}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#head{background:url(../images/main_bg.webp) no-repeat 50% 0/cover}}@media only screen and (max-width: 1899px){#head{left:auto;transform:none}}@media only screen and (max-width: 991px){#head{padding:0 0 4rem}}#head .main-info{display:flex;justify-content:center;flex-direction:row;margin:0 auto}@media only screen and (max-width: 991px){#head .main-info{justify-content:space-between}}#head .main-info .mainchar-mm,#head .main-info .mainchar-wm{display:flex;align-items:flex-end}#head .main-info .title-wrap{position:relative;margin:0;padding:5.2rem 0 0;text-align:center;z-index:3}@media only screen and (max-width: 991px){#head .main-info .title-wrap{position:absolute;margin:0 auto;width:90vw;left:0;right:0;top:70vw;padding:0;filter:drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.95))}}#head .main-info .title-wrap .tit{margin:0}#head .main-info .title-wrap .time{font-weight:600;margin:1.5rem 0;line-height:1.5rem;font-size:1rem}@media only screen and (max-width: 991px){#head .main-info .title-wrap .time{margin:5px 0 10px}}@media only screen and (max-width: 769px){#head .main-info .title-wrap .time{font-size:18px;line-height:1.4}}@media only screen and (max-width: 480px){#head .main-info .title-wrap .time{font-size:16px}}#head .main-info .title-wrap .time p{color:#ece2cd}#head .main-info .title-wrap .menu{display:flex;justify-content:center;margin:0 0 1.75rem;gap:25px}@media only screen and (max-width: 769px){#head .main-info .title-wrap .menu{margin-top:0}}#head .main-info .title-wrap .menu .form_signup,#head .main-info .title-wrap .menu .form_download{width:180px;height:50px;text-indent:-999999rem;transition:all .3s ease-in-out}@media only screen and (max-width: 480px){#head .main-info .title-wrap .menu .form_signup,#head .main-info .title-wrap .menu .form_download{width:120px;height:31px}}#head .main-info .title-wrap .menu .form_download{background:url(../images/btn-join.png) no-repeat 50% 0/contain}#head .main-info .title-wrap .menu .form_download:hover{background:url(../images/btn-join_hover.png) no-repeat 50% 0/contain}@media only screen and (max-width: 769px){#head .main-info .title-wrap .menu .form_download{display:none}}#head .main-info .title-wrap .menu .form_signup{background:url(../images/btn-play.png) no-repeat 50% 0/contain}#head .main-info .title-wrap .menu .form_signup:hover{background:url(../images/btn-play_hover.png) no-repeat 50% 0/contain}@media only screen and (max-width: 769px){#head .main-info .title-wrap .menu .form_signup.reg{display:none}}#head .main-info .title-wrap .menu .form_signup.reg_m{display:none}@media only screen and (max-width: 769px){#head .main-info .title-wrap .menu .form_signup.reg_m{display:flex}}#head .main-info .title-wrap .sub{display:flex;flex-direction:column;gap:15px}#head .main-info .title-wrap .sub p{font-size:1.2rem}#head .main-info .title-wrap .sub p span{font-size:1.2rem}#head .main-info .mainchar-mm{padding:2rem 0 0}@media only screen and (max-width: 991px){#head .main-info .mainchar-mm{padding:1rem 0 0}}#head #s1{margin:-25vw 0 0;position:relative}@media only screen and (max-width: 991px){#head #s1{margin-top:0}}@media only screen and (max-width: 480px){#head #s1{margin-top:10vw}}#head #s1 .fram{margin:0 0 2rem}@media only screen and (max-width: 991px){#head #s1 .fram-con .row>[class*=col-]{margin-bottom:15px}}