.sec-pTB{
				padding: 0!important;
			}
			.sec6{
				margin-bottom: 0!important;
			}
			p {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			span {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			ul li {
				font-size: 14px!important;
				line-height: 28px!important;
			}
			
			h2 {
				line-height: 2!important;
			}
			
			.sec5 .inn {
				width: 100%;
			}
			
			.sec5 .inn .lhs h2 {
				font-size: 24px;
				font-weight: bold;
				line-height: 44px!important;
			}
			
			.tab-1-com {
				padding: 80px 60px 80px 60px;
			}
			
			.ac {
				max-width: 1340px;
				padding: 0 20px
			}
			
			.ban {
				padding: 50px 0
			}
			
			.ban .lhs h1 {
				color: #151a22;
				padding-right: 25px;
				line-height: 1.6
			}
			
			.ban.ban1 .lhs h1 strong {
				display: block
			}
			
			.ban .lhs h1 strong {
				display: block
			}
			
			.ban .lhs {
				width: calc(100% - 490px)
			}
			
			.ban .rhs {
				width: 490px
			}
			
			.ban-ani {
				height: 390px
			}
			
			.ban1 .ban-ani span,
			.ban1 .ban-ani .man::before {
				background: url(https://www.manageengine.com/active-directory-360/images/microsoft365-administration-solution-banner-sprite-22.png) no-repeat;
				background-size: 499px
			}
			
			.ban1 .ban-ani .shield {
				background-position: -5px -359px;
				width: 490px;
				height: 162px;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto
			}
			
			.ban1 .ban-ani .box {
				background-position: -231px -6px;
				width: 183px;
				height: 229px;
				top: 28px;
				right: 108px
			}
			
			.ban1 .ban-ani .man {
				background-position: -6px -5px;
				width: 207px;
				height: 334px;
				bottom: 6px;
				left: 60px
			}
			
			.ban1 .ban-ani .man::before {
				content: '';
				background-position: -431px -253px;
				width: 63px;
				height: 33px;
				position: absolute;
				left: 64px;
				bottom: 180px;
				animation: barChart 1s 1s linear both
			}
			
			@keyframes barChart {
				from {
					height: 0
				}
			}
			
			.ban1 .ban-ani .icon1 {
				background-position: -232px -247px;
				width: 43px;
				height: 53px;
				left: 35px;
				top: 110px;
				animation: icon 1s 2s linear both, icon2 3s 3s linear infinite
			}
			
			.ban1 .ban-ani .icon2 {
				background-position: -293px -254px;
				width: 59px;
				height: 45px;
				left: 55px;
				top: 42px;
				animation: icon 1s 3s linear both, icon2 3s 3.8s linear infinite
			}
			
			.ban1 .ban-ani .icon3 {
				background-position: -368px -248px;
				width: 54px;
				height: 42px;
				left: 136px;
				top: -8px;
				opacity: 1;
				animation: icon 1s 4s linear both, icon2 3s 4s linear infinite
			}
			
			@keyframes icon {
				from {
					left: 35%;
					top: 50%;
					opacity: 0
				}
			}
			
			@keyframes icon2 {
				from,
				to {
					transform: translateY(0)
				}
				50% {
					transform: translateY(-6px)
				}
			}
			
			.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: 50px
			}
			
			.sec2 .inn .rhs {
				padding: 50px
			}
			
			.sec2 .inn .lhs h2 {
				font-size: 27px
			}
			
			.sec2 .inn .lhs p {
				font-size: 21px
			}
			
			.sec3 .tit h2 {
				line-height: 1.4
			}
			
			.tab-1-tit ul {
				padding: 0;
				width: 100%
			}
			
			.tab-1-com.tab-4-view {
				display: none
			}
			
			.tab-2-com.tab-6-view {
				display: block
			}
			
			.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(https://www.manageengine.com/active-directory-360/images/microsoft365-administration-solution-sprite-22.png) no-repeat;
				background-size: 460px;
				top: 0;
				bottom: 0;
				margin: auto
			}
			
			.sec3-1 .tab-1-tit ul li span {
				height: 84px;
				display: table-cell;
				vertical-align: middle;
				text-align: left;
				padding: 15px 14px 15px 60px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(1) span:before {
				background-position: -2px -1px;
				width: 28px;
				height: 31px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(2) span:before {
				background-position: -39px -4px;
				width: 26px;
				height: 26px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(3) span:before {
				background-position: -72px -4px;
				width: 24px;
				height: 26px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(4) span:before {
				background-position: -103px -4px;
				width: 27px;
				height: 27px
			}
			
			.sec3-1 .tab-1-ic ul li:nth-child(5) span:before {
				background-position: -2px -43px;
				width: 33px;
				height: 29px
			}
			
			.tab-1-com .lhs {
				padding-right: 500px;
				position: relative
			}
			
			.sec3-1 .tab-1-com .lhs::before {
				content: '';
				background: url(https://www.manageengine.com/active-directory-360/images/microsoft365-administration-solution-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: -170px -5px
			}
			
			.sec3-1 .tab-2-view .lhs::before {
				background-position: -7px -308px
			}
			
			.sec3-1 .tab-3-view .lhs::before {
				background-position: -5px -606px
			}
			
			.sec3-1 .tab-4-view .lhs::before {
				background-position: -7px -904px
			}
			
			.sec3-1 .tab-5-view .lhs::before {
				background-position: -6px -1204px
			}
			
			.sec4 .tit h2 {
				font-size: 28px;
				font-weight: 300;
				line-height: 1.3;
				color: #fff
			}
			
			.sec4 .tab-1-tit ul li span {
				padding: 15px 30px 15px 60px;
				height: 84px;
				display: table-cell;
				vertical-align: middle
			}
			
			.sec4-1 .tab-1-tit ul li span:before {
				left: 16px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(1) span:before {
				background-position: -42px -44px;
				width: 29px;
				height: 33px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(2) span:before {
				background-position: -79px -42px;
				width: 31px;
				height: 32px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(3) span:before {
				background-position: -117px -44px;
				width: 34px;
				height: 29px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(4) span:before {
				background-position: -7px -88px;
				width: 29px;
				height: 30px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(5) span:before {
				background-position: -44px -88px;
				width: 36px;
				height: 26px
			}
			
			.sec4-1 .tab-2-ic ul li:nth-child(6) span:before {
				background-position: -89px -88px;
				width: 30px;
				height: 30px
			}
			
			.sec4-1 .tip-tb-1-1 {
				top: 20%;
				left: 91%
			}
			
			.sec4-1 .tip-tb-1-1 div {
				right: -110px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-1-1 div::before {
				left: 119px;
				top: -4px
			}
			
			.sec4-1 .tip-tb-1-2 {
				left: 88.6%;
				top: 40%
			}
			
			.sec4-1 .tip-tb-1-2 div {
				right: -110px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-1-2 div::before {
				left: 119px;
				top: -4px
			}
			
			.sec4-1 .tip-tb-1-3 {
				left: 14%;
				top: 37%
			}
			
			.sec4-1 .tip-tb-2-1 {
				top: 21%;
				left: 48.5%
			}
			
			.sec4-1 .tip-tb-2-2 {
				left: 91.5%;
				top: 16.3%
			}
			
			.sec4-1 .tip-tb-2-2 div {
				right: -110px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-2-2 div::before {
				left: 119px;
				top: -4px
			}
			
			.sec4-1 .tip-tb-3-1 {
				left: 28.5%;
				top: 10%
			}
			
			.sec4-1 .tip-tb-3-2 {
				left: 10%;
				top: 16%
			}
			
			.sec4-1 .tip-tb-4-1 {
				left: 22%;
				top: 18%
			}
			
			.sec4-1 .tip-tb-4-1 div {
				right: -110px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-4-1 div::before {
				left: 119px;
				top: -4px
			}
			
			.sec4-1 .tip-tb-4-2 {
				left: 24%;
				top: 60.5%
			}
			
			.sec4-1 .tip-tb-4-3 {
				left: 99%;
				top: 17%
			}
			
			.sec4-1 .tip-tb-4-3 div {
				right: 6px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-4-3 div::before {
				left: 236px;
				top: -4px
			}
			
			.sec4-1 .tip-tb-4-4 {
				left: 79.5%;
				top: 13%
			}
			
			.sec4-1 .tip-tb-4-4 div {
				right: -110px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-4-4 div::before {
				left: 119px;
				top: -4px
			}
			
			.sec4-1 .tip-tb-4-5 {
				left: 87.5%;
				top: 11%
			}
			
			.sec4-1 .tip-tb-4-5 div {
				right: -110px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-4-5 div::before {
				left: 119px;
				top: -4px
			}
			
			.sec4-1 .tip-tb-5-1 {
				left: 88.6%;
				top: 35.4%
			}
			
			.sec4-1 .tip-tb-5-1 div {
				right: -110px;
				top: 34px
			}
			
			.sec4-1 .tip-tb-5-1 div::before {
				left: 119px;
				top: -4px
			}
			
			.sec4-1 .tip-tb-5-2 {
				left: 66%;
				top: 14%
			}
			
			.sec4-1 .tip-tb-6-1 {
				left: 11%;
				top: 19.5%
			}
			
			.sec4-1 .tip-tb-6-2 {
				left: 66%;
				top: 14%
			}
			
			.sec5.sec5-1 .inn:before {
				background: url(https://www.manageengine.com/active-directory-360/images/microsoft365-administration-solution-sprite-22.png) no-repeat -9px -140px;
				background-size: 460px
			}
			
			.sec5.sec5-1 .inn .lhs {
				width: 415px;
				padding: 60px 0 0 40px
			}
			
			.sec5.sec5-1 .inn {
				padding: 0
			}
			
			.sec5.sec5-1 .inn .rhs {
				border: none;
				background: none;
				border-radius: 0;
				padding: 40px 30px;
				width: calc(100% - 415px);
				border-left: 1px solid #dbdfe2;
				position: relative
			}
			
			.sec5.sec5-1 .inn .rhs ul:first-child {
				margin-bottom: 20px
			}
			
			.sec5.sec5-1 .inn .rhs ul li {
				display: inline-block;
				vertical-align: top
			}
			
			.sec5.sec5-1 .inn .rhs ul li:first-child {
				width: 28%
			}
			
			.sec5.sec5-1 .inn .rhs ul li:nth-child(2) {
				width: 34%
			}
			
			.sec5.sec5-1 .inn .rhs ul:first-child::before,
			.sec5.sec5-1 .inn .rhs ul:first-child::after {
				content: '';
				width: 1px;
				height: 200px;
				background: -o-linear-gradient(top, rgba(218, 218, 218, 0.051) 20%, #dbdfe2 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(218, 218, 218, 0.051)), to(#dbdfe2));
				background: linear-gradient(to bottom, rgba(218, 218, 218, 0.051) 20%, #dbdfe2 100%);
				position: absolute
			}
			
			.sec5.sec5-1 .inn .rhs ul:first-child::before {
				left: 30%;
				bottom: 0
			}
			
			.sec5.sec5-1 .inn .rhs ul:first-child::after {
				right: 32%;
				bottom: 0
			}
			
			.sec5.sec5-1 .inn .rhs::after,
			.sec5.sec5-1 .inn .rhs ul:last-child::before,
			.sec5.sec5-1 .inn .rhs ul:last-child::after {
				content: '';
				position: absolute
			}
			
			.sec5.sec5-1 .inn .rhs::after {
				background: -o-linear-gradient(70deg, rgba(255, 255, 255, 1) 0%, #dbdfe2 50%, rgba(255, 255, 255, 1) 100%);
				background: linear-gradient(20deg, rgba(255, 255, 255, 1) 0%, #dbdfe2 50%, rgba(255, 255, 255, 1) 100%);
				width: 100%;
				height: 1px;
				top: 9px;
				bottom: 0;
				right: 0;
				left: 0;
				margin: auto
			}
			
			.sec5.sec5-1 .inn .rhs ul:last-child::before {
				width: 1px;
				height: 200px;
				background: -o-linear-gradient(bottom, rgba(218, 218, 218, 0.051) 20%, #dbdfe2 100%);
				background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(218, 218, 218, 0.051)), to(#dbdfe2));
				background: linear-gradient(to top, rgba(218, 218, 218, 0.051) 20%, #dbdfe2 100%);
				right: 32%;
				top: -22px
			}
			
			.sec5.sec5-1 .inn .rhs ul:last-child::after {
				width: 1px;
				height: 200px;
				background: -o-linear-gradient(bottom, rgba(218, 218, 218, 0.051) 20%, #dbdfe2 100%);
				background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(218, 218, 218, 0.051)), to(#dbdfe2));
				background: linear-gradient(to top, rgba(218, 218, 218, 0.051) 20%, #dbdfe2 100%);
				left: 30%;
				top: -20px
			}
			
			.sec5.sec5-1 .inn .rhs ul li:nth-child(3) {
				width: 28%
			}
			
			.sec5.sec5-1 .inn .rhs ul li:not(:last-child) {
				margin-right: 26px
			}
			
			@media (max-width: 1330px) {
				.sec3-1 .tab-1-tit ul li span {
					font-size: 14px;
					line-height: 1.4
				}
			}
			
			@media (max-width: 1300px) {
				.tab-1-tit ul li span {
					font-size: 14px
				}
			}
			
			@media (max-width: 1200px) {
				.sec3-1 .tab-1-tit ul li span {
					padding: 15px 20px;
					text-align: center
				}
				.tab-1-com .lhs {
					padding-right: 350px
				}
				.sec4-1 .tab-1-tit ul li span {
					font-size: 14px;
					line-height: 22px;
					padding: 15px;
					width: 50%
				}
				.sec5.sec5-1 .inn .rhs ul li {
					display: block
				}
				.sec5.sec5-1 .inn .rhs ul li:first-child,
				.sec5.sec5-1 .inn .rhs ul li:nth-child(2),
				.sec5.sec5-1 .inn .rhs ul li:nth-child(3) {
					width: 100%
				}
				.sec5.sec5-1 .inn .rhs::after,
				.sec5.sec5-1 .inn .rhs ul:last-child::before,
				.sec5.sec5-1 .inn .rhs ul:last-child::after,
				.sec5.sec5-1 .inn .rhs ul:last-child::after,
				.sec5.sec5-1 .inn .rhs ul:first-child::before,
				.sec5.sec5-1 .inn .rhs ul:first-child::after {
					background: none
				}
			}
			
			@media (max-width: 1124px) {
				.tab-1-tit ul li span {
					font-size: 15px;
					padding: 15px 4px
				}
			}
			
			@media (max-width: 1100px) {
				.ban .lhs {
					width: 100%
				}
				.ban .lhs h1 {
					padding-right: 0;
					font-size: 30px;
					line-height: 40px;
				}
				.sec5.sec5-1 .inn:before {
					display: none
				}
				.sec5.sec5-1 .inn .rhs,
				.sec5.sec5-1 .inn .lhs {
					width: 100%
				}
				.sec5.sec5-1 .inn .lhs {
					padding: 40px 20px
				}
				.sec5.sec5-1 .inn .rhs {
					border: none
				}
			}
			
			@media (max-width: 992px) {
				.sec2 .inn .rhs {
					padding: 20px 30px
				}
				.sec3-1 .tab-1-tit ul li span {
					font-size: 13px;
					padding: 6px
				}
				.sec3-1 .tab-1-tit ul li span br {
					display: none
				}
				.tab-1-com .lhs {
					padding-right: 0
				}
				.sec3-1 .tab-1-com .lhs::before {
					display: none
				}
			}
			
			@media (max-width: 950px) {
				.one-line-form.with-state {
					width: 100%
				}
				.tab-1-tit ul li span {
					font-size: 12px;
					line-height: 1.4
				}
				.sec4-1 .tab-1-tit ul li span {
					padding: 5px
				}
			}
			
			@media (max-width: 767px) {
				.sec3 .tit h2 {
					font-size: 30px
				}
				.sec3-1 .tab-1-tit ul li span {
					height: auto;
					display: block;
					padding: 15px 20px
				}
				.sec4-1 .tab-1-tit ul li span {
					padding: 10px 20px
				}
				.sec4 .tab-1-tit ul li span {
					height: auto
				}
				.sec4 .tab-1-tit ul li span br {
					display: none
				}
			}
			
			@media (max-width: 600px) {
				.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
				}
				.tab-1-com {
					padding: 24px
				}
				.tab-1-com .lhs h4 {
					font-size: 18px;
					line-height: 24px
				}
				.tab-1-com .lhs ul li {
					font-size: 15px
				}
				.sec3 {
					padding: 70px 0 90px
				}
				.sec3.sec4 {
					padding-bottom: 140px
				}
				.sec3 .tit h2 {
					font-size: 20px
				}
				.sec5.sec5-1 .inn .lhs {
					padding: 24px
				}
				.sec5.sec5-1 .inn .rhs {
					padding: 24px
				}
				.sec5 .inn .lhs h2 {
					font-size: 30px!important;
					line-height: 46px!important;
				}
				.sec5 .inn .lhs h2,
				.sec5 .inn .lhs h2 span {
					font-size: 18px;
					line-height: 1.4
				}
				.sec6 {
					padding: 60px 0
				}
				.sec6 h2 {
					ont-size: 30px;
					line-height: 50px!important;
					padding-bottom: 24px
				}
			}
			
			@media (max-width: 500px) {
				.ban .lhs h1 strong {
					line-height: 1.3
				}
			}