#spec{background-color:#4a4a4a}#spec .section-title h2{display:none}#spec #tech{display:flex;color:#fff;margin-top:20px;flex-wrap:wrap}#spec #tech dl dt{font-size:20px;margin-bottom:80px}#spec #tech dl dd img{width:100%}.sub-nav-hero{position:relative;background-position:bottom right;max-height:calc(1080px - 131px);overflow:hidden}@media only screen and (max-height:724px){.sub-nav-hero{height:590px!important}}.sub-nav-hero .bannerContent{height:calc(100vh - 131px);max-height:calc(1080px - 131px);position:absolute;left:0;top:0;background:linear-gradient(to bottom,rgba(43,49,87,.94) 0,rgba(51,69,134,.94) 50%,rgba(51,86,180,.94) 100%)}@media only screen and (max-height:724px){.sub-nav-hero .bannerContent{height:590px!important}}.sub-nav-hero .bannerContent .prodBlock{display:flex;height:100%;flex-direction:column;align-items:flex-end;justify-content:space-around}@media only screen and (max-width:767px){.sub-nav-hero .bannerContent .prodBlock{justify-content:center;align-items:center}}.sub-nav-hero .bannerContent .prodBlock .prodTxt{width:390px;display:flex;flex-wrap:wrap}@media only screen and (min-width:768px) and (max-width:850px){.sub-nav-hero .bannerContent .prodBlock .prodTxt{width:initial}}@media only screen and (max-width:450px){.sub-nav-hero .bannerContent .prodBlock .prodTxt{width:100%}}.sub-nav-hero .bannerContent .prodBlock .prodTxt h1{color:#fff;margin-top:0}.sub-nav-hero .bannerContent .prodBlock .prodTxt h1 small{color:#fff}.sub-nav-hero .bannerContent .prodBlock .prodTxt h2{color:#fff}@media only screen and (max-height:640px){.sub-nav-hero .bannerContent .prodBlock .prodTxt h2{font-size:30px}}.sub-nav-hero .bannerContent .prodBlock .prodTxt a.video{display:inline-flex;align-items:center;color:#fff;margin-right:20px;margin-top:30px}.sub-nav-hero .bannerContent .prodBlock .prodTxt a.video span.play-btn{background:transparent url(video-ico3.svg) no-repeat 0 0;background-size:cover;border:none;margin-left:10px;height:20px;width:20px}.sub-nav-hero .bannerContent .prodBlock .prodTxt a.video:hover span.play-btn{border-radius:30px}@media only screen and (max-height:724px){.sub-nav-hero .bannerContent .prodBlock .prodTxt a.video{margin-top:0}}.sub-nav-hero .bannerContent .prodBlock .prodImg{width:390px;position:relative}.sub-nav-hero2 .prodTxt ul li{width:initial}.sub-nav-hero2 .prodTxt ul li .download-obs-button{color:#fff;background-color:#000;font-size:18px;padding:10px 15px;display:block;border-radius:5px;text-align:left}.sub-nav-hero2 .prodTxt ul li .download-obs-button img{width:20px;margin-bottom:0}.sub-nav-hero2 .prodTxt ul li .download-obs-button h6{margin-bottom:0;margin-left:10px;float:right}.sub-nav-hero2 .prodTxt ul li .download-obs-button h6 span{display:block;font-size:12px;font-weight:100}.sub-nav-hero2 .prodTxt ul li .download-obs-button:hover{background-color:#333232}.rwd.v2017 #new-usp-1 .b1 figure img,.rwd.v2017 #new-usp-1 .b2 figure img,.rwd.v2017 #new-usp-2 .b1 figure img,.rwd.v2017 #new-usp-2 .b2 figure img{width:100%;height:auto}@media only screen and (max-width:767px){.rwd.v2017 #new-usp-1 .inner1,.rwd.v2017 #new-usp-2 .inner1{padding-top:20px;padding-bottom:20px}}#new-usp-2 #usp-img-2{display:flow-root}#new-usp-2 h3{text-align:center}@media (max-width:767px){#new-usp-2 h3{margin-top:5%}}#new-usp-2 p{padding:0 12%}#new-usp-2 .inner1{padding-top:40px;padding-bottom:40px}#new-usp-2 .presentation{position:relative;overflow:hidden}#new-usp-2 .presentation .scene{position:relative;top:0}#new-usp-2 .presentation .scene img{width:100%}#new-usp-2 .presentation .scene .aOrginCon{position:absolute;background-color:transparent;width:74.2%;height:70%;margin:2% 0 0 2%;border:2px solid red;z-index:5}#new-usp-2 .presentation .scene .aOrginCon label{position:absolute}#new-usp-2 .presentation .scene .aOrginCon label div{border:solid 1px red;background:red;margin:0;padding:3px}#new-usp-2 .presentation .scene .aOrginCon label.lt{left:-4px;top:-4px;z-index:30}#new-usp-2 .presentation .scene .aOrginCon label.ct{left:calc(50% - 4px);top:-4px;z-index:31}#new-usp-2 .presentation .scene .aOrginCon label.rt{right:-4px;top:-4px;z-index:32}#new-usp-2 .presentation .scene .aOrginCon label.lb{left:-4px;top:calc(100% - 4px);z-index:36}#new-usp-2 .presentation .scene .aOrginCon label.cb{left:calc(50% - 4px);top:calc(100% - 4px);z-index:37}#new-usp-2 .presentation .scene .aOrginCon label.rb{right:-4px;top:calc(100% - 4px);z-index:38}#new-usp-2 .presentation .scene .mask{position:absolute;background-color:transparent;overflow:hidden;width:74.2%;height:70%;margin:2% 0 0 2%;z-index:4}#new-usp-2 .presentation .scene .mask .frame{position:absolute;z-index:8;width:100%;height:100%;left:0;top:0;background:transparent url(visualimg_2-animation/frame2.png) no-repeat center center;background-size:cover;transform:scale(1);visibility:hidden;opacity:0;animation:20s frame forwards 4s infinite}#new-usp-2 .presentation .scene .mask .autoframe{position:absolute;z-index:8;width:100%;height:100%;left:0;top:0;background:transparent url(visualimg_2-animation/frame.png) no-repeat center center;background-size:cover;transform:scale(1);visibility:hidden;opacity:0;animation:20s autoframe forwards 4s infinite}#new-usp-2 .presentation .scene .mask .view{position:absolute;z-index:7;width:100%;height:100%;left:0;top:0;background:transparent url(visualimg_2-animation/zoom-in-out.jpg) no-repeat center center;background-size:cover;transform:scale(1);animation:20s sceneAni forwards 4s infinite}#new-usp-2 .presentation .control-ui{position:absolute;right:0;z-index:11}#new-usp-2 .presentation .control-ui img.ani{position:absolute;top:40px;left:0;width:100%;visibility:hidden;opacity:0}#new-usp-2 .presentation .control-ui img.ani.login1{visibility:visible;opacity:1;z-index:1}#new-usp-2 .presentation .control-ui img.ani.login2{animation:20s login2 forwards 4s infinite;z-index:2}#new-usp-2 .presentation .control-ui img.ani.panell{animation:20s panell forwards 4s infinite;z-index:3}#new-usp-2 .presentation .control-ui img.ani.panel-zoom1{animation:20s panel-zoom1 forwards 4s infinite;z-index:4}#new-usp-2 .presentation .control-ui img.ani.panel-zoom2{animation:20s panel-zoom2 forwards 4s infinite;z-index:5}#new-usp-2 .presentation .control-ui img.ani.panel-up1{animation:20s panel-up1 forwards 4s infinite;z-index:6}#new-usp-2 .presentation .control-ui img.ani.panel-up2{animation:20s panel-up2 forwards 4s infinite;z-index:9}#new-usp-2 .presentation .control-ui img.ani.panel-right1{animation:20s panel-right1 forwards 4s infinite;z-index:10}#new-usp-2 .presentation .control-ui img.ani.panel-right2{animation:20s panel-right2 forwards 4s infinite;z-index:11}#new-usp-2 .presentation .control-ui img.ani.autoframe1{animation:20s autoframe1 forwards 4s infinite;z-index:12}#new-usp-2 .presentation .control-ui img.ani.autoframe2{animation:20s autoframe2 forwards 4s infinite;z-index:13}#new-usp-2 .presentation .control-ui img.ani.autoframe3{animation:20s autoframe3 forwards 4s infinite;z-index:14}#new-usp-2 .presentation .control-ui img.ani.autoframe4{animation:20s autoframe4 forwards 4s infinite;z-index:15}#new-usp-2 .presentation .control-ui img.ani.button11{animation:20s button11 forwards 4s infinite;z-index:16}#new-usp-2 .presentation .control-ui img.ani.button12{animation:20s button12 forwards 4s infinite;z-index:17}#new-usp-2 .presentation .control-ui img.ani.button21{animation:20s button21 forwards 4s infinite;z-index:18}#new-usp-2 .presentation .control-ui img.ani.button22{animation:20s button22 forwards 4s infinite;z-index:19}#new-usp-2 .presentation .control-ui img.ani.button31{animation:20s button31 forwards 4s infinite;z-index:20}#new-usp-2 .presentation .control-ui img.ani.button32{animation:20s button32 forwards 4s infinite;z-index:21}#new-usp-2 .presentation .control-ui img{width:100%}#new-usp-2 .presentation .control-ui .pointer{position:absolute;top:13%;left:6%;right:auto;transition:all .2s;animation:20s pointer forwards 4s infinite;z-index:30}@keyframes pointer{0%{top:13%;left:6%}8%,8.5%{top:46%;left:55%}14%,17%{top:20%;left:65%}24%,25%{top:20%;left:25%}30%,41%{top:26%;left:35%}46%,49%{top:26%;left:65%}52%,62%{top:38%;left:65%}68%,73%{top:57%;left:18%}76%,81%{top:64%;left:43%}100%,87%{top:13%;left:6%}}@keyframes login2{0%,7%{visibility:hidden;opacity:0}7.1%,9%{visibility:visible;opacity:1}100%,9.1%{visibility:hidden;opacity:0}}@keyframes panell{0%,9%{visibility:hidden;opacity:0}89.9%,9.1%{visibility:visible;opacity:1}100%,90%{visibility:hidden;opacity:0}}@keyframes panel-zoom1{0%,14%{visibility:hidden;opacity:0}14.1%,15%{visibility:visible;opacity:1}100%,15.1%{visibility:hidden;opacity:0}}@keyframes panel-zoom2{0%,14.5%{visibility:hidden;opacity:0}14.6%,17.6%{visibility:visible;opacity:1}100%,17.7%{visibility:hidden;opacity:0}}@keyframes panel-up1{0%,23%{visibility:hidden;opacity:0}23.1%,25.5%{visibility:visible;opacity:1}100%,25.6%{visibility:hidden;opacity:0}}@keyframes panel-up2{0%,23.5%{visibility:hidden;opacity:0}23.6%,25.5%{visibility:visible;opacity:1}100%,25.6%{visibility:hidden;opacity:0}}@keyframes panel-right1{0%,27.5%{visibility:hidden;opacity:0}27.6%,42.5%{visibility:visible;opacity:1}100%,42.6%{visibility:hidden;opacity:0}}@keyframes panel-right2{0%,30%{visibility:hidden;opacity:0}30.1%,32.5%{visibility:visible;opacity:1}100%,32.6%{visibility:hidden;opacity:0}}@keyframes autoframe1{0%,45.2%{visibility:hidden;opacity:0}45.7%,47%{visibility:visible;opacity:1}100%,47.1%{visibility:hidden;opacity:0}}@keyframes autoframe2{0%,49%{visibility:hidden;opacity:0}49.1%,75%{visibility:visible;opacity:1}100%,75.1%{visibility:hidden;opacity:0}}@keyframes autoframe3{0%,51%{visibility:hidden;opacity:0}51.1%,75%{visibility:visible;opacity:1}100%,75.1%{visibility:hidden;opacity:0}}@keyframes autoframe4{0%,52%{visibility:hidden;opacity:0}52.1%,75%{visibility:visible;opacity:1}100%,75.1%{visibility:hidden;opacity:0}}@keyframes button11{0%,66.5%{visibility:hidden;opacity:0}67%,76%{visibility:visible;opacity:1}100%,76.1%{visibility:hidden;opacity:0}}@keyframes button12{0%,68%{visibility:hidden;opacity:0}68.5%,76%{visibility:visible;opacity:1}100%,76.1%{visibility:hidden;opacity:0}}@keyframes button21{0%,76.5%{visibility:hidden;opacity:0}77%,85%{visibility:visible;opacity:1}100%,85.1%{visibility:hidden;opacity:0}}@keyframes button22{0%,77.5%{visibility:hidden;opacity:0}78%,85%{visibility:visible;opacity:1}100%,85.1%{visibility:hidden;opacity:0}}@keyframes button31{0%,86.5%{visibility:hidden;opacity:0}87%,87.9%{visibility:visible;opacity:1}100%,88%{visibility:hidden;opacity:0}}@keyframes button32{0%,87.2%{visibility:hidden;opacity:0}87.3%,87.9%{visibility:visible;opacity:1}100%,88%{visibility:hidden;opacity:0}}@keyframes frame{0%,72%{visibility:hidden;opacity:0;top:40%;left:-85%;transform:scale(3)}72.5%,75.5%{visibility:visible;opacity:1;top:40%;left:-85%;transform:scale(3)}100%,76%{visibility:hidden;opacity:0;top:40%;left:-85%;transform:scale(3)}}@keyframes autoframe{0%,54.9%{top:0;left:0;transform:scale(1);visibility:hidden;opacity:0}55%,57.3%{top:0;left:0;transform:scale(1);visibility:visible;opacity:1}59%,66%{top:0;left:0;transform:scale(1.1);visibility:visible;opacity:1}100%,66.5%{visibility:hidden;opacity:0}}@keyframes sceneAni{0%,14.3%{top:0;left:0;transform:scale(1)}17.4%,24.3%{top:0;left:0;transform:scale(2)}27.3%,30.3%{top:10%;left:0;transform:scale(2)}33%,52.3%{top:10%;left:-5%;transform:scale(2)}55%,57.3%{top:0;left:0;transform:scale(1)}59%,68%{top:0;left:0;transform:scale(1.1)}72%,76.5%{top:40%;left:-85%;transform:scale(3)}100%,80%{top:0;left:0;transform:scale(1)}}