#scroll{display:none}
.CS_CTAContainer {float: none !important;}
.ac{max-width:1340px;padding:0 20px}
.ban{padding:40px 0}
.ban .lhs{width:calc(100% - 540px)}
.ban .rhs{width:540px}
.ban-ani{width:540px;height:380px}
.ban.ban1 .lhs h1{font-size:36px;padding-right:90px;width:702px}
.ban.ban1 .lhs h1 strong{display:block;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/role-base-access-control-banner-sprite-22.png) no-repeat;background-size:558px}
.ban1 .ban-ani .lock{background-position:-10px -6px;width:538px;height:204px;bottom:0}
.ban1 .ban-ani .card{background-position:-11px -236px;width:239px;height:155px;top:74px;left:152px}
.ban1 .ban-ani .line{background-position:-6px -402px;width:168px;height:127px;top:0;bottom:0;left:4px;right:0;margin:auto}
.ban1 .ban-ani .card-icon1{background-position:-189px -465px;width:64px;height:64px;left:-25px;top:0;bottom:0;margin:auto;-webkit-animation:icon1 1s 1s linear both,allIcons 2s 4s linear infinite;animation:icon1 1s 1s linear both,allIcons 2s 4s linear infinite}
@-webkit-keyframes icon1 {
0%{-webkit-transform:translate(104px,0);transform:translate(104px,0)}
50%{-webkit-transform:translate(66px,-9px);transform:translate(66px,-9px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes icon1 {
0%{-webkit-transform:translate(104px,0);transform:translate(104px,0)}
50%{-webkit-transform:translate(66px,-9px);transform:translate(66px,-9px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ban1 .ban-ani .card-icon2{background-position:-319px -472px;width:49px;height:49px;bottom:-14px;left:42px;-webkit-animation:icon2 1s 1.4s linear both,allIcons 2s 4.2s linear infinite;animation:icon2 1s 1.4s linear both,allIcons 2s 4.2s linear infinite}
@-webkit-keyframes icon2 {
0%{-webkit-transform:translate(40px,-60px);transform:translate(40px,-60px)}
50%{-webkit-transform:translate(36px,0px);transform:translate(36px,0px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes icon2 {
0%{-webkit-transform:translate(40px,-60px);transform:translate(40px,-60px)}
50%{-webkit-transform:translate(36px,0px);transform:translate(36px,0px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ban1 .ban-ani .card-icon3{background-position:-261px -472px;width:49px;height:49px;top:-30px;right:50px;-webkit-animation:icon3 1s 1.8s linear both,allIcons 2s 4.4s linear infinite;animation:icon3 1s 1.8s linear both,allIcons 2s 4.4s linear infinite}
@-webkit-keyframes icon3 {
0%{-webkit-transform:translate(-45px,82px);transform:translate(-45px,82px)}
50%{-webkit-transform:translate(7px,46px);transform:translate(7px,46px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes icon3 {
0%{-webkit-transform:translate(-45px,82px);transform:translate(-45px,82px)}
50%{-webkit-transform:translate(7px,46px);transform:translate(7px,46px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ban1 .ban-ani .card-icon4{background-position:-319px -472px;width:49px;height:49px;top:29px;right:-10px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-animation:icon4 1s 2.2s linear both,icon4Scale 2s 4s linear infinite;animation:icon4 1s 2.2s linear both,icon4Scale 2s 4s linear infinite}
@-webkit-keyframes icon4 {
0%{-webkit-transform:scale(.8) translate(-120px,20px);transform:scale(.8) translate(-120px,20px)}
30%{-webkit-transform:scale(.8) translate(-43px,20px);transform:scale(.8) translate(-43px,20px)}
60%{-webkit-transform:scale(.8) translate(-44px,0);transform:scale(.8) translate(-44px,0)}
100%{-webkit-transform:scale(.8) translate(0,0);transform:scale(.8) translate(0,0)}
}
@keyframes icon4 {
0%{-webkit-transform:scale(.8) translate(-120px,20px);transform:scale(.8) translate(-120px,20px)}
30%{-webkit-transform:scale(.8) translate(-43px,20px);transform:scale(.8) translate(-43px,20px)}
60%{-webkit-transform:scale(.8) translate(-44px,0);transform:scale(.8) translate(-44px,0)}
100%{-webkit-transform:scale(.8) translate(0,0);transform:scale(.8) translate(0,0)}
}
@-webkit-keyframes icon4Scale {
from,to{-webkit-transform:scale(.8);transform:scale(.8)}
50%{-webkit-transform:scale(.7);transform:scale(.7)}
}
@keyframes icon4Scale {
from,to{-webkit-transform:scale(.8);transform:scale(.8)}
50%{-webkit-transform:scale(.7);transform:scale(.7)}
}
.ban1 .ban-ani .card-icon5{background-position:-189px -465px;width:64px;height:64px;right:-8px;bottom:-16px;-webkit-animation:icon5 1s 2.6s linear both,allIcons 2s 4.6s linear infinite;animation:icon5 1s 2.6s linear both,allIcons 2s 4.6s linear infinite}
@-webkit-keyframes icon5 {
0%{-webkit-transform:translate(-100px,-60px);transform:translate(-100px,-60px)}
50%{-webkit-transform:translate(-85px,0);transform:translate(-85px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes icon5 {
0%{-webkit-transform:translate(-100px,-60px);transform:translate(-100px,-60px)}
50%{-webkit-transform:translate(-85px,0);transform:translate(-85px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ban1 .ban-ani .circle{background-position:-263px -294px;width:87px;height:85px;top:0;bottom:0;right:0;left:-10px;margin:auto}
.ban1 .ban-ani .circle::before{content:'';background-position:-280px -402px;width:41px;height:41px;position:absolute;left:12px;top:0;bottom:0;margin:auto;-webkit-animation:rotating 7.5s linear infinite;animation:rotating 7.5s linear infinite}
.ban1 .ban-ani .circle::after{content:'';background-position:-330px -413px;width:26px;height:26px;position:absolute;right:10px;bottom:22px;animation:rotating 10s linear infinite reverse}
@-webkit-keyframes rotating {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotating {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.ban1 .ban-ani .man{background-position:-378px -220px;width:173px;height:259px;right:21px;top:-9px}
.ban1 .ban-ani .man::before{content:'';background-position:-245px -419px;width:19px;height:19px;position:absolute;right:-11px;top:74px;-webkit-animation:keys 2s linear infinite;animation:keys 2s linear infinite}
@-webkit-keyframes keys {
from,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}
}
@keyframes keys {
from,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}
}
@-webkit-keyframes allIcons {
from,to{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.9);transform:scale(.9)}
}
@keyframes allIcons {
from,to{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.9);transform:scale(.9)}
}
.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:55px 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{font-size:28px;font-weight:300;line-height:1.4}
.sec3-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/role-base-access-control-sprite-22.png) no-repeat -4px -4px;background-size:460px;width:25px;height:29px}
.sec3-1 .tab-1-ic ul li:nth-child(2) span:before{background-position:-38px -5px;width:24px;height:28px}
.tab-1-ic ul li:nth-child(3) span:before{background-position:-71px -6px;width:30px;height:27px}
.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/role-base-access-control-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 -6px}
.sec3-1 .tab-2-view .lhs::before{background-position:-2px -313px}
.sec3-1 .tab-3-view .lhs::before{background-position:-5px -615px}
.sec4-1 .tab-2-ic ul li:nth-child(1) span:before{background-position:-4px -54px;width:27px;height:31px;top:16px;left:30px}
.sec4-1 .tab-2-ic ul li:nth-child(2) span:before{background-position:-39px -53px;width:31px;height:30px;top:16px;left:26px}
.sec4-1 .tab-2-ic ul li:nth-child(3) span:before{background-position:-77px -52px;width:25px;height:32px;top:16px;left:30px}
.sec4 .tab-1-tit ul li span{padding:18px 20px 18px 70px}
.sec4-1 .tip-tb-1-1{left:61%;top:35%}
.sec4-1 .tip-tb-1-2{top:38%;left:55.5%}
.sec4-1 .tip-tb-2-1{top:15%;left:13%}
.sec4-1 .tip-tb-2-2{top:63%;left:41%}
.sec4-1 .tip-tb-3-1{left:87%;top:14.7%}
.sec4-1 .tip-tb-3-1 div{right:-110px;top:32px}
.sec4-1 .tip-tb-3-1 div::before{left:120px;top:-4px}
.sec5.sec5-1 .inn:before{background:url(/sites/meweb/images/fr/active-directory-360/images/role-base-access-control-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: 1200px) {
.sec3-1 .tab-1-tit ul li span{text-align:center}
.tab-1-com .lhs{padding-right:350px}
.sec4 .tab-1-tit ul li span{padding: 15px 20px;}
}
@media (max-width: 1100px) {
.ban .lhs{width:100%}
.ban.ban1 .lhs h1{padding-right:0;width:100%}
.sec5.sec5-1 .inn .rhs{margin:0;margin-bottom:120px}
}
@media (max-width: 992px) {
.ban.ban1 .lhs h1{font-size:30px;line-height:1.3}
.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}
}
@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{font-size:22px}
.sec3-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}
}
@media all and (-ms-high-contrast:none){
.sec5 .rhs:after {display:none}
}