@media screen and (max-width: 500px) {
        .notiSty {
            display: none !important
        }
    }

    .fixed_bar_scontainer {
        margin: 485px 0 0;
    }

    .fixed_bar_hcontainer {
        margin: 484px -89px 0;
    }

    .hideAnimation {
        margin: 484px -89px 0 0;
    }

    .showAnimation {
        margin: 484px 0 0;
    }
    
    /* common style */
    .main-page *, .main-page * ::before, .main-page * ::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }

    .heading-menu, #commonHeader, #backToTop, #footerLnks {
        display: none !important;
    }

    .main-page {
        font-family: "ZohoPuvi", sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 1;
        color: #000;
    }

    .m-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 25px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .main-page h2 {
        font-size: 26px;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 20px;
    }

    .main-page a {
        text-decoration: none;
        color: #63a9ff;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .main-page p {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.7;
    }

    .main-page ul {
        list-style: none;
    }

    .main-page img {
        width: 100%;
        height: auto;
    }

    .lr-container {
        display: block;
        width: 100%;
        font-size: 0;
        position: relative;
    }

    .lr-container .m-lhs, .lr-container .m-rhs {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        position: relative;
    }

    .main-page .main-cta {
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.4;
        color: #fff;
        background: #dd0c00;
        border: 1px solid #dd0c00;
        border-radius: 4px;
        padding: 8px 30px;
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        cursor: pointer;
    }

    .main-page .main-cta:hover {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-box-shadow: 2px 10px 15px rgba(1, 1, 1, 0.1);
        box-shadow: 2px 10px 15px rgba(1, 1, 1, 0.1);
    }

    @media (min-width: 992px) {
        /* common Animation Keyframe */
        @-webkit-keyframes fadeDown {
            from {
                -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
                opacity: 0;
            }

            to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes fadeDown {
            from {
                -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
                opacity: 0;
            }

            to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }
        }

        @-webkit-keyframes fadeUp {
            from {
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
                opacity: 0;
            }

            to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes fadeUp {
            from {
                -webkit-transform: translateY(100px);
                transform: translateY(100px);
                opacity: 0;
            }

            to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }
        }

        @-webkit-keyframes fadeLeft {
            from {
                -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
                opacity: 0;
            }

            to {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes fadeLeft {
            from {
                -webkit-transform: translateX(-100px);
                transform: translateX(-100px);
                opacity: 0;
            }

            to {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                opacity: 1;
            }
        }

        @-webkit-keyframes fadeRight {
            from {
                -webkit-transform: translateX(100px);
                transform: translateX(100px);
                opacity: 0;
            }

            to {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes fadeRight {
            from {
                -webkit-transform: translateX(100px);
                transform: translateX(100px);
                opacity: 0;
            }

            to {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                opacity: 1;
            }
        }

        @-webkit-keyframes fadeTop {
            from {
                -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
                opacity: 0
            }

            50% {
                -webkit-transform: translateY(20px);
                transform: translateY(20px);
                opacity: 1
            }

            to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1
            }
        }

        @keyframes fadeTop {
            from {
                -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
                opacity: 0
            }

            50% {
                -webkit-transform: translateY(20px);
                transform: translateY(20px);
                opacity: 1
            }

            to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1
            }
        }

        @-webkit-keyframes jump {
            from, to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            50% {
                -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
            }
        }

        @keyframes jump {
            from, to {
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }

            50% {
                -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
            }
        }

        .animate {
            opacity: 0;
        }

        .animate.animated {
            opacity: 1;
        }

        .animated.fade-up {
            -webkit-animation: fadeUp 1s cubic-bezier(.25, .46, .45, .94) both;
            animation: fadeUp 1s cubic-bezier(.25, .46, .45, .94) both;
        }

        .animated.fade-down {
            -webkit-animation: fadeDown 1s cubic-bezier(.25, .46, .45, .94) both;
            animation: fadeDown 1s cubic-bezier(.25, .46, .45, .94) both;
        }

        .animated.fade-right {
            -webkit-animation: fadeRight 1s cubic-bezier(.25, .46, .45, .94) both;
            animation: fadeRight 1s cubic-bezier(.25, .46, .45, .94) both;
        }

        .animated.fade-left {
            -webkit-animation: fadeLeft 1s cubic-bezier(.25, .46, .45, .94) both;
            animation: fadeLeft 1s cubic-bezier(.25, .46, .45, .94) both;
        }

        .animated.fade-top {
            -webkit-animation: fadeTop 2s ease both;
            animation: fadeTop 2s ease both;
        }

        .animated.delay1 {
            -webkit-animation-delay: .2s;
            animation-delay: .2s;
        }

        .animated.delay2 {
            -webkit-animation-delay: .4s;
            animation-delay: .4s;
        }

        .animated.delay3 {
            -webkit-animation-delay: .6s;
            animation-delay: .6s;
        }

        .animated.delay4 {
            -webkit-animation-delay: .8s;
            animation-delay: .8s;
        }

        .animated.delay5 {
            -webkit-animation-delay: 1s;
            animation-delay: 1s;
        }

        .animated.delay6 {
            -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
        }
    }

    .main-header {
        background: #230838;
        background: -webkit-gradient(linear, left top, left bottom, from(#230838), to(#150522));
        background: -o-linear-gradient(top, #230838, #150522);
        background: linear-gradient(to bottom, #230838, #150522);
        position: relative;
        padding: 160px 0 60px;
    }

    .main-header::before {
        content: '';
        background: url(https://www.manageengine.cn/products/ad-manager/images/active-directory-migration-tool-ban-bg-24.png) no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }/* Nav Sprite */

    .top-nav .m-logo, .top-nav .menu-list, .top-nav .menu-list ul, .top-nav .menu-list li {
        display: inline-block;
    }

    .nav-main {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in;
    }

    .top-nav {
        font-size: 0;
        padding: 10px 0;
    }

    .nav-main.fix {
        background: #350d4f;
        -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
        position: fixed;
        top: 0;
        z-index: 999;
        -webkit-animation: fadeDown .4s linear;
        animation: fadeDown .4s linear;
    }

    .fix .top-nav {
        padding: 6px 0;
    }

    .top-nav .m-logo {
        display: inline-block;
        width: calc(100% - 545px - 4px);
        vertical-align: middle;
    }

    .top-nav .m-logo a {
        display: block;
        background: url(https://www.manageengine.cn/products/ad-manager/images/active-directory-migration-tool-logo-24.png) no-repeat 0 0;
        background-size: 170px;
        width: 172px;
        height: 46px;
    }

    .top-nav .menu-list {
        display: inline-block;
        vertical-align: middle;
        width: 545px;
        text-align: right;
        font-size: 0;
    }

    .top-nav ul li {
        margin-right: 24px;
        text-align: center;
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .top-nav ul li:nth-child(3), .top-nav ul li:last-child {
        margin-right: 0;
    }

    .top-nav ul li a {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        color: #fff;
        position: relative;
    }

    .top-nav ul li:hover {
        -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    .top-nav ul li:not(:last-child) {
        padding-left: 24px;
    }

    .top-nav ul li svg {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .top-nav ul li.icon1::before, .top-nav ul li.icon2::before {
        background-position: -3px -60px;
        width: 16px;
        height: 16px;
    }

    .top-nav ul li.icon3::before {
        background-position: -50px -64px;
        width: 11px;
        height: 13px;
        right: 22px;
        left: auto;
    }

    .top-nav ul li .main-cta {
        display: inline-block;
        font-size: 15px;
        color: #fff;
        background: #dd0c00;
        border-color: #dd0c00;
        border-radius: 6px;
        padding: 8px 20px 8px 40px;
    }

    .top-nav .icon3 .main-cta svg {
        position: absolute;
        left: 18px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .fix .top-nav .main-cta.pro-cta {
        display: inline-block;
        background: #fff;
    }

    .top-nav .open ul li:nth-child(-1n + 3) {
        margin-right: 0;
    }

    .top-nav .open ul li:nth-child(-1n + 2) {
        padding-left: 0;
    }

    .top-nav .open ul li:nth-child(-1n + 2)::before {
        display: none;
    }

    .m-menu {
        display: none;
    }

    @media (max-width: 767px) {
        .top-nav .m-logo {
            width: calc(100% - 26px);
        }

        .m-menu {
            display: inline-block;
            vertical-align: middle;
            width: 26px;
            height: 20px;
            position: relative;
            z-index: 20;
        }

        .m-menu span {
            background-color: #fff;
            height: 2px;
            width: 25px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: .3s ease all;
            -o-transition: .3s ease all;
            transition: .3s ease all
        }

        .m-menu span::before, .m-menu span::after {
            content: '';
            display: block;
            height: 2px;
            width: 80%;
            position: absolute;
            top: -8px;
            left: 0;
            background-color: #fff;
            -webkit-transition: .3s ease all;
            -o-transition: .3s ease all;
            transition: .3s ease all
        }

        .fix .m-menu span, .fix .m-menu span::before, .fix .m-menu span::after {
            background-color: #fff,
        }

        .menu li a {
            color: #000
        }

        .m-menu span::after {
            top: auto;
            bottom: -8px
        }

        .m-menu.closed span {
            background-color: transparent
        }

        .m-menu.closed span:before {
            width: 80%;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 0;
            background-color: #fff
        }

        .m-menu.closed span::after {
            width: 80%;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            bottom: 0;
            background-color: #fff
        }

        .menu-list {
            width: 100vw;
            text-align: left;
            background: #fff;
            -webkit-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.1);
            padding-bottom: 0;
            position: fixed;
            top: -102%;
            right: 0;
            opacity: 0;
            visibility: hidden;
            z-index: -1;
            -webkit-transition: .3s linear;
            -o-transition: .3s linear;
            transition: .3s linear;
        }

        .m-menu.closed {
            position: fixed;
            top: 24px;
            opacity: .8;
        }

        .menu-list a {
            display: block;
            text-align: left;
        }

        .menu-list li {
            margin-left: 0;
            text-align: left;
        }

        .menu-list.open {
            width: 100%;
            top: 64px;
            opacity: 1;
            visibility: visible;
        }

        .fix .menu-list.open {
            top: 58px;
        }

        .menu-list li a.menu-download-btn {
            margin-left: 0;
            display: table;
            width: 100%;
            text-align: center;
            padding: 0 20px;
            margin-bottom: 10px;
            padding-left: 0;
            margin-left: 20px !important;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .top-nav .menu-list {
            width: 100%;
        }

        .top-nav .menu-list ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin: 10px 0;
        }

        .top-nav ul li {
            padding-top: 18px;
            margin-right: 0;
        }

        .top-nav ul li.icon1, .top-nav ul li.icon2, .top-nav ul li.icon3 {
            border: 0;
            padding: 18px 0;
        }

        .top-nav ul li.icon2 {
            border-bottom: .5px solid #c56cff;
            border-top: .5px solid #c56cff;
        }

        .top-nav ul li a, .top-nav ul li.main-cta.icon3 a {
            display: inline-block;
            color: #000;
        }

        .top-nav .main-cta {
            background: transparent;
            color: #fff;
            padding: 6px 20px;
        }

        .top-nav ul li:nth-child(3), .top-nav ul li:last-child {
            border: none;
        }

        .top-nav ul li:nth-child(-1n + 2)::before {
            display: none;
        }

        .top-nav ul li::before {
            display: none;
        }
    }/* Ban section */
    .ban-sprite span, .ban-sprite .ban-laptop::before {
        display: inline-block;
        background: url(https://www.manageengine.cn/products/ad-manager/images/active-directory-migration-tool-ban-sprite-24.png) no-repeat;
        background-size: 400px;
    }

    .ban-sec .lr-container .m-lhs {
        vertical-align: top;
        width: calc(100% - 450px);
        padding-top: 20px;
        padding-right: 60px;
        -webkit-animation: fadeLeft .6s cubic-bezier(.25, .46, .45, .94) both;
        animation: fadeLeft .6s cubic-bezier(.25, .46, .45, .94) both;
    }

    .ban-sec .lr-container .m-rhs {
        width: 450px;
        right: 20px;
        -webkit-animation: fadeRight .6s cubic-bezier(.25, .46, .45, .94) both;
        animation: fadeRight .6s cubic-bezier(.25, .46, .45, .94) both;
    }

    .ban-sec .m-lhs h1 {
        font-size: 40px;
        font-weight: 200;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 10px;
    }

    .ban-sec .m-lhs h1 strong {
        display: block;
        font-weight: 600;
        color: #ffcc00;
    }

    .ban-sec .m-lhs p {
        font-weight: 200;
        color: #fff;
        max-width: 470px;
        margin-bottom: 30px;
    }

    .ban-sec .m-lhs .main-cta:hover {
        -webkit-box-shadow: 2px 10px 15px rgba(1, 1, 1, 0.1);
        box-shadow: 2px 10px 15px rgba(1, 1, 1, 0.1);
    }

    .ban-sprite .ban-laptop {
        background-position: -2px -3px;
        width: 464px;
        height: 362px;
    }

    .ban-sprite .ban-laptop::before {
        content: '';
        background-position: -230px -381px;
        width: 157px;
        height: 176px;
        position: absolute;
        right: 0;
        top: -40px;
    }

    .ban-sprite .ban-icon1 {
        background-position: -112px -390px;
        width: 60px;
        height: 61px;
        position: absolute;
        top: 200px;
        left: 126px;
    }

    .ban-sprite .ban-icon2 {
        background-position: -49px -397px;
        width: 50px;
        height: 48px;
        position: absolute;
        top: 158px;
        left: 226px;
    }

    .ban-sprite .ban-icon3 {
        background-position: -3px -401px;
        width: 30px;
        height: 40px;
        position: absolute;
        top: 82px;
        left: 235px;
    }

    .ban-sprite .ban-icon4 {
        background-position: -182px -405px;
        width: 31px;
        height: 31px;
        position: absolute;
        top: 67px;
        left: 306px;
    }/* page sprite1 */

    .intro-content::before, .intro-content::after, .intro2-content::before, .ad-flow .lr-container::before, .ad-flow .lr-container span {
        display: inline-block;
        background: url('https://www.manageengine.cn/products/ad-manager/images/active-directory-migration-tool-sprite1-24.png') no-repeat;
        background-size: 390px;
    }/* Page sprite2 */

    .tab-list li::after, .hl-box h3::before, .benf-box i {
        display: inline-block;
        background: url('https://www.manageengine.cn/products/ad-manager/images/active-directory-migration-tool-sprite2-24.png') no-repeat;
        background-size: 188px;
    }/* Intro section */

    .intro-content {
        max-width: 1100px;
        margin: auto;
        text-align: center;
        background: #fff;
        border-radius: 10px 10px 0 0;
        padding: 40px 60px;
        margin-top: -60px;
        margin-bottom: 20px;
        position: relative;
        -webkit-animation: fadeUp .6s cubic-bezier(.25, .46, .45, .94) both;
        animation: fadeUp .6s cubic-bezier(.25, .46, .45, .94) both;
    }

    .intro-content::before, .intro-content::after {
        content: '';
        background-position: -351px -21px;
        width: 15px;
        height: 16px;
        position: absolute;
        top: 44px;
    }

    .intro-content::before {
        left: -15px;
    }

    .intro-content::after {
        right: -15px;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
    }/* Intro2 section */

    .intro2-content {
        background: #eaeaff;
        border-radius: 20px;
        padding: 40px;
        padding-left: 400px;
        position: relative;
        margin: 0 40px;
        margin-bottom: -200px;
        -webkit-animation: fadeUp .6s cubic-bezier(.25, .46, .45, .94) both;
        animation: fadeUp .6s cubic-bezier(.25, .46, .45, .94) both;
    }

    .intro2-content::before {
        content: '';
        background-position: -2px -1px;
        width: 271px;
        height: 114px;
        position: absolute;
        left: 60px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .intro2-content h2 {
        text-align: left;
    }

    .intro2-content p:not(:last-child) {
        margin-bottom: 18px;
    }/* Tab section */

    .tab-sec {
        margin-bottom: 80px;
    }

    .tab-sec .m-container {
        max-width: 1250px;
    }

    .tab-container {
        text-align: center;
        background: #150522;
        border-radius: 10px;
        padding: 0 30px;
        padding-top: 260px;
        overflow: hidden;
    }

    .tab-sec h2 {
        color: #fff;
    }

    .tab-list-container {
        display: inline-block;
        position: relative;
    }

    .tab-list {
        width: 100%;
        text-align: center;
        margin: 30px 0 40px;
    }

    .tab-list li {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        color: #fff;
        background: transparent;
        border: .5px solid transparent;
        border-radius: 6px;
        position: relative;
        padding: 14px 20px;
        padding-left: 50px;
        margin-right: 20px;
        cursor: pointer;
        -webkit-transition: .3s ease-in;
        -o-transition: .3s ease-in;
        transition: .3s ease-in;
    }

    .tab-list .tab-ic2 {
        padding-left: 60px;
    }

    .tab-list li::after {
        content: '';
        background-size: 150px;
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .tab-list .tab-ic1::after {
        background-position: -3px -3px;
        width: 20px;
        height: 22px;
    }

    .tab-list .tab-ic2::after {
        background-position: -32px -5px;
        width: 34px;
        height: 19px;
    }

    .tab-list .tab-ic3::after {
        background-position: -75px -3px;
        width: 20px;
        height: 23px;
    }

    .tab-list .tab-ic4::after {
        background-position: -105px -3px;
        width: 19px;
        height: 23px;
    }

    .tab-list li:last-child {
        margin-right: 0;
    }

    .tab-list li:not(.active-tab):hover {
        color: #00b1ac;
    }

    .tab-list-highlight {
        width: 168px;
        height: 48px;
        background: #281339;
        border-radius: 6px;
        border: .5px solid #00b1ac;
        border-bottom-width: 2px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        position: absolute;
        left: 0;
        top: 31px;
        -webkit-transition: .2s linear;
        -o-transition: .2s linear;
        transition: .2s linear;
    }

    .tab-list-highlight::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid #00b1ac;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -8px;
        margin: auto;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .tab-content {
        max-width: 800px;
        margin: auto;
        text-align: center;
        display: none;
        -webkit-animation: fadeUp 1s cubic-bezier(.25, .46, .45, .94) both;
        animation: fadeUp 1s cubic-bezier(.25, .46, .45, .94) both;
    }

    .tab-content h3 {
        display: none;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
        color: #fff;
        margin-bottom: 10px;
    }

    .tab-content p {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.4;
        color: #f0deff;
        margin-bottom: 20px
    }

    .tab-content p a {
        color: #f0deff;
        text-decoration: underline;
    }

    [data-content="tab-1"] {
        display: block
    }/* AD migration */

    .ad-flow {
        max-width: 820px;
        margin: auto;
        position: relative;
        padding: 80px 0;
        margin-bottom: 100px;
    }

    .ad-flow::before {
        content: '';
        width: 1px;
        height: 100%;
        background: #9bb7fb;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
    }

    .ad-flow .ad-t-dot, .ad-flow .ad-b-dot {
        width: 8px;
        height: 8px;
        background: #2b65f6;
        border-radius: 50px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .ad-flow .ad-b-dot {
        top: auto;
        bottom: 0;
    }

    .ad-flow .lr-container::before {
        content: '';
        background-position: -285px -2px;
        width: 53px;
        height: 53px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .ad-flow .lr-container.even::before {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .ad-flow .lr-container:not(:last-child) {
        margin-bottom: 60px;
    }

    .ad-flow .lr-container .m-lhs {
        width: 50%;
        padding-right: 80px;
    }

    .ad-flow .lr-container .m-rhs {
        width: 50%;
        padding-left: 80px;
    }

    .ad-flow .lr-container.odd .m-lhs {
        text-align: right;
    }

    .ad-flow .lr-container.even .m-lhs {
        text-align: right;
    }

    .ad-flow .lr-container.even .m-rhs {
        padding-left: 80px;
    }

    .ad-flow .lr-container h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        color: #000;
        margin-bottom: 10px;
    }

    .ad-flow .lr-container.odd h3 {
        text-align: left;
    }

    .ad-flow .lr-container.row1 span {
        background-position: -6px -125px;
        width: 169px;
        height: 168px;
    }

    .ad-flow .lr-container.row2 span {
        background-position: -184px -125px;
        width: 186px;
        height: 168px;
    }

    .ad-flow .lr-container.row3 span {
        background-position: -4px -306px;
        width: 168px;
        height: 169px;
    }

    .ad-flow .lr-container.row4 span {
        background-position: -184px -303px;
        width: 201px;
        height: 172px;
    }/* Highlight section */

    .hl-content {
        background: #150522;
        border-radius: 10px;
        padding: 60px 60px 0 60px;
        margin-bottom: 80px;
    }

    .hl-content h2, .hl-box h3, .hl-box p {
        color: #fff;
    }

    .hl-box-list {
        display: block;
        max-width: 950px;
        margin: auto;
        font-size: 0;
        position: relative;
        padding-bottom: 200px;
        margin-top: 40px;
    }

    .hl-box-list::before {
        content: '';
        background: url(https://www.manageengine.cn/products/ad-manager/images/active-directory-migration-tool-bulb-24.png) no-repeat;
        background-size: 400px;
        width: 400px;
        height: 214px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .hl-box {
        display: inline-block;
        vertical-align: top;
        width: calc(100% / 4);
        font-size: 16px;
        position: relative;
    }

    .hl-box h3 {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.4;
        color: #fff;
        position: relative;
        padding-left: 50px;
        margin-bottom: 18px;
    }

    .hl-box1 {
        top: 140px;
    }

    .hl-box2 {
        left: -60px;
    }

    .hl-box3 {
        left: 60px;
    }

    .hl-box4 {
        top: 140px;
    }

    .hl-box h3::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .hl-box1 h3::before {
        background-position: -2px -46px;
        width: 39px;
        height: 34px;
    }

    .hl-box2 h3::before {
        background-position: -52px -45px;
        width: 40px;
        height: 36px;
    }

    .hl-box3 h3::before {
        background-position: -104px -43px;
        width: 38px;
        height: 40px;
    }

    .hl-box4 h3::before {
        background-position: -152px -43px;
        width: 33px;
        height: 40px;
    }/* Benefit section */

    .benefit-sec {
        margin-bottom: 60px;
    }

    .benefit-box {
        display: block;
        font-size: 0;
        max-width: 1100px;
        margin: auto;
    }

    .benf-box {
        display: inline-block;
        vertical-align: top;
        width: calc(100% / 3);
        font-size: 16px;
        text-align: center;
        padding: 20px 30px;
    }

    .benf-box i {
        background-position: -2px -94px;
        width: 38px;
        height: 39px;
        margin-bottom: 8px;
    }

    .benf-box i.ic2 {
        background-position: -49px -94px;
    }

    .benf-box i.ic3 {
        background-position: -96px -94px;
    }

    .benf-box i.ic4 {
        background-position: -4px -138px;
    }

    .benf-box i.ic5 {
        background-position: -51px -139px;
    }

    .benf-box i.ic6 {
        background-position: -98px -139px;
    }

    .benf-box h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        margin-bottom: 10px;
    }/* Foot-ban-section */

    .foot-ban-content {
        text-align: center;
        background: #eaeaff;
        border-radius: 10px;
        padding: 60px;
    }

    .foot-ban-content h2 {
        margin-bottom: 30px;
    }

    .foot-ban-content a:hover {
        background: #f01207;
        -webkit-box-shadow: 2px 10px 15px rgba(240, 19, 7, 0.4);
        box-shadow: 2px 10px 15px rgba(240, 19, 7, 0.4);
    }

    @media (max-width: 1200px) {
        .ban-sec .lr-container .m-rhs {
            right: 0;
        }

        .intro2-content {
            padding-left: 350px;
        }

        .intro2-content::before {
            left: 40px;
        }
    }

    @media (max-width: 991px) {
        .main-page h2 {
            font-size: 22px;
            margin-bottom: 14px;
        }

        .main-header {
            padding: 120px 0 80px;
        }

        .ban-sec {
            padding-bottom: 40px;
        }

        .ban-sec .lr-container .m-rhs {
            display: none;
        }

        .ban-sec .lr-container .m-lhs {
            display: block;
            text-align: center;
            width: 100%;
            padding: 0;
        }

        .ban-sec .m-lhs h1 {
            font-size: 30px;
        }

        .ban-sec .m-lhs p {
            margin: 0 auto 30px;
        }

        .intro-content {
            padding: 30px 25px;
        }

        .intro2-content {
            text-align: center;
            padding: 40px 25px;
            padding-top: 160px;
        }

        .intro2-content::before {
            left: 0;
            right: 0;
            top: 30px;
            bottom: auto;
        }

        .intro2-content h2 {
            text-align: center;
        }

        .tab-list li {
            font-size: 12px;
            margin-right: 0;
            width: calc(100% / 4 - 4px);
        }

        .tab-list-highlight {
            top: 38px;
        }

        .hl-content {
            padding: 40px 30px 0 30px;
        }

        .hl-box-list::before {
            background-size: 350px;
            width: 350px;
            height: 190px;
        }

        .hl-box1 {
            top: 170px;
        }

        .benefit-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 30px;
            margin-top: 30px;
        }

        .benf-box {
            width: calc(100% / 3 - 20px);
            padding: 0;
        }

        .foot-ban-content {
            padding: 40px;
        }
    }

    @media (max-width: 767px) {
        .main-header {
            padding: 100px 0 10px;
        }

        .intro-content::before, .intro-content::after {
            display: none;
        }

        .intro-content {
            margin-top: 0;
            padding: 30px 0;
        }

        .intro2-content {
            border-radius: 10px;
            padding-top: 120px;
            margin: 0;
            margin-bottom: 60px;
        }

        .intro2-content::before {
            background-size: 260px;
            width: 184px;
            height: 76px;
        }

        .tab-container {
            padding: 40px 20px 0 20px;
        }

        .tab-list-highlight {
            top: 20px;
            left: 0;
            width: 41px;
            height: 41px;
        }

        .tab-list {
            margin: 20px 0;
        }

        .tab-list li {
            font-size: 0;
            width: calc(100% / 4 - 10px);
            padding: 20px 20px;
            margin-right: 10px;
        }

        .tab-list .tab-ic2 {
            padding: 20px 20px;
        }

        .tab-list li::after {
            left: 0;
            right: 0;
        }

        .tab-content h3 {
            display: block;
        }

        .tab-sec {
            margin-bottom: 40px;
        }

        .ad-flow {
            padding: 20px 0;
            margin-bottom: 40px;
        }

        .ad-flow::before, .ad-flow .ad-t-dot, .ad-flow .ad-b-dot, .ad-flow .lr-container::before {
            display: none;
        }

        .ad-flow .lr-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 10px;
            text-align: center;
        }

        .ad-flow .lr-container:not(:last-child) {
            margin-bottom: 40px;
        }

        .ad-flow .lr-container.even .m-rhs {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
        }

        .ad-flow .lr-container .m-lhs, .ad-flow .lr-container .m-rhs {
            width: 100%;
            padding: 0;
        }

        .ad-flow .lr-container.even .m-rhs {
            padding-left: 0;
        }

        .ad-flow .lr-container.odd .m-lhs, .ad-flow .lr-container.even .m-lhs {
            text-align: center;
        }

        .ad-flow .lr-container.odd h3 {
            text-align: center;
        }

        .hl-content {
            padding: 40px 25px;
            margin-bottom: 40px;
        }

        .hl-box-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 30px;
            padding: 0;
        }

        .hl-box-list::before {
            display: none;
        }

        .hl-box {
            width: calc(100% / 2 - 15px);
        }

        .hl-box1, .hl-box2, .hl-box3, .hl-box4 {
            top: 0;
            left: 0;
        }

        .benefit-sec {
            margin-bottom: 40px;
        }

        .benf-box {
            width: calc(100% / 2 - 15px);
        }

        .foot-ban-content {
            padding: 30px 25px;
        }
    }

    @media (max-width: 425px) {
        .main-page h2 {
            font-size: 18px;
            line-height: 1.3;
        }

        .main-page p {
            font-size: 14px;
        }

        .ban-sec .m-lhs h1 {
            font-size: 26px;
        }

        .hl-box {
            display: block;
            width: 100%;
        }

        .benf-box {
            display: block;
            width: 100%;
        }
    }
    
.sec-pTB {
    padding: unset;
}