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}body::-webkit-scrollbar{width:0;background:0 0}button,ol,ul{list-style:none;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}button{background:0 0;border:none;font-size:0}img{max-width:100%;height:auto}@font-face{font-family:SWEI;src:url(//landing.mangot5.com/template/gs/event/nav_bootstrap4/font/SWEI-R.TTF)}@font-face{font-family:Tearsfont;src:url(../webfonts/tearsfont-1.1.otf)}body{color:#fff;font-family:SWEI;background:url(../images/bg.jpg) no-repeat center top/cover}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){body{background:url(../images/bg.webp) no-repeat center top/cover}}h3,h4{position:relative;margin:3vh auto 2vh}h6{font-size:1.4rem;color:#b6c1d7;letter-spacing:2px;margin-bottom:2vh;transform:scaleX(.9)}p{font-size:1.2rem;line-height:1.8rem;margin:1vh 0 3vh;color:#fff}p span{font-size:1.6rem}p a{text-decoration:underline;text-underline-offset:4px}#header{position:relative;background:url(../images/main.png) no-repeat center center/cover;min-height:120vh}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#header{background:url(../images/main.webp) no-repeat center center/cover}}@media only screen and (max-width:1200px){#header{min-height:100vh}}@media only screen and (max-width:480px){#header{min-height:90vh}}#header .title{position:absolute;top:6vh;left:22vw;z-index:1}@media only screen and (max-width:1440px){#header .title{left:14vw}}@media only screen and (max-width:1200px){#header .title{top:20vh;left:4vw}#header .title img{height:70vh}}@media only screen and (max-width:800px){#header .title{filter:drop-shadow(0 0 2px #fff)}}@media only screen and (max-width:350px){#header .title{top:30vh}#header .title img{height:60vh}}.fixedBox{position:fixed;top:10vh;right:2vw;padding:0;z-index:9;display:flex;flex-direction:column;transition:1s all}@media only screen and (max-width:480px){.fixedBox{top:6vh}}.fixedBox a,.fixedBox button{display:inline-block;margin:.4rem 0}@media only screen and (max-width:767px){.fixedBox a,.fixedBox button{width:12vw}}@media only screen and (max-width:480px){.fixedBox a,.fixedBox button{width:20vw}}.fixedBox a:hover img,.fixedBox button:hover img{opacity:0}.fixedBox a:nth-of-type(1):hover{background:url(../images/link1_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox a:nth-of-type(1):hover{background:url(../images/link1_hover.webp) no-repeat center center/contain}}.fixedBox a:nth-of-type(2):hover{background:url(../images/link2_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.fixedBox a:nth-of-type(2):hover{background:url(../images/link2_hover.webp) no-repeat center center/contain}}.sideBtn{position:fixed;top:6vh;left:2vw;z-index:9;transition:1s all}.sideBtn img{max-width:140px;margin-top:2vh}section{position:relative;overflow:hidden;text-align:center}section>p{font-family:Tearsfont;color:#252525}@media only screen and (max-width:800px){section>p{max-width:98vw;padding:0 2%;margin:0 auto}}section ul{color:#2e303b}section .box{position:relative;display:flex;flex-wrap:wrap;justify-content:center;padding:2% 2% 1%;margin:1vh auto}@media only screen and (max-width:1200px){section .box{flex-direction:column-reverse;padding:10% 1%}}section .box>div:first-of-type{width:68%;border-right:solid 1px #dfe9f1;padding:0 1%}@media only screen and (max-width:1200px){section .box>div:first-of-type{width:100%;border-right:none;border-top:solid 1px #dfe9f1}}section .box .mine{color:#fff;padding:6% 2% 2%}@media only screen and (max-width:1200px){section .box .mine{width:100%;border-left:none;border-bottom:solid 1px #dfe9f1;padding:4% 2%}}section .box .mine .myscore{width:290px;background:url(../images/ctnbg.png) repeat center center;border-radius:2px;padding:6%}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){section .box .mine .myscore{background:url(../images/ctnbg.webp) repeat center center}}@media only screen and (max-width:1200px){section .box .mine .myscore{display:inline-block;padding:2%;margin-right:2%}}@media only screen and (max-width:480px){section .box .mine .myscore{width:90%}}section .box .mine .myscore hr{border-bottom:solid 1px #4f5160}section .box .mine .myscore .login p{margin-bottom:2vh}section .box .mine p,section .box .mine span{font-family:"Noto Sans TC",sans-serif;font-size:.9rem;font-weight:lighter}section .box .mine>picture{position:absolute;right:6%;bottom:16%}@media only screen and (max-width:1200px){section .box .mine>picture{display:inline-block;position:unset}}@media only screen and (max-width:800px){section .box .mine>picture{display:none}}section .box .space{margin:0 4%}section .note{display:flex;align-items:center;margin:4vh 2%}@media only screen and (max-width:800px){section .note{flex-wrap:wrap;justify-content:center}}section .note ul{color:#000;font-size:.9rem;line-height:1.2rem;text-align:left;list-style:disc;padding-left:20px;margin-left:2%}@media only screen and (max-width:800px){section .note ul{margin-top:2%}}@media only screen and (max-width:480px){section .note ul{filter:drop-shadow(0 0 2px #fff)}}#s1 .box{max-width:1370px;min-height:1540px;background:url(../images/ctnbg1.png) no-repeat center center/cover}#s1 .itemctn,#s1 .itemctn2{display:flex;flex-wrap:wrap}@media only screen and (max-width:480px){#s1 .itemctn,#s1 .itemctn2{justify-content:center}}#s1 .itemctn button,#s1 .itemctn2 button{position:relative;margin:.6%}#s1 .itemctn button a,#s1 .itemctn2 button a{display:block;position:absolute;bottom:6%}#s1 .itemctn button:hover a{background:url(../images/exchange_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .itemctn button:hover a{background:url(../images/exchange_hover.webp) no-repeat center center/contain}}#s1 .itemctn button:hover a img{opacity:0}#s1 .itemctn button.convert{cursor:inherit}#s1 .itemctn button.convert::before{content:"";width:100%;height:100%;background:url(../images/complete1.png) no-repeat center center/contain;position:absolute;top:0;left:0;z-index:1}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .itemctn button.convert::before{background:url(../images/complete1.webp) no-repeat center center/contain}}#s1 .itemctn button.convert a img{opacity:1}#s1 .itemctn button a{left:calc((100% - 86px)/ 2)}#s1 .itemctn2 button.receive a{background:url(../images/receive.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .itemctn2 button.receive a{background:url(../images/receive.webp) no-repeat center center/contain}}#s1 .itemctn2 button.receive a:hover{background:url(../images/receive_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .itemctn2 button.receive a:hover{background:url(../images/receive_hover.webp) no-repeat center center/contain}}#s1 .itemctn2 button.receive a img{opacity:0}#s1 .itemctn2 button.convert{cursor:inherit}#s1 .itemctn2 button.convert a{background:url(../images/received.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s1 .itemctn2 button.convert a{background:url(../images/received.webp) no-repeat center center/contain}}#s1 .itemctn2 button.convert a img{opacity:0}#s1 .itemctn2 button a{left:calc((100% - 133px)/ 2)}#s1 #score{color:#df2239;font-size:3rem;font-weight:500}#s1 #history{max-height:260px;overflow-y:auto}#s1 #history::-webkit-scrollbar-button{display:none}#s1 #history::-webkit-scrollbar{background-color:#221d1dac;width:4px}#s1 #history::-webkit-scrollbar-thumb{background-color:#fff}#s1 #history p{font-size:.9rem}#s2 .box{max-width:1360px;min-height:1344px;background:url(../images/ctnbg2.png) no-repeat center center/cover}#s2 .gacha{position:relative;margin:8vh auto 0}#s2 .gacha::after,#s2 .gacha::before{content:'';position:absolute;pointer-events:none}@media only screen and (max-width:480px){#s2 .gacha::after,#s2 .gacha::before{display:none}}#s2 .gacha::before{width:295px;height:395px;background:url(../images/gacha1.png) no-repeat center center/contain;left:-94%;bottom:-14%}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2 .gacha::before{background:url(../images/gacha1.webp) no-repeat center center/contain}}#s2 .gacha::after{width:317px;height:339px;background:url(../images/gacha2.png) no-repeat center center/contain;right:-98%;bottom:-3%}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2 .gacha::after{background:url(../images/gacha2.webp) no-repeat center center/contain}}#s2 .gacha:hover{background:url(../images/gacha_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2 .gacha:hover{background:url(../images/gacha_hover.webp) no-repeat center center/contain}}#s2 .gacha:hover img{opacity:0}#s2 .itemctn button{position:relative;margin:5% 0}#s2 .itemctn button:hover a{background:url(../images/receive_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2 .itemctn button:hover a{background:url(../images/receive_hover.webp) no-repeat center center/contain}}#s2 .itemctn button:hover a img{opacity:0}#s2 .itemctn button.convert{cursor:inherit}#s2 .itemctn button.convert::before{content:"";width:100%;height:100%;background:url(../images/complete2.png) no-repeat center center/contain;position:absolute;top:0;left:0;z-index:1}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2 .itemctn button.convert::before{background:url(../images/complete2.webp) no-repeat center center/contain}}#s2 .itemctn button.convert::before img{opacity:1}#s2 .itemctn a{display:block;position:absolute;bottom:6%;left:calc((100% - 133px)/ 2)}#s2 .get:hover{background:url(../images/get_hover.png) no-repeat center center/contain}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#s2 .get:hover{background:url(../images/get_hover.webp) no-repeat center center/contain}}#s2 .get:hover img{opacity:0}#s2 .mine>picture{right:8%;bottom:6%}#s2 .mine #mycoin{font-size:3rem;font-weight:500}#s2 .mine #consume{max-height:300px;overflow-y:auto}#s2 .mine #consume::-webkit-scrollbar-button{display:none}#s2 .mine #consume::-webkit-scrollbar{background-color:#221d1dac;width:4px}#s2 .mine #consume::-webkit-scrollbar-thumb{background-color:#fff}#s2 .mine #consume>span{display:block;color:#df2239;font-size:2rem;font-weight:500;margin-bottom:4vh}#s3{font-family:Tearsfont;color:#2e303b;padding:4vh 0 20vh}#s3 h3{font-size:1.4rem}#s3 .othernotice{max-width:1100px;text-align:left;margin:0 auto}@media only screen and (max-width:800px){#s3 .othernotice{max-width:98vw;padding:0 2%}}#s3 .othernotice ul{list-style:disc;padding-left:20px}#s3 .othernotice ul li{font-size:1rem;line-height:1.2rem}.modal{background-color:#000000d4;background-size:cover;background-attachment:fixed;z-index:999;padding-top:50px}.modal h4{font-size:1.6rem;line-height:2rem;margin-bottom:1rem}.modal h4::before{left:10%}.modal h4::after{right:10%}.modal h5{font-size:1.6rem;line-height:1.8rem;color:#437dff;text-align:left;margin:1rem 0 .6rem}.modal .modal-content{background:0 0;border:none}.modal .modal-body{text-align:center}.modal .modal-body ol,.modal .modal-body ul{margin:0 0 20px 0;text-align:left;font-size:1.1rem;line-height:1.8rem;padding-left:20px;letter-spacing:1px;color:#cbbcaa}.modal .modal-body ul li::before{content:"\2299 ";margin-left:-22px;margin-right:2px}.modal .modal-body ol{list-style:decimal}.modal .modal-body ol li{margin-bottom:1rem}.modal .modal-body ol li span{color:#cbbcaa}.modal p{font-size:1rem;color:#fff;margin:20px 0 0 0;text-align:left}.modal p.note{color:#f18181}.modal p span{font-size:1.6rem;line-height:2rem;color:#cbbcaa}button.close{opacity:1;position:absolute;right:0;width:70px;height:70px;font-size:70px;font-weight:lighter;color:#437dff;text-shadow:none;overflow:hidden;border:solid 1px #437dff;border-radius:70px;z-index:9}@media only screen and (max-width:1200px){button.close{width:50px;height:50px;font-size:50px}}@media only screen and (max-width:480px){button.close{top:-2vh;right:4vw}}button.close span{display:block}button.close:hover{background-color:#437dff;color:#000}.modal-backdrop{display:none}#pop1 .gift{max-width:1000px;border:solid 1px #b6c1d7;border-radius:20px}#pop1 .gift p{text-align:center;color:#b6c1d7;font-size:2rem}#pop1 .gift>div{max-width:600px;margin:2% auto}#pop1 .gift #giftItem img{margin:1%}#pop1 .gift #giftName{border:solid 2px #b6c1d7;background:url(../images/ctnbg.png) repeat center center;border-radius:20px;padding:1%}#pop1 .gift #giftName p{font-size:1.2rem;margin:1% 0}#pop1 .gift .giftBtn button{font-size:1.4rem;color:#437dff;border:solid 2px;border-radius:20px;min-width:120px;padding:1%;margin:0 2%}#pop1 .gift .giftBtn button:hover{background-color:#437dff;color:#cbbcaa}