*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Microsoft JhengHei,Source Sans Pro,sans-serif;background-image:url(../img/bg.svg);background-repeat:no-repeat;background-size:cover;background-position:50%;background-color:#f7686c}a{text-decoration:none}#container{max-width:1000px;width:100%;padding:0 20px;margin:0 auto}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:30px auto}.content h3{line-height:1.33333;font-weight:700;font-size:2.5rem;color:#fff;white-space:nowrap}.content.c1>div{width:320px;z-index:1}.content.c1>div img{width:80%;margin-bottom:50px}.content.c2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:70%}.content.c2 p{line-height:1.33333;color:#fff}.content.c2 .download_content{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:30px -10px -15px}.content.c2 .download_content,.content.c2 .download_content .btn{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.c2 .download_content .btn{width:calc((100% - 40px)/2);height:45px;line-height:45px;margin:0 10px 15px;border-radius:35px;background:hsla(0,0%,100%,.3);color:#fff;font-weight:700;text-align:center;cursor:pointer}.content.c3{margin-top:85px}.content.c3,.content.c4{-ms-flex-pack:distribute;justify-content:space-around}.content.c4{margin-top:100px;-ms-flex-wrap:wrap;flex-wrap:wrap}.content.c4>img{margin-right:60px}.content.c4 h3{margin-bottom:40px}.content.c4 h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;margin-left:20px;color:#fff;font-size:1.25rem}.content.c4 .install{-webkit-box-flex:1;-ms-flex:1;flex:1}.content.c4 .decoration{height:2px;margin-bottom:20px;background-color:hsla(0,0%,100%,.3)}.content.c4 .decoration .highline{width:130px;height:2px;background-color:#fff}.content.c4 ul:first-of-type{margin-bottom:40px}.content.c4 ul li{color:#fff;line-height:1.5}.content.c4 .tips{width:100%;margin-top:40px;text-align:center;color:#fad961}.content.c4 .tips p{line-height:1.33333}.content.c5{max-width:400px;margin-top:100px;border-radius:10px;background-color:#e8f8ff}.content.c5 a{display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding:20px}.content.c5 img{width:100px}.content.c5 p{margin:15px 0;color:#4889f4;text-align:center}.content.c5 div{display:block;width:100px;height:35px;line-height:35px;border-radius:50px;background-color:#4889f4;color:#fff;text-align:center}.icon{display:block;width:18px;height:20px;margin-right:10px;background-size:cover}.icon.ios{background-image:url(../img/ios.png)}.icon.android{background-image:url(../img/android.png)}footer{margin:30px 0;text-align:center}footer p{line-height:1.5}footer a,footer p{color:#fff}.qrcode{display:none;position:fixed;top:0;left:0;width:100%;height:100%;-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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;background-color:rgba(0,0,0,.8)}.qrcode.show{display:-webkit-box;display:-ms-flexbox;display:flex}.qrcode div{margin-bottom:20px;color:#f7686c;font-weight:500;font-size:2rem}.qrcode img{width:250px;margin-bottom:20px}.qrcode p{max-width:400px;line-height:1.5;color:#fff;text-align:left}@media (max-width:767px){html{font-size:14px}.content{margin:20px auto}.content h3{font-size:1.8rem}.content.c1>div{width:60%}.content.c1>div img{margin-bottom:20px}.content.c1>img{width:40%}.content.c2{width:100%}.content.c3{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:30px}.content.c3 img{width:50%;margin-top:30px}.content.c4{margin-top:30px}.content.c4>img{display:none}.content.c4 h3{font-size:2rem}.content.c4 h3,.content.c4 ul:first-of-type{margin-bottom:20px}.content.c4 .tips,.content.c5{margin-top:30px}.icon{margin-right:5px}footer{margin:15px 0}}@media (max-width:320px){html{font-size:12px}#container{padding:0 10px}.content h3{font-size:1.5rem}.content.c2 p{white-space:nowrap}.content.c2 .download_content{margin:20px -5px -10px}.content.c2 .download_content .btn{width:calc((100% - 20px)/2);margin:0 5px 10px}}
/*# sourceMappingURL=/index.css.map */