.smMainContent h1,
.smMainContent h2,
.smMainContent h3,
.smMainContent h4,
.smMainContent h5,
.smMainContent h6 {
  font-weight: bold;
  line-height: normal;
}

.i18n-ar .smArticleCtn h2,.i18n-ar .smArticleCtn p,.i18n-ar #block-system-main .smArticleCtn {
    text-align: right
}

.i18n-ar .smArticleFooter h2,.i18n-ar #block-system-main .smArticleFooter,.i18n-ar .smArticleFooter *,.i18n-ar .smArticleFooter {
    text-align: center
}

.i18n-ar .smArticleChild.smArticleCol h2,.i18n-ar .smArticleChild.smArticleCol p {
    text-align: center
}

.i18n-ar .smArticleEq.smOrderChange .smArticleCtn {
    padding: 60px 5% 60px 0
}

.smFixed {
    width: 95%;
    max-width: 1280px;
    margin: 0 auto
}

span.zcpopup-controller,span.vimvideo {
    cursor: pointer;
    color: #03a9f5
}

.smMainContent {
    width: 100%;
    position: relative
}

.smArticle {
    width: 100%;
    position: relative;
    padding: 80px 0;
    overflow: hidden
}

.smArticle.smArticleHme {
    padding-top: 100px;
    padding-bottom: 120px
}

.smArticleChild {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    margin: 0 auto
}

.smArticleCtn {
    text-align: left;
    width: 60%;
    padding: 60px 5% 60px 0;
    box-sizing: border-box;
    perspective: 10000px
}

.smOrderChange .smArticleCtn {
    order: 1
}

.smArticleFooter {
    padding: 110px 0 80px;
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center
}

.smArticleBlueBG {
    background: url(//web.archive.org/web/20251003115415im_/https://www.zohowebstatic.com/sites/zweb/images/sheet/decorative-blue.png) no-repeat;
    background-size: 100% 95%
}

.smArticleBlueYellow {
    background: url(//web.archive.org/web/20251003115415im_/https://www.zohowebstatic.com/sites/zweb/images/sheet/decorative-yellow.png) no-repeat;
    background-size: 100% 95%
}

.smArticleBlueRed {
    background: url(//web.archive.org/web/20251003115415im_/https://www.zohowebstatic.com/sites/zweb/images/sheet/decorative-red.png) no-repeat;
    background-size: 100% 95%;
    background-position: bottom center
}

.smArticle:nth-child(2) .smArticleImg,.smArticle:nth-child(4) .smArticleImg,.smArticle:nth-child(7) .smArticleImg {
    transform: translateX(60px);
    transition: transform .5s linear
}

.smArticle:nth-child(3) .smArticleImg,.smArticle:nth-child(6) .smArticleImg {
    transform: translateX(-60px);
    transition: transform .5s linear
}

.smArticle:nth-child(2).class0 .smArticleImg,.smArticle.class1:nth-child(3) .smArticleImg,.smArticle.class2:nth-child(4) .smArticleImg {
    transform: translateX(0)
}

.smArticle .smWorKAcrs {
    transform: translateY(50px);
    transition: transform .5s linear
}

.smArticle.class3 .smWorKAcrs {
    transform: translateY(0)
}

.smArticleEq .smArticleCtn {
    box-sizing: border-box;
    width: 40%
}

.smArticleEq {
    width: 100%
}

.smArticleEq .smArticleImg {
    width: 60%
}

.smArticleEq.smOrderChange .smArticleCtn {
    padding: 60px 0 60px 5%
}

.smArticleCol {
    flex-direction: column;
    justify-content: flex-start
}

.smMb20 {
    margin-bottom: 20px
}

.smMb30 {
    margin-bottom: 30px
}

.smMt30 {
    margin-top: 30px
}

.smMt20 {
    margin-top: 20px
}

.smMt10 {
    margin-top: 10px
}

.smMb10 {
    margin-bottom: 10px
}

.smHomeImg {
    width: 70%;
    animation: translateHomeImg .8s linear
}

.smWorKAcrs {
    width: 50%;
    position: relative
}

@keyframes translateHomeImg {
    0% {
        transform: translateY(10%)
    }

    100% {
        transform: translateY(0)
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .smArticleCtn {
        padding:60px 2%
    }

    .smArticleImg,.smOrderChange .smArticleImg {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .smFixed {
        width:100%
    }

    .smArticleBlueBG {
        background: #f6fbff
    }

    .smArticleBlueYellow {
        background: #fcf7f1
    }

    .smArticleBlueRed {
        background: #fcf3f3
    }

    .smLargeTxt {
        font-size: 32px
    }

    .smSmallTxt {
        font-size: 16px
    }

    .smMdTxt {
        font-size: 25px
    }

    .smHomeImg {
        width: 90%
    }

    .smArticleCtn {
        text-align: center
    }

    .smArticleEq {
        width: 100%
    }

    .smArticle,.smArticle.smArticleHme {
        padding: 60px 0
    }

    .smArticleChild {
        flex-direction: column
    }

    .smArticleEq.smOrderChange .smArticleCtn {
        padding: 20px
    }

    .smArticleCtn {
        width: 100%;
        padding: 20px;
        margin-bottom: 20px
    }

    .smArticleEq .smArticleCtn {
        width: 100%
    }

    .smArticleEq .smArticleImg {
        width: 90%
    }

    .smArticle br,.smArticleBGImg {
        display: none
    }

    .smArticle:nth-child(2) .smArticleImg,.smArticle:nth-child(4) .smArticleImg,.smArticle:nth-child(7) .smArticleImg,.smArticle:nth-child(3) .smArticleImg,.smArticle:nth-child(6) .smArticleImg {
        transform: translateY(60px);
        transition: transform .5s linear
    }

    .smArticle:nth-child(2).class0 .smArticleImg,.smArticle.class1:nth-child(3) .smArticleImg,.smArticle.class2:nth-child(4) .smArticleImg {
        transform: translateY(0)
    }

    .smOrderChange .smArticleCtn {
        order: 0
    }

    .smOrderChange .smArticleImg {
        padding: 0
    }

    .smMobPad {
        padding: 0 10px
    }

    .smArticleFooter {
        padding: 60px 0
    }
}

@media only screen and (min-width: 1200px) {
    .smLargeTxt {
        font-size:52px;
        line-height: 1
    }

    .smSmallTxt {
        font-size: 21px
    }

    .smMdTxt {
        font-size: 40px;
        line-height: 1
    }
}