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,font,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,button{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}ul,li,ol{list-style:none;background:transparent}h1,h2,h3,h4,h5,h6{font-weight:400;clear:both}a,a:hover{text-decoration:none}blockquote{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}input[type="submit"]:focus,input[type="button"]:focus{outline:none}:focus{outline:0}a img,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border:0}input::-webkit-input-speech-button{display:none}select,input{font-size:1em}select.msno-arrow::-ms-expand{display:none}input[type="radio"].msno-check::-ms-check,input[type="checkbox"].msno-check::-ms-check{display:none}input[type="text"]::-ms-clear,input[type="tel"]::-ms-clear,input[type="number"]::-ms-clear{display:none}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none !important;appearance:none !important;margin:0}input[type="number"]{-moz-appearance:textfield}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent;font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self}.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0}.clearfix:after{content:'';clear:both;display:block}.input-no-style{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;background:none}.single-line{white-space:nowrap;line-height:100% !important}.text-overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.border-gradient-rightangle{-o-border-image:linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%) 1 1;border-image:linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%) 1 1}*::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none;appearance:none}*::--webkit-media-controls-play-button{display:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}*::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;appearance:none}img,video{display:block;width:100%}video{mix-blend-mode:screen}html,body{font-size:3.75vw;width:100%;height:100%}.container2{width:100%;height:100%;max-width:750px;margin:0 auto}section{width:100%;height:100%;position:relative;z-index:0;background:linear-gradient(to bottom, #1f2123 0%, #000 32%);overflow:hidden}section h2{font-size:2.07em;margin:1.9em auto 0;text-align:center;font-weight:bold;line-height:130%;letter-spacing:.1em}section h2 span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}section .intro{color:#fff;line-height:180%;text-align:center;margin:2.1em auto 0;letter-spacing:.1em}section .intro span{font-size:1.71em}@-webkit-keyframes alpha-up{0%{opacity:0}100%{opacity:1}}@keyframes alpha-up{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes bottom-to-top{0%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px);opacity:0}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@keyframes bottom-to-top{0%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px);opacity:0}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}.section1{background:url('../images/section1-bg.webp') no-repeat center center #000;background-size:cover}.section1 .title{width:86%;margin:0 auto;position:absolute;top:18%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.section1 .toilet{width:84%;position:absolute;left:0;bottom:8%}.section1 .text{position:absolute;left:50%;bottom:10%;width:54%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.section1.hide .title,.section1.hide .toilet,.section1.hide .text{opacity:0}@-webkit-keyframes s1-bottom-to-top{0%{-webkit-transform:translate(-50%, 10px);transform:translate(-50%, 10px);opacity:0}100%{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:1}}@keyframes s1-bottom-to-top{0%{-webkit-transform:translate(-50%, 10px);transform:translate(-50%, 10px);opacity:0}100%{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:1}}.section1.animate .title{-webkit-animation:alpha-up .5s linear 0s 1 forwards;animation:alpha-up .5s linear 0s 1 forwards}.section1.animate .toilet{-webkit-animation:alpha-up .5s linear .5s 1 forwards;animation:alpha-up .5s linear .5s 1 forwards}.section1.animate .text{-webkit-animation:s1-bottom-to-top .5s linear 1s 1 forwards;animation:s1-bottom-to-top .5s linear 1s 1 forwards}.section2 .toilet{position:absolute;left:0;bottom:-2%;z-index:-1}.section2.hide .intro,.section2.hide video{opacity:0}.section2.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section2.animate .toilet{-webkit-animation:alpha-up .5s linear .5s 1 forwards;animation:alpha-up .5s linear .5s 1 forwards}.section3{background:linear-gradient(to bottom, #1e2022 0%, #202123 23%, #000 58%, #0b0b0c 58.01%, #000 72%)}.section3 *{mix-blend-mode:screen}.section3 .water-type{text-align:center;display:flex;flex-direction:row;position:absolute;left:0;width:100%}.section3 .water-type.base{bottom:42%}.section3 .water-type.comp{bottom:0}.section3 .water-type .block{flex:0 0 40%;text-align:center;width:40%;margin:0 5%}.section3 .water-type .block:last-child{flex:0 0 25%;width:25%;margin-left:10%}.section3 .water-type .name{color:#fff}.section3 .water-type .name span{font-size:1.71em;font-weight:bold}.section3 .water-type .choice{width:60%;margin:1em auto 0;height:8em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.section3 .water-type .choice.comp{width:100%}.section3 .water-type .choice .swiper-slide div{margin-right:1px;color:#605648;cursor:pointer;padding:.2em 0 .3em}.section3 .water-type .choice .swiper-slide div span{line-height:100%;font-weight:bold;letter-spacing:.1em}.section3 .water-type .choice .swiper-slide.swiper-slide-active div{border:1px solid;border-radius:2em;border-color:transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right, #242424 0%, #0b0b0b 100%),linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%)}.section3 .water-type .choice .swiper-slide.swiper-slide-active div span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section3 .water-type .video .swiper-slide{opacity:0 !important;transition:opacity .3s linear}.section3 .water-type .video .swiper-slide.swiper-slide-active{opacity:1 !important}.section3 .water-type .video video{height:100%;-o-object-fit:contain;object-fit:contain}.section3 .water-type .tips{color:#fff;font-size:.71em;line-height:140%}.section3.hide .name,.section3.hide .choice,.section3.hide .video{opacity:0}.section3.animate .name{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section3.animate .choice{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section3.animate .video{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section4 .hand{position:absolute;left:0;bottom:0;width:50%}.section4 video{width:40%;position:absolute;right:0;bottom:0}.section4.hide .intro,.section4.hide .hand,.section4.hide .spray{opacity:0}.section4.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section4.animate .hand{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section4.animate .spray{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section5 .toilet{position:absolute;left:0;bottom:-4%;z-index:-1}.section5.hide .intro,.section5.hide .toilet{opacity:0}.section5.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section5.animate .toilet{-webkit-animation:alpha-up .5s linear .5s 1 forwards;animation:alpha-up .5s linear .5s 1 forwards}.section6 .intro2{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:1.7em auto 0}.section6 .intro2 .block{flex:0 0 30%;width:30%;border:1px solid;border-radius:10px;border-color:transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right, #000 0%, #000 100%),linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%);text-align:center;padding:1em 0}.section6 .intro2 .block span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section6 .toilet{position:absolute;left:0;bottom:0;z-index:-1}.section6.hide .intro,.section6.hide .intro2,.section6.hide .toilet{opacity:0}.section6.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section6.animate .intro2{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section6.animate .toilet{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}.section7 .toilet{position:absolute;left:0;bottom:10%;z-index:-1}.section7.hide .intro,.section7.hide .toilet{opacity:0}.section7.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section7.animate .toilet{-webkit-animation:alpha-up .5s linear .5s 1 forwards;animation:alpha-up .5s linear .5s 1 forwards}.section8 .intro2{display:flex;flex-direction:column;width:80%;line-height:130%}.section8 .intro2 .block{display:flex;flex-direction:row;border:1px solid;-o-border-image:linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%) 1 1;border-image:linear-gradient(135deg, #5dbade 0%, #dfe1d9 100%) 1 1;height:2.5em;justify-content:space-between;align-items:center;margin-top:1.6em;padding:.7em .4em;box-sizing:content-box}.section8 .intro2 .block span{font-size:1em;background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section8 .intro2 .block:first-child{margin-top:0}.section8 .intro2 .block div:first-child{flex:0 0 25%;width:25%;text-align:left;letter-spacing:0}.section8 .intro2 .block .line{width:1px;height:100%;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 20%, #fff 80%, rgba(255,255,255,0) 100%)}.section8 .intro2 .block div:last-child{float:0 0 65%;width:65%;color:#fff;text-align:left;letter-spacing:0}.section8 .swiper{height:100%}.section8 .swiper .swiper-pagination-bullets{text-align:right;bottom:1.4em}.section8 .swiper .swiper-pagination-bullet{background-color:#fff;width:.9em;height:.9em}.section8 .swiper .swiper-pagination-bullet:last-child{margin-right:1.4em}.section8 .toilet{position:absolute;left:0;bottom:0;z-index:-1}.section8.hide .intro,.section8.hide .toilet{opacity:0}.section8.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section8.animate .toilet{-webkit-animation:alpha-up .5s linear .5s 1 forwards;animation:alpha-up .5s linear .5s 1 forwards}.section9 .title2{font-size:1.21em;text-align:center;margin-top:4em;font-weight:bold}.section9 .title2 span{background:linear-gradient(to right, #5dbade 0%, #dfe1d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section9 .intro2{margin-top:1em}.section9 .intro2 span{font-size:.71em}.section9 .toilet{position:absolute;left:0;bottom:0;z-index:-1}.section9.hide .intro,.section9.hide .title2,.section9.hide .intro2,.section9.hide .toilet{opacity:0}.section9.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section9.animate .title2{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section9.animate .intro2{-webkit-animation:bottom-to-top .5s linear 1s 1 forwards;animation:bottom-to-top .5s linear 1s 1 forwards}.section9.animate .toilet{-webkit-animation:alpha-up .5s linear 1.5s 1 forwards;animation:alpha-up .5s linear 1.5s 1 forwards}.section10 .intro2{margin-top:5.5em}.section10 .toilet{position:absolute;left:0;bottom:0;z-index:-1}.section10.hide .intro,.section10.hide .intro2,.section10.hide .toilet{opacity:0}.section10.animate .intro{-webkit-animation:bottom-to-top .5s linear 0s 1 forwards;animation:bottom-to-top .5s linear 0s 1 forwards}.section10.animate .intro2{-webkit-animation:bottom-to-top .5s linear .5s 1 forwards;animation:bottom-to-top .5s linear .5s 1 forwards}.section10.animate .toilet{-webkit-animation:alpha-up .5s linear 1s 1 forwards;animation:alpha-up .5s linear 1s 1 forwards}@media screen and (min-width:751px){html,body{font-size:28px}}