#scroll{display:none}
.CS_CTAContainer {float: none !important;}
.ac{max-width:1340px;padding:0 20px}
.ban{padding:60px 0 0}
.ban .lhs{width:calc(100% - 540px)}
.ban .rhs{width:502px;left:30px}
.ban-ani{width:502px;height:450px}
.ban.ban1 .lhs h1{font-size:36px;padding-right:90px;width:702px}
.ban.ban1 .lhs h1 strong{font-size:44px}
.ban1 .ban-ani span,.ban1 .ban-ani .circle::before,.ban1 .ban-ani .circle::after,.ban1 .ban-ani .man::before{background:url(/sites/meweb/images/fr/active-directory-360/images/identity-lifecycle-management-banner-sprite-22.png) no-repeat;background-size:554px}
.ban1 .ban-ani .setting{background-position:-4px -4px;width:399px;height:399px;top:-20px;left:0;right:0;margin:0 auto;-webkit-animation:rotate 8s linear alternate infinite;animation:rotate 8s linear alternate infinite}
.ban1 .ban-ani .circle{background-position:-6px -742px;width:502px;height:240px;bottom:0}
.ban1 .ban-ani .monitor{background-position:-9px -433px;width:241px;height:197px;top:72px;right:72px}
.ban1 .ban-ani .man{background-position:-309px -433px;width:159px;height:285px;left:56px;top:-10px}
.ban1 .ban-ani .line{background-position:-405px -299px;width:134px;height:96px;top:28px;left:6px;right:0;margin:0 auto}
.ban1 .ban-ani .icon1{background-position:-429px -28px;width:30px;height:31px;left:38px;top:19px;-webkit-animation:allIcons 2s 2.2s linear infinite;animation:allIcons 2s 2.2s linear infinite}
.ban1 .ban-ani .icon2{background-position:-470px -28px;width:46px;height:29px;top:100px;left:20px;-webkit-animation:allIcons 2s 2.4s linear infinite;animation:allIcons 2s 2.4s linear infinite}
.ban1 .ban-ani .icon3{background-position:-429px -72px;width:44px;height:33px;top:14px;right:18px;-webkit-animation:allIcons 2s 2.6s linear infinite;animation:allIcons 2s 2.6s linear infinite}
.ban1 .ban-ani .icon4{background-position:-431px -119px;width:28px;height:28px;top:91px;right:28px;-webkit-animation:allIcons 2s 2.8s linear infinite;animation:allIcons 2s 2.8s linear infinite}
.ban1 .ban-ani .icon5{background-position:-428px -173px;width:101px;height:102px;top:25px;left:-6px;right:0;margin:auto;animation:rotate 8s linear alternate-reverse infinite}
.ban1 .ban-ani .icon6{background-position:-484px -72px;width:63px;height:63px;top:44px;left:86px}
@-webkit-keyframes allIcons {
0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.9);transform:scale(.9)}
}
@keyframes allIcons {
0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.9);transform:scale(.9)}
}
@-webkit-keyframes rotate {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
@keyframes rotate {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
.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 .rhs{padding:30px 40px}
.sec2 .inn .lhs h2{line-height:1.4}
.sec2 .inn .lhs p{font-size:20px}
.sec2 .inn .rhs p:first-child{margin-bottom:30px}
.sec3-1 .tit h2,.sec4-1 .tit h2{font-size:28px;font-weight:300;line-height:1.5}
.sec3-1 .tit h2 strong,.sec4-1 .tit h2 strong{display:block;font-size:32px;font-weight:500}
.sec3-1 .tab-1-tit ul li span::before,.sec4-1 .tab-2-ic ul li span::before{background:url(/sites/meweb/images/fr/active-directory-360/images/identity-lifecycle-management-sprite-22.png) no-repeat -4px -4px;background-size:460px;width:28px;height:31px;top:0;bottom:0;margin:auto}
.sec3-1 .tab-1-ic ul li:nth-child(2) span:before{background-position:-40px -5px;width:27px;height:30px}
.tab-1-ic ul li:nth-child(3) span:before{background-position:-76px -4px;width:32px;height:32px;left:20px}
.sec3-1 .tab-1-com{padding:80px}
.tab-1-com .lhs{padding-right:500px;position:relative}
.sec3-1 .tab-1-com .lhs::before{content:'';background:url(/sites/meweb/images/fr/active-directory-360/images/identity-lifecycle-management-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:-158px -5px}
.sec3-1 .tab-2-view .lhs::before{background-position:-12px -323px}
.sec3-1 .tab-3-view .lhs::before{background-position:-12px -625px}
.sec4-1 .tab-2-ic ul li:nth-child(1) span:before{background-position:-3px -47px;width:33px;height:34px}
.sec4-1 .tab-2-ic ul li:nth-child(2) span:before{background-position:-45px -50px;width:36px;height:29px;left:20px}
.sec4-1 .tab-2-ic ul li:nth-child(3) span:before{background-position:-90px -47px;width:28px;height:34px}
.sec4 .tab-1-tit ul li span{padding:18px 20px 18px 70px}
.sec4-1 .tip-tb-1-1{left:66%;top:55.5%}
.sec4-1 .tip-tb-1-2{top:67%;left:29%}
.sec4-1 .tip-tb-2-1{top:49%;left:27%}
.sec4-1 .tip-tb-2-1 div{right:-110px;top:32px}
.sec4-1 .tip-tb-2-1 div::before{left:120px;top:-4px}
.sec4-1 .tip-tb-2-2{top:47%;left:83%}
.sec4-1 .tip-tb-2-2 div{right:-110px;top:32px}
.sec4-1 .tip-tb-2-2 div::before{left:120px;top:-4px}
.sec4-1 .tip-tb-3-1{left:66%;top:42.8%}
.sec4-1 .tip-tb-3-1 div{right:-110px;top:32px}
.sec4-1 .tip-tb-3-1 div::before{left:120px;top:-4px}
.sec4-1 .tip-tb-3-2{left:27.5%;top:71%}
.sec5.sec5-1 .inn:before{background:url(/sites/meweb/images/fr/active-directory-360/images/identity-lifecycle-management-sprite-22.png) no-repeat -3px -100px;background-size:460px}
.sec5.sec5-1 .inn .lhs{width:480px}
.sec5.sec5-1 .inn .rhs{border:none;margin:20px 0;padding:40px;width:calc(100% - 480px)}
.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}
@media all and (-ms-high-contrast:none) {
.sec5 .rhs:after{display:none}
}
.sec5 .inn .rhs ul{z-index:2}
.sec5 .inn .rhs ul li:last-child{padding-bottom:0}
@media (max-width: 1200px) {
.sec3-1 .tab-1-tit ul li span{text-align:center}
.tab-1-com .lhs{padding-right:350px}
.sec3-1 .tab-1-com{padding:60px}
.sec4 .tab-1-tit ul li span{padding:18px}
}
@media (max-width: 1100px) {
.ban {padding: 60px 0 30px 0}
.ban .lhs{width:100%}
.ban.ban1 .lhs h1{padding-right:0;width:100%}
.sec5.sec5-1 .inn .lhs{width:100%}
.sec5.sec5-1 .inn .rhs{width:100%;margin:0;margin-bottom:120px}
}
@media (max-width: 992px) {
.ban.ban1 .lhs h1{font-size:30px;line-height:1.3;margin-bottom: 20px}
.ban.ban1 .lhs h1 strong{font-size:36px;line-height:1.3}
.one-line-form.with-state{width:100%}
.tab-1-com .lhs{padding-right:0}
.sec3-1 .tab-1-com .lhs::before{display:none}
.sec2 .inn .rhs{padding:30px}
.sec3-1 .tab-1-com{padding:40px}
}
@media (max-width: 767px) {
.tab-1-tit ul{padding:0}
}
@media (max-width: 600px) {
.ban.ban1 .lhs h1{font-size:22px;line-height:1.3;}
.ban.ban1 .lhs h1 strong{font-size:24px;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.6}
.sec3{padding:70px 0 90px}
.sec3-1 .tit h2,.sec4-1 .tit h2{font-size:22px}
.sec3-1 .tit h2 strong,.sec4-1 .tit h2 strong{font-size:26px}
.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}
}