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}a{text-decoration:none;color:inherit}.image-w img,.image-w object,.image-w svg{width:100%;display:block}.image-h img,.image-h object,.image-h svg{height:100%;display:block}img{pointer-events:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}svg{width:100%;height:100%}@keyframes to-opacity{0%{opacity:1}to{opacity:.7}}@keyframes to-show{0%{opacity:0}to{opacity:1}}@keyframes to-width{0%{width:0}to{width:100%}}.loading{position:fixed;z-index:300;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;opacity:1;transition:.6s 2s}.loading,.loading:before{width:100%;height:100%;top:0;left:0}.loading:before{content:"";position:absolute;background:#2d3a38;animation:to-opacity 5s 2s both;mix-blend-mode:color}.loading.active{opacity:0;pointer-events:none}.loading.active .st0{stroke-dashoffset:0}.loading.active .wrap{opacity:0}.loading .wrap{width:32%;position:relative;transition:.6s}@media screen and (max-width:767px){.loading .wrap{width:80%}}.loading h4{margin:0 0 6%;animation:to-show 1s both}.loading .inner{width:100%;animation:to-show .8s both}.loading .outline1{width:64%}.loading .outline1 .first{width:64%;margin:0 0 0 12%;justify-content:space-between}.loading .outline2{width:70%;margin:0 0 0 auto;transform:translate3d(0,-12%,0)}.loading .outline2 .second{width:84%;margin:0 0 0 10%;justify-content:space-between}.loading .item{position:relative}.loading .item:after,.loading .item:before{content:"";height:1px;position:absolute;background:hsla(0,0%,100%,.7)}.loading .item:before{bottom:80%;left:0;animation:to-width 1.2s 1.2s both}.loading .item:after{top:84%;right:0;animation:to-width 1.2s 1.6s both}.loading .liner{width:100%;position:absolute;top:50%}.st0{fill:none;stroke:#fff;stroke-width:1px;stroke-dasharray:3300;stroke-dashoffset:3300;transition:3.6s linear}@media screen and (max-width:767px){.st0{stroke-width:2px}}html{opacity:0;transition:.8s}html.start{opacity:1}html.stop,html.stop body{width:100%;height:100%;overflow:hidden;position:fixed}body{font-family:"Noto Serif TC",serif;font-weight:300;background:#3e514f}@media screen and (min-width:1279.98px){body::-webkit-scrollbar{background:transparent;width:6px}body::-webkit-scrollbar-track{background:#fff}body::-webkit-scrollbar-thumb{background:#3e514f}}header{width:100%}.container,footer{width:100%;overflow:hidden}footer{padding:10% 0 6%;background:#2d3a38;position:relative;z-index:1}@media screen and (max-width:767px){footer{padding:12% 0 32%}}footer:before{content:"";width:100%;padding-bottom:21.3%;position:absolute;right:0;bottom:0;background:url(image/footer-bg.png?3677e) 50%;background-size:cover;z-index:-1}@media screen and (max-width:767px){footer:before{padding-bottom:49.7%;background:url(image/footer-bg-m.jpg?52876) 50%;background-size:cover;bottom:20%}}footer .inner{width:75%;margin:0 auto}@media screen and (max-width:767px){footer .inner{width:90%}}footer .logos{justify-content:space-between}footer .logos li{width:32%}footer .backer{position:relative}footer .backer p{position:absolute;top:-72%;left:16%}.fixed-area{width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;pointer-events:none}.fixed-area .wrap{width:6.25%;position:absolute;top:4%;right:3%}@media screen and (max-width:767px){.fixed-area .wrap{width:100%;flex-direction:row;top:auto;bottom:0;right:0;justify-content:center;background:#3e514f;padding:2% 0}}.fixed-area .item{border:1px solid #fff;box-sizing:border-box;border-radius:.69444vw;cursor:pointer;pointer-events:auto;position:relative;overflow:hidden;transform:translateZ(0)}@media screen and (max-width:767px){.fixed-area .item{width:48%;border-radius:2.66667vw}}@media screen and (min-width:1023.98px){.fixed-area .item:hover:before{height:0}}.fixed-area .item:before{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;background:linear-gradient(0deg,rgba(68,92,87,0),#445c57 25%);z-index:-1;transition:.5s}@media screen and (max-width:767px){.fixed-area .item:before{background:linear-gradient(-90deg,rgba(68,92,87,0),#445c57 25%)}}.fixed-area .item:first-child{padding:0 0 8%;z-index:2}@media screen and (max-width:767px){.fixed-area .item:first-child{padding:0 8% 0 0}}.fixed-area .item:last-child{padding:8% 0 0;transform:translate3d(0,-10%,0)}@media screen and (max-width:767px){.fixed-area .item:last-child{padding:0 0 0 8%;transform:translateZ(0);margin:0 0 0 -3%}}h1,h2,h3,h4,h5,h6{font-weight:300}.f-color-fff{color:#fff}.f-color-cde{color:#cde0de}.f-color-bcc{color:#bccfcd}.f-color-a0b{color:#a0b3b3}.f-color-1b2{color:#1b211d}.f-color-2d3{color:#2d3a38}.f-color-dff{color:#dff5f4}.f-color-d4f{color:#d4ffff}.f36{font-size:2.5vw;line-height:1.5;letter-spacing:.13889vw}@media screen and (max-width:767px){.f36{font-size:6.4vw;letter-spacing:.53333vw}}.f30{font-size:2.08333vw;line-height:1.5;letter-spacing:.13889vw}@media screen and (max-width:767px){.f30{font-size:5.33333vw;letter-spacing:.53333vw}}.f25{font-size:1.73611vw;line-height:1.5;letter-spacing:.13889vw}@media screen and (max-width:767px){.f25{font-size:4.8vw;letter-spacing:.53333vw}}.f22{font-size:1.52778vw;line-height:1.5;letter-spacing:.10417vw}@media screen and (max-width:767px){.f22{font-size:4.53333vw;letter-spacing:.4vw}}.f20{font-size:1.38889vw;line-height:1.5;letter-spacing:.10417vw}@media screen and (max-width:767px){.f20{font-size:4.26667vw;line-height:1.8;letter-spacing:.4vw}}.f18{font-size:1.25vw;line-height:1.5;letter-spacing:.10417vw}@media screen and (max-width:767px){.f18{font-size:4vw;line-height:1.8;letter-spacing:.4vw}}.f15{font-size:1.04167vw;line-height:1.5;letter-spacing:.06944vw}@media screen and (max-width:767px){.f15{font-size:3.73333vw;line-height:1.8;letter-spacing:.26667vw}}.f14{font-size:.97222vw;line-height:1.5;letter-spacing:.06944vw}@media screen and (max-width:767px){.f14{font-size:3.46667vw;line-height:2;letter-spacing:.26667vw}}.f12{font-size:.83333vw;line-height:1.5;letter-spacing:.06944vw}@media screen and (max-width:767px){.f12{font-size:3.2vw;line-height:2;letter-spacing:.26667vw}}.f-family-work{font-family:Work Sans,sans-serif;font-weight:200}.f-letter-2{letter-spacing:.13889vw}.f-letter-4{letter-spacing:.27778vw}.f-letter-8{letter-spacing:.55556vw}.f-letter-12{letter-spacing:.83333vw}.f-right{text-align:right}.f-center{text-align:center}.f-justify{text-align:justify}.f-bold{font-weight:600}.f-heighter{line-height:2}.f-heightest{line-height:2.4}@media screen and (max-width:767px){.f-block{display:block}}.no-show{position:absolute;visibility:hidden}.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}@media screen and (max-width:767px){.assets-images{background:url(image/fixed-video-m.png?93401);background:url(image/fixed-go-m.png?89013);background:url(image/progress/director-m.jpg?93f6d);background:url(image/album/p1-m.jpg?1a887);background:url(image/album/p2-m.jpg?ae9cb);background:url(image/album/p3-m.jpg?76118);background:url(image/album/p4-m.jpg?e28da);background:url(image/album/p5-m.jpg?a71fa);background:url(image/logo-1-m.png?8ad17);background:url(image/logo-2-m.png?a0a96);background:url(image/logo-3-m.png?621c9);background:url(image/gift/text-m.png?59577)}}.main{width:100%;position:relative;overflow:hidden;z-index:5}.main.active .title-area .wrap{opacity:1}.main.active .title-area .detail:after,.main.active .title-area .detail:before{width:100%}.main.active .title-image{opacity:1;transform:scale(1);filter:blur(0)}.main.active .slogan{opacity:1}.main.active .slogan .item:after,.main.active .slogan .item:before{width:100%}.main:before{content:"";width:100%;padding-bottom:37.84%;position:absolute;bottom:-20%;left:0;background:url(image/main/bg.png?a3339) 50%;background-size:cover;z-index:1}@media screen and (max-width:767px){.main:before{bottom:-5%}}.main .bg{width:100%;padding-bottom:56.25%;position:relative}@media screen and (max-width:767px){.main .bg{padding-bottom:160%}}.main .bg video{width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.main .bg video{transform:scale(3) translate3d(10%,0,0)}}.main .title-area{width:47.22222%;position:absolute;top:10%;left:10%}@media screen and (max-width:767px){.main .title-area{width:100%;left:0;top:14%}}.main .title-area .wrap{width:70%;margin:0 0 3%;opacity:0;transition:.6s .4s}@media screen and (max-width:767px){.main .title-area .wrap{width:100%;margin:0 0 5%}}.main .title-area .detail:after,.main .title-area .detail:before{content:"";width:0;height:1px;position:absolute;background:#fff;transition:1.2s .6s}.main .title-area .detail:before{bottom:80%;left:0}.main .title-area .detail:after{top:83%;right:0}.main .title-area .sub,.main .title-area .title{width:48%;position:relative;justify-content:space-around}.main .title-area .sub{transform:translate3d(0,32%,0)}.main .title-image{opacity:0;transform:scale(1.1);filter:blur(1vw);transition:.7s linear}.main .slogan{width:36.11111%;position:absolute;top:44%;left:10%;opacity:0;transition:.6s 1.5s}@media screen and (max-width:767px){.main .slogan{width:100%;left:0;top:42%;font-size:4.26667vw}}.main .slogan .first{width:80%;justify-content:space-around;position:relative;z-index:1}.main .slogan .first.item:after,.main .slogan .first.item:before{transition:1.2s 2s}.main .slogan .second{width:82%;justify-content:space-around;margin:0 0 0 auto;position:relative;transform:translate3d(0,-11%,0)}.main .slogan .second.item:after,.main .slogan .second.item:before{transition:1.2s 1.8s}.main .slogan .item:after,.main .slogan .item:before{content:"";width:0;height:1px;position:absolute;left:0;background:hsla(0,0%,100%,.7)}.main .slogan .item:before{height:70%;background:linear-gradient(90deg,#445c57 50%,rgba(68,92,87,0));bottom:18%;z-index:-1}.main .slogan .item:after{top:84%}.main h1,.main h2{letter-spacing:0}.rating{padding:5% 0 0;position:relative;z-index:5}.rating .wrap{width:61.11111%;margin:0 auto}@media screen and (max-width:767px){.rating .wrap{width:90%}}.rating h3{justify-content:space-between}.rating h5{position:relative}.rating h5:before{content:"";width:100%;padding-bottom:28%;left:0;position:absolute;border-color:#fff;border-style:solid;border-width:0 1px 1px 0;border-radius:0 0 1.25vw 0;bottom:84%}@media screen and (max-width:767px){.rating h5:before{border-radius:0 0 3.2vw 0;bottom:105%}}.rating .final{position:relative}.rating .final:before{content:"";width:6%;right:0;position:absolute;padding-bottom:50%;border-color:#fff;border-style:solid;border-width:0 1px 1px 0;border-radius:0 0 1.25vw 0;bottom:40%}@media screen and (max-width:767px){.rating .final:before{border-radius:0;padding-bottom:60%;border-radius:0 0 4.8vw 0}}.rating .first{width:100%}.rating .f-letter-4:before{content:" "}.rating .bar{width:100%;margin:6% 0 0;padding:1.6% 0 1.6% 2%;box-sizing:border-box;border:1px solid #fff}@media screen and (max-width:767px){.rating .bar{margin:8% 0 0;border:0;background:linear-gradient(90deg,hsla(0,0%,100%,.2),rgba(86,113,64,.2))}}.rating .bar .inner{padding-bottom:1.1%;background:linear-gradient(90deg,#fff,#8c9182 15%,#c4ccb6);border-radius:0 .55556vw .55556vw 0}@media screen and (max-width:767px){.rating .bar .inner{padding-bottom:2.2%}}.rating .goal{margin:4% 0 0;position:relative;padding:0 0 12%}@media screen and (max-width:767px){.rating .goal{margin:5% 0 0;font-size:3.73333vw;line-height:1.3}}.rating .step{width:22%;position:absolute;transform:translate3d(-100%,0,0)}.rating .step:before{content:"";width:.625vw;height:.625vw;position:absolute;bottom:260%;right:-2.2%;border-radius:50%;box-shadow:0 0 0 1px #fff}@media screen and (max-width:767px){.rating .step:before{width:1.33333vw;height:1.33333vw;bottom:165%;right:-3.5%}}.rating .step.step1{left:25%}.rating .step.step2{left:50%}.rating .step.step3{left:75%}.rating .step.step4{left:100%}.rating .gogo{position:absolute;font-size:1.25vw;font-weight:700;letter-spacing:.13889vw;background:#fff;color:#354a48;right:-25%;bottom:320%;padding:1% 4%}@media screen and (max-width:767px){.rating .gogo{font-size:4vw;right:-47%;bottom:185%}}.gift{padding:0 0 8%;position:relative}.gift:before{content:"";width:100%;padding-bottom:49.1%;background:url(image/gift/bg.jpg?47c6f) 50%;background-size:cover;position:absolute;left:0;bottom:-40%}@media screen and (max-width:767px){.gift:before{padding-bottom:121.4%;background:url(image/gift/bg-m.jpg?16aec) 50%;background-size:cover}}.gift .inner{width:75%;margin:0 auto;position:relative;z-index:2;align-items:flex-end;justify-content:space-between}@media screen and (max-width:767px){.gift .inner{width:100%;justify-content:center}}.gift .title{width:48%}@media screen and (max-width:767px){.gift .title{width:100%}}.gift .timer{width:94%;margin:5% auto 0}.gift .text{width:48%}@media screen and (max-width:767px){.gift .text{width:100%;margin:10% 0 0}}.name{padding:5% 0;position:relative;z-index:5}.name.active .wrap .item{opacity:1;transform:translateZ(0)}.name .layout{width:75%;margin:0 auto}@media screen and (max-width:767px){.name .layout{width:100%}}.name .wrap{margin:-4% 0 0}@media screen and (max-width:767px){.name .wrap{margin:4% 0 0}}.name .wrap .item{position:relative;opacity:0;transform:translate3d(0,4%,0)}.name .wrap .item:first-child{width:89.4%;transition:.5s .2s}@media screen and (max-width:767px){.name .wrap .item:first-child{width:100%}}.name .wrap .item:first-child .text{width:53.2%}@media screen and (max-width:767px){.name .wrap .item:first-child .text{width:80%;margin:-20% auto 0}}.name .wrap .item:last-child{width:48.1%;margin:-43% 0 0 auto;transition:.5s 1s}@media screen and (max-width:767px){.name .wrap .item:last-child{width:100%;margin:5% 0 0}}@media screen and (max-width:767px){.name .wrap .item:last-child .text{width:92%;position:absolute;top:5%;right:0;left:0;margin:auto;padding:12% 0 0;border-top:1px solid #fff;text-align:center}}.name .wrap .text{margin:2% 0 0}.founder{width:100%;padding-bottom:72.9%;background:url(image/founder/bg.jpg?18170) no-repeat 50%;background-size:cover;margin:-17% 0 0;position:relative;opacity:0;transform:translate3d(0,4%,0);transition:.8s}@media screen and (max-width:767px){.founder{padding-bottom:182.2%;background:url(image/founder/bg-m.jpg?43283) no-repeat 50%;background-size:cover;margin:-10% 0 0}}.founder.active{opacity:1;transform:translateZ(0)}.founder .title{width:38.19444%;position:absolute;top:48%;right:15%;background:#3e514f;padding:1% 2%}@media screen and (max-width:767px){.founder .title{width:45%;padding:2% 4%;top:12%;right:auto;left:0}}.founder h3{margin:0 0 2%}@media screen and (max-width:767px){.founder h3{text-align:right}}.founder .sp,.founder .sp2{transform:translate3d(8%,0,0)}.founder .sp2{display:block}.founder .text{width:47.91667%;padding-bottom:30%;position:absolute;bottom:0;right:0}@media screen and (max-width:767px){.founder .text{width:100%;padding-bottom:0;bottom:2%}}.founder .text .inner{width:100%;height:100%;position:absolute;top:0;left:0;padding:5.5% 7%;box-sizing:border-box}@media screen and (max-width:767px){.founder .text .inner{position:static;padding:0}}.founder .text .detail{width:90%;margin:3% 0 0}@media screen and (min-width:768px) and (max-width:1023.97px){.founder .text .detail{width:100%}}@media screen and (max-width:767px){.founder .text .detail{margin:8% auto 0;font-size:3.2vw}}@media screen and (max-width:767px){.founder h5{padding:0 14%;box-sizing:border-box;font-size:4.8vw}}.past{padding:8% 0;position:relative;z-index:2}@media screen and (max-width:767px){.past{padding:16% 0}}.past.active .title .first,.past.active .title .second{opacity:1}.past.active .title .item:after,.past.active .title .item:before{width:100%}@media screen and (min-width:768px){.past:after,.past:before{content:"";width:58.4%;padding-bottom:34.3%;position:absolute;left:0;background:url(image/past/bg.png?ba93a) 50%;background-size:cover;z-index:-1}}.past:before{top:12%}.past:after{bottom:0}.past .title{width:75%;margin:0 auto}@media screen and (max-width:767px){.past .title{width:90%}}.past .title .outline{width:64%}@media screen and (max-width:767px){.past .title .outline{width:80%}}.past .title .outline.item:after,.past .title .outline.item:before{transition:1.2s .3s}.past .title .first{width:42%;justify-content:space-around;margin:0 0 0 auto;opacity:0;transition:.4s}@media screen and (max-width:767px){.past .title .first{width:56%;margin:0}}.past .title .second{width:47.2%;margin:0 0 0 auto;justify-content:space-around;transform:translate3d(0,-16%,0);opacity:0;transition:.4s .3s}@media screen and (max-width:767px){.past .title .second{width:88%;transform:translate3d(0,12%,0)}}.past .title .second.item:after,.past .title .second.item:before{transition:1.2s .6s}.past .title .item{position:relative}.past .title .item:after,.past .title .item:before{content:"";width:0;height:1px;position:absolute;background:hsla(0,0%,100%,.7)}.past .title .item:before{bottom:80%;left:0}.past .title .item:after{top:86%;right:0}.past .list{width:75%;margin:5% auto 0}@media screen and (max-width:767px){.past .list li{margin:0 0 8%}}.past .list li.active .wrap,.past .list li.active h5{opacity:1;transform:translateZ(0)}.past .list li.active .wrap:before,.past .list li.active h5:before{width:100%}.past .list li.active .line{opacity:1;transform:scaleY(1)}@media screen and (max-width:767px){.past .list li.active .line{height:7%}}.past .list li.active .detail:before{transform:scaleX(1)}.past .list li.active .detail .item{transform:translateZ(0)}@media screen and (max-width:767px){.past .list{width:100%;margin:12% 0 0}}@media screen and (max-width:767px){.past .list .top{flex-direction:column}}.past .list .wrap{padding:3% 0 3% 8%;margin:9% 0 0 -7%;position:relative;z-index:-1;width:77%;opacity:0;transform:translate3d(0,4%,0);transition:.4s .3s}@media screen and (max-width:767px){.past .list .wrap{width:100%;padding:6% 4%;margin:-5% 0 0;box-sizing:border-box}}.past .list .wrap:before{content:"";width:0;height:100%;position:absolute;top:0;right:0;background:#465b59;z-index:-1;transition:.8s .6s}.past .list h5{font-size:3.88889vw;letter-spacing:.55556vw;opacity:0;transform:translate3d(0,4%,0);transition:.4s}@media screen and (max-width:767px){.past .list h5{font-size:14.93333vw;letter-spacing:2.13333vw}}.past .list h6{position:relative;padding:0 3%;display:inline-block}@media screen and (max-width:767px){.past .list h6{width:100%;padding:0 8%;box-sizing:border-box;text-align:center}}.past .list h6:after,.past .list h6:before{content:"";width:1.25vw;height:1px;position:absolute;background:#fff;transform:rotate(-45deg)}@media screen and (max-width:767px){.past .list h6:after,.past .list h6:before{width:4.8vw}}.past .list h6:before{top:0;left:0}.past .list h6:after{bottom:0;right:0}.past .list .bottom{position:relative}@media screen and (max-width:767px){.past .list .bottom{padding:0 0 12%}}.past .list .line{width:1px;height:90%;background:#fff;position:absolute;bottom:0;left:7%;z-index:5;opacity:0;transform:scaleY(0);transform-origin:50% 0;transition:.8s .8s}@media screen and (max-width:767px){.past .list .line{height:100%;left:0;right:0;margin:auto;transform:scaleY(1);transition:1.2s 1s}}.past .list .line:before{content:"";width:.69444vw;height:.69444vw;position:absolute;top:0;left:0;transform:translate3d(-50%,-50%,0);border-radius:50%;box-shadow:0 0 0 1px #fff}@media screen and (max-width:767px){.past .list .line:before{width:2.13333vw;height:2.13333vw}}.past .list .detail{width:82.5%;margin:0 0 0 auto;overflow:hidden;position:relative}.past .list .detail:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#394946;transform:scaleX(0);transform-origin:0 0;transition:.6s 1s}@media screen and (max-width:767px){.past .list .detail{width:90%;margin:0 auto}}.past .list .detail .item{width:90%;transform:translate3d(0,-100%,0);transition:.8s 1.1s}@media screen and (max-width:767px){.past .list .detail .item{width:72%;margin:0 auto}}.past .list .detail .text{width:70%;margin:0 0 0 auto;padding:2% 0}@media screen and (max-width:767px){.past .list .detail .text{width:100%;padding:8% 0}}.past .list .detail .box{width:50%;position:relative}@media screen and (max-width:767px){.past .list .detail .box{width:100%}}.past .list .detail .belong{background:rgba(62,81,79,.7);padding:1% 2%;position:absolute;right:0;bottom:0}.future{padding:8% 0;position:relative;z-index:5}.future.active .title .outline,.future.active .title .outline2{opacity:1}.future.active .title .item:after,.future.active .title .item:before{width:100%}.future.active .title .slogan{opacity:1}.future.active .title .slogan:before{width:100%}.future.active .list{opacity:1;transform:translateZ(0)}.future.active .list .photo:before{transform:translate3d(0,100%,0)}.future .title{width:75%;margin:0 auto}@media screen and (max-width:767px){.future .title{width:90%}}.future .title .outline{width:40%;opacity:0;transition:.4s}@media screen and (max-width:767px){.future .title .outline{width:88%}}.future .title .outline.item:after,.future .title .outline.item:before{transition:1.2s .3s}.future .title .outline2{width:80%;margin:0 0 0 auto;transform:translate3d(0,-16%,0);opacity:0;transition:.4s .3s}@media screen and (max-width:767px){.future .title .outline2{width:90%;transform:translate3d(0,4%,0)}}.future .title .outline2.item:after,.future .title .outline2.item:before{transition:1.2s .6s}.future .title .first{width:85%;justify-content:space-around;margin:0 0 0 auto}@media screen and (max-width:767px){.future .title .first{width:72%;margin:0}}.future .title .second{width:70%;justify-content:space-around}@media screen and (max-width:767px){.future .title .second{width:100%}}.future .title .item{position:relative}.future .title .item:after,.future .title .item:before{content:"";width:0;height:1px;position:absolute;background:hsla(0,0%,100%,.7)}.future .title .item:before{bottom:84%;left:0}.future .title .item:after{top:86%;right:0}.future .title .slogan{width:50%;margin:2% 0 0 auto;position:relative;padding:0 0 0 5%;box-sizing:border-box;opacity:0;transition:.4s .6s}@media screen and (max-width:767px){.future .title .slogan{width:88%;padding:0 2%;margin:5% 0 0 auto}}.future .title .slogan:before{content:"";width:0;height:1px;background:hsla(0,0%,100%,.7);position:absolute;top:100%;left:0;transition:1.2s 1.2s}.future .list{width:75%;margin:0 auto;padding:5% 0 0;justify-content:space-between;position:relative;opacity:0;transform:translate3d(0,4%,0);transition:.6s 2s}@media screen and (max-width:767px){.future .list{width:80%}}@media screen and (min-width:768px){.future .list:after,.future .list:before{content:"";width:1px;height:42%;background:#fff;position:absolute;bottom:-2%}}.future .list:before{left:32%}.future .list:after{right:32%}.future .list li{width:28%;box-sizing:border-box}@media screen and (max-width:767px){.future .list li{width:100%;margin:12% 0}}.future .list .photo{position:relative;overflow:hidden}.future .list .photo:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#2d3a38;mix-blend-mode:color;transition:1s 2.4s}.future .list .text{padding:0 3%;box-sizing:border-box}.future .list h5{margin:8% 0}@media screen and (max-width:767px){.future .list h5{margin:5% 0;font-size:5.86667vw;letter-spacing:.53333vw}}.need{margin:-12% 0 0}@media screen and (max-width:767px){.need{margin:-12% 0 0}}.need .bg{width:100%;padding-bottom:76.6%;background:url(image/need/bg.png?88014) 50%;background-size:cover;position:relative}@media screen and (max-width:767px){.need .bg{padding-bottom:165%;background:url(image/need/bg-m.jpg?ef2c5) 50%;background-size:cover}}.need .inner{width:57.08333%;position:absolute;left:0;right:0;bottom:20%;margin:auto;background:linear-gradient(180deg,rgba(62,81,79,0),rgba(62,81,79,.6),#3e514f);padding:3% 8%;box-sizing:border-box;opacity:0;filter:blur(1vw);transition:1.2s linear}.need .inner.active{opacity:1;filter:blur(0)}@media screen and (max-width:767px){.need .inner{width:85%;padding:5% 0 8%}}@media screen and (max-width:767px){.need p{padding:0 8%;box-sizing:border-box}}.need .right{text-align:right}.need .title{margin:0 0 12%;position:relative}.need .title:after,.need .title:before{content:"";width:2.08333vw;height:1px;position:absolute;background:#fff;transform:rotate(-45deg)}@media screen and (max-width:767px){.need .title:after,.need .title:before{width:4.8vw}}.need .title:before{top:-10%;left:-8%}@media screen and (max-width:767px){.need .title:before{top:-4%;left:-7%}}.need .title:after{bottom:-10%;right:-6%}.need .bot{margin:4% 0 0}.progress{padding:8% 0}.progress .list{width:75%;margin:auto;justify-content:space-between}@media screen and (max-width:767px){.progress .list{width:80%}}.progress .list li{width:29%;position:relative}@media screen and (max-width:767px){.progress .list li{width:100%}}.progress .list li.active{opacity:.1}.progress .list li:first-child:before{background:url(image/progress/bg1.png?7de80) 50%;background-size:cover}@media screen and (max-width:767px){.progress .list li:first-child:before{background:url(image/progress/bg1-m.png?6e4fa) 50%;background-size:cover}}.progress .list li:nth-child(3):before{background:url(image/progress/bg2.png?9d8df) 50%;background-size:cover}@media screen and (max-width:767px){.progress .list li:nth-child(3):before{background:url(image/progress/bg2-m.png?425a5) 50%;background-size:cover}}.progress .list li:last-child:before{background:url(image/progress/bg3.png?09919) 50%;background-size:cover}@media screen and (max-width:767px){.progress .list li:last-child:before{background:url(image/progress/bg1-m.png?6e4fa) 50%;background-size:cover}}.progress .list li:before{content:"";width:100%;padding-bottom:16.6%;position:absolute;left:0;top:93%;pointer-events:none}@media screen and (max-width:767px){.progress .list li:before{padding-bottom:124%;top:-5%}}.progress .list .title{padding:8% 0;background:rgba(62,81,79,.6)}@media screen and (max-width:767px){.progress .list .title{padding:6% 0 4%;font-size:5.33333vw;letter-spacing:2.13333vw}}.progress .list .step{padding:12% 0;background:#3e514f}@media screen and (max-width:767px){.progress .list .step{padding:6% 0;font-size:6.4vw;letter-spacing:2.13333vw}}.progress .list .text{padding:16% 0;background:#3e514f;border-top:1px solid #fff}.progress .list .arrow{width:3.6%}@media screen and (max-width:767px){.progress .list .arrow{width:12%;margin:-10% auto 0;transform:rotate(90deg);position:relative;z-index:10}}@media screen and (max-width:767px){.progress .list p{font-size:4vw;letter-spacing:.53333vw}}.progress .director{width:75%;margin:auto}@media screen and (max-width:767px){.progress .director{width:100%}}.bg-bottom{background:#2d3a38}.recommend{padding:0 0 18%;position:relative}.recommend.active .title:after{transform:scaleX(1)}.recommend.active .title:before{width:100%}.recommend.active .title h4:before{width:110%}.recommend.active .photo:before{transform:translate3d(0,100%,0)}@media screen and (min-width:768px){.recommend:before{content:"";width:100%;padding-bottom:38.2%;position:absolute;right:0;bottom:0;background:url(image/recommend/bg.png?e0ad2) 50%;background-size:cover}}.recommend .inner{width:75%;margin:0 auto}@media screen and (max-width:767px){.recommend .inner{width:100%}}.recommend .title{position:relative}@media screen and (max-width:767px){.recommend .title{width:80%;margin:0 auto}}.recommend .title:before{content:"";width:0;height:1px;position:absolute;top:105%;left:0;background:#a0b3b3;transition:1.2s .3s}.recommend .title:after{content:"";flex-grow:2;height:1px;background:#a0b3b3;display:block;transform:scaleX(0);transform-origin:100% 50%;transition:1.2s}.recommend .title h4{width:24%;font-size:2.91667vw;justify-content:space-around;position:relative}@media screen and (max-width:767px){.recommend .title h4{width:56%;font-size:8.53333vw}}.recommend .title h4:before{content:"";width:0;height:1px;position:absolute;bottom:102%;left:0;background:#a0b3b3;transition:1.8s .6s}.recommend .swiper-container{margin:8% 0 0}@media screen and (max-width:767px){.recommend .swiper-container{margin:16% 0 0}}.recommend .swiper-wrapper{justify-content:space-between;flex-wrap:wrap}@media screen and (max-width:767px){.recommend .swiper-wrapper{flex-wrap:nowrap}}.recommend .swiper-slide{width:47%;margin:0 0 5%}@media screen and (max-width:767px){.recommend .swiper-slide{width:100%}}.recommend .swiper-slide.full{width:100%}.recommend .swiper-slide.full .text{width:80%;padding:4% 0 0}@media screen and (max-width:767px){.recommend .swiper-slide.full .text{width:100%;padding:8% 0 0}}.recommend .swiper-slide.full .photo{width:17%}@media screen and (max-width:767px){.recommend .swiper-slide.full .photo{width:66%}}.recommend .swiper-slide.full .name-wrap{margin:0 0 4%}.recommend .swiper-slide.full h5{padding:0 3% 0 0}@media screen and (max-width:767px){.recommend .swiper-slide.full h5{padding:inherit}}.recommend .swiper-slide.full h6{padding:0 0 0 3%}@media screen and (max-width:767px){.recommend .swiper-slide.full h6{padding:inherit}}.recommend .swiper-slide.full h6:before{margin:0 3% 0 0}@media screen and (max-width:767px){.recommend .swiper-slide.full h6:before{margin:inherit}}.recommend .item{justify-content:space-between;align-items:flex-start}@media screen and (max-width:767px){.recommend .item{padding:0 10%;box-sizing:border-box;flex-direction:column;align-items:center}}.recommend .photo{width:35%;border-radius:50% 50% 0 50%;overflow:hidden;transform:translateZ(0);position:relative}@media screen and (max-width:767px){.recommend .photo{width:66%}}.recommend .photo:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#2d3a38;mix-blend-mode:color;transform:translateZ(0);transition:.6s 1.2s}.recommend .text{width:58%;padding:8% 0 0}@media screen and (max-width:767px){.recommend .text{width:100%}}.recommend .name-wrap{margin:0 0 8%;position:relative;align-items:flex-end}@media screen and (max-width:767px){.recommend .name-wrap{justify-content:center}}.recommend .btn{width:7%;padding-bottom:15.8%;position:absolute;top:12%;z-index:20;outline:0}.recommend .btn.btn-prev{background:url(image/arrow-prev.png?978d5) 50%;background-size:cover;left:7%}.recommend .btn.btn-next{background:url(image/arrow-next.png?0dcc4) 50%;background-size:cover;right:7%}.recommend h5{padding:0 6% 0 0;flex-shrink:0}@media screen and (max-width:767px){.recommend h5{font-size:5.86667vw}}.recommend h6{flex-grow:1;align-items:flex-end;position:relative;padding:0 0 0 5%;box-sizing:border-box}@media screen and (max-width:767px){.recommend h6{flex-grow:0;font-size:4.26667vw}}.recommend h6:before{content:"";width:1px;height:1.11111vw;position:absolute;left:0;bottom:0;background:#fff;transform:rotate(18deg) translate3d(0,-20%,0);transform-origin:50% 0;margin:0 8% 0 0}@media screen and (max-width:767px){.recommend h6:before{height:4.26667vw}}.reward{margin:-8% 0 0;position:relative;z-index:2}.reward.active .title:after{transform:scaleX(1)}.reward.active .title:before{width:100%}.reward.active .title h4:before{width:110%}.reward.active .swiper-slide .item{opacity:1;transform:translateZ(0)}.reward .inner{width:75%;margin:0 auto}@media screen and (max-width:767px){.reward .inner{width:100%}}.reward .title{position:relative}@media screen and (max-width:767px){.reward .title{width:80%;margin:0 auto}}.reward .title:before{content:"";width:0;height:1px;position:absolute;top:105%;left:0;background:#a0b3b3;transition:1.2s .3s}.reward .title:after{content:"";flex-grow:2;height:1px;background:#a0b3b3;display:block;transform:scaleX(0);transition:1.2s}.reward .title h4{width:28%;font-size:2.91667vw;justify-content:space-around;position:relative}@media screen and (max-width:767px){.reward .title h4{width:72%;font-size:8.53333vw}}.reward .title h4:before{content:"";width:0;height:1px;position:absolute;bottom:102%;left:0;background:#a0b3b3;transition:1.8s .6s}.reward .swiper-container{margin:8% 0 0}@media screen and (max-width:767px){.reward .swiper-container{margin:16% 0 0}}.reward .swiper-wrapper{flex-wrap:wrap}@media screen and (max-width:767px){.reward .swiper-wrapper{flex-wrap:nowrap}}.reward .swiper-slide{width:25%;margin:0 0 5%}.reward .swiper-slide:first-child .item{transition-delay:.25s}.reward .swiper-slide:nth-child(2) .item{transition-delay:.5s}.reward .swiper-slide:nth-child(3) .item{transition-delay:.75s}.reward .swiper-slide:nth-child(4) .item{transition-delay:1s}.reward .swiper-slide:nth-child(5) .item{transition-delay:1.25s}.reward .swiper-slide:nth-child(6) .item{transition-delay:1.5s}.reward .swiper-slide:nth-child(7) .item{transition-delay:1.75s}.reward .swiper-slide:nth-child(8) .item{transition-delay:2s}@media screen and (max-width:767px){.reward .swiper-slide{width:100%}}@media screen and (max-width:767px){.reward .text{border-bottom:1px solid #a0b3b3;margin:0 0 8%;padding:0 0 8%}}.reward .photo{width:88%;margin:0 auto 8%}@media screen and (max-width:767px){.reward .photo{width:72%}}.reward .item{position:relative;opacity:0;transform:translate3d(0,4%,0);transition:.5s}@media screen and (max-width:767px){.reward .item{padding:0 10%;box-sizing:border-box}}@media screen and (min-width:1023.98px){.reward .item:hover .more{opacity:1}}.reward .more{width:100%;height:46%;border:1px solid #a0b3b3;box-sizing:border-box;background:rgba(83,97,95,.8);position:absolute;top:20%;left:0;right:0;margin:auto;opacity:0;transition:.6s}@media screen and (max-width:767px){.reward .more{position:static;opacity:1;background:transparent;border:0;font-size:3.73333vw;letter-spacing:.53333vw;line-height:1.5}}.reward .number{width:13%;margin:0 2% 0 0;flex-shrink:0}.reward .btn{width:7%;padding-bottom:15.8%;position:absolute;top:20%;z-index:20;outline:0}.reward .btn.btn-prev{background:url(image/arrow-prev.png?978d5) 50%;background-size:cover;left:7%}.reward .btn.btn-next{background:url(image/arrow-next.png?0dcc4) 50%;background-size:cover;right:7%}@media screen and (max-width:767px){.reward h5{font-size:4.8vw;letter-spacing:.8vw;text-align:center}}.program{padding:12% 0;position:relative;z-index:1}@media screen and (max-width:767px){.program{padding:16% 0}}.program.active .title:after{transform:scaleX(1)}.program.active .title:before{width:100%}.program.active .title h4:before{width:110%}.program.active .timer{opacity:1;transform:translateZ(0)}@media screen and (min-width:768px){.program:before{content:"";width:100%;padding-bottom:38.2%;position:absolute;right:0;top:-8%;background:url(image/recommend/bg.png?e0ad2) 50%;background-size:cover;transform:rotateY(180deg);z-index:-1}}.program .inner{width:75%;margin:0 auto}@media screen and (max-width:1279.97px) and (min-width:1023.98px){.program .inner{width:80%}}@media screen and (max-width:767px){.program .inner{width:100%}}.program .title{position:relative}@media screen and (max-width:767px){.program .title{width:80%;margin:0 auto}}.program .title:before{content:"";width:0;height:1px;position:absolute;top:105%;left:0;background:#a0b3b3;transition:1.2s .3s}.program .title:after{content:"";flex-grow:2;height:1px;background:#a0b3b3;display:block;transform:scaleX(0);transition:1.2s}.program .title h4{width:24%;font-size:2.91667vw;justify-content:space-around;position:relative}@media screen and (max-width:767px){.program .title h4{width:72%;font-size:8.53333vw}}.program .title h4:before{content:"";width:0;height:1px;position:absolute;bottom:102%;left:0;background:#a0b3b3;transition:1.2s .6s}.program .text{width:81%;padding:6% 6% 10%;box-sizing:border-box;border:1px solid #bccfcd;margin:12% 0 0;position:relative}@media screen and (max-width:767px){.program .text{width:100%;padding:5% 5% 8%;text-align:center}}.program .list{justify-content:space-between;align-items:flex-end;margin:8% 0 0}@media screen and (max-width:767px){.program .list{width:84%;margin:16% auto 0}}.program .list .item{width:31.5%;border-radius:1.66667vw;overflow:hidden;transform:translateZ(0);box-sizing:border-box;border:1px solid #2d3a38;transition:.5s;margin:0 0 4%}@media screen and (max-width:767px){.program .list .item{width:100%;border-radius:5.33333vw;margin:0 0 10%}}.program .list .item.active{border:1px solid #a0b3b3}.program .list .item.active .head{background:rgba(160,179,179,.6)}.program .list .item.active h5{color:#2d3a38}.program .list .item.active .bot{background:rgba(160,179,179,.3)}.program .list .item.active .cta-wrap{background:#a0b3b3}.program .list .item.active .gogo:before,.program .list .item.active .limit:before,.program .list .item.active .three:before{background:#2d3a38}.program .list .item.active .sp{color:#fff}.program .list .item.soldout{pointer-events:none}.program .list .item.soldout .bot,.program .list .item.soldout .head{opacity:.3}@media screen and (min-width:1023.98px){.program .list .item:hover{border:1px solid #a0b3b3}.program .list .item:hover .head{background:rgba(160,179,179,.6)}.program .list .item:hover h5{color:#2d3a38}.program .list .item:hover .bot{background:rgba(160,179,179,.3)}.program .list .item:hover .cta-wrap{background:#a0b3b3}.program .list .item:hover .gogo:before,.program .list .item:hover .limit:before,.program .list .item:hover .three:before{background:#2d3a38}.program .list .item:hover .sp{color:#fff}}.program .list .item.sp{width:66%}@media screen and (max-width:767px){.program .list .item.sp{width:100%}}.program .list .item.sp .opt{margin:5% 0 0;justify-content:space-between}.program .list .item.sp a{width:48%}@media screen and (max-width:767px){.program .list .item.sp a{width:100%}}.program .list h5{line-height:1.2}@media screen and (max-width:767px){.program .list h5{font-size:5.86667vw;letter-spacing:.8vw}}.program .list .soldout-area{width:100%;height:100%;position:absolute;top:0;left:0}.program .list .soldout-text{font-size:4.16667vw;line-height:1.2;background:linear-gradient(90deg,rgba(62,81,79,.6),#3e514f);border-color:#fff;border-style:solid;border-width:0 1px;padding:0 4%}@media screen and (max-width:767px){.program .list .soldout-text{font-size:9.6vw}}.program .list .head{background:rgba(160,179,179,.1);padding:4% 8%;box-sizing:border-box;transition:.5s;min-height:6vw}.program .list .bot{background:rgba(160,179,179,.05);padding:6% 4% 8%;box-sizing:border-box;transition:.5s}@media screen and (max-width:767px){.program .list .bot{padding:6% 6% 8%}}.program .list .textarea{min-height:18vw}.program .list .cta-wrap{width:100%;background:rgba(160,179,179,.5);box-shadow:.20833vw .20833vw .34722vw 0 rgba(0,0,0,.2);transition:.5s}@media screen and (max-width:767px){.program .list .cta-wrap{margin:8% 0 0}}.program .list .cta-detail{width:60%;justify-content:space-around;transform:scaleX(1.12);transform-origin:50% 50%;margin:0 auto}.program .list .apart{width:100%;justify-content:space-between}.program .list .limit{position:relative;z-index:1}.program .list .limit:before{content:"";width:100%;height:50%;position:absolute;left:0;bottom:0;background:rgba(180,217,217,.2);border-bottom:1px solid #fff;z-index:-1}.program .list .gogo{position:relative;display:inline-block;z-index:1;line-height:1.8}.program .list .gogo:before{content:"";width:100%;height:50%;position:absolute;left:0;bottom:0;background:rgba(180,217,217,.2);border-bottom:1px solid #fff;z-index:-1}.program .list .three{position:relative;z-index:1;line-height:1.8}.program .list .three:before{content:"";width:100%;height:60%;position:absolute;left:0;bottom:10%;background:rgba(180,217,217,.2);border-bottom:1px solid #fff;z-index:-1}.program .list .box li{margin:1.5% 0}.faq{padding:0 0 8%}@media screen and (max-width:767px){.faq{padding:0 0 16%}}.faq.active .title:after{transform:scaleX(1)}.faq.active .title:before{width:100%}.faq.active .title h4:before{width:110%}.faq.active .list{opacity:1;transform:translateZ(0)}.faq .inner{width:75%;margin:0 auto}@media screen and (max-width:767px){.faq .inner{width:100%}}.faq .title{position:relative}@media screen and (max-width:767px){.faq .title{width:80%;margin:0 auto}}.faq .title:before{width:0;position:absolute;top:105%;left:0;transition:1.2s .3s}.faq .title:after,.faq .title:before{content:"";height:1px;background:#a0b3b3}.faq .title:after{flex-grow:2;display:block;transform:scaleX(0);transition:1.2s}.faq .title h4{width:24%;font-size:2.91667vw;justify-content:space-around;position:relative}@media screen and (max-width:767px){.faq .title h4{width:56%;font-size:8.53333vw}}.faq .title h4:before{content:"";width:0;height:1px;position:absolute;bottom:102%;left:0;background:#a0b3b3;transition:1.2s .6s}.faq .list{margin:4% 0 0;border:1px solid #a0b3b3;word-break:break-all;opacity:0;transform:translate3d(0,4%,0);transition:.6s .8s}@media screen and (max-width:767px){.faq .list{width:88%;margin:12% auto 0}}.faq .item{border-bottom:1px solid #a0b3b3;position:relative}@media screen and (max-width:767px){.faq .item{font-size:4.26667vw}}.faq .item:before{content:"";width:1px;height:100%;position:absolute;top:0;left:5%;background:#a0b3b3}@media screen and (max-width:767px){.faq .item:before{left:16%}}.faq .item.active .arrow{transform:rotateX(180deg)}.faq .detail{width:100%;padding:0 4% 0 0;box-sizing:border-box}@media screen and (max-width:767px){.faq .detail{padding:0 6% 0 0}}.faq .question{width:100%;position:relative;justify-content:space-between}@media screen and (max-width:767px){.faq .question{padding:6% 0}}.faq .question .text{width:90%;align-items:stretch}.faq .question h4{padding:2% 0}.faq .arrow{width:3%;height:0;padding-bottom:3%;transition:.5s;transform-origin:50% 30%;position:relative;margin:3% 0 0;flex-shrink:0}@media screen and (max-width:767px){.faq .arrow{width:8%;padding-bottom:8%;margin:6% 0 0 6%}}.faq .arrow:before{content:"";width:100%;height:100%;border-top:1px solid #a0b3b3;border-right:1px solid #a0b3b3;transform:rotate(-45deg);position:absolute;top:0;left:0}.faq .number{padding:1.8% 2% 0;margin:0 2% 0 0;flex-shrink:0}@media screen and (max-width:767px){.faq .number{padding:5% 6% 0;margin:0 5% 0 0;font-size:5.33333vw}}.faq .answer{height:0;box-sizing:border-box;overflow:hidden;transition:.6s}.faq .answer p{padding:0 0 2%}@media screen and (max-width:767px){.faq .answer p{padding:0 0 8%}}.faq .answer .image{width:80%}@media screen and (max-width:767px){.faq .answer .image{width:100%}}.album .swiper-pagination.swiper-pagination-bullets{bottom:10%}.album .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .5%}@media screen and (max-width:767px){.album .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2%}}.album .swiper-pagination-bullet{width:.69444vw;height:.69444vw;background:#2d3a38;opacity:1;border:1px solid #a0b3b3}@media screen and (max-width:767px){.album .swiper-pagination-bullet{width:2.66667vw;height:2.66667vw}}.album .swiper-pagination-bullet-active{background:#a0b3b3}.lightbox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:150;display:flex;flex-direction:row;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.8s}.lightbox.active{opacity:1;pointer-events:auto}.lightbox.active .wrap{transform:translateZ(0);opacity:1}.lightbox .wrap{width:56%;transform:translate3d(0,5%,0);opacity:0;transition:.6s .8s}@media screen and (max-width:767px){.lightbox .wrap{width:100%}}.lightbox .inner{width:100%;padding-bottom:56.2%;position:relative}.lightbox iframe{width:100%;height:100%;position:absolute;top:0;left:0}.lightbox .close{width:7%;padding-bottom:7%;position:absolute;top:102%;right:0;left:0;margin:auto;cursor:pointer}@media screen and (max-width:767px){.lightbox .close{width:15%;padding-bottom:15%;top:110%}}.lightbox .close:after,.lightbox .close:before{content:"";width:70%;height:.13889vw;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;background:#fff}.lightbox .close:before{transform:rotate(45deg)}.lightbox .close:after{transform:rotate(-45deg)}.flip-clock{-webkit-user-select:none;text-align:center;position:relative;width:100%;display:inline-flex;box-sizing:border-box;align-items:flex-end;font-family:Work Sans;font-weight:200;justify-content:space-between}.flip-clock .flip-clock-group{width:22%;padding-bottom:22%;display:flex;position:relative}.flip-clock .flip-clock-group .flip-clock-label{position:absolute;top:110%;left:0;width:100%;height:2em;line-height:2em;font-size:1.38889vw;letter-spacing:.20833vw;color:#a0b3b3}@media screen and (max-width:767px){.flip-clock .flip-clock-group .flip-clock-label{top:105%;font-size:3.73333vw;letter-spacing:.53333vw}}.flip-clock .flip-clock-group .flip-clock-list{width:50%;height:100%;position:absolute;top:0;color:#2d3a38;font-weight:700}.flip-clock .flip-clock-group .flip-clock-list:first-child{left:0}.flip-clock .flip-clock-group .flip-clock-list:nth-child(2){right:0}.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .active .flip-clock-list-item-inner{z-index:4}.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .flip-clock-list-item-inner .bottom:after,.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .flip-clock-list-item-inner .top:after{display:none}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner{padding:0 4%}.flip-clock .flip-clock-group .flip-clock-list.flip{animation-delay:.5s;animation-duration:1s}.flip-clock .flip-clock-group .flip-clock-list.flip .flip-clock-list-item-inner{perspective:15em}.flip-clock .flip-clock-group .flip-clock-list.flip .active,.flip-clock .flip-clock-group .flip-clock-list.flip .active>div,.flip-clock .flip-clock-group .flip-clock-list.flip .before,.flip-clock .flip-clock-group .flip-clock-list.flip .before>div,.flip-clock .flip-clock-group .flip-clock-list.flip .bottom,.flip-clock .flip-clock-group .flip-clock-list.flip .top{animation-delay:inherit;animation-fill-mode:forwards;animation-duration:inherit;animation-timing-function:ease-in}.flip-clock .flip-clock-group .flip-clock-list.flip .active:after,.flip-clock .flip-clock-group .flip-clock-list.flip .active>div:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before>div:after,.flip-clock .flip-clock-group .flip-clock-list.flip .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .top:after{animation-duration:inherit;animation-fill-mode:inherit;animation-timing-function:inherit}.flip-clock .flip-clock-group .flip-clock-list.flip .before{animation-delay:0s}.flip-clock .flip-clock-group .flip-clock-list.flip .before .top{animation-name:flip-top;transform:scale(.9)}.flip-clock .flip-clock-group .flip-clock-list.flip .before .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before .top:after{animation-name:show-shadow}.flip-clock .flip-clock-group .flip-clock-list.flip .active>div{animation-name:indexing}.flip-clock .flip-clock-group .flip-clock-list.flip .active .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .active .top:after{animation-delay:75ms;animation-name:hide-shadow}.flip-clock .flip-clock-group .flip-clock-list.flip .active .bottom{animation-name:flip-bottom;transform:scale(.9)}.flip-clock .flip-clock-group .flip-clock-list .active{z-index:2}.flip-clock .flip-clock-group .flip-clock-list .active .bottom{z-index:2;transform-origin:top center}.flip-clock .flip-clock-group .flip-clock-list .before{z-index:3}.flip-clock .flip-clock-group .flip-clock-list .before .top{z-index:2;transform-origin:bottom center}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner{position:absolute;width:100%;height:100%}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner:first-child{z-index:2}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top{width:100%;height:50%;overflow:hidden;position:relative;font-size:3.33333vw;background:#bfd1d0}@media screen and (max-width:767px){.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top{font-size:9.06667vw}}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom:after,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top:after{content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom:before,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top:before{content:" ";display:block;width:100%;height:1px;position:absolute}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top{line-height:2.2}@media screen and (max-width:1279.97px) and (min-width:1023.98px){.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top{line-height:2.3}}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top:before{background:#2d3a38;opacity:.6;bottom:0}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom{line-height:0}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom:before{background:#ccc;opacity:.2}.flip-clock .flip-clock-divider{display:none}@keyframes indexing{0%{z-index:2}1%{z-index:3}to{z-index:4}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes show-shadow{0%{opacity:0}to{opacity:1}}@keyframes hide-shadow{0%{opacity:1}to{opacity:0}}.thankbox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.8);z-index:200;display:flex;flex-direction:row;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.8s}.thankbox.active{opacity:1;pointer-events:auto}.thankbox.active .wrap{transform:translateZ(0);opacity:1}.thankbox .wrap{width:58%;opacity:0;transition:.6s .8s;background:#000;padding:4% 8%;box-sizing:border-box;border:1px solid #bfd1d0;background:url(image/popup.jpg?e3f3b) 50% 50%;background-size:cover}@media screen and (max-width:767px){.thankbox .wrap{width:100%;padding:4%}}.thankbox .item{width:36%;position:relative}.thankbox .item:last-child{transform:translate3d(0,36%,0)}.thankbox .item:after,.thankbox .item:before{content:"";width:100%;height:1px;position:absolute;left:0;background:hsla(0,0%,100%,.7)}.thankbox .item:before{bottom:86%}.thankbox .item:after{top:84%}.thankbox .author{width:100%;margin:2% 0 0}.thankbox .author:before{content:"";width:10%;height:1px;background:#fff;display:inline-block;vertical-align:middle}.thankbox h5{width:70%;justify-content:space-between;margin:0 auto}@media screen and (max-width:767px){.thankbox h5{font-size:6.4vw}}.thankbox .content{margin:8% 0 4%;letter-spacing:.10417vw}@media screen and (max-width:767px){.thankbox .content{font-size:3.2vw;letter-spacing:.26667vw}}.thankbox .close{width:7%;padding-bottom:7%;position:absolute;top:0;right:0;margin:auto;cursor:pointer}@media screen and (max-width:767px){.thankbox .close{width:15%;padding-bottom:15%}}.thankbox .close:after,.thankbox .close:before{content:"";width:70%;height:.13889vw;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;background:#fff}.thankbox .close:before{transform:rotate(45deg)}.thankbox .close:after{transform:rotate(-45deg)}