#scroll{display:none}
.CS_CTAContainer {float: none !important;}
.ac{max-width:1340px;padding:0 20px}
.ban{z-index:-10}
.ban.ban1 .lhs{width:calc(100% - 642px)}
.ban1 .rhs{width:642px;z-index:1}
.ban-ani{width:642px;height:374px}
.ban .lhs h1{font-size:36px;padding-right:25px}
.ban.ban1 .lhs h1 strong{font-size:44px}
.ban1 .ban-ani span,.ban1 .ban-ani .machine::before,.ban1 .ban-ani .machine::after,.ban1 .ban-ani .machine2::before{background:url(/sites/meweb/images/fr/active-directory-360/images/approval-workflow-banner-sprite-22.png) no-repeat;background-size:664px}
.ban1 .ban-ani .circle{background-position:-11px -17px;width:374px;height:374px;left:0;right:0;margin:auto;z-index:-5}
.ban1 .ban-ani .circuit{background-position:-6px -423px;width:655px;height:157px;bottom:-30px;left:0;right:0;margin:auto;z-index:-4;animation: circuit 1s 1s linear both;}
.ban1 .ban-ani .plate{background-position:-6px -829px;width:513px;height:143px;bottom:20px;left:0;right:0;margin:auto;z-index:-3;animation: shake 3s 2s linear infinite both;}
.ban1 .ban-ani .cube1,.ban1 .ban-ani .cube2,.ban1 .ban-ani .cube3{background-position:-500px -38px;width:37px;height:36px}
.ban1 .ban-ani .cube1{left:224px;bottom:134px;animation: machine 1s 1s linear both}
.ban1 .ban-ani .cube2{left:282px;bottom:106px;animation: machine 1s 1.3s linear both}
.ban1 .ban-ani .cube3{right:250px;bottom:78px;animation: machine 1s 1.6s linear both}
.ban1 .ban-ani .cube4{background-position:-439px -32px;width:42px;height:49px;top:147px;left:51%;z-index:-1;animation: machine 1s 1.9s linear both, shake 3s 2s linear infinite}
.ban1 .ban-ani .cube5{background-position:-439px -32px;width:42px;height:49px;top:67px;left:44%;z-index:-1;animation: machine 1s 1s linear both, shake 3s 2s linear infinite;}
.ban1 .ban-ani .machine{background-position:-6px -606px;width:367px;height:201px;bottom:80px;left:-48px;right:0;margin:auto; animation: machine 1s linear both,shake 3s 2s linear infinite;}
.ban1 .ban-ani .machine::before{content:'';background-position:-553px -177px;width:53px;height:86px;position:absolute;top:56px;left:172px;z-index:-1}
.ban1 .ban-ani .machine::after{content:'';background-position:-432px -224px;width:89px;height:79px;position:absolute;top:12px;right:54px;z-index:-1}
.ban1 .ban-ani .machine2{background-position:-432px -612px;width:144px;height:181px;bottom:92px;right:120px;animation: machine 1s linear both,shake 3s 2s linear infinite;}
.ban1 .ban-ani .machine2::before{content:'';background-position:-439px -149px;width:87px;height:58px;position:absolute;top:-23px;left:-73px;z-index:-1}
@-webkit-keyframes circuit{from{-webkit-transform:scale(0);transform:scale(0);}
to{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes circuit{from{-webkit-transform:scale(0);transform:scale(0);}
to{-webkit-transform:scale(1);transform:scale(1);}
}
@-webkit-keyframes machine{from{-webkit-transform:translateY(-150px);transform:translateY(-150px);opacity:0;}
to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@keyframes machine{from{-webkit-transform:translateY(-150px);transform:translateY(-150px);opacity:0;}
to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}
20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}
30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}
40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}
}
@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}
20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}
30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}
40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}
}
.one-line-form.with-state{width:550px}
.one-line-form.with-state ul li input[type=submit]{padding:0 48px 0 22px}
.one-line-form.with-state ul li .icn-dwn{right:10px}
.sec2 .inn .lhs{padding:40px}
.sec2 .inn .lhs h2{font-size:27px}
.sec2 .inn .lhs p{font-size:18px}
.sec3 .tit h2{font-size:28px;font-weight:300;line-height:1.4}
.sec3 .tit h2 strong{display:block;font-size:32px;font-weight:500}
.tab-1-tit ul{padding:0}
.tab-1-tit ul li span{line-height:1.3}
.tab-1-com.tab-4-view{display:none}
.tab-2-com.tab-5-view{display:block}
.sec3-1 .tab-1-tit ul li span:before,.sec4-1 .tab-1-tit ul li span:before{background:url(/sites/meweb/images/fr/active-directory-360/images/approval-workflow-sprite-22.png) no-repeat;background-size:460px;top:0;bottom:0;margin:auto}
.sec3-1 .tab-1-ic ul li:nth-child(1) span:before{background-position:-4px -4px;width:26px;height:31px}
.sec3-1 .tab-1-ic ul li:nth-child(2) span:before{background-position:-37px -8px;width:27px;height:23px}
.sec3-1 .tab-1-ic ul li:nth-child(3) span:before{background-position:-72px -6px;width:32px;height:28px;left:16px}
.sec3-1 .tab-1-ic ul li:nth-child(4) span:before{background-position:-110px -6px;width:26px;height:30px}
.tab-1-com .lhs{padding-right:500px;position:relative}
.sec3-1 .tab-1-tit ul li span{height:84px;display:table-cell;vertical-align:middle;text-align:left}
.sec3-1 .tab-1-com .lhs::before{content:'';background:url(/sites/meweb/images/fr/active-directory-360/images/approval-workflow-sprite-22.png) no-repeat;background-size:460px;width:286px;height:286px;position:absolute;right:30px;top:0;bottom:0;margin:auto}
.sec3-1 .tab-1-view .lhs::before{background-position:-160px -4px}
.sec3-1 .tab-2-view .lhs::before{background-position:-5px -303px}
.sec3-1 .tab-3-view .lhs::before{background-position:-8px -603px}
.sec3-1 .tab-4-view .lhs::before{background-position:-17px -902px}
.sec4-1 .tab-2-ic ul li:nth-child(1) span:before{background-position:-1px -50px;width:35px;height:28px}
.sec4-1 .tab-2-ic ul li:nth-child(2) span:before{background-position:-41px -50px;width:28px;height:34px}
.sec4-1 .tab-2-ic ul li:nth-child(3) span:before{background-position:-71px -42px;width:43px;height:44px}
.sec4-1 .tab-2-ic ul li:nth-child(4) span:before{background-position:-119px -48px;width:32px;height:30px}
.sec4-1 .tab-1-tit ul li span{height:76px;display:table-cell;vertical-align:middle}
.sec4-1 .tip-tb-1-1{left:55%;top:35%}
.sec4-1 .tip-tb-2-1{left:56%;top:42%}
.sec4-1 .tip-tb-3-1{left:56%;top:42%}
.sec4-1 .tip-tb-4-1{left:82%;top:55%}
.sec4-1 .tip-tb-4-1 div{right:-108px;top:34px}
.sec4-1 .tip-tb-4-1 div::before{left:122px;top:-4px}
.sec5.sec5-1 .inn:before{background:url(/sites/meweb/images/fr/active-directory-360/images/approval-workflow-sprite-22.png) no-repeat -5px -115px;background-size:460px}
.sec5.sec5-1 .inn .rhs{border:none;margin:40px 0;padding:40px}
.sec5.sec5-1 .inn .rhs::before{content:'';background: #eefafe;background:-o-linear-gradient(left,#eefafe,#fff);background:-webkit-gradient(linear,left top,right top,from(#eefafe),to(#fff));background:linear-gradient(to right,#eefafe,#fff);border-radius:10px;width:100%;height:100%;border:1px solid #b8d1ff;position:absolute;left:0;top:0}
.sec5 .rhs:after{height:calc(100% + 5px);right:-4px;z-index:1}
.sec5 .inn .rhs ul{z-index:2}
.sec5 .inn .rhs ul li:last-child{padding-bottom:0}
@media (max-width: 1230px) {
.ban{padding:50px 0 0}
.ban-ani{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);position:relative;left:40px}
.ban .lhs h1{width:600px}
}
@media (max-width: 1200px) {
.sec3-1 .tab-1-tit ul li span{text-align:center}
.tab-1-com .lhs{padding-right:350px}
}
@media (max-width: 1100px) {
.ban{padding:80px 0 50px}
.ban.ban1 .lhs{width:100%}
.ban .lhs h1{padding-right:0;width:100%}
.ban .lhs h1 strong{display:block}
.sec5.sec5-1 .inn .rhs{margin:0;margin-bottom:120px}
}
@media (max-width: 992px) {
.one-line-form.with-state{width:100%}
.sec3 .tit h2{font-size:24px}
.sec3 .tit h2 strong{font-size:28px}
.tab-1-tit ul li span{font-size:14px}
.tab-1-com .lhs{padding-right:0}
.sec3-1 .tab-1-com .lhs::before{display:none}
.sec4 .tab-1-tit ul li span{padding:15px}
}
@media (max-width: 769px) {
.sec3-1 .tab-1-tit ul li span,.sec4-1 .tab-1-tit ul li span{height:auto}
.sec3-1 .tab-1-tit ul li span br,.sec4-1 .tab-1-tit ul li span br{display:none}
}
@media (max-width: 768px) {
.ban .lhs h1{font-size:30px}
.ban.ban1 .lhs h1 strong{font-size:38px}
.sec3 .tit h2{font-size:22px}
.sec3 .tit h2 strong{font-size:24px}
.sec6{padding:80px 0}
}
@media (max-width: 600px) {
.ban .lhs h1{font-size:22px;line-height:1.3}
.ban.ban1 .lhs h1 strong{font-size:22px;line-height:1.3;display:inline}
.sec2 .inn .lhs,.sec2 .inn .rhs{padding:24px}
.sec2 .inn .lhs h2{font-size:24px}
.sec2 .inn .lhs p,.sec2 .inn .rhs p{font-size:16px;line-height:1.3}
.sec2 .inn .rhs p{line-height:1.6}
.sec3{padding:70px 0 90px}
.sec3.sec4{padding-bottom:140px}
.sec5.sec5-1 .inn .rhs{padding:0}
.sec5.sec5-1 .inn .rhs::before{display:none}
.sec6{padding:60px 0}
.sec6 h2{font-size:22px;line-height:32px}
.sec6 .bot-cta{font-size:16px}
}

@media all and (-ms-high-contrast:none){
.sec5 .rhs:after {display:none}
}