html,body{width:100%;height:100%;min-height:680px}#header{color:#fff;position:fixed;z-index:2;left:0;top:0;width:100%;height:80px}#header .inner{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;height:100%;width:1000px}h1{-webkit-flex-grow:1;-moz-flex-grow:1;flex-grow:1;-ms-flex-positive:1;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;height:100%}h1 a{display:block;position:relative;width:108px;height:40px}h1 img{position:absolute;transition:all .3s ease;left:0;top:0;height:40px;opacity:0}h1 img:nth-child(2){opacity:1}nav{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center}nav ul{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}nav li{color:#2da7e0;font-size:11px;padding-left:20px;transition:all .3s ease}nav li div{background:#2da7e0;border-radius:8px;color:#fff;display:inline-block;font-size:10px;line-height:16px;margin-right:5px;text-align:center;transition:all .3s ease;width:16px;height:16px}#footer{position:fixed;z-index:2;left:0;bottom:40px;width:100%;height:10px}#footer ul{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center}#footer li{background:#2da7e0;border-radius:5px;cursor:pointer;margin:0 5px;opacity:.5;transition:all .3s ease;width:10px;height:10px}#footer li.active,#footer li:hover{opacity:1}.is_top h1 img:nth-child(1){opacity:1}.is_top h1 img:nth-child(2){opacity:0}.is_top nav li{color:#fff}.is_top nav li div{color:#2da7e0;background:#fff}.is_top #footer li{background:#fff}#slider{width:100%;height:100%;overflow-x:scroll;overflow-y:hidden}#slider::-webkit-scrollbar{width:6px;height:0px}#slider::-webkit-scrollbar *{background:transparent}#slider::-webkit-scrollbar-track{background:none}#slider::-webkit-scrollbar-thumb{border-radius:3px;background:#eee !important}#contents{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;z-index:1;width:800%;height:100%}.section{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;width:12.5%;height:100%}.section .inner{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch;-ms-flex-align:stretch;padding:0 20px;width:1000px}.section.top{background:#2da7e0;color:#fff}.top .img{text-align:right;padding-right:40px;width:50%}.top .img img{height:262px}.top .txt{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;width:50%}.top .txt p{-webkit-flex-grow:1;-moz-flex-grow:1;flex-grow:1;-ms-flex-positive:1;font-size:16px;line-height:1.8}.top .txt a{line-height:0}.top .txt img{height:40px}.help .inner{padding:0;width:100%;height:100%}.help .img{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-moz-box-pack:end;box-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;background:#f7f7f7;width:58%;height:100%}.help .img .content{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;width:600px;height:100%}.help .txt{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;width:42%;height:100%}.help .txt .content{padding:0 0 0 40px;width:400px;height:510px}.help .txt .icon{background:#2da7e0;border-radius:20px;color:#fff;font-size:21px;line-height:40px;margin-bottom:20px;text-align:center;width:40px;height:40px}.help .txt h2{font-size:24px;font-weight:normal;padding-bottom:20px}.help .txt ol{list-style-type:decimal;padding-left:20px;padding-bottom:20px}.help .txt li{list-style-type:decimal}.p1 div{background:url(../images/ipad0.png) center center no-repeat;background-size:100% auto;padding:47px 23px;width:360px;height:510px}.p1 div img{width:100%}.p2 ul{position:relative;width:100%;height:100%}.p2 li{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%}.p2 li:nth-child(1){padding-right:5px;transition:all .5s}.p2 li div{text-align:center}.p2 img{max-width:100%;height:auto}.p3 .wrap,.p4 .wrap{position:relative;overflow:hidden;width:360px;height:510px}.p3 .wrap div,.p4 .wrap div{background:url(../images/ipad0.png) center center no-repeat;background-size:100% 100%;padding:47px 23px;position:absolute;bottom:0;width:100%;height:100%;transition:all .8s linear 1.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p3 img,.p4 img{display:block;position:absolute;left:23px;top:47px;width:314px;-webkit-backface-visibility:hidden}.p3 img.ov,.p4 img.ov{opacity:0.5;transition:all 1.2s ease}.p5 .wrap{background:url(../images/ipad1.png) center top no-repeat;background-size:100% auto;padding:23px 0 23px 48px;position:relative;width:560px;height:510px}.p5 .wrap div{position:relative}.p5 img{position:absolute;transition:all .5s;left:0;top:0;opacity:0}.p7{margin:0 auto;padding:80px 20px 80px 20px;max-width:1000px;height:100%}.p7 .content{line-height:2.0;overflow-y:scroll;padding-right:20px;height:100%}.p7 .content::-webkit-scrollbar{width:6px}.p7 .content::-webkit-scrollbar-thumb{border-radius:3px;background:#eee}.p7 h2{font-size:18px;font-weight:normal;padding:20px 0}.p7 p{line-height:2.0;padding-bottom:2em}.p7 dt{font-size:16px}.p7 dd{padding-bottom:2em}.active .p2 li:nth-child(1){opacity:1}.active .p2 li:nth-child(2){-moz-animation:alpha 12s ease infinite;-webkit-animation:alpha 12s ease infinite;animation:alpha 12s ease infinite}.active .p3 .wrap div,.active .p4 .wrap div{transform-origin:center bottom;transform:scale3d(1.5, 1.5, 1.5)}.active .p4 .wrap div{transform-origin:right bottom}.active .p3 .ov,.active .p4 .ov{opacity:1}.active .p5 img:nth-child(1){opacity:1}.active .p5 img:nth-child(2){-webkit-animation:alpha2 18s ease infinite;-moz-animation:alpha2 18s ease infinite;animation:alpha2 18s ease infinite}.active .p5 img:nth-child(3){-webkit-animation:alpha3 18s ease infinite;-moz-animation:alpha3 18s ease infinite;animation:alpha3 18s ease infinite}@-webkit-keyframes alpha{0%{opacity:0}30%{opacity:0}40%{opacity:1}90%{opacity:1}100%{opacity:0}}@-moz-keyframes alpha{0%{opacity:0}30%{opacity:0}40%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes alpha{0%{opacity:0}30%{opacity:0}40%{opacity:1}90%{opacity:1}100%{opacity:0}}@-webkit-keyframes alpha2{0%{opacity:0}33%{opacity:0}36%{opacity:1}66%{opacity:1}69%{opacity:0}100%{opacity:0}}@-moz-keyframes alpha2{0%{opacity:0}33%{opacity:0}36%{opacity:1}66%{opacity:1}69%{opacity:0}100%{opacity:0}}@keyframes alpha2{0%{opacity:0}33%{opacity:0}36%{opacity:1}66%{opacity:1}69%{opacity:0}100%{opacity:0}}@-webkit-keyframes alpha3{0%{opacity:0}66%{opacity:0}69%{opacity:1}97%{opacity:1}100%{opacity:0}}@-moz-keyframes alpha3{0%{opacity:0}66%{opacity:0}69%{opacity:1}97%{opacity:1}100%{opacity:0}}@keyframes alpha3{0%{opacity:0}66%{opacity:0}69%{opacity:1}97%{opacity:1}100%{opacity:0}}@media only screen and (max-width: 999px){html,body{min-height:0}#header .inner{width:auto}#footer{z-index:10;bottom:10px}.section .inner{display:block;width:auto}.top .img{text-align:center;padding-right:0;width:auto}.top .txt{display:block;width:auto}.top .txt p{font-size:14px;padding:40px 0 20px}.top .txt a{line-height:0}.help .inner{display:block;position:relative;width:100%;height:100%}.help .img{-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;width:100%;height:60%}.help .img .content{width:100%;padding:20px 0 0}.help .txt{display:block;font-size:12px;position:absolute;z-index:5;bottom:0;left:0;width:100%;height:40%}.help .txt .content{padding:20px 20px 0;width:auto;height:auto}.help .txt .icon{border-radius:15px;font-size:18px;line-height:30px;margin-bottom:10px;width:30px;height:30px}.help .txt h2{font-size:18px;padding-bottom:10px}.p1 div{padding:31.33333px 15.33333px;width:240px;height:340px}.p2 li{padding:40px !important}.p2 img{flex-shrink:0}.p3 .wrap,.p4 .wrap{width:240px;height:340px}.p3 .wrap div,.p4 .wrap div{padding:31.33333px 15.33333px}.p3 img,.p4 img{left:15.33333px;top:31.33333px;width:209.33333px}.p5 .wrap{height:395px}}@media only screen and (max-width: 479px){#header{height:60px}#header .inner{padding:0 10px}h1 a{width:81px;height:30px}h1 img{height:30px}.top .img img{height:200px}.top .txt p{font-size:12px;padding:20px 0 10px}.help .img{height:55%}.help .img .content{padding:40px 0 0}.help .txt{font-size:10px;height:45%}.help .txt .content{padding:10px 10px 0}.help .txt .icon{border-radius:10px;font-size:14px;line-height:20px;margin-bottom:0;width:20px;height:20px}.help .txt h2{font-size:12px;padding-bottom:5px;padding-left:30px;margin-top:-20px}.help .txt ol{padding-left:13.33333px;padding-bottom:10px}.p1 div{padding:21.6px 10.35px;width:162px;height:229.5px}.p3 .wrap,.p4 .wrap{width:162px;height:229.5px}.p3 .wrap div,.p4 .wrap div{padding:21.6px 10.35px}.p3 img,.p4 img{left:10.35px;top:21.6px;width:141.3px}.p5 .wrap{padding:11.5px 0 11.5px 24px;width:280px;height:197.5px}.p5 img{width:232px}.p7{padding:60px 10px 40px;max-width:none;height:100%}.p7 .content{font-size:11px;padding-right:10px}.p7 h2{font-size:14px;padding:10px 0}.p7 p{padding-bottom:1em}.p7 dt{font-size:12px}.p7 dd{padding-bottom:1em}}