#scroll,.sec-pTB.bg-l-grey,.heading-menu{display:none!important}
.main-contents *{-webkit-box-sizing:border-box;box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth}
html.no-scroll{overflow:hidden}
#backToTop{display:none!important}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
img {max-width: 100%;height: auto;}
.main-contents article,.main-contents aside,.main-contents details,.main-contents figcaption,.main-contents figure,.main-contents footer,.main-contents header,.main-contents hgroup,.main-contents menu,.main-contents nav,.main-contents section{display:block}
.af{color:#102336;background:#fff;font-family:"ZohoPuvi";-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;color:#102336}
.af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px;color:#102336;font-weight:300}
.af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0;color:#102336}
.af ul{padding-left:0;margin:0}
.af li{list-style-type:none}
.af a{text-decoration:none;cursor:pointer;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a:hover{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span{-webkit-box-sizing:border-box;box-sizing:border-box;color:#102336}
.af div{-webkit-box-sizing:border-box;box-sizing:border-box}
.af{width:100%;display:inline-block;float:left}
.ac{margin:0 auto;position:relative;max-width:1200px;width:90%}
a{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.app-log-sprite{background:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-sprite.png) no-repeat;background-size:847px 4107px;display:inline-block}
.ban{padding:90px 0 350px;background:-o-linear-gradient(top,#fff3e0 70%,#fff);background:-webkit-gradient(linear,left top,left bottom,color-stop(70%,#fff3e0),to(#fff));background:linear-gradient(to bottom,#fff3e0 70%,#fff)}
.ban .lhs{float:left;width:calc(100% - 430px);padding-right:100px}
.ban .lhs h1{font-size:38px;font-weight:600;color:#000;margin-bottom:20px;line-height:52px}
.ban .lhs p{font-size:16px;line-height:30px;font-weight:300;padding-bottom:40px;color:#333}
.ban .rhs{float:right;width:370px;position:relative}
.ban-ani{width:370px;height:346px;background:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-sprite.png) no-repeat;background-size:847px;background-position:-12px -7px;position:relative;z-index:2}
@-webkit-keyframes ltrani {
0%{width:0}
100%{width:183px}
}
@keyframes ltrani {
0%{width:0}
100%{width:183px}
}
.ban-ani .b-ani-com{width:100px;height:100px;background-image:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-sprite.png);display:inline-block;background-size:847px 4107px;position:absolute;background-repeat:no-repeat}
.ban-ani .b-ani3{background-position:-492px -7px;width:304px;height:332px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;-webkit-animation:scrnline 1.5s ease;animation:scrnline 2s ease-in-out}
@-webkit-keyframes flow1 {
0%{background-position:100000px bottom}
100%{background-position:0 bottom}
}
@keyframes flow1 {
0%{background-position:100000px bottom}
100%{background-position:0 bottom}
}
@-webkit-keyframes hacker {
0%{-webkit-transform:translateY(115px);transform:translateY(115px);opacity:0}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
}
@keyframes hacker {
0%{-webkit-transform:translateY(115px);transform:translateY(115px);opacity:0}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}
}
@-webkit-keyframes scrnline {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes scrnline {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes shield {
0%{-webkit-transform:scale(4);transform:scale(4);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes shield {
0%{-webkit-transform:scale(4);transform:scale(4);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes seesaw {
0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
}
@keyframes seesaw {
0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
}
.sec1.scrn-com {padding:0}
.sec1{background:transparent;margin-top:-230px;position:relative;margin-bottom:42px;z-index:1}
.sec1 .ac{max-width:1072px}
.sec1-wrap::before{content:"";background:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-sprite.png) repeat-x;background-size:847px 4107px;background-position:-12px -386px;width:206px;height:206px;position:absolute;right:-78px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:-1;opacity:0}
.act .sec1-wrap::before{-webkit-animation:circuit2 1s ease-in-out .2s both;animation:circuit2 1s ease-in-out .2s both}
.sec1-wrap{background:#fff;border:1px solid #ffebcc;-webkit-box-shadow:0 0 10px rgba(232,232,232,0.5);box-shadow:0 0 10px rgba(232,232,232,0.5);position:relative;border-radius:10px}
.sec1-hidden{min-height:335px;padding:50px 40px 50px 218px;position:relative;overflow:hidden}
.sec1-wrap::after{content:"";background:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-sprite.png) repeat-x;background-size:847px 4107px;background-position:-12px -386px;width:206px;height:206px;position:absolute;left:-78px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:-1;opacity:0}
.act .sec1-wrap::after{-webkit-animation:circuit 1s ease-in-out .2s both;animation:circuit 1s ease-in-out .2s both}
@-webkit-keyframes circuit {
0%{left:0}
100%{left:-78px;opacity:1}
}
@keyframes circuit {
0%{left:0}
100%{left:-78px;opacity:1}
}
@-webkit-keyframes circuit2 {
0%{left:0}
100%{right:-78px;opacity:1}
}
@keyframes circuit2 {
0%{left:0}
100%{right:-78px;opacity:1}
}
.sec1-wrap .icn1{background-position:-615px -446px;width:109px;height:142px;position:absolute;top:50%;left:62px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.circle1{width:150px;height:150px;background-color:rgba(248,195,114,0.10);position:absolute;border-radius:100%;left:-52px;bottom:-38px}
.circle2{width:150px;height:150px;background-color:rgba(248,195,114,0.10);position:absolute;border-radius:100%;right:-78px;top:-68px}
.sec1 h2{color:#000;font-size:18px;font-weight:600;padding-bottom:14px;line-height:28px}
.sec1 p{font-size:16px;font-weight:300;line-height:30px;width:94%;color:#333}
.sec1 .sec1-wrap p:nth-child(2){padding-bottom:20px}
.b-ani1{width:65px;height:64px;background:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-sprite.png) no-repeat;display:inline-block;background-size:847px;position:absolute;background-position:-404px -101px;left:12px;top:-33px}
.b-ani2{width:65px;height:64px;background:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-sprite.png) no-repeat;display:inline-block;background-size:847px;position:absolute;background-position:-404px -21px;right:-22px;bottom:-26px}
@-webkit-keyframes scale {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes scale {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-webkit-keyframes graphver {
from{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}
to{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
}
@keyframes graphver {
from{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0}
to{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}
}
@-webkit-keyframes graphhor {
0%{width:0}
100%{width:308px;opacity:1}
}
@keyframes graphhor {
0%{width:0}
100%{width:308px;opacity:1}
}
@-webkit-keyframes arrdown {
0%{height:0}
100%{height:76px;opacity:1}
}
@keyframes arrdown {
0%{height:0}
100%{height:76px;opacity:1}
}
.sec2{margin-top:100px}
.box-tit h2{font-size:32px;font-weight:600;line-height:46px;padding-bottom:25px}
.box-tit p{font-size:30px;font-weight:300;line-height:36px}
.box-tit p i{color:#ff6363}
#backToTop{display:none!important;opacity:0}
.clearfix:before,.clearfix:after{content:"";display:table;clear:both}
.pad-t30{padding-top:30px}
.tab-mob-show{display:none}
@media screen and (max-width: 992px) {
.mob-hide,.scrn,.sec4 .lhs,.ban .rhs{display:none}
.tab-mob-show{display:block;padding-top:20px}
.tab-mob-show img{width:100%}
.sec1{margin-top:0;margin-bottom:20px}
.sec4 .rhs{width:100%;padding:0}
.ban .lhs{width:100%;padding:0;text-align:center}
.ban .lhs h1{font-size:30px;line-height:38px;margin-bottom:24px}
.ban .lhs p{font-size:18px;padding-bottom:26px}
.ban{padding:80px 0}
}
@media screen and (max-width: 500px) {
.ds-list li{width:100%}
}
footer,.btmBar{float:left;width:100%}
#btmBar ul li a{font-family:"ZohoPuvi"}
.sec2 h2{font-size:35px;font-weight:600;text-align:center;padding-bottom:55px}
.scrn-com{float:left;width:100%;padding-bottom:80px}
.scrn-mit{padding-top:80px}
.scrn-com.scrn-ml .lhs{padding-top:50px}
.scrn-com .lhs{padding:0 50px 0 0;float:left;width:50%}
.scrn-com .lhs h3{font-size:30px;font-weight:600;margin-bottom:30px;line-height:42px;position:relative}
.scrn-com .lhs h3:before{content:"";width:4px;height:calc(100% - 10px);position:absolute;top:0;left:0;bottom:0;margin:auto}
.screen-blue .lhs{margin-top:95px}
.screen-blue{padding-bottom:200px}
.screen-pink .lhs{margin-top:60px}
.screen-pink{padding-bottom:190px}
.screen-green{padding-bottom:110px}
.screen-green .lhs{margin-top:60px}
.scrn-com .lhs p{font-size:15px;padding-bottom:25px;line-height:34px;color:#333}
.scrn-com .lhs ul{padding:10px 0 20px}
.scrn-com .lhs ul li{font-size:16px;padding:0 0 20px 50px;line-height:28px;position:relative}
.scrn-com .lhs ul li:before{content:"";position:absolute;width:30px;height:30px;background:url(/sites/meweb/images/fr/log-management/images/app-log-sprite.png) no-repeat;background-size:2000px 3250px;background-position:-181px -417px;margin:7px 0 0 -50px}
.scrn-com .lhs a{font-size:17px;line-height:28px;border:1px solid #102336;border-radius:5px;padding:10px 65px 10px 30px;display:inline-block;position:relative}
.scrn-com .lhs a:after{content:"";position:absolute;width:24px;height:15px;background:url(/sites/meweb/images/fr/log-management/images/app-log-sprite.png) no-repeat;background-size:2000px 3250px;background-position:-213px -392px;margin:8px 0 0 17px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.scrn-com .lhs a:hover{background:#e8132a;border:1px solid #e8132a;color:#fff}
.scrn-com .lhs a:hover:after{background-position:-247px -392px}
.scrn-com .rhs{float:left;width:50%}
.scrn-mit .lhs{padding:0 0 0 50px;float:right}
.mob-s-scrn{width:100%;display:none}
.scrn-com .tit{padding:60px 0 30px}
.scrn-com .tit h2{font-size:30px;font-weight:500;padding-bottom:20px}
.scrn-com .tit p{text-align:center;font-size:16px;line-height:28px;font-weight:300}
.spri{position:relative}
.spri span,.spri .s2-3::after{background-image:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-sprite.png);background-repeat:no-repeat;background-size:847px 4107px;display:inline-block;position:absolute}
.spri .s1-1{background-position:-5px -628px;width:671px;height:433px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0;left:90px}
.act .spri .s1-1{opacity:1}
.spri .s1-11{background-position:-184px -1077px;width:205px;height:88px;left:43px;top:110px;opacity:0}
.spri .s1-12{background-position:-406px -1077px;width:205px;height:88px;left:232px;top:110px;opacity:0}
.spri .s1-13{background-position:-616px -1077px;width:205px;height:88px;left:422px;top:110px;opacity:0}
.act .spri .s1-11{-webkit-animation:scale .5s ease-in-out .2s both;animation:scale .5s ease-in-out .2s both}
.act .spri .s1-12{-webkit-animation:scale .5s ease-in-out .5s both;animation:scale .5s ease-in-out .5s both}
.act .spri .s1-13{-webkit-animation:scale .5s ease-in-out .8s both;animation:scale .5s ease-in-out .8s both}
.spri .s1-2{background-position:-197px -1182px;width:351px;height:144px;left:44px;top:180px;opacity:0}
.act .spri .s1-2{-webkit-animation:scale .5s ease-in-out 1.2s both;animation:scale .5s ease-in-out 1.2s both}
.act .spri .s1-21{-webkit-animation:scale .5s ease-in-out 1.5s both;animation:scale .5s ease-in-out 1.5s both}
.act .spri .s1-22{-webkit-animation:scale .5s ease-in-out 1.8s both;animation:scale .5s ease-in-out 1.8s both}
.act .spri .s1-3{-webkit-animation:scale .5s ease-in-out 2.1s both;animation:scale .5s ease-in-out 2.1s both}
.act .spri .s1-31{-webkit-animation:scale .5s ease-in-out 2.4s both;animation:scale .5s ease-in-out 2.4s both}
.spri .s1-21{background-position:-565px -1181px;width:223px;height:144px;left:374px;top:180px;opacity:0}
.spri .s1-22{background-position:-11px -1077px;width:169px;height:249px;left:580px;top:180px;opacity:0}
.spri .s1-3{background-position:-12px -1340px;width:231px;height:183px;left:45px;top:305px;opacity:0}
.spri .s1-31{background-position:-259px -1343px;width:342px;height:182px;left:255px;top:306px;opacity:0}
.spri .s2-1{background-position:-12px -1547px;width:700px;height:482px;left:-175px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);opacity:0}
.act .spri .s2-1{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1}
.spri .s2-2{background-position:-27px -2044px;width:170px;height:141px;top:158px;left:-120px;opacity:0}
.act .spri .s2-2{-webkit-animation:scale .5s ease-in-out 1s both;animation:scale .5s ease-in-out 1s both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.spri .s2-3{background-position:-11px -2214px;width:450px;height:232px;left:58px;top:166px;opacity:0}
.act .spri .s2-3{-webkit-animation:scale 1s ease-in-out 1.5s both;animation:scale 1s ease-in-out 1.5s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s2-3::after{content:'';background-position:-474px -2235px;width:142px;height:81px;bottom:68px;left:164px;opacity:0}
.act .spri .s2-3::after{-webkit-animation:bar 2s ease-in-out 2.2s both;animation:bar 2s ease-in-out 2.2s both;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
@-webkit-keyframes bar {
0%{height:0}
100%{height:81px;opacity:1}
}
@keyframes bar {
0%{height:0}
100%{height:81px;opacity:1}
}
.spri .s2-4{background-position:-218px -2039px;width:602px;height:164px;left:-85px;top:372px;opacity:0}
.act .spri .s2-4{-webkit-animation:scale 1s ease-in-out 2s both;animation:scale 1s ease-in-out 2s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri{top:-60px!important}
.spri .s3-1{background-position:-16px -2480px;width:702px;height:348px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);left:54px;opacity:0}
.act .spri .s3-1{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1}
.spri .s3-2{background-position:-15px -2844px;width:169px;height:104px;left:88px;top:64px;opacity:0}
.act .spri .s3-2{-webkit-animation:scale .5s ease-in-out .2s both;animation:scale .5s ease-in-out .2s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s3-21{background-position:-187px -2866px;width:131px;height:65px;left:252px;top:83px;opacity:0}
.act .spri .s3-21{-webkit-animation:scale .5s ease-in-out .4s both;animation:scale .5s ease-in-out .4s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s3-22{background-position:-336px -2866px;width:145px;height:65px;left:396px;top:83px;opacity:0}
.act .spri .s3-22{-webkit-animation:scale .5s ease-in-out .6s both;animation:scale .5s ease-in-out .6s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.spri .s3-23{background-position:-502px -2866px;width:102px;height:65px;left:554px;top:83px;opacity:0}
.act .spri .s3-23{-webkit-animation:scale .5s ease-in-out .8s both;animation:scale .5s ease-in-out .8s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.act .spri .s3-3{-webkit-animation:scale .5s ease-in-out 1s both;animation:scale .5s ease-in-out 1s both;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
.act .spri .s3-4{-webkit-animation:scale .5s ease-in-out 1.4s both;animation:scale .5s ease-in-out 1.4s both}
.spri .s3-3{background-position:-27px -2960px;width:550px;height:159px;top:160px;left:110px;opacity:0}
.spri .s3-4{background-position:-27px -3148px;width:649px;height:108px;left:60px;top:324px;opacity:0}
.sec3{margin-top:80px;position:relative;margin-bottom:90px}
.sec3:before{content:"";position:absolute;top:0;left:0;border-radius:0 80px 0 0;background:#fff3e0;height:100%;width:75%}
.sec3:after{content:"";background:url(/sites/meweb/images/fr/log-management/images/behavior-based-attack-detection-ueba-building.png) repeat-x;background-size:contain;width:75%;height:379px;position:absolute;bottom:0;left:0;-webkit-animation:flow1 3000s linear infinite;animation:flow1 3000s linear infinite}
.mob-view{display:none}
.reasons-wrap{padding:20px 0 50px;min-height:750px}
.reasons-wrap .lhs{float:left;max-width:435px;width:100%}
.icn-reason-man{background-position:-12px -3349px;width:396px;height:721px;position:absolute;top:118px;bottom:0;z-index:1}
.reasons-wrap .rhs{float:right;max-width:750px;width:100%;margin-top:60px;position:relative;z-index:1}
.reasons-wrap .rhs ul .app-log-sprite{height:37px;display:block;margin-bottom:10px}
.icn-rea1{background-position:-327px -446px;width:49px}
.icn-rea2{background-position:-498px -451px;width:50px}
.icn-rea3{background-position:-415px -450px;width:41px}
.reasons-wrap .rhs ul{display:inline-block;vertical-align:middle;max-width:340px;width:100%}
.reasons-wrap .rhs ul li{background:#fff;padding:35px 30px 40px;border-radius:5px;-webkit-box-shadow:0 11px 70px rgba(61,81,91,0.08);box-shadow:0 11px 70px rgba(61,81,91,0.08);margin-top:38px}
.reasons-wrap .rhs ul + ul{margin-left:30px}
.reasons-wrap .rhs ul li h5{font-size:16px;font-weight:600;color:#000;margin-bottom:15px}
.reasons-wrap .rhs ul li p{color:#333;font-size:15px;line-height:1.7;margin:0}
.sec4{margin-top:-20px;margin-bottom:90px;position:relative;z-index:2;background:transparent}
.resources-wrap{border:1px solid #c3f6e1;padding:15px 50px 15px 25px;background:#fff;border-radius:10px;min-height:270px}
.resources-wrap .lhs{max-width:270px;display:inline-block;width:100%;position:relative}
.resources-wrap .lhs h4{font-size:40px;font-weight:600;line-height:1.4;position:relative;z-index:1;padding:80px 0 0 70px}
.resources-wrap .lhs h4 span{display:block;font-weight:200;font-size:30px}
.resources-wrap .lhs:before{content:"";background:url(/sites/meweb/images/fr/log-management/images/app-log-sprite.png) no-repeat -790px 0;background-size:2000px 3250px;width:240px;height:240px;position:absolute;top:0;left:0}
.resources-wrap .rhs{max-width:720px;display:inline-block;vertical-align:top;margin:20px 0 0 120px}
.resources-wrap .rhs ul li{display:inline-block;vertical-align:top;position:relative;max-width:45%;width:100%;margin:15px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.resources-wrap .rhs ul li a{padding:18px 50px 18px 25px;background:#fff;-webkit-box-shadow:0 11px 18px rgba(51,51,51,0.05);box-shadow:0 11px 18px rgba(51,51,51,0.05);display:block}
.resources-wrap .rhs ul li:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.resources-wrap .rhs ul li .icn-arrow{background-position:-724px -23px;width:14px;height:14px;position:absolute;right:20px;top:0;bottom:0;margin:auto}
@media screen and (max-width: 1520px) {
.spri{-webkit-transform:scale(0.88);-ms-transform:scale(0.88);transform:scale(0.88)}
.screen-blue{padding-bottom:90px}
.screen-pink{padding-bottom:150px}
.screen-green{padding-bottom:20px}
}
@media screen and (max-width: 1400px) {
.scrn-ml .lhs{margin-left:-125px}
.scrn-ml .rhs .spri{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);margin-left:-100px}
.scrn-mit .rhs .spri{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);margin-right:-250px}
.scrn-rule .rhs .spri{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);margin-left:-50px}
.screen-blue .lhs {margin-top:70px}
.screen-pink .lhs {margin-top:24px}
.screen-green .lhs {margin-top:22px}
}
@media screen and (max-width: 1250px) {
.scrn-com .lhs{width:43.4%}
.scrn-mit .rhs .spri{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);margin-right:-47px}
.scrn-rule .rhs .spri{-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
.scrn-com .lhs{padding:0}
.sec1 .ac{max-width:80%}
.reasons-wrap .rhs{max-width:calc(100% - 400px)}
.reasons-wrap .rhs ul{width:46%}
.icn-reason-man{top:auto;bottom:-88px}
.screen-blue .lhs,.screen-pink .lhs,.screen-green .lhs,.scrn-mit .lhs{margin-top:0}
}
@media screen and (max-width: 1199px) {
.ban .lhs h1{font-size:32px;line-height:45px}
.scrn-com .lhs h3{font-size:24px;line-height:30px}
.scrn-com .lhs p{font-size:14px}
.reasons-wrap .rhs ul{max-width:268px}
.resources-wrap .rhs{max-width:640px;margin:20px 0 0}
.sec1-wrap p{width:90%}
}
@media screen and (max-width: 1025px) {
#header-mainsec .headerinner{padding-bottom:8px}
.ban .lhs h1{font-size:30px}
}
@media screen and (max-width: 992px) {
.scrn-com .lhs,.scrn-com .rhs{width:100%;padding:0}
.scrn-mit{padding-top:0}
.scrn-com{background:#fff;margin-bottom:40px;padding:50px 0;border-radius:5px}
.scrn-com .lhs h3,.scrn-com .lhs p{padding:0 30px}
.scrn-com .lhs p{padding-bottom:20px}
.screen-pink .rhs{display:none}
.screen-blue{background-color:#f4fcfe;border:1px solid #c1ecf8}
.screen-pink{background-color:#fcf5ff;border:1px solid #f3c9fb}
.screen-green{background-color:#f4fffb;border:1px solid #b0f3da}
.scrn-mit .rhs{padding-bottom:30px}
.scrn-com.scrn-ml .lhs{padding-top:0}
.scrn-com .tit{padding:20px 0 30px}
.ac{max-width:100%}
.sec1 .ac{max-width:95%}
.ban .lhs{padding:0}
.ban .lhs h1{line-height:42px}
.scrn-com .spri{display:none}
.sec1-hidden{padding:25px;max-width:100%;text-align:center;width:100%;min-height:inherit;background:#fff}
.sec1-wrap p{width:100%}
.sec1-wrap .app-log-sprite{display:none}
.sec1-wrap::after,.sec1-wrap::before{display:none}
.sec3:before,.sec3:after,.resources-wrap .lhs:before{display:none}
.reasons-wrap .lhs{display:none}
.reasons-wrap .rhs{max-width:100%}
.reasons-wrap .rhs ul{max-width:100%;width:100%}
.reasons-wrap .rhs ul + ul{margin-left:0}
.reasons-wrap .rhs{margin-top:18px}
.resources-wrap .lhs h4{text-align:center;padding:30px 0 0}
.resources-wrap .lhs,.resources-wrap .rhs,.resources-wrap .rhs ul li{max-width:100%;margin:10px 0}
.sec3 .mob-view span{display:block;font-weight:300;font-size:24px;line-height:2}
.sec3 .mob-view{display:block;text-align:center;font-size:28px;font-weight:600;margin-top:35px}
.sec3{background:#e6fff3}
.resources-wrap{padding:15px 25px}
.sec2{margin-top:48px}
.sec3{margin-top:35px}
.mob-s-scrn{display:block}
}
@media screen and (max-width: 767px) {
.d-com{width:100%}
.sec2 .ac{width:100%;padding:0 20px}
.sec2 h2,.scrn-com .tit h2,.usecase-section h2 span,.s8 h2{font-size:30px;line-height:40px}
.scrn-com .lhs h3{font-size:22px;line-height:30px;margin-bottom:20px}
.scrn-com{margin-bottom:20px}
.video-section{margin-bottom:0;padding-top:40px}
.mob-foot{float:left}
}
@media screen and (max-width: 567px) {
.sec1 h2,.sec2 h2,.scrn-com .tit h2,.usecase-section h2 span,.s8 h2{font-size:18px;line-height:28px}
.sec1 p{font-size:14px;line-height:25px}
.scrn-com .lhs h3{font-size:18px;line-height:24px;margin-bottom:20px}
.sec3 .mob-view{font-size:24px;line-height:1.4}
.sec3 .mob-view span{font-size:18px}
.resources-wrap .lhs h4{font-size:25px}
.resources-wrap .lhs h4 span{font-size:20px}
.sec1 p{padding:0}
.scrn-com .lhs p{line-height:25px}
.usecase-content .sprite{display:none}
.usecase-content{margin:30px auto 0}
.usecase-content .usecase-box{padding:40px}
.usecase-section{padding:40px 0 20px}
.sec4{padding:50px 0 60px}
.scrn-com .lhs a{font-size:14px;padding:10px 15px}
.scrn-com .lhs a:after,.usecase-content .tab-cta1:after{display:none}
.usecase-content .tab-cta1{font-size:15px;padding:10px 20px}
.ban .lhs h1{font-size:30px}
.ban .lhs h1 br{display:none}
}
@media screen and (max-width: 425px) {
.ban .lhs h1{font-size:26px;line-height:40px}
.ban .lhs p{font-size:16px}
}
@media (min-width: 1920px) {
.sec3::before,.sec3::after{left:calc(50vw - 800px);max-width:1600px}
}