@charset "UTF-8";@keyframes flash{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:1}}@keyframes bounce{0%{transform:translateY(0)}20%{transform:translateY(0)}40%{transform:translateY(-30px)}50%{transform:translateY(0)}60%{transform:translateY(-15px)}80%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes shake{0%{transform:translateX(0)}10%{transform:translateX(-10px)}20%{transform:translateX(10px)}30%{transform:translateX(-10px)}40%{transform:translateX(10px)}50%{transform:translateX(-10px)}60%{transform:translateX(10px)}70%{transform:translateX(-10px)}80%{transform:translateX(10px)}90%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes tada{0%{transform:scale(1)}10%{transform:scale(.9) rotate(-3deg)}20%{transform:scale(.9) rotate(-3deg)}30%{transform:scale(1.1) rotate(3deg)}40%{transform:scale(1.1) rotate(-3deg)}50%{transform:scale(1.1) rotate(3deg)}60%{transform:scale(1.1) rotate(-3deg)}70%{transform:scale(1.1) rotate(3deg)}80%{transform:scale(1.1) rotate(-3deg)}90%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes swing{20%,40%,60%,80%,to{transform-origin:top center 50%}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes wobble{0%{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}to{transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}to{transform:skewX(0deg)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}to{opacity:0;transform:translateX(-2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}to{opacity:0;transform:translateX(2000px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}to{opacity:1;transform:translateX(0)}}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px) rotateY(0)}40%{animation-timing-function:ease-out;transform:perspective(400px) translateZ(150px) rotateY(170deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1)}80%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(1turn) scale(.95)}to{animation-timing-function:ease-in;transform:perspective(400px) scale(1)}}@keyframes flipInX{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:perspective(400px) rotateX(0deg)}}@keyframes flipOutX{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:perspective(400px) rotateX(0deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipInY{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes flipOutY{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:perspective(400px) rotateY(0deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes lightSpeedIn{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateX(100%) skewX(-30deg)}60%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(-20%) skewX(30deg)}80%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) skewX(-15deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) skewX(0deg)}}@keyframes lightSpeedOut{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) skewX(0deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateX(100%) skewX(-30deg)}}@keyframes rotateOut{0%{opacity:1;transform:rotate(0);transform-origin:center center 50%}to{opacity:0;transform:rotate(200deg);transform-origin:center center 50%}}@keyframes rotateOutDownLeft{0%{opacity:1;transform:rotate(0);transform-origin:left bottom 50%}to{opacity:0;transform:rotate(90deg);transform-origin:left bottom 50%}}@keyframes rotateOutUpLeft{0%{opacity:1;transform:rotate(0);transform-origin:left bottom 50%}to{opacity:0;transform:rotate(-90deg);transform-origin:left bottom 50%}}@keyframes rotateOutDownRight{0%{opacity:1;transform:rotate(0);transform-origin:right bottom 50%}to{opacity:0;transform:rotate(-90deg);transform-origin:right bottom 50%}}@keyframes rotateOutUpRight{0%{opacity:1;transform:rotate(0);transform-origin:right bottom 50%}to{opacity:0;transform:rotate(90deg);transform-origin:right bottom 50%}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg);transform-origin:center center 50%}to{opacity:1;transform:rotate(0);transform-origin:center center 50%}}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-90deg);transform-origin:left bottom 50%}to{opacity:1;transform:rotate(0);transform-origin:left bottom 50%}}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(90deg);transform-origin:left bottom 50%}to{opacity:1;transform:rotate(0);transform-origin:left bottom 50%}}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom 50%}to{opacity:1;transform:rotate(0);transform-origin:right bottom 50%}}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(90deg);transform-origin:right bottom 50%}to{opacity:1;transform:rotate(0);transform-origin:right bottom 50%}}@keyframes hinge{0%{animation-timing-function:ease-in-out;transform:rotate(0);transform-origin:top left 50%}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left 50%}40%{animation-timing-function:ease-in-out;transform:rotate(60deg);transform-origin:top left 50%}80%{animation-timing-function:ease-in-out;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:rotate(60deg) translateY(0);transform-origin:top left 50%}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateY(700px)}}@keyframes rollIn{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateX(-100%) rotate(-120deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes rollOut{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;transform:translateX(0) rotate(0deg)}to{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transform:translateX(-100%) rotate(-120deg)}}@keyframes criss-cross-left{0%{left:-20px}50%{height:20px;left:50%;width:20px}to{height:250px;left:50%;width:calc(100% + 20px)}}@keyframes criss-cross-right{0%{right:-20px}50%{height:20px;right:50%;width:20px}to{height:250px;right:50%;width:calc(100% + 20px)}}article.sqfk-article .btn-arrow{background-image:linear-gradient(109deg,#44eafd,#4ea3e2);border:none;font-weight:400}article.sqfk-article .btn-arrow:hover{background-image:linear-gradient(109deg,#379b88,#4082f9)}article.sqfk-article .sqfk-section.tab-slideshow.text-left-picture-right{background:#fff}article.sqfk-article .sqfk-section.tab-slideshow.text-left-picture-right .tab-text li{border-color:rgba(227,233,241,.9)}article.sqfk-article .sqfk-section.tab-slideshow.text-left-picture-right .tab-text li.active,article.sqfk-article .sqfk-section.tab-slideshow.text-left-picture-right .tab-text li:hover{background-color:rgba(227,233,241,.3)}article.sqfk-article .sqfk-section.tab-slideshow.text-left-picture-right .tab-text li.active:before{background-color:#40444d;height:7px;width:64px}article.sqfk-article .sqfk-section.tab-slideshow.text-left-picture-right .image-all{margin-top:50px}.btn-cus1{background-color:#fff;border:1px solid rgba(0,0,0,.4);border-radius:3px;color:#555;display:inline-block;line-height:3em;margin:1rem auto;overflow:hidden;padding:0 20px;position:relative;text-align:center;text-transform:uppercase;transition:all 1s;z-index:1}.btn-cus1:after,.btn-cus1:before{background-color:#10667d;border-radius:50%;box-sizing:border-box;content:"";height:20px;position:absolute;top:50%;transition:.1s ease-in-out;width:20px;z-index:-1}.btn-cus1:before{left:-20px;transform:translate(-50%,-50%)}.btn-cus1:after{right:-20px;transform:translate(50%,-50%)}.btn-cus1:hover{border:1px solid #fff;color:#fff}.btn-cus1:hover:before{animation:criss-cross-left .8s both;animation-direction:alternate}.btn-cus1:hover:after{animation:criss-cross-right .8s both;animation-direction:alternate}#top{background-position:bottom;background-repeat:no-repeat;background-size:100% auto;color:#212121;overflow:hidden;position:relative}#top .animation{transition:transform 3s,filter 3s}#top .top__content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-height:1280px;padding:50px 0 40vw;position:relative;text-align:center;transition:filter .5s}@media (min-width:600px){#top .top__content{height:100vh;min-height:1000px;padding:0}}#top .top__content .top__content__background{height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:opacity 1s;width:100%;z-index:9}#top .top__content .top__content__background>img{bottom:0;left:0;max-width:none;position:absolute;width:100%}#top .top__content .top__content__box{align-items:flex-start;display:flex;height:100%;justify-content:center;max-height:100%;position:relative;width:100%}#top .top__content .top__content__cloud{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}#top .top__content .top__content__cloud span{background-position:0 100%;background-repeat:no-repeat;background-size:100vw 100%;background-size:initial;height:100%;left:0;position:absolute;width:300vw}#top .top__content .top__content__cloud span.top__content__cloud__cloud1{animation:marquee 60s linear infinite}#top .top__content .top__content__cloud span.top__content__cloud__cloud2{animation:marquee 40s linear infinite}#top .top__content .top__content__box__text{max-width:800px;position:relative;width:90%}@media (min-width:600px){#top .top__content .top__content__box__text{top:8%}}#top .top__content .top__content__box__text h1{font-family:Oswald,Helvetica,Verdana,Tahoma,微軟正黑體,Microsoft JhengHei,sans-serif!important;font-size:13vw;font-weight:700;line-height:1;margin-bottom:.25em;position:relative}@media (min-width:1000px){#top .top__content .top__content__box__text h1{font-size:142px}}#top .top__content .top__content__box__text h1 span{border:1px solid #999;border-radius:4px;font-family:open sans;font-size:16px;font-weight:300;padding:3px 10px;position:absolute;top:-.1em;vertical-align:top}@media (min-width:1000px){#top .top__content .top__content__box__text h1 span{font-size:24px}}#top .top__content .top__content__box__text .top__content__box__text__intro{font-size:28px;margin-bottom:5px}#top .top__content .top__content__box__text .top__content__box__text__desc{background:hsla(0,0%,100%,.5);padding:15px 20px;text-align:center;text-shadow:2px 2px 10px hsla(0,0%,100%,.8)}#top .top__content .top__content__box__text .software-keyvision__container__action{align-items:center;justify-content:center;margin-top:20px}#network{background:#f9fafd}#network ul{padding:20px 20px 0}@media (min-width:600px){#network ul{padding-top:40px}}#network ul li{border-top:1px solid rgba(227,233,241,.9);display:block;padding:20px}@media (min-width:600px){#network ul li{display:flex;padding:30px 35px}}#network ul li:last-child{border-bottom:1px solid rgba(227,233,241,.9)}#network ul li img{width:100px}@media (min-width:600px){#network ul li img{width:auto}}#network ul li .text{padding:20px 0 0}@media (min-width:600px){#network ul li .text{padding:0 0 0 45px}}#network ul li .text h4{color:#40444d;font-weight:600;line-height:1.5em;margin-bottom:15px}@media (min-width:600px){#network ul li .text h4{font-size:18px}}#network ul li .text p{color:#40444d;line-height:1.5em;padding:0}@media (min-width:600px){#network ul li .text p{font-size:15px}}#management{background-color:#363743}#management .w-full{max-width:2560px}#management ul li p{color:#d1d1d1}@media (min-width:600px){#management ul li p{font-size:15px}}#efficiency{background-position:100%;background-size:cover}@media (min-width:600px){#efficiency{background-position:50%}}#efficiency .sqfk-sec-figure{padding:0}#expansion{background-color:#287068}#expansion .tab-menu li.active{color:#fff}#expansion .tab-content figure{text-align:center}#software{position:relative}#software .videos{display:none;height:800px;max-height:90vh;overflow:hidden;position:relative}@media (min-width:1000px){#software .videos{display:block}}#software .videos video{display:none;left:50%;min-width:1920px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}#software .videos video:first-child{top:-80px;transform:translateX(-50%)}#software .videos video.active{display:block}#software .topics{background-color:rgba(0,0,0,.5);color:#fff;display:block;height:100%;left:0;position:relative;top:0;width:100%}@media (min-width:1000px){#software .topics{display:flex;position:absolute}}#software .topics>div{align-items:flex-end;background-size:cover;display:flex;justify-content:center;margin-bottom:0;position:relative;transition:all .5s;width:100%}@media (min-width:1000px){#software .topics>div{background-image:none!important;border-right:1px solid hsla(0,0%,100%,.5)}}#software .topics>div.topic1 .topics__content .topics__content__text .icon{width:100px}#software .topics>div>a{display:none;height:100%;position:absolute;width:100%}@media (min-width:1000px){#software .topics>div>a{display:block}}#software .topics>div .topics__content{padding:7% 5%;width:100%}@media (min-width:1000px){#software .topics>div .topics__content{margin-bottom:40px;padding:0;width:75%}}#software .topics>div .topics__content .topics__content__text{margin-bottom:.5em;max-width:540px;position:relative;transition:all .5s}@media (min-width:1000px){#software .topics>div .topics__content .topics__content__text{max-width:350px}}#software .topics>div .topics__content .topics__content__text h2{border-bottom:1px solid #fff;font-size:24px;font-weight:700;margin-bottom:.75em;padding-bottom:.5em;padding-top:.5em}#software .topics>div .topics__content .topics__content__text h2 .beta{border:1px solid #fff;border-radius:4px;font-family:open sans;font-size:12px;font-weight:300;padding:2px 8px;vertical-align:top}#software .topics>div .topics__content .topics__content__text .icon{margin-bottom:1em;width:60px}#software .topics>div .topics__content .topics__content__text .icon img{max-width:100%}#software .topics>div .topics__content .btn-container{max-width:360px;overflow:hidden;transition:all .5s}@media (min-width:1000px){#software .topics>div .topics__content .btn-container{max-height:0;opacity:0}}#software .topics>div:hover .topics__content .btn-container{max-height:100px;opacity:1}#security{background-position:0 0;background-repeat:no-repeat;background-size:contain}.download{background-position:bottom;background-size:cover;padding:100px 2.5% 180px;position:relative;text-align:center;transition:all .5s}.download h2{font-size:24px;margin-bottom:.5em}@media (min-width:600px){.download h2{font-size:36px}}@media (min-width:1000px){.download h2{font-size:48px}}.download p{margin-bottom:3em}#recognition{background-attachment:fixed;background-color:#f9fafd;background-position:0 0,100% 0;background-repeat:no-repeat}@media (max-width:1439px){#recognition{background-image:none!important}}#recognition h4{font-weight:600;margin:20px 0}@media (min-width:1000px){#recognition h4{font-size:20px}}#recognition h4 div{font-size:1.1em;font-weight:400;margin-top:10px}#recognition ul.flex-items__ul{margin:40px 5%}@media (min-width:1000px){#recognition ul.flex-items__ul{margin:60px auto}}#recognition .btn-container{margin-bottom:0}#recognition .small-title{font-size:22px;line-height:1.3em}@media (min-width:600px){#recognition .small-title{font-size:28px}}@media (min-width:1000px){#recognition .small-title{font-size:36px}}#recognition .text-align-center{text-align:center}#recognition .recognition__line{background-color:#ccc;height:1px;margin:40px auto;width:150px}@media (min-width:1000px){#recognition .recognition__line{margin:60px auto}#recognition .recognition__chart{align-items:center;display:flex}}#recognition .recognition__chart .recognition__chart__device{padding:0 5%;text-align:center}@media (min-width:1000px){#recognition .recognition__chart .recognition__chart__device{padding:0}}#recognition .recognition__chart .recognition__chart__performance{align-items:flex-end;padding:0 5%}@media (min-width:1000px){#recognition .recognition__chart .recognition__chart__performance{padding:0;width:100%}}#recognition .recognition__chart .recognition__chart__performance figure{margin-right:20px;position:relative;width:100%}@media (min-width:1000px){#recognition .recognition__chart .recognition__chart__performance figure{margin:0 20px}}#recognition .recognition__chart .recognition__chart__performance figure img:nth-child(2){animation-duration:2s;left:0;position:absolute;top:0}#recognition .recognition__chart .recognition__chart__performance div p{color:#d44e38;font-size:16px;line-height:1em;padding:0}@media (min-width:600px){#recognition .recognition__chart .recognition__chart__performance div p{font-size:28px}}@media (min-width:1000px){#recognition .recognition__chart .recognition__chart__performance div p{font-size:36px}}#recognition .recognition__chart .recognition__chart__performance div p:first-child{font-size:26px;font-weight:600}@media (min-width:600px){#recognition .recognition__chart .recognition__chart__performance div p:first-child{font-size:50px}}@media (min-width:1000px){#recognition .recognition__chart .recognition__chart__performance div p:first-child{font-size:66px}}