@-webkit-keyframes facial{0%{transform:scale(1,1)}100%{transform:scale(.7,.7)}}@keyframes facial{0%{transform:scale(1,1)}100%{transform:scale(.7,.7)}}@-webkit-keyframes scan_mode{0%{width:0;height:0;box-shadow:inset 0 0 200px rgba(231,24,24,.2);border:1px solid #e71818}70%{box-shadow:inset 0 0 200px rgba(231,24,24,.2)}80%{opacity:1}100%{border:3px solid #e71818;width:100%;height:100%;opacity:0}}@keyframes scan_mode{0%{width:0;height:0;box-shadow:inset 0 0 200px rgba(231,24,24,.2);border:1px solid #e71818}70%{box-shadow:inset 0 0 200px rgba(231,24,24,.2)}80%{opacity:1}100%{border:3px solid #e71818;width:100%;height:100%;opacity:0}}.section{position:relative;background-color:#000;color:#fff}.section .pc{display:none}.section01{background-color:#0F1923}.section03{background-color:#0F1722}.section04{background-color:#F9F9F9;color:#333}.section05{background-color:#E1E2E6;color:#333}.section06{background-color:#3F4044}.section08{background-color:#0F1923}.section03 .mode_word{font-family:JosefinSans,"Microsoft JhengHei",sans-serif;font-size:1.4em;text-align:center}.section03 .mobile>div img{padding:15% 25% 0}.section03 .mobile>div p{min-height:65px}@media(min-width:992px){.section01 img,.section02 img,.section04 img,.section06 img,.section07 img,.section08 img{opacity:0}.section01.scroll_active img,.section02.scroll_active img,.section04.scroll_active img,.section06.scroll_active img,.section07.scroll_active img,.section08.scroll_active img{opacity:1;-webkit-transition:.8s;transition:.8s}.section .pc{display:block}.section .mobile{display:none}.section01 .pc{width:100%;height:0;padding-bottom:51.5%;position:relative;background-attachment:fixed;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}#parallex_1{width:30%;position:absolute;top:2%;left:35%}#parallex_2{width:25%;position:absolute;top:25%;left:0}#parallex_3{width:23%;position:absolute;top:5%;left:75%}.section03 .pc{position:relative}.section03.scroll_active .pc>img:nth-child(1){transition:none}.section03 .light{position:absolute;top:0;left:0}.section03 .facial{width:28%;position:absolute;top:59%;left:36.8%}.section03 .people{width:30%;position:absolute;top:58%;left:36%}.section03.scroll_active .facial{-webkit-animation:facial 1.2s forwards;animation:facial 1.2s forwards}.section03 .winbot_facial,.section03 .winbot_scan{width:38%;position:absolute;top:4%;left:48%}.section03 .scanning{position:absolute;width:36%;height:0;padding-bottom:36%;top:-2%;left:33%}.section03 .scan_mode{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;border-radius:50%}.section03.scroll_active .scan_mode1{-webkit-animation:scan_mode 3s linear infinite;animation:scan_mode 3s linear infinite}.section03.scroll_active .scan_mode2{-webkit-animation:scan_mode 3s 1s linear infinite;animation:scan_mode 3s 1s linear infinite}.section03.scroll_active .scan_mode3{-webkit-animation:scan_mode 3s 2s linear infinite;animation:scan_mode 3s 2s linear infinite}.section03 .case_angle{width:30%;position:absolute;top:4%;left:52%}.section03 .case_angle ul{list-style:none;padding:0;margin:0}.section03 .case_angle ul li{padding:10%}.section03 .case_angle ul li:nth-child(n+2){width:100%;position:absolute;top:0;left:0}.section03 #winbot_control{width:45%;position:absolute;top:64%;left:43%}.section03 .control_item{width:25%;float:left;text-align:center;padding:0 2%}.section03 .control_img{width:65%;margin:0 auto;border-radius:50%;-webkit-transition:background-color .5s;transition:background-color .5s;cursor:pointer}.section03 .control_img:hover{background-color:#0080FF}.section03.scroll_active .blue_active{background-color:#0080FF}.section03 .content{margin-top:-3%}.section04.scroll_active .translatey_delay8{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.section04 .translatey_delay8{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);-webkit-transition:-webkit-transform 1.2s .8s,opacity 1.2s .8s;transition:transform 1.2s .8s,opacity 1.2s .8s}.section04 .superspeed>img{margin-bottom:5%}.section04 .superspeed{width:40%;position:absolute;top:25%;left:55%;letter-spacing:1px}.section04 .transmission{margin-bottom:3%;font-size:2rem}.section04 .usb_title{width:24%;float:left;margin-top:5px}.section04 .color{color:#fff;float:left;text-align:right;padding:5px}.section04 .faster{margin-top:5px;float:right}.section04 .bluecolor{width:0;background-color:#0169fe}.section04 .redcolor{width:0;background-color:#f00}.section04 .annotation{text-align:center}.section04.scroll_active .bluecolor{width:38%;transition:width 1s 1s linear}.section04.scroll_active .redcolor{width:76%;transition:width 1s 1s linear}.section04 .pc img:nth-child(2){width:34%;position:absolute;top:3%;left:5%}.section04 .content{margin-top:-8%}.section05 .pc{position:relative;width:100%;height:0;padding-bottom:51.5%;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.section05 .line_360{width:30%;position:absolute;top:10%;left:35%;pointer-events:none;opacity:0;-webkit-transition:opacity 2s;transition:opacity 2s}.section05 .content{margin-top:-10%}#ultra-rare{width:15%;position:absolute;top:12%;left:15%}.section06.scroll_active #ultra-rare{-webkit-transition-delay:.5s;transition-delay:.5s}.section07 .move_all{width:30%;position:absolute;top:18%;left:35%}.section07 .move_all>img:nth-child(2),.section07 .move_all>img:nth-child(3){position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:1}.section07 .move_all>img:nth-child(2){z-index:10}.section07.scroll_active .move_all>img:nth-child(1){-webkit-transition-delay:1.5s;transition-delay:1.5s;-webkit-transform:translateX(-70%);transform:translateX(-70%)}.section07.scroll_active .move_all>img:nth-child(3){-webkit-transition-delay:1.5s;transition-delay:1.5s;-webkit-transform:translateX(70%);transform:translateX(70%)}.section07.scroll_active .move_all{opacity:1;-webkit-transition:1s;transition:1s}}@media(min-width:1200px){.section{background-color:#000}.section01 .content{width:44%;position:absolute;top:50%;left:28%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.section02 .content{width:35%;position:absolute;top:0;right:6%;text-shadow:0 1px 10px #000,0 1px 0 #000,0 2px 0 #000}.section03 .content{width:30%;position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:8%;margin-top:0}.section03 #winbot_control{width:40%;top:65%;left:47%}.section04 .superspeed{top:18%;left:55%}.section04 .content{width:80%;position:absolute;left:10%;top:71%;margin-top:0}.section05 .content{width:96%;position:absolute;bottom:0;left:2%;text-shadow:0 0 2px #fff;margin-top:0}#ultra-rare{top:5%;left:26%}.section06 .content{width:61%;position:absolute;top:35%;left:3%;color:#333}.section07 .move_all{top:5%}.section07 .content{width:80%;position:absolute;top:62%;left:10%}.section08 .content{width:48%;position:absolute;top:49%;left:49%}}@media(min-width:1300px){.section04 .superspeed{width:36%;top:18%;left:58%}.section04 .usb_title{width:20%}.section04.scroll_active .bluecolor{width:40%}.section04.scroll_active .redcolor{width:80%}.section04 .content{width:70%;left:15%;top:68%}}@media(min-width:1400px){.section04 .superspeed{top:53%}.section04 .content{width:46%;left:52%;top:auto;bottom:48%}}@media(min-width:1500px){.section01 .content{width:40%;left:30%}#ultra-rare{top:5%;left:20%}.section06 .content{width:50%;top:32%}.section07 .content{width:70%;top:64%;left:15%}.section08 .content{width:44%;top:52%;left:53%}}@media(min-width:1600px){.section04 .superspeed{width:32%;top:57%}.section04 .content{width:41%;left:53%;bottom:46%}.section05 .content{width:84%;left:8%}}@media(min-width:1800px){.section06 #ultra-rare{top:12%}.section06 .content{width:45%;top:43%;left:5%}.section07 .content{width:64%;top:64%;left:18%}.section08 .content{top:55%}}