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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@media screen and (min-width:1279.98px){.m-show{display:none!important}}@media screen and (max-width:1279.97px) and (min-width:1023.98px){.m-show{display:none!important}}@media screen and (max-width:1023.97px){.m-none{display:none!important}}@media screen and (min-width:768px) and (max-width:1023.97px){.m-only-show{display:none!important}}@media screen and (min-width:1023.98px){.m-only-show{display:none!important}}@media screen and (max-width:767px){.m-only-none{display:none!important}}@media screen and (max-width:767px){.m-block{display:block}}input,select,textarea{-moz-appearance:none;-webkit-appearance:none;border:0;outline:0;padding:0;margin:0;font:inherit}a{text-decoration:none;color:inherit}.image-w{font-size:0}.image-w img,.image-w object{width:100%;vertical-align:middle}.image-h{font-size:0}.image-h img,.image-h object{height:100%;vertical-align:middle}img{pointer-events:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}svg{width:100%;height:100%}@keyframes bing{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.03);opacity:1}to{transform:scale(1.03);opacity:1}}@keyframes bing2{0%{transform:translateY(2%)}50%{transform:translateY(6%)}to{transform:translateY(6%)}}@keyframes start{0%{transform:translateY(0);opacity:0}5%{transform:translateY(0);opacity:1}20%{transform:translateY(180%);opacity:1}40%{transform:translateY(180%);opacity:0}55%{transform:translateY(180%);opacity:0}60%{transform:translateY(180%);opacity:1}80%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:0}}@keyframes start2{0%{transform:scaleY(0);opacity:0;transform-origin:50% 0}20%{transform:scaleY(1);opacity:1;transform-origin:50% 0}40%{transform:scaleY(1);opacity:0;transform-origin:50% 0}60%{transform:scaleY(0);opacity:0;transform-origin:50% 100%}80%{transform:scaleY(1);opacity:1;transform-origin:50% 100%}to{transform:scaleY(1);opacity:0;transform-origin:50% 100%}}@keyframes man{0%{background-position-x:0}to{background-position-x:100%}}@keyframes run{0%{transform:translateY(3%)}to{transform:translateY(-3%)}}@keyframes move-left{0%{transform:translate(0) rotate(0)}5%{transform:translate(0) rotate(0)}20%{transform:translate(-45px) rotate(-1turn)}30%{transform:translate(-45px) rotate(-1turn)}45%{transform:translate(-55px) rotate(-2turn)}60%{transform:translate(-55px) rotate(-2turn)}85%{transform:translate(-45px) rotate(-1turn)}to{transform:translate(-45px) rotate(-1turn)}}@keyframes move-right{0%{transform:translate(0) rotate(0)}10%{transform:translate(0) rotate(0)}25%{transform:translate(45px) rotate(1turn)}40%{transform:translate(45px) rotate(1turn)}50%{transform:translate(55px) rotate(2turn)}65%{transform:translate(55px) rotate(2turn)}90%{transform:translate(45px) rotate(1turn)}to{transform:translate(45px) rotate(1turn)}}@keyframes move-left-more{0%{transform:translate(0) rotate(0)}5%{transform:translate(0) rotate(0)}20%{transform:translate(-45px) rotate(-1turn)}30%{transform:translate(-45px) rotate(-1turn)}50%{transform:translate(-55px) rotate(-2turn)}65%{transform:translate(-55px) rotate(-2turn)}85%{transform:translate(-72px) rotate(-3turn)}to{transform:translate(-72px) rotate(-3turn)}}@keyframes move-right-more{0%{transform:translate(0) rotate(0)}10%{transform:translate(0) rotate(0)}25%{transform:translate(45px) rotate(1turn)}40%{transform:translate(45px) rotate(1turn)}60%{transform:translate(55px) rotate(2turn)}70%{transform:translate(55px) rotate(2turn)}90%{transform:translate(72px) rotate(3turn)}to{transform:translate(72px) rotate(3turn)}}@keyframes jump{0%{transform:scaleY(1) translateY(0) rotate(0)}10%{transform:scaleY(.8) translateY(0) rotate(0)}20%{transform:scaleY(1) translateY(-15px) rotate(0)}30%{transform:scaleY(1) translateY(0) rotate(0)}50%{transform:scaleY(1) translateY(0) rotate(0)}60%{transform:scaleY(.7) translateY(0) rotate(0)}70%{transform:scaleY(1) translateY(-18px) rotate(0)}80%{transform:scaleY(1) translateY(-18px) rotate(1turn)}90%{transform:scaleY(1) translateY(0) rotate(1turn)}to{transform:scaleY(1) translateY(0) rotate(1turn)}}@keyframes jump-high{0%{transform:scaleY(1) translateY(0) rotate(0)}10%{transform:scaleY(.8) translateY(8px) rotate(0)}20%{transform:scaleY(1) translateY(-15px) rotate(0)}30%{transform:scaleY(1) translateY(0) rotate(0)}50%{transform:scaleY(1) translateY(0) rotate(0)}60%{transform:scaleY(.7) translateY(8px) rotate(0)}70%{transform:scaleY(1) translateY(-18px) rotate(0)}80%{transform:scaleY(1) translateY(-18px) rotate(1turn)}90%{transform:scaleY(1) translateY(0) rotate(1turn)}to{transform:scaleY(1) translateY(0) rotate(1turn)}}@keyframes jump-sp{0%{transform:scaleY(1)}10%{transform:scaleY(.8)}20%{transform:scaleY(1)}30%{transform:scaleY(1)}50%{transform:scaleY(1)}60%{transform:scaleY(.7)}70%{transform:scaleY(1)}80%{transform:scaleY(1)}90%{transform:scaleY(1)}to{transform:scaleY(1)}}@keyframes circle{0%{transform:rotate(0)}20%{transform:rotate(1turn)}50%{transform:rotate(1turn)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes loading-ride{0%{transform:translate(0)}to{transform:translate(180%)}}@keyframes loading-line{0%{width:24%}to{width:92%}}html{opacity:0;transition:.6s}html.start{opacity:1}html.stop,html.stop body{width:100%;height:100%;overflow:hidden;position:fixed}body{font-family:Noto Sans TC,sans-serif;font-weight:400;background:#695e9e;scroll-behavior:smooth}@media screen and (min-width:1279.98px){body::-webkit-scrollbar{background:transparent;width:0}body::-webkit-scrollbar-track{background:#fff}body::-webkit-scrollbar-thumb{background:#695e9e}}header{width:100%}.container{width:100%;overflow:hidden;position:relative;z-index:20}.layout{width:90%;max-width:480px;margin:0 auto}footer{width:100%;padding:60px 0}footer h4{margin:0 0 8px}footer .box{margin:36px 0}footer .want{margin:0 0 4px}footer .logo{width:150px}footer .logo a{display:block}footer .share{width:50px;margin:0 8px}footer .link,footer .link-wrap{display:inline-block}footer .link{padding:4px 12px;margin:4px;border:1.5px solid #fffab8;border-radius:8px;transition:.4s}footer .link:hover{background:#fffab8;color:#3d466e}footer .btn{width:90%;max-width:320px;margin:0 auto;display:block;background:#fffab8;color:#2b355e;padding:12px 0;border-radius:10px}h1,h2,h3,h4,h5,h6{font-weight:400}.f-white{color:#fff}.f-black{color:#000}.f-yellow{color:#fff773}.f-green{color:#72e8a9}.f-orange{color:#e8a061}.f-blue{color:#74dbe8}.f-red{color:#e86161}.f-form{color:#fffab8}.f-remark{color:#3d466e}.f18{font-size:18px;line-height:1.6;letter-spacing:.5px}@media screen and (max-width:767px){.f18{font-size:16px}}.f16{font-size:16px;line-height:1.6;letter-spacing:.5px}@media screen and (max-width:767px){.f16{font-size:14px}}@media screen and (max-width:360px){.f16{font-size:13px}}.f15{font-size:15px;line-height:1.6;letter-spacing:.5px}@media screen and (max-width:767px){.f15{font-size:13px}}@media screen and (max-width:360px){.f15{font-size:12px}}.f13{font-size:13px;line-height:1.6;letter-spacing:.5px}@media screen and (max-width:767px){.f13{font-size:11px}}@media screen and (max-width:360px){.f13{font-size:10px}}.f12{font-size:12px;line-height:1.6;letter-spacing:.5px}@media screen and (max-width:767px){.f12{font-size:10px}}@media screen and (max-width:360px){.f12{font-size:9px}}.f-center{text-align:center}.f-justify{text-align:justify}.f-bold{font-weight:700}.f-height{line-height:1.8}@media screen and (max-width:767px){.f-block{display:block}}.no-show{position:absolute;visibility:hidden}.no-touch{pointer-events:none}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-a-center{align-items:center}.flex-all-center,.flex-j-center{justify-content:center}.flex-all-center{align-items:center}.flex-wrap{flex-wrap:wrap}.inline-b{display:inline-block;vertical-align:middle}.loading{position:fixed;top:0;z-index:100}.loading,.loading:before{width:100%;height:100%;left:0}.loading:before{content:"";position:absolute;bottom:0;background:#695e9e;transition:1.5s 1.2s;transform-origin:50% 0}.loading.active .inner{transform:translate3d(100vw,0,0)}.loading.active:before{transform:scaleY(0)}.loading .inner{width:80%;height:100%;max-width:480px;max-height:900px;position:relative;z-index:2;transition:1.8s linear}.loading .inner.active .item{opacity:1}.loading .inner.active .ride{animation:loading-ride 2.5s 1s both}.loading .inner.active .line{animation:loading-line 2.5s 1s both}.loading .inner.active .rate{transform:scale(0)}.loading .logo{width:25%;position:absolute;top:6%;right:0;left:0;margin:auto}@media screen and (max-width:767px){.loading .logo{width:35%}}.loading .item{opacity:0;transition:.7s .4s}.loading .rate{height:100%;top:0;transition:.5s}.loading .copy,.loading .rate{width:100%;position:absolute;left:0}.loading .copy{bottom:6%}.loading .title{width:70%;margin:0 auto 5%}.loading .ride-wrap{width:100%;position:relative}.loading .ride{width:38%}.loading .box{width:100%;padding-bottom:100%;background:url(image/basic/loading-animate.png?48f6a);background-size:auto 100%;animation:man 1s steps(59) infinite}.loading .line{height:1px;background:#2b355e;position:absolute;left:0;bottom:25%;transition:.2s}.section0{height:80vh}.section1{height:18000px}.section2,.section3{height:1000px}.section4,.section5{height:2000px}.section-show{opacity:0;transition:.5s;pointer-events:none}.section-show.active{opacity:1;pointer-events:auto}.section-show.active .star .inner{animation-play-state:running}.section-show.active .text{transform:perspective(100vh) rotateX(0) rotateY(0) rotate(0) translateZ(0)}.section-show .star .inner{animation-play-state:paused}.section-end{padding:36px 0}.section-end .box{margin:36px 0}.content{width:88%;height:calc(100% - 240px);max-width:480px;position:fixed;top:5vh;left:0;right:0;margin:auto;z-index:30;display:flex;align-items:center;justify-content:center;transform:translateZ(0)}@media screen and (max-width:360px){.content{height:calc(100% - 120px)}}.text{transform:perspective(100vh) rotateX(6deg) rotateY(-8deg) rotate(5deg) translate3d(0,30px,0);transform-style:preserve-3d;transition:.7s}.text .btn-read{margin:12px 0 0;display:inline-block}.text .btn-read a{padding:6px 16px;border-radius:8px;transition:.4s;color:#fdfac5;border:1.5px solid #fdfac5}.text .btn-read a:hover{color:#3d466e;background:#fdfac5}.text .btn-read a:hover .link-1{opacity:0}.text .btn-read a:hover .link-2{opacity:1}.text .btn-read .link-img{width:24px;position:relative;margin:0 0 0 4px}@media screen and (max-width:767px){.text .btn-read .link-img{width:20px}}.text .btn-read .link-1{transition:.4s}.text .btn-read .link-2{width:100%;position:absolute;top:1px;left:0;opacity:0;transition:.4s}.messeng-box{width:100%;justify-content:space-between;align-items:flex-start}.messeng-box .word{width:84%;background:#3d466e;border-radius:40px 0 40px 40px;padding:12px 24px;box-sizing:border-box}.messeng-box .photo{width:14%}.messeng-box .photo .img-wrap{width:100%;padding-bottom:100%;position:relative;background:#3d466e;border-radius:50%;transform:translateZ(0);overflow:hidden}.star,.star .inner,.star .outer{width:100%;position:absolute;top:0;left:0}.star .inner{animation:bing .4s linear infinite alternate both;transform-origin:50% 100%}.star .all{animation:bing2 .4s linear -1s infinite alternate both}.messeng-wrap{width:100%}.messeng-wrap .box{margin:16px 0}.messeng-wrap .right{padding:0 0 0 64px;box-sizing:border-box}.messeng-wrap .left{padding:0 64px 0 0;box-sizing:border-box}.table-wrap{width:100%;max-width:380px;border-radius:20px;overflow:hidden;background:#3d466e;position:relative}.table-wrap.dark{background:#2b355e}.table-wrap .title{padding:8px 0}.table-wrap .title.yellow{background:#fff773}.table-wrap .title.green{background:#72e8a9}.table-wrap .title.orange{background:#e8a061}.table-wrap .title.red{background:#e86161}.table-wrap .title.blue{background:#74dbe8}.table-wrap .table-body{padding:0 4% 1%;box-sizing:border-box}.table-wrap .chart{width:100%;padding:16% 6% 8% 16%;box-sizing:border-box}.table-wrap .chart .box{width:12%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.table-wrap .chart .rate-wrap{width:100%;position:relative;justify-content:space-between}.table-wrap .chart .rate-wrap .rate{width:100%;background:#fff773;margin:8px 0 0}.table-wrap .chart .rate-wrap .rate.rate1{padding-bottom:86%}.table-wrap .chart .rate-wrap .rate.rate2{padding-bottom:152%}.table-wrap .chart .rate-wrap .rate.rate3{padding-bottom:106%}.table-wrap .chart .rate-wrap .rate.rate4{padding-bottom:196%}.table-wrap .chart .rate-wrap .rate.rate5{padding-bottom:419%}.table-wrap .chart .rate-wrap .rate.rate6{padding-bottom:844%}.table-wrap .chart .rate-wrap .year{position:absolute;top:102%;right:0;left:0;margin:auto}.table-wrap .chart .basic-line{width:105%;height:100%;position:absolute;top:0;right:0;justify-content:space-between}.table-wrap .chart .basic-line .line{width:100%;height:1px;background:#695e9e;position:relative}.table-wrap .chart .basic-line .number{position:absolute;top:50%;left:0;margin:auto;transform:translate3d(-200%,-50%,0)}.table-wrap .data .item{margin:4px 0;padding:4px 0;justify-content:space-between;align-items:center}.table-wrap .data .item+.item{border-top:1px solid #695e9e}.table-wrap .data .box1{width:6%}.table-wrap .data .box2{width:15%}.table-wrap .data .box3{width:50%}.table-wrap .data .box4{width:23%}.table-wrap .btn-more{width:7%;position:absolute;top:1.5%;right:2%;cursor:pointer;transition:.3s}.table-wrap .btn-more:hover{transform:scale(1.1)}.table-wrap .btn-close{width:12%;cursor:pointer;margin:2% auto 0}.table-wrap .remark{width:90%;position:absolute;top:8%;left:0;right:0;margin:auto;padding:12px 16px;box-sizing:border-box;background:rgba(255,247,115,.95);border-radius:8px;opacity:0;transition:.5s}.table-wrap .remark.active{opacity:1}.form{padding:80px 0}.form .image{width:90%;margin:0 auto}.form .form-box{margin:24px 0}.form label{display:block;margin:0 0 12px}.form label.apart{margin:0 12px 0 0}.form label.right{margin:0 12px}.form .check-box{margin:12px 0}.form .check-box .show{width:20px;height:20px;background:#2b355e;border-radius:4px;position:relative}.form .check-box .ok{width:10px;height:10px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#fffab8;border-radius:2px;opacity:0;transition:.4s}.form .check-box .input-check{width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}.form .check-box .input-check:checked+.ok{opacity:1}.form .check-box label{cursor:pointer}.form .input-text{background:#2b355e;padding:6px 8px;border-radius:8px;flex-grow:2}.form .input-radio{width:20%;height:100%;position:absolute;top:0;z-index:5;cursor:pointer}.form .input-radio:checked~.star-box{background:#fffab8}.form .input-radio.radio1{left:0}.form .input-radio.radio2{left:20%}.form .input-radio.radio3{left:40%}.form .input-radio.radio4{left:60%}.form .input-radio.radio5{left:80%}.form .star-wrap{position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between}.form .star-wrap .star-box{width:15%;padding-bottom:15%;background:#2b355e;mask-image:url(image/basic/form-star.png?3a78a);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(image/basic/form-star.png?3a78a);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:.4s}.form .textarea{width:100%;height:130px;background:#2b355e;padding:8px;border-radius:8px;box-sizing:border-box;resize:none}.form .btn-send{width:180px;border:1px solid #fffab8;background:#3d466e;border-radius:8px;padding:12px 0;cursor:pointer;transition:.4s}.form .btn-send:hover{background:#fffab8;color:#3d466e}.animate{width:100%;max-width:500px;position:fixed;left:50%;bottom:0;transform:translate3d(-50%,0,0);z-index:10}@media screen and (max-width:767px){.animate{transform:translate3d(-50%,0,0) scale(.9);transform-origin:50% 100%}}.animate .inner{width:100%;padding-bottom:56%;position:relative}.animate .animate-1,.animate .animate-2,.animate .animate-3,.animate .animate-4,.animate .animate-5{width:100%;height:100%;position:absolute;display:none}.animate .animate-1.animate-show,.animate .animate-2.animate-show,.animate .animate-3.animate-show,.animate .animate-4.animate-show,.animate .animate-5.animate-show{display:block}.animate .animate-1>div,.animate .animate-2>div,.animate .animate-3>div,.animate .animate-4>div,.animate .animate-5>div{position:absolute;transition:.25s linear}.animate .item-road{width:60%;bottom:0}.animate .item-man,.animate .item-road{right:0;left:0;margin:auto;position:absolute}.animate .item-man{width:21%;bottom:10%;z-index:20;transition:.3s}.animate .man-animate{width:100%;padding-bottom:100%;position:relative;overflow:hidden}.animate .man-animate.run{animation:run .4s linear infinite alternate both}.animate .man-animate.run .man-animate-run{opacity:1;transition:0s .3s}.animate .man-animate.hello{animation-play-state:paused}.animate .man-animate.hello .man-animate-run{opacity:0;transition:0s}.animate .man-animate.hello .man-animate-sayhello{opacity:1;background-position-x:100%;transition:background-position-x .3s steps(36)}.animate .man-animate .man-box{width:100%;height:100%;position:absolute}.animate .man-animate .man-animate-run-inner{width:100%;height:100%;background:url(image/animate/man-animate.png?74600) no-repeat;background-size:auto 100%;animation:man 1s steps(59) infinite alternate}.animate .man-animate .man-animate-sayhello{opacity:0;background:url(image/animate/man-hello.png?4ddeb) no-repeat;background-size:auto 100%;background-position-x:0;transition:background-position-x .3s steps(36),opacity 0s .3s}.animate .elves-hello{opacity:1;position:relative;transition:.5s}.animate .elves-hello .elves-hand{width:50%;position:absolute;left:-20%;bottom:40%;opacity:1;transform:rotate(-180deg) scale(0);transform-origin:100% 100%;transition:.3s}.animate .elves-hello .elves-hand.sayhello{transform:rotate(0) scale(1)}.animate .traffic-light{width:100%;position:relative}.animate .traffic-light.isred .traffic-red{opacity:1}.animate .traffic-light.isgreen .traffic-red,.animate .traffic-light.isred .traffic-green{opacity:0}.animate .traffic-light.isgreen .traffic-green{opacity:1}.animate .traffic-light .traffic-green{width:100%;position:absolute;top:0;left:0}.animate .elves,.animate .item-light,.animate .item-tree{width:6%}.animate .animate-1{z-index:10}.animate .animate-1 .elves-1{left:14%;bottom:62%}.animate .animate-1 .elves-2{left:14%;bottom:50%}.animate .animate-1 .elves-3{left:8%;bottom:39%}.animate .animate-1 .elves-4{right:8%;bottom:55%}.animate .animate-1 .elves-5{right:1%;bottom:47%}.animate .animate-1 .item-left1{width:20%;left:17%;bottom:77%;transform:translateZ(0);transform-style:preserve-3d}.animate .animate-1 .item-left2{left:8%;bottom:77%}.animate .animate-1 .item-left3{width:55%;left:-21%;bottom:72%}.animate .animate-1 .item-left6{left:23%;bottom:24%}.animate .animate-1 .item-left7{width:28%;left:-10%;bottom:12%}.animate .animate-1 .item-right1{width:24%;right:5%;bottom:71%}.animate .animate-1 .item-right2{right:-4%;bottom:71%}.animate .animate-1 .item-right3{right:34%;bottom:65%}.animate .animate-1 .item-right6{right:24%;bottom:29%}.animate .animate-1 .item-right7{width:7%;right:7%;bottom:20%}.animate .animate-1 .item-right8{width:7%;right:2%;bottom:12%}.animate .animate-1 .item-right9{width:55%;right:-37%;bottom:-6%}.animate .animate-2{z-index:9}.animate .animate-2>div{bottom:75%;opacity:0}.animate .animate-2 .elves-1{left:22%;bottom:72%}.animate .animate-2 .elves-2{left:14%;bottom:72%}.animate .animate-2 .elves-3{left:6%;bottom:72%}.animate .animate-2 .elves-4{left:-2%;bottom:72%}.animate .animate-2 .elves-5{left:-10%;bottom:72%}.animate .animate-2 .elves-6{left:18%}.animate .animate-2 .elves-7{left:12%}.animate .animate-2 .elves-8{left:3%}.animate .animate-2 .elves-9{left:-4%}.animate .animate-2 .elves-10{left:-12%}.animate .animate-2 .elves-11{right:5%;bottom:65%}.animate .animate-2 .elves-12{right:10%;bottom:78%}.animate .animate-2 .elves-13{right:13%;bottom:64%}.animate .animate-2 .elves-14{right:5%;bottom:64%}.animate .animate-2 .elves-15{right:-3%;bottom:64%}.animate .animate-2 .elves-16{right:21%;bottom:58%}.animate .animate-2 .elves-17{right:-5%;bottom:80%}.animate .animate-2 .item-left1,.animate .animate-2 .item-left3,.animate .animate-2 .item-left6{left:36%}.animate .animate-2 .item-left2{width:22%;left:15%}.animate .animate-2 .item-left4{width:24%;bottom:80%;left:10%}.animate .animate-2 .item-left5{bottom:80%;left:2%}.animate .animate-2 .item-left7{width:15%;bottom:78%;left:15%}.animate .animate-2 .item-left8{left:4%;bottom:90%}.animate .animate-2 .item-left9{left:-3%;bottom:90%}.animate .animate-2 .item-left10{width:22%;left:20%;bottom:90%}.animate .animate-2 .item-right1{right:26%}.animate .animate-2 .item-right2{right:34%;bottom:70%}.animate .animate-2 .item-right3{right:36%;bottom:70%}.animate .animate-2 .item-right4{width:26%;right:5%;bottom:69%}.animate .animate-2 .item-right5{right:36%}.animate .animate-2 .item-right6{width:17%;right:12%;bottom:72%}.animate .animate-2 .item-right7{right:9%;bottom:65%}.animate .animate-2 .item-right8{width:7%;right:1%;bottom:65%}.animate .animate-2 .item-right11{width:14%;bottom:76%;right:17%}.animate .animate-3{z-index:8}.animate .animate-3>div{bottom:75%;opacity:0}.animate .animate-3 .crossing{width:20%;right:0;left:0;bottom:65%;margin:auto}.animate .animate-3 .elves-1{left:-2%;bottom:66%}.animate .animate-3 .elves-2{left:15%;bottom:58%}.animate .animate-3 .elves-3{left:30%;bottom:65%;transform-origin:60% 60%}.animate .animate-3 .elves-4{right:31%;bottom:65%}.animate .animate-3 .animate-crossby_right{transition:.3s}.animate .animate-3 .elves-5{right:17%}.animate .animate-3 .elves-6{right:0;bottom:78%}.animate .animate-3 .item-left1{left:36%}.animate .animate-3 .item-left2{width:20%;left:13%;bottom:70%}.animate .animate-3 .item-left3{width:16%;left:1%}.animate .animate-3 .item-left4{left:-11%}.animate .animate-3 .item-left5{left:-5%}.animate .animate-3 .item-left6{left:17%}.animate .animate-3 .item-left7{left:23%}.animate .animate-3 .item-right1{right:34%;bottom:70%}.animate .animate-3 .item-right2{width:22%;right:9%;bottom:66%}.animate .animate-3 .item-right3{width:10%;right:32%;bottom:60%}.animate .animate-3 .item-right4{width:22%;right:8%;bottom:79%}.animate .animate-4{z-index:7}.animate .animate-4>div{bottom:75%;opacity:0}.animate .animate-4 .crossing{width:20%;right:0;left:0;bottom:70%;margin:auto}.animate .animate-4 .elves-1{left:18%;bottom:67%}.animate .animate-4 .elves-2{left:11%;bottom:65%}.animate .animate-4 .elves-3{left:26%;bottom:93%}.animate .animate-4 .elves-4{left:23%;bottom:73%}.animate .animate-4 .elves-5{left:18%;bottom:85%}.animate .animate-4 .elves-6{right:18%;bottom:72%}.animate .animate-4 .elves-7{right:7%;bottom:72%}.animate .animate-4 .elves-8{right:13%}.animate .animate-4 .elves-9{right:5%;bottom:72%}.animate .animate-4 .elves-10{left:34%;bottom:84%}.animate .animate-4 .elves-11{right:4%;bottom:84%}.animate .animate-4 .elves-12{left:4%;bottom:69%}.animate .animate-4 .elves-13{left:12%;bottom:69%}.animate .animate-4 .elves-14{right:20%;bottom:69%}.animate .animate-4 .item-left1{left:36%}.animate .animate-4 .item-left2{width:13%;left:22%;bottom:80%}.animate .animate-4 .item-left3{left:13%;bottom:83%}.animate .animate-4 .item-left4{left:7%}.animate .animate-4 .item-left5{width:6%;left:33%}.animate .animate-4 .item-left6{width:20%;left:5%;bottom:66%}.animate .animate-4 .item-left7{width:10%;left:0;bottom:78%}.animate .animate-4 .item-left8{width:55%;left:-17%}.animate .animate-4 .item-left9{width:21%;left:14%;bottom:80%}.animate .animate-4 .item-left10{width:9%;left:35%;bottom:70%}.animate .animate-4 .item-left11{width:20%;left:6%;bottom:70%}.animate .animate-4 .item-left12{width:20%;right:9%;bottom:79%}.animate .animate-4 .item-right1{right:36%}.animate .animate-4 .item-right2{width:20%;right:13%;bottom:80%}.animate .animate-4 .item-right3{width:21%;right:5%;bottom:67%}.animate .animate-4 .item-right4{right:36%;bottom:73%}.animate .animate-4 .item-right5{width:10%;right:24%;bottom:72%}.animate .animate-4 .item-right6{width:20%;right:6%;bottom:88%}.animate .animate-4 .item-right7{right:36%;bottom:80%}.animate .animate-4 .item-right8{right:30%;bottom:80%}.animate .animate-4 .item-right9{width:13%;right:14%;bottom:72%}.animate .animate-4 .item-right10{width:55%;right:-20%;bottom:65%}.animate .animate-5>div{bottom:70%;opacity:0}.animate .animate-5 .item-left1,.animate .animate-5 .item-left2,.animate .animate-5 .item-left3,.animate .animate-5 .item-left4{left:36%}.animate .animate-5 .item-right1,.animate .animate-5 .item-right2,.animate .animate-5 .item-right3,.animate .animate-5 .item-right4{right:36%}.progress{width:90%;max-width:360px;height:4px;position:fixed;top:3vh;left:0;right:0;margin:auto;justify-content:space-between;z-index:60}.progress .box{width:14%;height:100%;background:#4a4078;border-radius:48px;overflow:hidden;position:relative}.progress .box:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#fff773;transform:scaleX(0);transform-origin:0 50%;transition:1s;border-radius:48px}.progress .box.active:after{transform:scale(1)}.dark-sky{height:120%;top:0;background:linear-gradient(180deg,#3d466e,rgba(61,70,110,0));z-index:15;transition:.3s;transform:translate3d(0,-100%,0)}.cloud-wrap,.dark-sky{width:100%;position:fixed;left:0}.cloud-wrap{height:100%;max-width:480px;max-height:1000px;bottom:0;right:0;margin:auto;z-index:50;transform:scale(1.2)}.cloud-wrap>div{opacity:0;position:absolute;transition:.3s}.cloud-wrap .cloud-1{height:80%;top:1%;right:26%;z-index:2;transform:translate(-50%)}.cloud-wrap .cloud-2{height:67%;top:-8%;left:18%;z-index:5;transform:translate(50%)}.cloud-wrap .cloud-3{height:34%;top:69%;right:36%;z-index:4;transform:translate(-50%)}.cloud-wrap .cloud-4{height:52%;top:52%;left:28%;z-index:3;transform:translate(50%)}.rain{width:100%;height:100%;position:fixed;top:0;left:0;z-index:15;opacity:0}.rain.active{opacity:1}.bg_blue{z-index:19;background:#3d466e;transition:.3s}.bg_blue,.story-end{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0}.story-end{max-width:480px;right:0;margin:auto;z-index:30;transition:.5s}.story-end.active{opacity:1}.story-end .item{width:100%;position:absolute;top:50%;transform:translateY(-50%);transition:.3s}.story-end .basic{width:100%;position:relative}.story-end .animate-wrap,.story-end .animate-wrap .box,.story-end .view{width:100%;position:absolute;top:0;left:0}.story-end .animate-wrap .box{transition:.5s}.story-end .hand{width:100%;padding-bottom:65.2%;position:absolute;top:0;left:0;mask-image:url(image/animate/end-cover.png?ac5e7);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(image/animate/end-cover.png?ac5e7);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;overflow:hidden}.story-end .hand .hand-animate{width:70%;position:absolute;top:20%;left:10%;transition:.15s}.story-end .end-text{width:100%;position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:.2s}.tip-arrow{width:100%;height:100%;max-width:480px;position:fixed;top:0;right:0;left:0;margin:auto;z-index:10;transition:.8s}.tip-arrow.hidden{display:none}.tip-arrow.run{opacity:0}.tip-arrow .item{width:12%;position:absolute;bottom:300px;right:0;left:0;margin:auto}.tip-arrow .item:before{padding-bottom:10%;top:20%;animation:start 3s linear infinite both;z-index:4}.tip-arrow .item:after,.tip-arrow .item:before{content:"";width:10%;position:absolute;right:0;left:0;margin:auto;background:#fff773;border-radius:10px}.tip-arrow .item:after{padding-bottom:25%;top:22%;animation:start2 3s linear infinite both}.animation-move-left{animation:move-left 4s linear infinite alternate-reverse both}.animation-move-right{animation:move-right 4s linear infinite alternate-reverse both}.animation-move-left-more{animation:move-left-more 4s linear infinite alternate-reverse both}.animation-move-right-more{animation:move-right-more 4s linear infinite alternate-reverse both}.animation-jump{animation:jump 3.6s linear infinite both}.animation-jump-high{animation:jump-high 3.6s linear infinite both;transform-origin:50% 100%}.animation-jump-sp{animation:jump-sp 3.6s linear infinite both;transform-origin:50% 100%}.animation-circle{animation:circle 3.6s linear infinite both}.animation-delay1{animation-delay:-.7s}.animation-delay2{animation-delay:-1.2s}.animation-delay3{animation-delay:-1.9s}