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:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}button,ol,ul{margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{border:none;font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}.nav-pills .nav-link,.nav-pills a.nav-link,.nav-pills a.nav-link.active,.nav-tabs .nav-link,.nav-tabs a.nav-link,.nav-tabs a.nav-link.active{padding:0;background:0 0;background-color:none}@font-face{font-family:TrajanPro;src:url(../webfonts/TrajanPro-Bold.otf)}body{background-color:#000;font-family:"Noto Sans TC","Microsoft JhengHei","Playfair Display",sans-serif,Arial,cwTeXYen;letter-spacing:-1px}body p{font-size:1.2rem;letter-spacing:0}.sideBtn{width:180px;position:fixed;right:1vw;top:50%;transform:translateY(-50%);transition:1s all;text-align:center;z-index:9}@media only screen and (max-width:800px){.sideBtn{width:120px}}.sideBtn ul{background-color:#1f294d;border-radius:6px;overflow:hidden}.sideBtn li{position:relative}.sideBtn li a{width:100%;position:relative;color:#7d89b6;font-size:1.1rem;line-height:2rem;padding:6% 15%}@media only screen and (max-width:800px){.sideBtn li a{font-size:16px;padding:2% 4%}}.sideBtn li a.active,.sideBtn li a:hover{background-color:#2d4fcb;color:#fff}.sideBtn li:first-of-type a{line-height:1.4rem}.sideBtn .top{padding:0;margin-top:2vh}.sideBtn .top:hover{background:url(../images/top_hover.png) no-repeat center center/contain}.sideBtn .top:hover img{opacity:0}#main{position:relative;background:url(../images/mainBg.jpg) no-repeat center center/cover;padding:80px 0 4%;min-height:180vh;overflow:hidden}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main{background:url(../images/mainBg.webp) no-repeat center center/cover}}@media only screen and (max-width:800px){#main{background:url(../images/mainbg_mo.jpg) no-repeat 60% top/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main{background:url(../images/mainbg_mo.webp) no-repeat 60% top/cover}}}#main .title{position:absolute;top:20vh;right:20vw;font-size:1.2rem;text-align:center}@media only screen and (max-width:800px){#main .title{position:relative;margin-top:30vh;top:unset;right:unset}}#main .title::after{content:'';width:660px;height:310px;background:url(../images/videodeco.png) no-repeat center center/contain;position:absolute;right:-200px;bottom:-250px}@media only screen and (max-width:480px){#main .title::after{display:none}}@media only screen and (max-width:480px){#main .title>picture img{max-width:96vw}}#main .title p{filter:drop-shadow(0 0 4px #639fd5);line-height:1.2rem}#main .title .link{display:flex;justify-content:center;align-items:center}#main .title .link a{width:166px;display:inline-block;background:url(../images/btnbg.png) no-repeat center center/contain;color:#4763ce;font-weight:700;line-height:50px;margin:4% 2%;transition:.3s all}#main .title .link a:hover{background:url(../images/btnbg_hover.png) no-repeat center center/contain;color:#ddf2ff}@media only screen and (max-width:480px){#main .title .link a:nth-of-type(2){display:none}}#main .title>.popbtn{position:relative;margin:1% auto}@media only screen and (max-width:480px){#main .title>.popbtn{width:90vw}}#main .title>.popbtn::before{content:'';width:100px;height:100px;background:url(../images/vbtn.png) no-repeat center center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.6s}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main .title>.popbtn::before{background:url(../images/vbtn.webp) no-repeat center center/contain}}#main .title>.popbtn::after{content:'';width:660px;height:380px;background:url(../images/videobg.png) no-repeat center center/contain;pointer-events:none;position:absolute;top:-10px;left:50%;transform:translateX(-50%)}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main .title>.popbtn::after{background:url(../images/videobg.webp) no-repeat center center;background-size:contain}}@media only screen and (max-width:480px){#main .title>.popbtn::after{display:none}}#main .title>.popbtn:hover::before{filter:brightness(2)}#main .title>.popbtn .bg-video{width:640px;height:360px}@media only screen and (max-width:480px){#main .title>.popbtn .bg-video{width:100%;height:auto}}#main .mainChar{position:absolute;top:10vh;left:10vw;pointer-events:none}@media only screen and (max-width:1440px){#main .mainChar{left:-10vw}}@media only screen and (max-width:1200px){#main .mainChar{display:none}}#main .main{width:100%;position:absolute;bottom:10vh;display:flex;justify-content:center;align-items:center;text-align:center}@media only screen and (max-width:1440px){#main .main{bottom:4vh}}@media only screen and (max-width:800px){#main .main{position:relative;bottom:unset;flex-wrap:wrap;margin-bottom:2vh}}#main .main .mainc{width:20%}@media only screen and (max-width:1200px){#main .main .mainc{width:30%}}@media only screen and (max-width:800px){#main .main .mainc{width:80%;margin-top:10%}}#main .main .mainc p{color:#3048a2;font-size:2rem;font-weight:400;line-height:2rem;margin-bottom:1rem}#main .main .mainc .coin{background-color:#3048a2;font-size:1.8rem;margin:3% auto}#main .main .mainc .coin img{margin-right:0}#main .main .ctnLink{width:40%;display:flex;flex-wrap:wrap;align-items:center;margin-top:2%}@media only screen and (max-width:1440px){#main .main .ctnLink{width:50%}}@media only screen and (max-width:1200px){#main .main .ctnLink{width:70%;flex-wrap:wrap;justify-content:center}}@media only screen and (max-width:800px){#main .main .ctnLink{width:100%}}#main .main .ctnLink a{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-end;color:#5d6ba1;font-size:1.2rem;line-height:1.4rem;margin:0 1%}.coin{text-align:center;width:200px;background-color:#000;margin:1% auto;border-radius:30px;font-size:1.8rem}.coin img{padding-bottom:2%;margin-right:2%}.coin span{color:#fff;line-height:50px;vertical-align:baseline}section{min-height:100vh;position:relative;text-align:center;padding:1% 0}@media only screen and (max-width:1200px){section{padding:1% 0}}@media only screen and (max-width:768px){section{min-height:unset}}section:nth-of-type(1){background:url(../images/bg1.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(1){background:url(../images/bg1.webp) no-repeat center center/cover}}section:nth-of-type(2){background:url(../images/bg2.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(2){background:url(../images/bg2.webp) no-repeat center center/cover}}section:nth-of-type(3){background:url(../images/bg3.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(3){background:url(../images/bg3.webp) no-repeat center center/cover}}section:nth-of-type(4){background:url(../images/bg4.jpg) no-repeat center center/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section:nth-of-type(4){background:url(../images/bg4.webp) no-repeat center center/cover}}section h2{position:relative;margin:2vh auto}section h2 p{font-size:1.2rem;font-weight:400;line-height:1.6rem;letter-spacing:unset;margin:1rem auto}@media only screen and (max-width:1200px){section h2>img{max-width:90vw}}section#s2.dark{background:url(../images/bg_night.jpg) no-repeat center center/cover;transition:1s background}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section#s2.dark{background:url(../images/bg_night.webp) no-repeat center center/cover}}section#s2.dark .coin{background-color:#213693}section#s2.dark h2{color:#3c7eff}section#s2.dark h2>picture{filter:drop-shadow(0 0 10px #fff)}section#s2.dark p{color:#718ec8}section#s2.dark ul.remark li{color:#778bc6}section#s2.dark ul.remark li span{color:#81a7fe}section#s2 .coin{background-color:#3e58a4}section#s2 h2{margin-bottom:0}section#s2 p{color:#182a6b;font-weight:600;margin-bottom:0}section#s2 ul.remark{max-width:800px;margin:0 auto 2vh}section#s2 .swiperTab{display:flex}@media only screen and (max-width:1200px){section#s2 .swiperTab{max-width:90vw}}@media only screen and (max-width:480px){section#s2 .swiperTab{margin:2vh auto}}section#s3::before{content:'';width:274px;height:60px;background:url(../images/subTitle2.png) no-repeat center center/contain;position:absolute;top:-11px;left:50%;transform:translateX(-50%);z-index:1}section#s3 h2{margin-top:8vh}section#s3 h2 p{color:#6a4aaa}section#s3 h2 p strong{font-weight:600}section#s3 .flexCtn .dress{margin:1%}section#s3 .flexCtn .dress p{color:#1d60ea;font-size:1.8rem;font-weight:500;line-height:2rem;margin:2vh 0}section#s3 .flexCtn .dress video{margin:.4vw}section#s3 .flexCtn .dress:last-of-type p{color:#f542a3}section#s3 ul.remark li{color:#43679f}section#s4 .coin{background-color:#a49591}section#s4 .coin span{color:#341e19}section#s4 h2 p{color:#624343}section#s4 .mounts{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:2% auto 0}section#s4 .mounts picture{margin:1%}@media only screen and (max-width:1200px){section#s4 .mounts picture{max-width:50vw}}@media only screen and (max-width:480px){section#s4 .mounts picture{max-width:90vw}}section#s5 .coin{background-color:#7c59ce}section#s5 h2 p{color:#6352a0}section#s5 .pet{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}section#s5 .pet picture{margin:1%}@media only screen and (max-width:1200px){section#s5 .pet picture{max-width:50vw}}@media only screen and (max-width:480px){section#s5 .pet picture{max-width:90vw}}section#s6 .photo,section#s6 .screen{position:relative;max-width:1250px;background-color:#ffffffb0;filter:drop-shadow(0 30px 40px rgba(0,0,0,.313725));padding:2% 1% 4%;margin:6vh auto}@media only screen and (max-width:1200px){section#s6 .photo,section#s6 .screen{max-width:96vw}}@media only screen and (max-width:480px){section#s6 .photo,section#s6 .screen{padding-top:10%}}section#s6 .photo::before,section#s6 .screen::before{content:'';height:40px;position:absolute;top:-8px;left:50%;transform:translateX(-50%)}section#s6 .photo h4,section#s6 .screen h4{font-size:2.4rem;font-weight:400}section#s6 .photo p,section#s6 .screen p{font-weight:400;line-height:1.8rem;margin:2% 0 3%}@media only screen and (max-width:480px){section#s6 .photo p,section#s6 .screen p{font-size:16px}}section#s6 .photo::before{width:200px;height:40px;background:url(../images/subTitle51.png) no-repeat center center/contain}section#s6 .photo h4{color:#f748dc}section#s6 .photo p{color:#cd5abc}section#s6 .screen::before{width:180px;background:url(../images/subTitle52.png) no-repeat center center/contain}section#s6 .screen h4{color:#0aa66e}section#s6 .screen p{color:#3f6f5e}section#s6 .screen img{margin:2% .8%}section#s7{background-color:#3f5fad;padding-bottom:4%}section#s7 h2 p{color:#eddfb0}@media only screen and (max-width:1200px){section#s7 img{max-width:98vw}}.flexCtn{display:flex;justify-content:center}@media only screen and (max-width:1200px){.flexCtn{flex-wrap:wrap}}ul.remark{font-size:1.2rem;line-height:1.6rem;max-width:1000px;margin:0 auto;padding-left:30px}@media only screen and (max-width:800px){ul.remark{font-size:1rem;line-height:1.4rem;margin-top:2vh}}ul.remark li{text-align:left;color:#182a6b;list-style:'*'}ul.remark li span{color:#224dc8}.modal{z-index:999;padding-top:10vh;background-color:#00000085}@media only screen and (max-width:480px){.modal{padding-top:20vh}}.modal .modal-content{border:none}.modal .modal-dialog{max-width:1200px;pointer-events:auto}.modal .modal-body{text-align:center;padding:4%;height:60vh}.modal-backdrop{display:none}button.close{position:absolute;display:inline-block;width:60px;height:60px;font-size:0;right:-70px;top:0;transition:.2s;z-index:999}@media only screen and (max-width:1200px){button.close{right:0}}button.close::before{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}button.close::after{content:"";position:absolute;top:50%;left:50%;width:84px;height:1px;background-color:#fff;transform:translate(-50%,-50%) rotate(135deg)}@media only screen and (max-width:1200px){#player1{width:90vw;height:70vh}}@media only screen and (max-width:800px){#player1{height:50vh}}#notice-modal .modal-body{background-color:#f2f2f2d4}@media only screen and (max-width:1200px){#notice-modal .modal-body{width:90vw;margin:2% auto}}.mySwiper{width:100%;margin:0}.swiperTab{max-width:740px;display:flex;justify-content:center;background-color:#3a4673;border-radius:10px;font-size:1.4rem;margin:0 auto;overflow:hidden}.swiperTab button{width:50%;height:60px;color:#636e99;text-shadow:0 2px 2px #0000008f}.swiperTab button.active,.swiperTab button:hover{background-color:#1a2b67;color:#00d2ff}.dark .swiperTab{background-color:#0a0f21}.dark .swiperTab button{color:#526494}.dark .swiperTab button.active,.dark .swiperTab button:hover{background-color:#2a4ac4;color:#e7ecff}.swiper-button{width:100%;position:absolute;bottom:40%}@media only screen and (max-width:480px){.swiper-button{bottom:20%}}.swiper-button-next,.swiper-button-prev{width:100px;height:100px;opacity:.8}@media only screen and (max-width:800px){.swiper-button-next,.swiper-button-prev{width:60px;height:60px}}.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/contain;left:20%}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-prev{background:url(../images/arrow_left.webp) no-repeat center center/contain}}@media only screen and (max-width:1200px){.swiper-button-prev{left:6%}}@media only screen and (max-width:480px){.swiper-button-prev{left:2%}}.swiper-button-next{background:url(../images/arrow_right.png) no-repeat center center/contain;right:20%}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.swiper-button-next{background:url(../images/arrow_right.webp) no-repeat center center/contain}}@media only screen and (max-width:1200px){.swiper-button-next{right:6%}}@media only screen and (max-width:480px){.swiper-button-next{right:2%}}.swiper-pagination{font-family:TrajanPro;max-width:640px;position:relative;background-color:#3a4673;border-radius:10px;top:0;margin:2% auto;overflow:hidden}@media only screen and (max-width:480px){.swiper-pagination{max-width:80vw}}.swiper-pagination .swiper-pagination-bullet{background:0 0;position:relative;width:160px;height:40px;font-size:1.2rem;line-height:40px;color:#636e99;text-shadow:0 2px 2px #0000008f;border-radius:0;margin:0!important;opacity:1;display:none}@media only screen and (max-width:480px){.swiper-pagination .swiper-pagination-bullet{width:50%}}.swiper-pagination .swiper-pagination-bullet:nth-of-type(1),.swiper-pagination .swiper-pagination-bullet:nth-of-type(2),.swiper-pagination .swiper-pagination-bullet:nth-of-type(3),.swiper-pagination .swiper-pagination-bullet:nth-of-type(4){display:inline-block}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:hover{display:inline-block;color:#00d2ff;background-color:#1a2b67}.swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::before{content:"假髮I (效果OFF)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::before{content:"假髮II (效果OFF)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::before{content:"假髮I (效果ON)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::before{content:"假髮II (效果ON)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(5)::before{content:"假髮I (效果OFF)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::before{content:"假髮II (效果OFF)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(7)::before{content:"假髮I (效果ON)"}.swiper-pagination .swiper-pagination-bullet:nth-of-type(8)::before{content:"假髮II (效果ON)"}.dark .swiper-pagination{background-color:#0a0f21}.dark .swiper-pagination .swiper-pagination-bullet{color:#526494}.dark .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.dark .swiper-pagination .swiper-pagination-bullet:hover{background-color:#2a4ac4;color:#e7ecff}.slick-next,.slick-prev{top:50%;width:100px;height:100px;z-index:9;opacity:.8}@media only screen and (max-width:800px){.slick-next,.slick-prev{width:60px;height:60px}}.slick-next::before,.slick-prev::before{content:''}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{opacity:1}.slick-prev{left:-8%;background:url(../images/arrow_left.png) no-repeat center center;background-size:contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-prev{background:url(../images/arrow_left.webp) no-repeat center center;background-size:contain}}@media only screen and (max-width:1440px){.slick-prev{left:-2%}}.slick-prev:focus,.slick-prev:hover{background:url(../images/arrow_left.png) no-repeat center center;background-size:contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-prev:focus,.slick-prev:hover{background:url(../images/arrow_left.webp) no-repeat center center;background-size:contain}}.slick-next{right:-8%;background:url(../images/arrow_right.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-next{background:url(../images/arrow_right.webp) no-repeat center center/contain}}@media only screen and (max-width:1440px){.slick-next{right:-2%}}.slick-next:focus,.slick-next:hover{background:url(../images/arrow_right.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.slick-next:focus,.slick-next:hover{background:url(../images/arrow_right.webp) no-repeat center center/contain}}.slick-dots{display:flex;justify-content:center;display:none!important}.slick-dots li button::before{content:''}#slick-area{max-width:1060px;margin:1% auto 0}@media only screen and (max-width:1200px){#slick-area{max-width:90%}}#slick-area::before{content:'';width:1100px;height:530px;background:url(../images/frame.png) no-repeat center center/contain;position:absolute;top:-20px;left:-20px;z-index:1;pointer-events:none}@media only screen and (max-width:1200px){#slick-area::before{width:calc(100% + 40px);height:calc(100% + 40px)}}@media only screen and (max-width:480px){#slick-area::before{display:none}}