body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;outline:none}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;width:100%}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}a{text-decoration:none}a:focus,a:active,a{outline:none}a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}a,p,span,i,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased}a,img,input{border:none}a,img{-webkit-touch-callout:none}img{width:100%}ul,ol,li{list-style:none}table{border-collapse:collapse;border-spacing:0}input[type=text],input[type=password],select,a{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}em,i,b{font-style:normal}fieldset,img{border:0;object-fit:contain}input,textarea,select{*font-size:100%}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.fl{float:left}.fr{float:right}.hide{display:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#949494}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#949494}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#949494}.text-hide{font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-hidden{font-size:0;line-height:0;text-indent:-9999px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:3px;background:hsla(0,0%,100%,0);-webkit-box-shadow:inset 0 0 5px hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.12);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.2)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Source Han Sans TC","Source Han Sans","PingFang TC","Microsoft JhengHei","Heiti TC","黑體",sans-serif;font-weight:400;font-size:clamp(12px,.73vw,20px)}@media(max-width: 900px){body{font-size:clamp(12px,3.73vw,28px)}}.section{position:relative;background-position:center top;background-size:cover;background-repeat:no-repeat;box-sizing:border-box;overflow:hidden}.section-1{width:100%;height:100vh;max-height:77.142em;display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:flex-end;background:url("../images/dazzlefun/section-1.webp") no-repeat center;background-size:contain;background-size:cover;background-repeat:no-repeat;background-position:center}.section-1 .logo{--width: 42.214em;width:var(--width)}@supports(aspect-ratio: 1){.section-1 .logo{aspect-ratio:591/258}}@supports not (aspect-ratio: 1){.section-1 .logo{width:var(--width);height:calc(var(--width)*258/591)}}.section-1 .logo{background:url("../images/dazzlefun/logo.webp") no-repeat center;background-size:contain}.section-1 .game-int{display:flex;justify-content:center;align-items:center;margin:12em 0 3em;box-sizing:border-box;padding:1em 4em 1em 25em;color:#a9e5ff;font-weight:bold;line-height:1.3;width:var(--width);--width: 54.571em;background:url("../images/dazzlefun/game-int.webp") no-repeat center;background-size:contain}@supports(aspect-ratio: 1){.section-1 .game-int{aspect-ratio:764/170}}@supports not (aspect-ratio: 1){.section-1 .game-int{width:var(--width);height:calc(var(--width)*170/764)}}.section-1 .game-int p{font-size:clamp(14px,.83vw,20px)}.section-2{margin-top:-6em;width:100%;height:41.642em;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url("../images/dazzlefun/section-2.webp") no-repeat center;background-size:contain;background-size:cover;background-repeat:no-repeat;background-position:center;background-position:center right}.section-2 .title{margin-bottom:2em;--width: 60.428em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .title{aspect-ratio:846/60}}@supports not (aspect-ratio: 1){.section-2 .title{width:var(--width);height:calc(var(--width)*60/846)}}.section-2 .title{background:url("../images/dazzlefun/title.webp") no-repeat center;background-size:contain}.section-2 .int{display:flex;justify-content:center;align-items:center;align-items:flex-start}.section-2 .int-l{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:2em}.section-2 .int-l .game-img{--width: 23.357em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .int-l .game-img{aspect-ratio:327/170}}@supports not (aspect-ratio: 1){.section-2 .int-l .game-img{width:var(--width);height:calc(var(--width)*170/327)}}.section-2 .int-l .game-img{background:url("../images/dazzlefun/game-img.webp") no-repeat center;background-size:contain}.section-2 .int-l .game-dow{display:flex;justify-content:center;align-items:center;margin-top:1em}.section-2 .int-l .game-dow a{display:block;--width: 10em;width:var(--width)}@supports(aspect-ratio: 1){.section-2 .int-l .game-dow a{aspect-ratio:140/41}}@supports not (aspect-ratio: 1){.section-2 .int-l .game-dow a{width:var(--width);height:calc(var(--width)*41/140)}}.section-2 .int-l .game-dow a{background-size:contain;background-repeat:no-repeat;background-position:center}.section-2 .int-l .game-dow a:nth-child(1){margin-right:1em;background-image:url(../images/dazzlefun/appstore.webp)}.section-2 .int-l .game-dow a:nth-child(2){background-image:url(../images/dazzlefun/google.webp)}.section-2 .int-r{display:flex;justify-content:center;align-items:center;--width: 38.428em;width:var(--width);color:#002d42;font-weight:bold;padding:1em 2.5em 1em 1.5em;box-sizing:border-box}@supports(aspect-ratio: 1){.section-2 .int-r{aspect-ratio:538/170}}@supports not (aspect-ratio: 1){.section-2 .int-r{width:var(--width);height:calc(var(--width)*170/538)}}.section-2 .int-r{background:url("../images/dazzlefun/int-r.webp") no-repeat center;background-size:contain}.section-2 .int-r span{color:#64b3d5}.section-2 .int-r p{font-size:clamp(14px,.94vw,22px)}.section-3{padding:4em 0;background:#fff;display:flex;justify-content:center;align-items:center}.section-3 .mail-l{margin-right:2em;--width: 10em;width:var(--width)}@supports(aspect-ratio: 1){.section-3 .mail-l{aspect-ratio:153/141}}@supports not (aspect-ratio: 1){.section-3 .mail-l{width:var(--width);height:calc(var(--width)*141/153)}}.section-3 .mail-l{background:url("../images/dazzlefun/mail.webp") no-repeat center;background-size:contain}.section-3 .mail-r{font-weight:bold}.section-3 .mail-r .title{color:#002d42;font-size:1.7vw}.section-3 .mail-r a{font-size:clamp(16px,1.04vw,26px);display:block;color:#000}.footer{padding:1em 0;background:#ececec;display:flex;justify-content:center;align-items:center}.footer .logo{--width: 18.857em;width:var(--width)}@supports(aspect-ratio: 1){.footer .logo{aspect-ratio:264/89}}@supports not (aspect-ratio: 1){.footer .logo{width:var(--width);height:calc(var(--width)*89/264)}}.footer .logo{background:url("../images/dazzlefun/f-logo.webp") no-repeat center;background-size:contain}.footer .copyright-info{color:#64b3d5}@media(max-width: 900px){.section-1{height:50em;background-position:center right}.section-1 .logo{--width: 20em}.section-1 .game-int{margin:6em 0 2em;padding:11em 2em 1em 1em;--width: 25em}@supports(aspect-ratio: 1){.section-1 .game-int{aspect-ratio:429/341}}@supports not (aspect-ratio: 1){.section-1 .game-int{width:var(--width);height:calc(var(--width)*341/429)}}.section-1 .game-int{background:url("../images/dazzlefun/game-int-m.webp") no-repeat center;background-size:contain}.section-1 .game-int p{font-size:clamp(12px,3.73vw,20px)}.section-2{padding-top:6em;background-position:center}.section-2 .title{display:none}.section-2 .int{align-items:flex-start;flex-direction:column}.section-2 .int-l{margin-right:initial;margin-bottom:2em}.section-2 .int-l .game-img{--width: 25em}.section-2 .int-r{padding:1em 2em 1em 1em;--width: 25em;background-size:100% 100%}.section-2 .int-r p{font-size:clamp(14px,4.27vw,24px)}.section-3 .mail-l{--width: 7em;margin-right:1em}.section-3 .mail-r .title{font-size:5vw}.section-3 .mail-r a{font-size:clamp(16px,4.8vw,28px)}.footer{flex-direction:column}.footer .logo{--width: 12em;margin-bottom:1em}}