body,html{margin:0;padding:0;height:100%;width:100%;box-sizing:border-box;font-family:Helvetica;color:#222}li,ul{list-style:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0}header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;transition:.6s;padding:30px 0;z-index:9999;will-change:scroll-position}@media screen and (max-width:680px){header{padding:0 0}}header .logo{position:relative;font-weight:700;color:#fff;text-decoration:none;font-size:2em;text-transform:2px;letter-spacing:2px;transition:.6s;padding:0 40px}@media screen and (max-width:680px){header .logo{padding:0 0;font-size:14px}}header ul{position:relative;display:flex;justify-content:center;align-items:center;padding:0 40px}header ul li{position:relative;list-style:none}header ul a{position:relative;margin:0 15px;text-decoration:none;color:#fff;letter-spacing:2px;font-weight:500;transition:.6s}header.sticky{padding:8px 0;background:#fff;box-shadow:0 1px 2px 1px #999}header.sticky a{color:#000}.foot{width:100%;height:10vh;bottom:0;z-index:9998;background:#555}.foot footer a{font-size:30px;color:#fff;text-decoration:none}.flex-row-center{justify-content:center}.flex-row-around,.flex-row-center{display:flex;flex-direction:row;align-items:center}.flex-row-around{justify-content:space-around}.flex-column-center{align-items:center}.flex-column,.flex-column-center{display:flex;flex-direction:column}.span-h1{font-size:2em;-webkit-margin-before:.67em;-webkit-margin-after:.67em}.span-h1,.span-h2{-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700}.span-h2{font-size:1.5em;-webkit-margin-before:.83em;-webkit-margin-after:.83em}.span-h3{font-size:1.17em;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700}.image-size{width:100%;height:auto;border-radius:5px}.clear{margin:0;padding:0}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.index{background:#fff}.life-spotlight-wrap{height:100vh;background:#222}.life-spotlight-wrap .spotlight-title h1{color:#393939;font-size:8.5rem;letter-spacing:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;z-index:999;text-align:center}@media screen and (max-width:1520px){.life-spotlight-wrap .spotlight-title h1{font-size:6.5rem}}@media screen and (max-width:1180px){.life-spotlight-wrap .spotlight-title h1{font-size:5rem}}@media screen and (max-width:880px){.life-spotlight-wrap .spotlight-title h1{font-size:3.3rem}}@media screen and (max-width:680px){.life-spotlight-wrap .spotlight-title h1{font-size:3rem;letter-spacing:.2rem;width:100px}}.life-spotlight-wrap .spotlight-title h1:after{content:attr(data-spotlight);color:transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;animation:spotlight 10s infinite;-webkit-animation:spotlight 10s infinite;background-image:linear-gradient(110.7deg,#ff512f 1.7%,#ffa72f 8.2%,#dafd01 16.2%,#62ea14 23.4%,#45c12a 32.8%,#07f995 43.7%,#06c8d9 55.3%,#1233e9 65.5%,#7a3bca 74.5%,#e707f9 82.3%,#ca3ba3 91.4%);background-position:50%;-webkit-background-clip:text;background-clip:text}@media screen and (max-width:680px){.life-spotlight-wrap .spotlight-title h1:after{-webkit-animation:none;animation:none}}.life-apple-wrap{height:300vh;position:relative}#chip-section{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100vh;overflow:hidden}#chip-section video{height:100vh;width:auto;position:relative;left:50%;transform:translate(-50%)}#chip-section #the-chip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vw #222,inset 0 0 0 30px #222;z-index:10;min-width:100px;min-height:100px;background-color:#222}#chip-section #the-chip.transparent{background-color:transparent}#chip-section #the-chip #svg_rect{position:absolute;opacity:0}#chip-section #the-chip #svg_rect .chip,#chip-section #the-chip #svg_rect .text-bg{fill:#fff}#chip-section #the-chip #svg_rect .chip-mask{fill:#222}.life-introduce-wrap{height:100vh;opacity:0;margin-top:200px}.life-introduce-wrap.fade-in{opacity:1;margin-top:0;transition:all 1s ease-in}.life-introduce-wrap .content{font-size:4rem;margin:10px 6rem;line-height:6rem;letter-spacing:.8rem;color:#222;position:relative}@media screen and (max-width:680px){.life-introduce-wrap .content{letter-spacing:.5rem;font-size:1.4rem;line-height:1.5rem;margin:10px 1rem}}.life-introduce-wrap .img-container{width:280px;max-height:90%;margin:0 10px;justify-content:space-around;position:relative}.life-introduce-wrap .img-container.left{-webkit-animation:imgfloat 12s infinite;animation:imgfloat 12s infinite}.life-introduce-wrap .img-container.right{-webkit-animation:imgfloat 10s infinite;animation:imgfloat 10s infinite}.life-introduce-wrap .img-container:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(110.7deg,#f1f1f1,#fff,#e1e1e1 91.4%);opacity:.35}.life-foods-wrap{height:100%}.life-foods-wrap .title-img{width:80%}.life-foods-wrap .title{margin:4em 0;font-size:5rem}.life-foods-wrap .foods-images-wrap .left{width:50%;transform:translateY(5%);text-align:center}.life-foods-wrap .foods-images-wrap .right{width:50%;transform:translateY(-3%)}.life-foods-wrap .foods-images-wrap .food-img{margin:5rem auto;display:flex;justify-content:center}.life-games-wrap{position:relative}.life-games-wrap .title-img{width:60%;position:relative}.life-games-wrap .title-img video{position:absolute;width:50%;left:0;right:0;bottom:0;top:0}.life-games-wrap .title{margin:4.5em 0;font-size:5rem}.life-games-wrap .game-video{position:absolute;width:50%}@-webkit-keyframes imgfloat{0%{transform:translateY(-5%)}50%{transform:translateY(5%)}to{transform:translateY(-5%)}}@keyframes imgfloat{0%{transform:translateY(-5%)}50%{transform:translateY(5%)}to{transform:translateY(-5%)}}@-webkit-keyframes imgrightfloat{0%{transform:translateY(5%)}50%{transform:translateY(-5%)}to{transform:translateY(5%)}}@keyframes imgrightfloat{0%{transform:translateY(5%)}50%{transform:translateY(-5%)}to{transform:translateY(5%)}}@-webkit-keyframes spotlight{0%{clip-path:ellipse(100px 100px at 10% 50%);-webkit-clip-path:ellipse(100px 100px at 10% 50%)}50%{clip-path:ellipse(100px 100px at 90% 50%);-webkit-clip-path:ellipse(100px 100px at 90% 50%)}to{clip-path:ellipse(100px 100px at 10% 50%);-webkit-clip-path:ellipse(100px 100px at 10% 50%)}}@keyframes spotlight{0%{clip-path:ellipse(100px 100px at 10% 50%);-webkit-clip-path:ellipse(100px 100px at 10% 50%)}50%{clip-path:ellipse(100px 100px at 90% 50%);-webkit-clip-path:ellipse(100px 100px at 90% 50%)}to{clip-path:ellipse(100px 100px at 10% 50%);-webkit-clip-path:ellipse(100px 100px at 10% 50%)}}