@media only screen and (max-width:767px){.hidden-xs-only{display:none!important}}@media only screen and (min-width:768px){.hidden-sm-and-up{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.hidden-sm-only{display:none!important}}@media only screen and (max-width:991px){.hidden-sm-and-down{display:none!important}}@media only screen and (min-width:992px){.hidden-md-and-up{display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.hidden-md-only{display:none!important}}@media only screen and (max-width:1199px){.hidden-md-and-down{display:none!important}}@media only screen and (min-width:1200px){.hidden-lg-and-up{display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.hidden-lg-only{display:none!important}}@media only screen and (max-width:1919px){.hidden-lg-and-down{display:none!important}}@media only screen and (min-width:1920px){.hidden-xl-only{display:none!important}}.circles{position:fixed;z-index:1000;right:4%;top:50%;margin-top:-125px;height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.circles li{width:20px;height:20px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid hsla(0,0%,100%,.5);cursor:pointer}.circle{border:none;background:#fff}.island{background:url(../../assets/img/island.648c2b4c.png) 50% no-repeat;background-size:cover}.good,.island{width:100%;height:100%}.good{background:url(../../assets/img/good.4ea31716.jpg) 50% no-repeat;background-size:cover}.attitude{background:url(../../assets/img/attitude.1c6ea228.jpg) 50% no-repeat;background-size:cover}.attitude,.record{width:100%;height:100%}.record{background:url(../../assets/img/record.a7dddb72.jpg) 50% no-repeat;background-size:cover}.your_island{background:url(../../assets/img/your_island.3c5dc4a2.jpg) 50% no-repeat;background-size:cover}.about,.your_island{width:100%;height:100%}.about{background:#000;background-size:cover;position:relative}header{background:#000;position:fixed;z-index:9999;margin-top:15px;margin-left:15px;border-radius:15px}.content{width:100%;height:32.5rem;margin:0 auto;margin-top:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content .space{margin-right:30px}.content img{width:65px;height:84px}.content p{font-size:1.6rem;line-height:36px;color:#fff}.content .qcode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:400px;-ms-flex-pack:distribute;justify-content:space-around;margin-top:5px}.content .qcode .download a{color:#000;font-size:16px;display:block;cursor:pointer}.iphone{margin-bottom:15px}.iphone img{width:16px;height:20px;margin-right:12px}.android img{width:20px;height:20px;margin-right:8px}.content .qcode .download a .d-btn-o{width:168px;height:48px;padding:1px;border:1px solid #fff;border-radius:37px}.content .qcode .download a .d-btn-o .d-btn-i{width:168px;height:48px;border-radius:37px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content .qcode-er{width:117px;height:117px}.content .qcode-er img{width:100%;height:100%}.page-box{height:60vh;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20vh}.page-box img{height:100%}.intro{color:#f5f5f5;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16vh;white-space:nowrap}.intro .title{font-size:24px;line-height:40px}.intro p{font-size:13px;line-height:26px;text-align:center}.about-us{margin-bottom:32px}footer{position:absolute;left:0;bottom:28px;width:100%;color:hsla(0,0%,100%,.6)!important}footer p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:10px!important;line-height:22px}.arrow{position:absolute;left:50%;bottom:4.2666666667vw;margin-left:-4.2666666667vw;width:8.5333333333vw;height:8.5333333333vw;z-index:10;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABDUlEQVRYR+2WMRPBQBSEd3+mhoaChoaCghQUNDQUNDR+5pozMXMTyd1LMoYZlzKTu/fd3tt9Ib788Mv1kQCSAr+tgKQlAJJcNXGLZX1QAUmusINYkNzUgZA0B7AGkIUOEL0CD2JGcmeBkDQFsAWwIpmF1kQB3GIPYkLyENpQ0hjA3lLc7WMCKECMSJ7KICQNARytxWsBFCAGJC8+hKQ+gHOd4rUBChA9krf8XRfANdZwZaqZr6BwWucM55BO/v7epHhUgZCPvcZ0+5Ra7eM5kEO4pHoLqpQDVjeYm9C785QDrwH1BzkQGTovJSpzwDI5zU1YMXye/m/6wxJNQssJ2n7TSoG2xZMCSYGfUOABjd6mIc0/AzwAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:8.5333333333vw 8.5333333333vw;-webkit-animation:move 1.5s linear infinite!important;animation:move 1.5s linear infinite!important}@-webkit-keyframes move{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}}@keyframes move{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}}