@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;position:relative;overflow-x:hidden}html{font-size:16px}@media only screen and (max-width: 767px){html{font-size:14px}}@media only screen and (max-width: 480px){html{font-size:12px}}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;vertical-align:middle}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial;text-align:center;font-size:1rem;letter-spacing:0;font-weight:500;line-height:1}body p{font-size:1.1875rem;line-height:1;font-weight:400;color:#feffff}.note{position:relative;width:fit-content;margin:0 auto}.subtit{margin:3.4375rem auto 1.25rem;width:fit-content}@media only screen and (max-width: 767px){.subtit{width:60vw}}.content{max-width:1440px;margin:0 auto;position:relative;padding:5rem 0 0}@media only screen and (max-width: 1440px){.content{padding-bottom:16rem}}@media only screen and (max-width: 480px){.content{padding-bottom:21rem}}.gold{color:#e9ac41 !important}.lightgold{color:#f6d823 !important}.purple{color:#b9bbff !important}.lightpurple{color:#cfc6e3 !important}.ctnflex{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.ctnflex div p{font-size:1.125rem;color:#99959f;line-height:1.75rem;margin:1.125rem 0 0}.ctnflex div p span{color:#ef9152}.ctnflex div p span.note{color:#abc2ff}.ctnflex div p span.note2{color:#c4c770}.ctnflex div p i.noteicon{position:relative;top:-2px;margin-right:2px;line-height:0}@media only screen and (max-width: 480px){.ctnflex .arrow{width:100%;transform:rotate(90deg)}}.sideBtn{position:fixed;right:1vw;top:50%;transform:translateY(-50%);z-index:9;transition:1s all;text-align:left}@media only screen and (max-width: 767px){.sideBtn{display:none}}.sideBtn ul{display:flex;flex-direction:column;gap:2px}.sideBtn ul li a{width:140px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#1f3959;font-size:1rem;font-weight:400;line-height:1.125rem;color:#8b95b1;transition:all .25s ease-in-out}@media only screen and (max-width: 480px){.sideBtn ul li a{min-width:120px;font-size:16px;line-height:30px}}.sideBtn ul li a.active,.sideBtn ul li a:hover{background-color:#7c2e0c;color:#cbbeaa}h2.tit{margin:0 auto 1.25rem}p.point{font-size:1.25rem;line-height:2rem;color:#feffff;text-shadow:0 0 6px rgba(15,14,18,.95);margin:0 auto 1.875rem}main{position:relative;background:url(../images/mainbg.jpg) no-repeat center center/cover;padding:80px 0 0;min-height:2613px;overflow:hidden}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main{background:url(../images/mainbg.webp) no-repeat center center/cover}}main .title{position:relative;margin:9.8rem auto}main .title p.point{margin:1.75rem 0 3.125rem;color:#c6c9de;text-shadow:0px 0px 10px #000}main .title .link{display:flex;justify-content:center;align-items:center;gap:30px}main .title .link a{color:#fff;display:block;width:160px;position:relative;transition:transform .3s ease}@media only screen and (max-width: 767px){main .title .link a{width:30vw}}main .title .link a::before{content:"";position:absolute;inset:0;background:url(../images/game-btn_on.jpg) no-repeat center top/contain;opacity:0;transition:opacity .3s ease;pointer-events:none}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .link a::before{background:url(../images/game-btn_on.webp) no-repeat center top/contain}}main .title .link a img{position:relative;z-index:1;display:block;width:100%;transition:opacity .3s ease}main .title .link a:hover::before{opacity:1}main .title .link a:hover img{opacity:0}main .title .link a:nth-of-type(2)::before{background:url(../images/reg-btn_on.jpg) no-repeat center top/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main .title .link a:nth-of-type(2)::before{background:url(../images/reg-btn_on.webp) no-repeat center top/contain}}@media only screen and (max-width: 767px){main .title .link a:nth-of-type(2){display:none}}main #main1 h2.tit{width:min(445px,70vw)}main #main1 .content{background:url(../images/framebg1.png) no-repeat center top/cover;min-height:1616px}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){main #main1 .content{background:url(../images/framebg1.webp) no-repeat center top/cover}}main #main1 .content .ctnflex:nth-of-type(2){padding:3.75rem 0}.notice{background:rgba(11,15,28,.5);padding:1.875rem 0;position:absolute;left:0;right:0;bottom:10px;margin:0 22px}@media only screen and (max-width: 1440px){.notice{margin:0}}.notice ul{position:relative}.notice ul::before{content:"";width:24px;height:23px;display:block;margin:0 auto 5px;background:url(../images/notice-icon.jpg) no-repeat center top/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.notice ul::before{background:url(../images/notice-icon.webp) no-repeat center top/contain}}.notice ul li{color:#767e97;font-size:1.125rem;line-height:1.7rem;list-style:none}.notice ul li span.note{color:#92abeb}.notice #main2 .mainctn{max-width:1025px;min-height:360px;background:url(../images/mainctnbg.png) no-repeat center center/cover;padding:2%;margin:0 auto}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.notice #main2 .mainctn{background:url(../images/mainctnbg.webp) no-repeat center center/cover}}@media only screen and (max-width: 1024px){.notice #main2 .mainctn{max-width:96vw}}@media only screen and (max-width: 768px){.notice #main2 .mainctn{min-height:532px;background:url(../images/mainctnbg_mo.png) no-repeat center center/cover;margin-top:2vh}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.notice #main2 .mainctn{background:url(../images/mainctnbg_mo.webp) no-repeat center center/cover}}}.notice #main2 .mainctn .main_txt{text-align:left}.notice #main2 .mainctn .main_txt>p{color:#7777ab}.notice #main2 .mainctn .main_txt div{background-color:#06060c;border:solid 1px #413f51;border-radius:5px;overflow:hidden}.notice #main2 .mainctn .main_txt div p{color:#7c7a99;font-size:1.1rem;line-height:2rem;padding:0 20px}.notice #main2 .mainctn .main_txt div p:last-of-type{background-color:#141222;color:#a5a3bd;line-height:3rem;border-top:solid 1px #413f51}@media only screen and (max-width: 480px){.notice #main2 .mainctn .main_txt div p:last-of-type{line-height:1.4rem}}.notice #main2 .mainctn .main_txt div p:last-of-type span{color:#948bf0}.notice #main2 .mainctn .main_txt ul.remark{color:#7f7e8a;margin-top:2%}.notice #main2 .mainctn .main_txt ul.remark li span{color:#fff}ul.remark{position:relative;font-size:1.1rem;line-height:2rem;padding-left:30px}ul.remark li::before{content:"";width:22px;height:2rem;background:url(../images/note_icon.png) no-repeat center center/contain;position:absolute;left:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){ul.remark li::before{background:url(../images/note_icon.webp) no-repeat center center/contain}}.main2{background:url("../images/mainbg2.jpg") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.main2{background:url("../images/mainbg2.webp") no-repeat center top/cover}}.main2{min-height:3040px}section{position:relative;text-align:center;padding:2.5rem 0}@media only screen and (max-width: 768px){section{min-height:unset}}section#s1 h2.tit{width:min(333px,52vw)}section#s1 p.point{margin-bottom:.75rem}section#s1 p.note{color:#867b6c;margin:0 auto 3.75rem}section#s1 p.note::before{content:"";background:url(../images/notice-icon.png) no-repeat 0 0/contain;width:21px;height:20px;position:absolute;left:-25px;top:2px;filter:brightness(0) saturate(100%) invert(48%) sepia(24%) saturate(253%) hue-rotate(355deg) brightness(96%) contrast(84%)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s1 p.note::before{background:url("../images/notice-icon.webp") no-repeat 0 0/contain}}section#s1 p.note span{color:#c3ad8d}section#s2 h2.tit{width:min(221px,34vw)}section#s2 .content{background:url(../images/framebg2.png) no-repeat center top/cover;min-height:2016px;margin:0 auto;position:relative;padding:3rem 0 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s2 .content{background:url(../images/framebg2.webp) no-repeat center top/cover}}@media only screen and (max-width: 1440px){section#s2 .content{padding-bottom:5rem}}section#s2 .content .note{margin-bottom:2.5rem;color:#a69882}section#s2 .content .note span{color:#e9ac41}section#s2 .content .subtit:nth-of-type(1){margin-top:0;width:min(334px,70vw)}section#s2 .content .subtit:nth-of-type(2){width:min(478px,55vw)}section#s2 .content .subtit:nth-of-type(3){width:min(390px,45vw)}section#s2 .shop{background-color:#1c0707;max-width:950px;border-radius:160px;padding:1%;margin:2% auto}@media only screen and (max-width: 480px){section#s2 .shop{max-width:100%;border-radius:60px;padding:2vh}}section#s2 .shop p{color:#b57b7b;font-size:1.1rem}section#s2 .shop p span{color:#cd6262}section#s2 .item-wrap{max-width:1280px;margin:0 auto;padding:3rem;background:#231602}@media only screen and (max-width: 1024px){section#s2 .item-wrap{max-width:96vw}}section#s2 .item-wrap h4{padding:1% 0;margin-bottom:0}section#s2 .item-wrap .itemlist{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}@media only screen and (max-width: 480px){section#s2 .item-wrap .itemlist{gap:25px 0}}section#s2 .item-wrap .itemlist .item{position:relative;width:175px}@media only screen and (max-width: 480px){section#s2 .item-wrap .itemlist .item{flex:0 0 50%;max-width:50%;width:auto}}section#s2 .item-wrap .itemlist .item p{font-size:1.1875rem;line-height:1.375rem;margin:.625rem 0 0}section#s2 .item-wrap .itemlist .item div{width:54px;height:54px;font-size:1.1rem;line-height:1.1rem;border-radius:100%;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;padding-top:4px}section#s2 .item-wrap .itemlist .item button.popbtn{position:absolute;right:24px;bottom:53px;transition:all .3s ease}section#s2 .item-wrap .itemlist .item button.popbtn:hover{filter:brightness(125%)}section#s3{background:url("../images/mainbg3.jpg") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s3{background:url("../images/mainbg3.webp") no-repeat center top/cover}}section#s3{min-height:1340px}section#s3 h2.tit{width:min(462px,73vw)}section#s3 p.point span{color:#ca99ff}section#s3 .content{background:url(../images/framebg3.png) no-repeat center top/cover;min-height:610px;margin:0 auto;position:relative;padding:3rem 0 0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s3 .content{background:url(../images/framebg3.webp) no-repeat center top/cover}}@media only screen and (max-width: 1440px){section#s3 .content{padding-bottom:5rem}}section#s3 .content .subtit{width:min(314px,42vw)}section#s3 .content .subtit:nth-of-type(1){margin-top:0}section#s3 .note-wrap,section#s3 .info-wrap{max-width:1280px;background:rgba(61,27,109,.6);border-radius:93px;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:1.875rem .9375rem;gap:40px}@media only screen and (max-width: 767px){section#s3 .note-wrap,section#s3 .info-wrap{flex-direction:column}}section#s3 .note-wrap .notebox,section#s3 .note-wrap .infobox,section#s3 .info-wrap .notebox,section#s3 .info-wrap .infobox{text-align:left}@media only screen and (max-width: 767px){section#s3 .note-wrap .notebox,section#s3 .note-wrap .infobox,section#s3 .info-wrap .notebox,section#s3 .info-wrap .infobox{text-align:center}}section#s3 .note-wrap .notebox h4,section#s3 .note-wrap .infobox h4,section#s3 .info-wrap .notebox h4,section#s3 .info-wrap .infobox h4{margin:0 auto 1.25rem}section#s3 .note-wrap .notebox p,section#s3 .note-wrap .infobox p,section#s3 .info-wrap .notebox p,section#s3 .info-wrap .infobox p{font-size:1.1875rem;line-height:1.75rem;letter-spacing:.5px}section#s3 .note-wrap .notebox p span,section#s3 .note-wrap .infobox p span,section#s3 .info-wrap .notebox p span,section#s3 .info-wrap .infobox p span{color:#fec6ff}@media only screen and (max-width: 767px){section#s3 .note-wrap{gap:10px}}@media only screen and (max-width: 767px){section#s3 .note-wrap>picture img{width:17vw}}@media only screen and (max-width: 767px){section#s3 .note-wrap .notebox h4{width:min(318px,43vw)}}section#s3 .info-wrap{border-radius:0;background:#221236;align-items:flex-start;gap:20px;margin-top:4.0625rem}section#s3 .info-wrap div{display:flex;align-items:center;gap:10px}@media only screen and (max-width: 767px){section#s3 .info-wrap div{flex-direction:column;width:100%}}section#s3 .info-wrap div:nth-of-type(2) .infobox p span{color:#808cff}section#s3 .info-wrap .infobox{display:flex;flex-direction:column;align-items:flex-start}@media only screen and (max-width: 767px){section#s3 .info-wrap .infobox{text-align:left;align-items:center}}section#s3 .info-wrap .infobox p{color:#99959f}section#s3 .info-wrap .infobox p span{color:#ba9de3}section#s3 .info-wrap .infobox p.tip::before{content:"";background:url("../images/tip.png") no-repeat center top/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s3 .info-wrap .infobox p.tip::before{background:url("../images/tip.webp") no-repeat center top/cover}}section#s3 .info-wrap .infobox p.tip::before{width:57px;height:25px;display:block}section#s3 .ctnflex p span{color:#e4d9ff}section#s3 .notice{position:relative;background:unset}section#s3 .notice ul::before{filter:brightness(0) saturate(100%) invert(64%) sepia(25%) saturate(520%) hue-rotate(216deg) brightness(87%) contrast(86%)}section#s3 .notice ul li{color:#9b8bc3}section#s3 .notice ul li span{color:#e4d9ff}.modal .modal-content{border:none;background:rgba(0,0,0,0)}.modal .modal-content .modal-header{border:none}.modal .modal-content .modal-dialog{pointer-events:auto}.modal .modal-content .modal-body{background-color:rgba(0,0,0,0);text-align:center}.modal .modal-content .modal-body h4{background:#7c2e0c;padding:2px 30px;color:#cbbeaa;font-size:1rem;margin:1.875rem 0 .5rem}.modal .modal-content .media-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal .modal-content .media-wrap video{width:100%;max-width:360px}button.close{position:absolute;display:block;width:30px;height:30px;font-size:0;top:1vw;right:1vw;transition:.2s;z-index:999}button.close::before{content:"";position:absolute;top:50%;left:50%;width:45px;height:1px;background-color:#fff;transform:translate(-50%, -50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:45px;height:1px;background-color:#fff;transform:translate(-50%, -50%) rotate(135deg)}.mySwiper{max-width:1300px;margin:1% auto 2%;overflow:hidden}@media only screen and (max-width: 768px){.mySwiper{max-width:90vw}}.swiper-notification{display:block;width:14px;height:14px}.swiper-button-next,.swiper-button-prev{width:86px;height:86px;position:absolute;opacity:.6}@media only screen and (max-width: 480px){.swiper-button-next,.swiper-button-prev{width:40px;height:40px}}.swiper-button-next::after,.swiper-button-prev::after{content:""}.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1}.swiper-button-prev{background:url(../images/arrow_left.png) no-repeat center center;background-size:contain;left:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-prev{background:url(../images/arrow_left.webp) no-repeat center center;background-size:contain}}.swiper-button-next{background:url(../images/arrow_right.png) no-repeat center center;background-size:contain;right:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-next{background:url(../images/arrow_right.webp) no-repeat center center;background-size:contain}}.swiper-pagination{position:relative;margin:5% auto 0}.swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;font-size:1.2rem;border-radius:20px;margin:0 4px;background-color:#4e221c}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{display:inline-block;background-color:#760917}.swiper-wrapper{align-items:center}