.pp_content_container {
    height: calc(45vw - 7px);
}

#main-content > .general-info {
    padding-top: 30px;
    background-color: #005d8c;
}

@media screen and (min-width: 992px) {
    #main-content > .general-info > .container {
        max-width: 1200px;
    }
}

#main-content > .general-info .info > div {
    padding: 0 7px;
}

#main-content > .general-info .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 30px;
}

    #main-content > .general-info .item > .icon-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 1px dashed #d8e7ee;
    }

    #main-content > .general-info .item > p {
        flex: 1;
        padding-left: 10px;
        line-height: 1.5em;
        margin: 0;
        position: relative;
        color: #ffffff;
    }

@media screen and (max-width: 767.8px) {
    #main-content > .general-info .item > p {
        top: 0;
    }
}

#main-content > .general-info .item > p > span {
    font-size: 35px;
    font-weight: bold;
}

#main-content > .body {
    padding: 50px 0 50px;
}

    #main-content > .body > .container > .search-title {
        margin-bottom: 30px;
        font-size: 26px;
    }

        #main-content > .body > .container > .search-title > b {
            font-size: 26px;
        }

        #main-content > .body > .container > .search-title > span {
            font-size: 30px;
            color: #005d8c;
        }

    #main-content > .body > .container > .top-customers > .row > div {
        padding: 0 5px;
    }

    #main-content > .body > .container > .customer-list > .row:first-child > div {
        padding: 0 5px;
    }

    #main-content > .body > .container > .customer-list > .row:last-child > div {
        padding: 0 0px;
    }

    #main-content > .body > .container > .top .lg-item {
        background-color: #f5faff;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        box-shadow: 0 1px 8px #ecebeb;
        border-radius: 8px;
        overflow: hidden;
        background: transparent;
        margin-bottom: 30px;
    }

        #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper {
            overflow: hidden;
            position: relative;
            width: 430px;
            max-width: 50%;
        }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper img {
                min-height: 100%;
                min-width: 100%;
            }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.category {
                display: none;
                position: absolute;
                bottom: 3px;
                left: 0;
                padding: 10px 10px 7px;
            }

                #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.category > a {
                    margin: 0;
                    color: #fff;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    max-height: 1.5em;
                    line-height: 1.5em;
                    box-sizing: content-box;
                    height: 1.5em;
                }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.line {
                position: absolute;
                display: none;
                height: 100%;
                width: 3px;
                right: 0;
            }

        #main-content > .body > .container > .top .lg-item > div:last-child {
            flex: 1;
        }

            #main-content > .body > .container > .top .lg-item > div:last-child > .title {
                padding: 15px 20px;
            }

                #main-content > .body > .container > .top .lg-item > div:last-child > .title > a {
                    text-decoration: none;
                }

                    #main-content > .body > .container > .top .lg-item > div:last-child > .title > a > h3 {
                        overflow: hidden;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        max-height: 3em;
                        line-height: 1.5em;
                        box-sizing: content-box;
                        height: 3em;
                        font-weight: bold;
                        font-size: 16px;
                        color: #000;
                        text-decoration: none;
                    }

                    #main-content > .body > .container > .top .lg-item > div:last-child > .title > a:hover > h3 {
                        color: #005d8c;
                        cursor: pointer;
                    }

                #main-content > .body > .container > .top .lg-item > div:last-child > .title > p.date {
                    color: #a9a9a9;
                    margin-top: 10px;
                    margin-bottom: 0;
                }

                    #main-content > .body > .container > .top .lg-item > div:last-child > .title > p.date:before {
                        content: url(/Content/img/date-1.png);
                    }

            #main-content > .body > .container > .top .lg-item > div:last-child > .content {
                padding: 0px 20px 20px;
            }

                #main-content > .body > .container > .top .lg-item > div:last-child > .content > p:first-child {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    max-height: 4.5em;
                    line-height: 1.5em;
                    box-sizing: content-box;
                    height: 4.5em;
                    margin: 0;
                }

                #main-content > .body > .container > .top .lg-item > div:last-child > .content > p:last-child {
                    text-align: right;
                    margin: 0;
                    padding-top: 7px;
                }

@media screen and (min-width: 768px) and (max-width: 991.8px) {
    #main-content > .body > .container > .top .lg-item {
        background-color: #f5faff;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        box-shadow: 0 1px 1px #dedcdc;
        border-radius: 8px;
        overflow: hidden;
        background: transparent;
        margin-bottom: 30px;
    }

        #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper {
            overflow: hidden;
            position: relative;
            width: 100%;
            max-width: 100%;
            height: 200px;
        }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper img {
                min-height: 100%;
                min-width: 100%;
            }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.category {
                position: absolute;
                bottom: 3px;
                left: 0;
                padding: 10px 10px 7px;
            }

                #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.category > a {
                    margin: 0;
                    color: #fff;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    max-height: 1.5em;
                    line-height: 1.5em;
                    box-sizing: content-box;
                    height: 1.5em;
                }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.line {
                position: absolute;
                width: 100%;
                bottom: 0;
                height: 3px;
            }

        #main-content > .body > .container > .top .lg-item > div:last-child > .title {
            padding: 15px 20px;
        }

            #main-content > .body > .container > .top .lg-item > div:last-child > .title > a {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                max-height: 3em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 3em;
                font-weight: bold;
                font-size: 16px;
                color: #000;
                text-decoration: none;
            }

                #main-content > .body > .container > .top .lg-item > div:last-child > .title > a:hover {
                    color: #005d8c;
                    cursor: pointer;
                }

            #main-content > .body > .container > .top .lg-item > div:last-child > .title > p.date {
                color: #a9a9a9;
                margin-top: 10px;
                margin-bottom: 0;
            }

                #main-content > .body > .container > .top .lg-item > div:last-child > .title > p.date:before {
                    content: url(/Content/img/date-1.png);
                }

        #main-content > .body > .container > .top .lg-item > div:last-child > .content {
            padding: 0px 20px 20px;
        }

            #main-content > .body > .container > .top .lg-item > div:last-child > .content > p:first-child {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                max-height: 4.5em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 4.5em;
                margin: 0;
            }

            #main-content > .body > .container > .top .lg-item > div:last-child > .content > p:last-child {
                text-align: right;
                margin: 0;
                padding-top: 7px;
            }
}

@media screen and (max-width: 575.8px) {
    #main-content > .body > .container > .top .lg-item {
        background-color: #f5faff;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        box-shadow: 0 1px 1px #dedcdc;
        border-radius: 8px;
        overflow: hidden;
        background: transparent;
        margin-bottom: 30px;
    }

        #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper {
            overflow: hidden;
            position: relative;
            width: 100%;
            max-width: 100%;
            height: 200px;
        }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper img {
                min-height: 100%;
                min-width: 100%;
            }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.category {
                position: absolute;
                bottom: 3px;
                left: 0;
                padding: 10px 10px 7px;
            }

                #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.category > a {
                    margin: 0;
                    color: #fff;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    max-height: 1.5em;
                    line-height: 1.5em;
                    box-sizing: content-box;
                    height: 1.5em;
                }

            #main-content > .body > .container > .top .lg-item > .thumbnail-wrapper > div.line {
                position: absolute;
                width: 100%;
                bottom: 0;
                height: 3px;
            }

        #main-content > .body > .container > .top .lg-item > div:last-child > .title {
            padding: 15px 20px;
        }

            #main-content > .body > .container > .top .lg-item > div:last-child > .title > a {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                max-height: 3em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 3em;
                font-weight: bold;
                font-size: 16px;
                color: #000;
                text-decoration: none;
            }

                #main-content > .body > .container > .top .lg-item > div:last-child > .title > a:hover {
                    color: #005d8c;
                    cursor: pointer;
                }

            #main-content > .body > .container > .top .lg-item > div:last-child > .title > p.date {
                color: #a9a9a9;
                margin-top: 10px;
                margin-bottom: 0;
            }

                #main-content > .body > .container > .top .lg-item > div:last-child > .title > p.date:before {
                    content: url(/Content/img/date-1.png);
                }

        #main-content > .body > .container > .top .lg-item > div:last-child > .content {
            padding: 0px 20px 20px;
        }

            #main-content > .body > .container > .top .lg-item > div:last-child > .content > p:first-child {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                max-height: 4.5em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 4.5em;
                margin: 0;
            }

            #main-content > .body > .container > .top .lg-item > div:last-child > .content > p:last-child {
                text-align: right;
                margin: 0;
                padding-top: 7px;
            }
}

#main-content > .body > .container > .top .lg-item > div:last-child > .content > p:first-child {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 6em;
    line-height: 1.5em;
    box-sizing: content-box;
    height: 6em;
}

#main-content > .body > .container > .top .lg-item > div:last-child > .title > a {
    font-size: 20px;
}

#main-content > .body > .container > .news-list > div > .lg-item {
    background-color: #f5faff;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    border: 1px solid #e4e3e3;
    border-radius: 8px;
    overflow: hidden;
    background: transparent;
    margin-bottom: 30px;
}

    #main-content > .body > .container > .news-list > div > .lg-item > .thumbnail-wrapper {
        overflow: hidden;
        position: relative;
        width: 100%;
        max-width: 100%;
    }

        #main-content > .body > .container > .news-list > div > .lg-item > .thumbnail-wrapper img {
            min-height: 100%;
            min-width: 100%;
        }

        #main-content > .body > .container > .news-list > div > .lg-item > .thumbnail-wrapper > div.category {
            position: absolute;
            bottom: 3px;
            left: 0;
        }

            #main-content > .body > .container > .news-list > div > .lg-item > .thumbnail-wrapper > div.category > a {
                margin: 0;
                color: #fff;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                max-height: 1.5em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 1.5em;
                padding: 10px 10px 7px;
            }

        #main-content > .body > .container > .news-list > div > .lg-item > .thumbnail-wrapper > div.line {
            position: absolute;
            width: 100%;
            display: none;
            bottom: 0;
            height: 3px;
        }

    #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .title {
        padding: 15px 20px;
    }

        #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .title > a {
            text-decoration: none;
        }

            #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .title > a > h3 {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                font-size: 16px;
                max-height: 3em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 3em;
                font-weight: bold;
                font-size: 16px;
                color: #000;
                text-decoration: none;
            }

            #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .title > a:hover > h3 {
                color: #005d8c;
                cursor: pointer;
            }

        #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .title > p.date {
            color: #a9a9a9;
            margin-top: 10px;
            margin-bottom: 0;
        }

            #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .title > p.date:before {
                content: url(/Content/img/date-1.png);
            }

    #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .content {
        padding: 0px 20px 20px;
    }

        #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .content > p:first-child {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            max-height: 4.5em;
            line-height: 1.5em;
            box-sizing: content-box;
            height: 4.5em;
            margin: 0;
            text-align: justify;
        }

        #main-content > .body > .container > .news-list > div > .lg-item > div:last-child > .content > p:last-child {
            display: none;
        }

@media screen and (max-width: 767.8px) {
    #main-content > .body > .container > .news-list > div > .lg-item > .title > a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 3em;
        line-height: 1.5em;
        box-sizing: content-box;
        height: auto;
    }
}

#main-content > .body > .container > .news-list > div > .lg-item > .title > p.date:before {
    content: url(/Content/img/date-1.png);
}

#main-content > .body > .container > .news-list div.category {
    display: none;
}

@media screen and (max-width: 575.8px) and (min-width: 420px) {
    #main-content > .body > .container > .picture-list > .row > div {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

#main-content > .body > .container > .picture-list > .row > div > .item {
    position: relative;
    margin-bottom: 30px;
}

    #main-content > .body > .container > .picture-list > .row > div > .item:before {
        content: '';
        width: 100%;
        position: absolute;
        background: #f6f6f6;
        height: calc(100% - 20px);
        bottom: 0;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
        transition: 0.3s;
    }

    #main-content > .body > .container > .picture-list > .row > div > .item > .top {
        width: 100%;
        position: relative;
    }

        #main-content > .body > .container > .picture-list > .row > div > .item > .top > .wrapper {
            width: calc(100% - 20px);
            height: 100%;
            overflow: hidden;
            border-top-left-radius: 30px;
            border-bottom-right-radius: 30px;
            border-top-right-radius: 3px;
            position: relative;
            border-bottom: 1px solid transparent;
            border-right: 1px solid transparent;
        }

            #main-content > .body > .container > .picture-list > .row > div > .item > .top > .wrapper:before {
                content: url(/Content/img/photo.png);
                position: absolute;
                bottom: 7px;
                left: 10px;
                z-index: 2;
            }

            #main-content > .body > .container > .picture-list > .row > div > .item > .top > .wrapper > a > img {
                min-width: 100%;
                min-height: 100%;
            }

            #main-content > .body > .container > .picture-list > .row > div > .item > .top > .wrapper > .description {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-flex-direction: column;
                flex-direction: column;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                opacity: 0;
                background: rgba(0, 0, 0, 0.5);
                text-decoration: none;
                z-index: 1;
                padding-top: 0;
            }

                #main-content > .body > .container > .picture-list > .row > div > .item > .top > .wrapper > .description > p {
                    color: #ffffff;
                    margin: 0;
                }

    #main-content > .body > .container > .picture-list > .row > div > .item > .bottom {
        position: relative;
        padding: 8px 5px 8px 12px;
    }

        #main-content > .body > .container > .picture-list > .row > div > .item > .bottom > p {
            margin: 0;
        }

            #main-content > .body > .container > .picture-list > .row > div > .item > .bottom > p > a {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                max-height: 3em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 3em;
                color: #000000;
                text-decoration: none;
            }

    #main-content > .body > .container > .picture-list > .row > div > .item:hover:before {
        background: #005d8c;
    }

    #main-content > .body > .container > .picture-list > .row > div > .item:hover > .top > .wrapper {
        border-color: #1688c3;
    }

        #main-content > .body > .container > .picture-list > .row > div > .item:hover > .top > .wrapper > a > img {
            transform: scale(1.1);
        }

        #main-content > .body > .container > .picture-list > .row > div > .item:hover > .top > .wrapper > .description {
            opacity: 1;
        }

    #main-content > .body > .container > .picture-list > .row > div > .item:hover > .bottom > p > a {
        color: #ffffff;
    }

#main-content > .body > .container > .video-list .item {
    position: relative;
    margin-bottom: 30px;
}

    #main-content > .body > .container > .video-list .item:before {
        content: '';
        width: 100%;
        position: absolute;
        background: #f6f6f6;
        height: calc(100% - 20px);
        bottom: 0;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
        transition: 0.3s;
    }

    #main-content > .body > .container > .video-list .item > .top {
        width: 100%;
        position: relative;
    }

        #main-content > .body > .container > .video-list .item > .top > .wrapper {
            width: calc(100% - 20px);
            height: 100%;
            overflow: hidden;
            border-top-left-radius: 30px;
            border-bottom-right-radius: 30px;
            border-top-right-radius: 3px;
            position: relative;
            border-bottom: 1px solid transparent;
            border-right: 1px solid transparent;
        }

            #main-content > .body > .container > .video-list .item > .top > .wrapper:before {
                content: url(/Content/img/video.png);
                position: absolute;
                bottom: 7px;
                left: 10px;
                z-index: 2;
            }

            #main-content > .body > .container > .video-list .item > .top > .wrapper > a > img {
                min-width: 100%;
                min-height: 100%;
            }

            #main-content > .body > .container > .video-list .item > .top > .wrapper > .description {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-flex-direction: column;
                flex-direction: column;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                opacity: 0;
                background: rgba(0, 0, 0, 0.5);
                text-decoration: none;
                z-index: 1;
                padding-top: 0;
            }

                #main-content > .body > .container > .video-list .item > .top > .wrapper > .description > p {
                    color: #ffffff;
                    margin: 0;
                }

    #main-content > .body > .container > .video-list .item > .bottom {
        position: relative;
        padding: 8px 5px 8px 12px;
    }

        #main-content > .body > .container > .video-list .item > .bottom > p {
            margin: 0;
        }

            #main-content > .body > .container > .video-list .item > .bottom > p > a {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                max-height: 3em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 3em;
                color: #000000;
                text-decoration: none;
            }

    #main-content > .body > .container > .video-list .item:hover:before {
        background: #005d8c;
    }

    #main-content > .body > .container > .video-list .item:hover > .top > .wrapper {
        border-color: #1688c3;
    }

        #main-content > .body > .container > .video-list .item:hover > .top > .wrapper > a > img {
            transform: scale(1.1);
        }

        #main-content > .body > .container > .video-list .item:hover > .top > .wrapper > .description {
            opacity: 1;
        }

    #main-content > .body > .container > .video-list .item:hover > .bottom > p > a {
        color: #ffffff;
    }

#main-content > .body > .container > .top-videos {
    margin-bottom: 30px;
}

    #main-content > .body > .container > .top-videos .feature-video > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #main-content > .body > .container > .top-videos .feature-video > div > iframe {
            margin-bottom: 20px;
            width: 600px;
            height: 330px;
        }

    #main-content > .body > .container > .top-videos .feature-video > .title {
        font-size: 24px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
        color: #005d8c;
    }

    #main-content > .body > .container > .top-videos .feature-video > p.description {
        text-align: justify;
    }

        #main-content > .body > .container > .top-videos .feature-video > p.description > a.detail {
            font-style: italic;
        }

    #main-content > .body > .container > .top-videos .other-videos {
        padding: 15px;
        border: 5px solid #f5f5f5;
    }

        #main-content > .body > .container > .top-videos .other-videos > .item {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
        }

            #main-content > .body > .container > .top-videos .other-videos > .item > .thumbnail-wrapper {
                overflow: hidden;
                border-radius: 5px;
                margin-right: 10px;
                width: 140px;
                height: 80px;
                max-width: 50%;
            }

@media screen and (min-width: 992px) and (max-width: 1199.8px) {
    #main-content > .body > .container > .top-videos .other-videos > .item > .thumbnail-wrapper {
        width: 100px;
    }
}

#main-content > .body > .container > .top-videos .other-videos > .item > .thumbnail-wrapper > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

    #main-content > .body > .container > .top-videos .other-videos > .item > .thumbnail-wrapper > a > img {
        width: 100%;
        min-height: 100%;
    }

#main-content > .body > .container > .top-videos .other-videos > .item > .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex: 1;
}

    #main-content > .body > .container > .top-videos .other-videos > .item > .title > a {
        color: #000;
        text-decoration: none;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 4.5em;
        line-height: 1.5em;
        box-sizing: content-box;
        height: auto;
    }

        #main-content > .body > .container > .top-videos .other-videos > .item > .title > a:hover {
            color: #005d8c;
        }

    #main-content > .body > .container > .top-videos .other-videos > .item > .title > p.date {
        margin: 5px 0 0;
        color: #999999;
    }

        #main-content > .body > .container > .top-videos .other-videos > .item > .title > p.date:before {
            content: url(/Content/img/date-1.png);
        }

#main-content > .body > .container > .top-videos .other-videos > .item:not(:first-child) {
    padding-top: 15px;
}

#main-content > .body > .container > .top-videos .other-videos > .item:not(:last-child) {
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 15px;
}

#main-content > .body > .container > .top-videos .other-videos > .item > .thumbnail-wrapper {
    border-radius: 0;
}

    #main-content > .body > .container > .top-videos .other-videos > .item > .thumbnail-wrapper > a:before {
        content: url(/Content/img/video.png);
        position: absolute;
        bottom: 0;
        left: 5px;
    }

#main-content > .body > .container > .top-videos .other-videos > .item > .title > p.date {
    display: none;
}

#main-content > .body > .container > .top-customers .item, #main-content > .body > .container > .customer-list .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100px;
    margin-bottom: 30px;
}

#main-content > .body > .container > .top-customers .item {
    margin-bottom: 30px;
}

#main-content > .body > .container > .customer-list > .row:last-child > div > .item {
    margin-bottom: 0;
}

#main-content > .body > .container > .top-customers .item > a > img, #main-content > .body > .container > .customer-list .item > a > img {
    width: 100%;
}

#main-content > .body > .container > .products.download > .title {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}

#main-content > .body > .container > .products .item {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
}

    #main-content > .body > .container > .products .item > .thumbnail-wrapper {
        height: 215px;
    }

        #main-content > .body > .container > .products .item > .thumbnail-wrapper > a > img {
            min-width: 100%;
            min-height: 100%;
        }

    #main-content > .body > .container > .products .item > .content-wrapper {
        position: relative;
    }

        #main-content > .body > .container > .products .item > .content-wrapper > .brand {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
            position: absolute;
            background-color: #fff;
            border: 4px solid;
            padding: 7px 10px;
            border-radius: 26px;
            border-bottom-left-radius: 0;
            top: -20px;
            height: 46px;
        }

            #main-content > .body > .container > .products .item > .content-wrapper > .brand > a > img {
                max-height: 100%;
                max-width: 100%;
            }

        #main-content > .body > .container > .products .item > .content-wrapper > .content {
            padding: 30px 20px;
        }

#main-content > .body > .container > .products.download .item > .content-wrapper > .content {
    padding: 0;
}

#main-content > .body > .container > .products .item > .content-wrapper > .content > .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

    #main-content > .body > .container > .products .item > .content-wrapper > .content > .top > div {
        padding-right: 10px;
        width: calc(100% - 30px);
    }

#main-content > .body > .container > .products.download .item > .content-wrapper > .content > .top > div {
    padding: 10px 0;
    width: auto;
    flex: 1;
}

#main-content > .body > .container > .products .item > .content-wrapper > .content > .top > div > a {
    text-decoration: none;
}

    #main-content > .body > .container > .products .item > .content-wrapper > .content > .top > div > a > h2,
    #main-content > .body > .container > .products .item > .content-wrapper > .content > .top > div > a {
        display: block;
        color: #fff;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #main-content > .body > .container > .products .item > .content-wrapper > .content > .top > div > a:last-child > h2,
        #main-content > .body > .container > .products .item > .content-wrapper > .content > .top > div > a:last-child {
            font-size: 25px;
            font-weight: bold;
            text-transform: uppercase;
        }

#main-content > .body > .container > .products.download .item > .content-wrapper > .content > .top > div > a:last-child > h2 {
    font-size: 15px;
    text-transform: none;
    text-align: center;
    font-weight: 400;
    color: #ffffff;
}

#main-content > .body > .container > .products .item > .content-wrapper > .content > .top > a {
    height: 100%;
    width: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: center;
}

#main-content > .body > .container > .products.download .item > .content-wrapper > .content > .top > a {
    background: rgba(0,0,0,.2);
}

#main-content > .body > .container > .products .item > .content-wrapper > .content > .top > a > .arrow {
    width: 20px;
    height: 20px;
}

#main-content > .body > .container > .products .item > .content-wrapper > .content p {
    color: #fff;
    padding: 10px 0 0;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
    line-height: 1.5em;
    box-sizing: content-box;
    height: 4.5em;
}

#main-content > .body > .products {
    display: block;
    background-image: url(/Content/img/register-bg.png);
    padding: 30px 10px 50px;
}

    #main-content > .body > .products > img {
        max-width: 100%;
        margin: auto;
        display: block;
    }

#main-content > .landing-page > .introduction {
    position: relative;
    background-image: url(/Content/img/landing-page-bg.jpg);
    padding: 40px 0 53px;
    overflow: hidden;
}

    #main-content > .landing-page > .introduction > .container {
        position: relative;
        z-index: 1;
    }

#main-content > .landing-page.chukyso > .introduction {
    background-image: url(/Content/img/chukyso-bg.jpg);
    background-size: cover;
    padding-bottom: 0;
}

#main-content > .landing-page.ebh > .introduction:after {
    content: url(/Content/img/Layer-1762.png);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

@media screen and (max-width: 991.8px) {
    #main-content > .landing-page.ebh > .introduction:after {
        display: none;
    }
}

#main-content > .landing-page.etax > .introduction:after {
    content: url(/Content/img/etax-intro.png);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

@media screen and (max-width: 991.8px) {
    #main-content > .landing-page.etax > .introduction:after {
        display: none;
    }
}

#main-content > .landing-page.einvoice > .introduction {
    /*background-image: url(/Content/img/einvoice-banner-bg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

    #main-content > .landing-page.einvoice > .introduction:before {
        content: url(/Content/img/einvoice-banner-bg.jpg);
        top: 0;
        height: 100%;
        right: 0;
        position: absolute;
    }

@media screen and (max-width: 991.8px) {
    #main-content > .landing-page.einvoice > .introduction:before {
        display: none;
    }
}





#main-content > .landing-page.cloudoffice > .introduction {
    background-image: url(/Content/img/cloudoffice-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

    #main-content > .landing-page.cloudoffice > .introduction > .container > .row {
        flex-direction: row-reverse;
    }

#main-content > .landing-page > .introduction.ecus {
    padding-bottom: 7px;
}

#main-content > .landing-page.etax > .introduction > .container > .row {
    flex-direction: row;
}

#main-content > .landing-page > .introduction > .container > .row > div {
    margin-bottom: 40px;
}

    #main-content > .landing-page > .introduction > .container > .row > div:first-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: flex-start;
        padding-left: 25px;
    }

#main-content > .landing-page.chukyso > .introduction > .container > .row > div {
    margin-bottom: 25px;
}

    #main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child {
        display: block;
        text-align: right;
    }

#main-content > .landing-page.ecus > .introduction > .container > .row {
    flex-direction: row-reverse;
}

#main-content > .landing-page > .introduction > .container > .row > div:first-child > div:first-child {
    margin-bottom: 10px;
}

    #main-content > .landing-page > .introduction > .container > .row > div:first-child > div:first-child > img {
        height: 20px;
        display: none;
    }

#main-content > .landing-page > .introduction > .container > .row > div:first-child > .section-title-decor {
    display: block;
    text-align: left;
    margin-bottom: 10px;
}

    #main-content > .landing-page > .introduction > .container > .row > div:first-child > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #005d8c;
    }

    #main-content > .landing-page > .introduction > .container > .row > div:first-child > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #005d8c;
        margin-left: 5px;
    }

#main-content > .landing-page > .introduction > .container > .row > div:first-child > .title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#main-content > .landing-page > .introduction > .container > .row > div:first-child > p.subtitle {
    font-size: 17px;
}

#main-content > .landing-page > .introduction > .container > .row > div:first-child > p.description {
    font-size: 16px;
}

#main-content > .landing-page > .introduction > .container > .row > div:first-child > p > span.highlight {
    font-weight: bold;
    color: #003b4d;
    font-size: 20px;
}

#main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child {
    margin-top: 15px;
}

    #main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a {
        font-size: 19px;
        font-weight: 300;
        text-transform: none;
        padding: .5em 1.5em;
        margin-bottom: 10px;
        margin-right: 10px;
    }

@media screen and (min-width: 992px) and (max-width: 1199.8px) {
    #main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a {
        font-size: 17px;
    }
}

#main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a.video {
    border: 2px solid #00758f;
    color: #00758f;
    background: transparent;
    border-radius: 5px;
    font-size: 17px;
    padding: 7.5px 25.5px;
    font-weight: normal;
}

#main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a.register {
    position: relative;
    background: #00758f;
    color: #ffffff;
    border: none;
}

    #main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a.register:before {
        content: "";
        border-radius: 5px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.1);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    #main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a.register:hover:before, #main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a.register:focus:before, #main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a.register:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

#main-content > .landing-page > .introduction > .container > .row > div:first-child > div:last-child > a:not(:first-child) {
    border-radius: 5px;
    font-size: 17px;
    font-weight: 300;
}

#main-content > .landing-page > .introduction > .container > .row > div:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}

#main-content > .landing-page > .introduction > .container > .row > div:last-child {
    justify-content: flex-end;
}

#main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

    #main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child > .title {
        font-size: 21.5px;
        font-weight: bold;
        text-transform: uppercase;
    }

        #main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child > .title > img {
            position: relative;
            top: -3px;
        }

    #main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child > .list {
        padding-left: 35px;
        font-size: 16px;
        position: relative;
        text-align: left
    }

        #main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child > .list:before {
            content: url(/Content/img/cong-6.png);
            position: absolute;
            left: 5px;
            top: 4px;
        }

    #main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child > div:last-child > a.register {
        margin-left: 10px;
        border-radius: 5px;
        font-size: 17px;
        font-weight: 300;
        text-transform: none;
        background: #d75221;
        color: #ffffff;
        padding: .5em 2em;
        position: relative;
        float: left
    }

        #main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child > div:last-child > a.register:before {
            content: "";
            border-radius: 5px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.1);
            transform: scaleX(0);
            -webkit-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

        #main-content > .landing-page.chukyso > .introduction > .container > .row > div:first-child > div:last-child > a.register:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

#main-content > .landing-page.chukyso > .intro {
    padding: 30px 0 50px;
    background: #ffffff;
}

    #main-content > .landing-page.chukyso > .intro > .container > .title {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        text-transform: uppercase;
    }

        #main-content > .landing-page.chukyso > .intro > .container > .title > img {
            position: relative;
            top: -2px;
        }

    #main-content > .landing-page.chukyso > .intro > .container > .description {
        text-align: justify;
    }

#main-content > .landing-page.chukyso > .reason-2 {
    padding: 50px 0 70px;
    background: #f9fbff;
}

    #main-content > .landing-page.chukyso > .reason-2 > .container > .head > .title {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

        #main-content > .landing-page.chukyso > .reason-2 > .container > .head > .title > img {
            position: relative;
            top: -2px;
        }

    #main-content > .landing-page.chukyso > .reason-2 > .container > .content > .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 10px;
        margin-bottom: 20px;
        width: calc(100% / 5);
    }

        #main-content > .landing-page.chukyso > .reason-2 > .container > .content > .item > .order {
            width: 78px;
            height: 78px;
            border-radius: 50%;
            background: rgba(0,59,77,.1);
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #main-content > .landing-page.chukyso > .reason-2 > .container > .content > .item > .order > .inner {
                width: 69px;
                height: 69px;
                border-radius: 50%;
                background: #d75221;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        #main-content > .landing-page.chukyso > .reason-2 > .container > .content > .item > .content > .title {
            text-align: center;
        }

    #main-content > .landing-page.chukyso > .reason-2 > .container > div:last-child {
        text-align: center;
    }

        #main-content > .landing-page.chukyso > .reason-2 > .container > div:last-child > a.register {
            background: #d75221;
            color: #ffffff;
            text-transform: none;
            padding: .5em 2.3em;
            font-size: 19px;
            font-weight: 300;
            position: relative;
        }

            #main-content > .landing-page.chukyso > .reason-2 > .container > div:last-child > a.register:before {
                content: "";
                border-radius: 5px;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(0, 0, 0, 0.1);
                transform: scaleX(0);
                -webkit-transform-origin: 50%;
                transform-origin: 50%;
                -webkit-transition: all .5s ease-out;
                -moz-transition: all .5s ease-out;
                transition: all .5s ease-out;
            }

            #main-content > .landing-page.chukyso > .reason-2 > .container > div:last-child > a.register:hover:before {
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }

#main-content > .landing-page.chukyso > .steps-1 > .container > .title {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

    #main-content > .landing-page.chukyso > .steps-1 > .container > .title > img {
        position: relative;
        top: -2px;
    }

#main-content > .landing-page.chukyso > .price {
    background: #f9fbff;
    padding: 50px;
}

    #main-content > .landing-page.chukyso > .price > .container > .title {
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

        #main-content > .landing-page.chukyso > .price > .container > .title > img {
            position: relative;
            top: -2px;
        }

    #main-content > .landing-page.chukyso > .price > .container .item {
        border-radius: 5px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 7px #cacaca;
        margin-bottom: 30px;
        overflow: hidden;
    }

        #main-content > .landing-page.chukyso > .price > .container .item > .head {
            text-align: center;
            padding: 16px 0;
            font-size: 20px;
            font-weight: bold;
            background: #f7f7f7;
        }

    #main-content > .landing-page.chukyso > .price > .container > .row > div:first-child > .item > .head {
        color: #015d8c;
    }

    #main-content > .landing-page.chukyso > .price > .container > .row > div:nth-child(2) > .item > .head {
        color: #328b79;
    }

    #main-content > .landing-page.chukyso > .price > .container > .row > div:nth-child(3) > .item > .head {
        color: #d75221;
    }

    #main-content > .landing-page.chukyso > .price > .container > .row > div:first-child > .item > div:last-child > label {
        background: #015d8c;
    }

    #main-content > .landing-page.chukyso > .price > .container > .row > div:nth-child(2) > .item > div:last-child > label {
        background: #328b79;
    }

    #main-content > .landing-page.chukyso > .price > .container > .row > div:nth-child(3) > .item > div:last-child > label {
        background: #d75221;
    }

    #main-content > .landing-page.chukyso > .price > .container .item > .content {
        padding: 15px 20px;
    }

        #main-content > .landing-page.chukyso > .price > .container .item > .content > p > span:first-child {
            display: inline-block;
            width: 50%;
        }

        #main-content > .landing-page.chukyso > .price > .container .item > .content > p > span:last-child > b {
            padding-left: 20px;
        }

    #main-content > .landing-page.chukyso > .price > .container .item > div:last-child > label {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        padding: 10px 0;
        margin-bottom: 0;
        position: relative;
        font-weight: bold;
        color: #ffffff;
        background: #015d8c;
        font-size: 20px;
        border-radius: 0;
    }

        #main-content > .landing-page.chukyso > .price > .container .item > div:last-child > label > span.checkmark {
            position: absolute;
            right: 10px;
            top: calc(50% - 5px);
        }

    #main-content > .landing-page.chukyso > .price > .container > div:last-child {
        text-align: center;
    }

        #main-content > .landing-page.chukyso > .price > .container > div:last-child > a {
            padding: 0.5em 2em;
            border: 2px solid #d75221;
            color: #d75221;
        }

#main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:last-child {
    justify-content: center;
}


#main-content > .landing-page > .detail {
    position: relative;
    top: -43px;
}

    #main-content > .landing-page > .detail > nav .nav.nav-tabs {
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        font-weight: bold;
    }

        #main-content > .landing-page > .detail > nav .nav.nav-tabs > a {
            color: #000000;
            background: #003b4d;
            margin-left: 7px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-bottom-color: transparent;
            padding: 0.7em 1.3em;
            text-transform: uppercase;
        }

            #main-content > .landing-page > .detail > nav .nav.nav-tabs > a:hover, #main-content > .landing-page > .detail > nav .nav.nav-tabs > a.active {
                background-color: #00758f;
                color: #ffffff;
            }

@media screen and (min-width: 737px) {
    .fixMobile .nav-link.nav-item {
        display: block !important
    }
}

@media screen and (max-width: 736px) {



    .fixMobile {
        position: relative;
        display: block
    }

        .fixMobile .btnShowMenuMobile {
            display: block
        }

        .fixMobile .btnShowMenuMobile {
            position: absolute;
            top: 0;
            right: 10px;
            background: #005d8c;
            width: 35px;
            height: 35px
        }

        .fixMobile .nav-link.nav-item {
            display: none;
            width: calc(100% - 65px);
            margin-left: 10px !important
        }


        .fixMobile .lines {
            width: 35px;
            padding: 13px 10px 0px 5px;
        }

        .fixMobile .textShowMenuMobile {
            background: #ffffff;
            text-transform: uppercase;
            color: #003b4d;
            height: 45px;
            line-height: 45px;
            margin-left: 10px;
            border-top: 2px solid #003b4d;
            width: calc(100% - 65px);
            border-left: 1px solid #dee2e6;
            border-right: 1px solid #dee2e6;
            padding-left: 18px;
            display: block
        }


        .fixMobile.ecus .btnShowMenuMobile {
            background: #003b4d
        }

        .fixMobile.ecus .opt:before {
            background: #003b4d
        }

        .fixMobile.ecus .opt:after {
            background: #003b4d
        }

        .fixMobile.ecus .opt > a:before {
            background: #003b4d
        }

        .fixMobile.ecus .opt > a:after {
            background: #003b4d
        }

        .fixMobile.ecus .textShowMenuMobile {
            border-top: 2px solid #003b4d
        }

        .fixMobile.einvoice .btnShowMenuMobile {
            background: #00758f
        }

        .fixMobile.einvoice .opt:before {
            background: #00758f
        }

        .fixMobile.einvoice .opt:after {
            background: #00758f
        }

        .fixMobile.einvoice .opt > a:before {
            background: #00758f
        }

        .fixMobile.einvoice .opt > a:after {
            background: #00758f
        }

        .fixMobile.einvoice .textShowMenuMobile {
            border-top: 2px solid #00758f
        }

        .fixMobile.etax .btnShowMenuMobile {
            background: #5d8f46
        }

        .fixMobile.etax .opt:before {
            background: #5d8f46
        }

        .fixMobile.etax .opt:after {
            background: #5d8f46
        }

        .fixMobile.etax .opt > a:before {
            background: #5d8f46
        }

        .fixMobile.etax .opt > a:after {
            background: #5d8f46
        }

        .fixMobile.etax .textShowMenuMobile {
            border-top: 2px solid #5d8f46
        }

        .fixMobile.ebh .btnShowMenuMobile {
            background: #328b79
        }

        .fixMobile.ebh .opt:before {
            background: #328b79
        }

        .fixMobile.ebh .opt:after {
            background: #328b79
        }

        .fixMobile.ebh .opt > a:before {
            background: #328b79
        }

        .fixMobile.ebh .opt > a:after {
            background: #328b79
        }

        .fixMobile.ebh .textShowMenuMobile {
            border-top: 2px solid #328b79
        }

        .fixMobile.clo .btnShowMenuMobile {
            background: #005d8c
        }

        .fixMobile.clo .opt:before {
            background: #005d8c
        }

        .fixMobile.clo .opt:after {
            background: #005d8c
        }

        .fixMobile.clo .opt > a:before {
            background: #005d8c
        }

        .fixMobile.clo .opt > a:after {
            background: #005d8c
        }

        .fixMobile.clo .textShowMenuMobile {
            border-top: 2px solid #005d8c
        }

    #main-content > .landing-page > .detail > nav .nav.nav-tabs {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        #main-content > .landing-page > .detail > nav .nav.nav-tabs > a {
            margin-left: 0;
            border-radius: 0;
        }
}

#main-content > .landing-page > .detail .intro {
    padding-bottom: 60px;
    padding-top: 50px;
}

    #main-content > .landing-page > .detail .intro > .container > ul.custom > li:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #005d8c;
        margin-right: 10px;
        position: relative;
        top: -1px;
    }

#main-content > .landing-page.etax > .detail .intro > .container > ul.custom > li:before {
    background: #5d8f46;
}

#main-content > .landing-page > .detail .intro > .container > .title {
    font-size: 26px;
    text-align: center;
    font-weight: bold;
}

    #main-content > .landing-page > .detail .intro > .container > .title > img {
        height: 28px;
        position: relative;
        bottom: 4px;
    }

#main-content > .landing-page > .detail .intro > .container > p.description {
    font-size: 15px;
    text-align: justify;
    margin-bottom: 30px;
}

#main-content > .landing-page > .detail .intro > .container > p.tick:before {
    content: '';
    width: 15px;
    height: 6px;
    border-bottom: 2px solid #003b4d;
    border-left: 2px solid #003b4d;
    display: inline-block;
    margin-right: 10px;
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
}

#main-content > .landing-page > .detail .intro > .container > .row:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

@media screen and (max-width: 575.8px) {
    #main-content > .landing-page > .detail .intro > .container > .row:last-child {
        bottom: 0;
    }
}

#main-content > .landing-page > .detail .intro > .container > .row:last-child > a {
    font-size: 19px;
    font-weight: 300;
    text-transform: none;
    padding: .4em 1.5em;
    margin-bottom: 10px;
    margin-left: 10px;
}

    #main-content > .landing-page > .detail .intro > .container > .row:last-child > a.more {
        border: 2px solid #00758f;
        color: #00758f;
        border-radius: 5px;
        padding: 8.5px 28.5px;
        height: 44px;
        line-height: 25px;
        font-size: 17px;
    }

    #main-content > .landing-page > .detail .intro > .container > .row:last-child > a.register {
        position: relative;
        background: linear-gradient(to right, #00758f, #008f83);
        color: #ffffff;
    }

        #main-content > .landing-page > .detail .intro > .container > .row:last-child > a.register:before {
            content: "";
            border-radius: 45px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.1);
            transform: scaleX(0);
            -webkit-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

        #main-content > .landing-page > .detail .intro > .container > .row:last-child > a.register:hover:before, #main-content > .landing-page > .detail .intro > .container > .row:last-child > a.register:focus:before, #main-content > .landing-page > .detail .intro > .container > .row:last-child > a.register:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

#main-content > .landing-page > .detail .reason {
    background-color: #f9fbff;
    padding: 80px 0 30px;
}

#main-content > .landing-page.einvoice > .detail .reason {
    background-color: #ffffff;
}

#main-content > .landing-page > .detail .reason > .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    #main-content > .landing-page > .detail .reason > .container > div {
        margin-bottom: 40px;
    }

    #main-content > .landing-page > .detail .reason > .container > .head {
        width: 180px;
    }

        #main-content > .landing-page > .detail .reason > .container > .head > div:first-child {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

            #main-content > .landing-page > .detail .reason > .container > .head > div:first-child > div {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                line-height: 1.05em;
                text-transform: uppercase;
            }

                #main-content > .landing-page > .detail .reason > .container > .head > div:first-child > div:first-child {
                    font-weight: bold;
                    color: #00758f;
                    font-size: 136px;
                    flex: 1;
                }

                #main-content > .landing-page > .detail .reason > .container > .head > div:first-child > div:last-child {
                    font-weight: 300;
                    font-size: 55px;
                    flex: 1;
                }

        #main-content > .landing-page > .detail .reason > .container > .head > div:nth-child(2) {
            text-transform: uppercase;
            font-size: 17px;
            text-align: center;
        }

        #main-content > .landing-page > .detail .reason > .container > .head > img {
            width: 100%;
        }

        #main-content > .landing-page > .detail .reason > .container > .head > div:last-child > .register {
            position: relative;
            font-size: 17px;
            font-weight: normal;
            border-radius: 5px;
            height: 44px;
            line-height: 25px;
            border: none;
        }

            #main-content > .landing-page > .detail .reason > .container > .head > div:last-child > .register:before {
                content: "";
                border-radius: 5px;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(0, 0, 0, 0.1);
                transform: scaleX(0);
                -webkit-transform-origin: 50%;
                transform-origin: 50%;
                -webkit-transition: all .5s ease-out;
                -moz-transition: all .5s ease-out;
                transition: all .5s ease-out;
            }

            #main-content > .landing-page > .detail .reason > .container > .head > div:last-child > .register:hover:before, #main-content > .landing-page > .detail .reason > .container > .head > div:last-child > .register:focus:before, #main-content > .landing-page > .detail .reason > .container > .head > div:last-child > .register:active:before {
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }

    #main-content > .landing-page > .detail .reason > .container > .content {
        padding-left: 50px;
        flex: 1;
    }

        #main-content > .landing-page > .detail .reason > .container > .content > .item {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            margin-bottom: 13px;
        }

            #main-content > .landing-page > .detail .reason > .container > .content > .item > .order {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                background-color: #e0edf4;
                margin: 0 10px;
            }

                #main-content > .landing-page > .detail .reason > .container > .content > .item > .order > .inner {
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-align-items: center;
                    align-items: center;
                    -moz-justify-content: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    width: 45px;
                    height: 45px;
                    background-color: #00758f;
                    border-radius: 50%;
                    color: #ffffff;
                    font-size: 23px;
                }

            #main-content > .landing-page > .detail .reason > .container > .content > .item > .content {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: column;
                flex-direction: column;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                justify-content: flex-start;
                flex: 1;
            }

#main-content > .landing-page.etax > .detail .reason > .container > .content > .item > .content,
#main-content > .landing-page.ebh > .detail .reason > .container > .content > .item > .content {
    justify-content: center;
}

#main-content > .landing-page > .detail .reason > .container > .content > .item > .content > p {
    margin-bottom: 5px;
}

    #main-content > .landing-page > .detail .reason > .container > .content > .item > .content > p.title {
        font-weight: bold;
        font-size: 16px;
    }

#main-content > .landing-page.ecus > .detail .reason > .container > .content > .item > .content > p.title,
#main-content > .landing-page.einvoice > .detail .reason > .container > .content > .item > .content > p.title,
#main-content > .landing-page.cloudoffice > .detail .reason > .container > .content > .item > .content > p.title {
    text-transform: none;
}

@media screen and (max-width: 767.8px) {
    #main-content > .landing-page > .detail .reason > .container {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
    }

        #main-content > .landing-page > .detail .reason > .container > .content {
            padding-left: 0;
        }
}

#main-content > .landing-page > .detail .reason-1 {
    padding: 40px 0;
    background-color: #f9fbff;
}

#main-content > .landing-page.cloudoffice > .detail .reason-1 {
    background: #ffffff;
}

#main-content > .landing-page > .detail .reason-1 > .container > .title {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#main-content > .landing-page.cloudoffice > .detail .reason-1 > .container > .title > img {
    position: relative;
    top: -7px;
}

#main-content > .landing-page > .detail .reason-1 > .container > .content {
    margin-bottom: 30px;
}

    #main-content > .landing-page > .detail .reason-1 > .container > .content > .row > div > .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 20px;
    }

        #main-content > .landing-page > .detail .reason-1 > .container > .content > .row > div > .item > .order {
            width: 82px;
            margin-right: 10px;
        }

        #main-content > .landing-page > .detail .reason-1 > .container > .content > .row > div > .item > .content {
            flex: 1;
        }

            #main-content > .landing-page > .detail .reason-1 > .container > .content > .row > div > .item > .content > .title {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 8px;
            }

            #main-content > .landing-page > .detail .reason-1 > .container > .content > .row > div > .item > .content > .description {
                margin-bottom: 16px;
            }

#main-content > .landing-page > .detail .reason-1 > .container > div:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    #main-content > .landing-page > .detail .reason-1 > .container > div:last-child > .register {
        background-color: #003b4d;
        color: #ffffff;
        position: relative;
        font-size: 19px;
        border-radius: 5px;
        line-height: 25px;
        height: 44px;
        border: none;
        padding: 10px 30px;
        font-weight: 300;
        text-transform: none;
    }

#main-content > .landing-page.cloudoffice > .detail .reason-1 > .container > div:last-child > .register {
    background-color: #005d8c;
}

#main-content > .landing-page > .detail .reason-1 > .container > div:last-child > .register:before {
    content: "";
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#main-content > .landing-page > .detail .reason-1 > .container > div:last-child > .register:hover:before,
#main-content > .landing-page > .detail .reason-1 > .container > div:last-child > .register:focus:before,
#main-content > .landing-page > .detail .reason-1 > .container > div:last-child > .register.active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#main-content > .landing-page > .detail .reason-2 {
    padding: 50px 0;
    background: #f9fbff;
}

    #main-content > .landing-page > .detail .reason-2 > .container > .head > .title {
        text-align: center;
        font-size: 26px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 60px;
    }

        #main-content > .landing-page > .detail .reason-2 > .container > .head > .title > img {
            position: relative;
            top: -3px;
        }

    #main-content > .landing-page > .detail .reason-2 > .container > .content > div {
        margin-bottom: 60px;
    }

        #main-content > .landing-page > .detail .reason-2 > .container > .content > div > .item {
            background: #ffffff;
            position: relative;
            padding: 30px 10px 10px;
            border: 1px solid #e4ebf9;
            border-radius: 5px;
            height: 100%;
            text-align: center;
        }

            #main-content > .landing-page > .detail .reason-2 > .container > .content > div > .item > .order {
                position: absolute;
                top: -35px;
                left: 50%;
                transform: translateX(-50%);
                width: 62px;
                height: 62px;
                background: rgba(0,59,77,.1);
                border-radius: 50%;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                #main-content > .landing-page > .detail .reason-2 > .container > .content > div > .item > .order > .inner {
                    display: block;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    background: #328b79;
                    color: #ffffff;
                    display: -webkit-box;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 24.4px;
                }

    #main-content > .landing-page > .detail .reason-2 > .container > div:last-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }

        #main-content > .landing-page > .detail .reason-2 > .container > div:last-child > a.register {
            background-color: #328b79;
            color: #ffffff;
            position: relative;
            font-size: 19px;
            border-radius: 5px;
            line-height: 25px;
            height: 44px;
            border: none;
            padding: 10px 30px;
            font-weight: 300;
            text-transform: none;
        }

            #main-content > .landing-page > .detail .reason-2 > .container > div:last-child > a.register::before {
                content: "";
                border-radius: 5px;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(0, 0, 0, 0.1);
                transform: scaleX(0);
                -webkit-transform-origin: 50%;
                transform-origin: 50%;
                -webkit-transition: all .5s ease-out;
                -moz-transition: all .5s ease-out;
                transition: all .5s ease-out;
            }

            #main-content > .landing-page > .detail .reason-2 > .container > div:last-child > a.register:hover::before,
            #main-content > .landing-page > .detail .reason-2 > .container > div:last-child > a.register:focus::before,
            #main-content > .landing-page > .detail .reason-2 > .container > div:last-child > a.register.active::before {
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }

#main-content > .landing-page > .detail .item > .features {
    background: transparent;
    padding: 60px 0 60px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#main-content > .landing-page > .detail > .features:before {
    content: "";
    background-image: url(/Content/img/ecus-feature-decor.png);
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background-size: auto 100%;
    background-position-x: right;
    background-repeat: no-repeat;
}

@media screen and (max-width: 991.8px) {
    #main-content > .landing-page > .detail > .features:before {
        display: none;
    }
}

#main-content > .landing-page > .detail .features:after {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -2;
    /*background-image: url(/Content/img/ecus-feature-decor.png);*/
    background-image: url(/Content/img/ecus-feature-bg.jpg);
    background-size: cover;
}

#main-content > .landing-page > .detail .features {
    background-size: cover;
    padding: 60px 0 60px;
    background-repeat: no-repeat;
    position: relative;
}

#main-content > .landing-page.cloudoffice > .detail .features {
    background-image: url(/Content/img/cloudoffice-feature-bg.png);
}

#main-content > .landing-page > .detail .features > .container > .title {
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    color: #000000;
    margin-bottom: 30px;
}

#main-content > .landing-page.einvoice > .detail .features > .container > p.title > img {
    position: relative;
    top: -3px;
}

#main-content > .landing-page.ebh > .detail .features > .container > .title {
    margin-bottom: 10px;
}

    #main-content > .landing-page.ebh > .detail .features > .container > .title > img {
        position: relative;
        top: -3px;
    }

#main-content > .landing-page > .detail .features > .container > .section-title-decor {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

    #main-content > .landing-page > .detail .features > .container > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #ffffff;
    }

    #main-content > .landing-page > .detail .features > .container > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #ffffff;
        margin-left: 5px;
    }

#main-content > .landing-page > .detail .features > .container > .content {
    margin-bottom: 50px;
}

#main-content > .landing-page.ebh > .detail .features > .container > .content {
    margin-bottom: 20px;
}

#main-content > .landing-page > .detail .features > .container > .content > .row {
    flex-direction: row;
}

#main-content > .landing-page.ecus > .detail .features > .container > .content > .row {
    flex-direction: row-reverse;
}

#main-content > .landing-page > .detail .features > .container > .content > .row > div:first-child {
}

#main-content > .landing-page > .detail .features > .container > .content > .row > div > .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ffffff;
    padding: 10px 10px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    position: relative;
    overflow: hidden;
    height: 100%;
}

    #main-content > .landing-page > .detail .features > .container > .content > .row > div > .item:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 100%;
        background: #0096b7;
    }

    #main-content > .landing-page > .detail .features > .container > .content > .row > div > .item > .decor {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        background: #0096b7;
        position: absolute;
        padding: 10px;
        border-radius: 50%;
        left: -13px;
    }

        #main-content > .landing-page > .detail .features > .container > .content > .row > div > .item > .decor > img {
            width: 15px;
            height: 15px;
            position: relative;
            left: 4px;
        }

    #main-content > .landing-page > .detail .features > .container > .content > .row > div > .item > p {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin: 0;
        font-weight: 600;
        width: 100%;
    }

        #main-content > .landing-page > .detail .features > .container > .content > .row > div > .item > p:hover {
            color: #00758f;
        }

#main-content > .landing-page > .detail .features > .container > div:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

@media screen and (min-width: 1200px) {
    #main-content > .landing-page.ebh > .detail .features > .container > div:last-child {
        position: relative;
    }
}

#main-content > .landing-page > .detail .features > .container > div:last-child > a.register {
    background: #f49d12;
    color: #ffffff;
    padding: 10px 30px;
    font-size: 17px;
    border-radius: 5px;
    text-transform: none;
    height: 44px;
    line-height: 22px;
}

    #main-content > .landing-page > .detail .features > .container > div:last-child > a.register:hover {
        background: #f9ac30;
    }

#main-content > .landing-page > .detail .steps {
    padding: 60px 0 10px;
}

#main-content > .landing-page.einvoice > .detail .steps {
    background: #f9fbff;
}

#main-content > .landing-page > .detail .steps > .container > .title {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

    #main-content > .landing-page > .detail .steps > .container > .title > img {
        position: relative;
        left: 5px;
        bottom: 5px;
    }

#main-content > .landing-page > .detail .steps > .container > .section-title-decor {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

    #main-content > .landing-page > .detail .steps > .container > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #005d8c;
    }

    #main-content > .landing-page > .detail .steps > .container > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #005d8c;
        margin-left: 5px;
    }

#main-content > .landing-page > .detail .steps > .container > .row > div {
    margin-bottom: 30px;
}

    #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 20px;
    }

        #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .item > .circle {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 110px;
            height: 110px;
            padding: 10px;
            border-radius: 50%;
            background: #d8f2fa;
            border: 1px solid #badbe5;
            position: relative;
            margin-bottom: 20px;
        }

            #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .item > .circle > .step {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-flex-direction: column;
                flex-direction: column;
                -moz-justify-content: center;
                -webkit-justify-content: center;
                justify-content: center;
                width: 90px;
                height: 90px;
                border-radius: 50%;
                background: #00758f;
                z-index: 1;
                position: relative;
            }

                #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .item > .circle > .step > div {
                    color: #ffffff;
                    text-transform: uppercase;
                    font-size: 14px;
                }

                #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .item > .circle > .step > p {
                    color: #ffffff;
                    font-weight: bold;
                    font-size: 40px;
                    margin: 0;
                    line-height: 32px;
                }

            #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .item > .circle > .decor {
                display: none;
                position: absolute;
                bottom: -10px;
                padding: 24px 7px 3px;
                border-radius: 20px;
                background: #00758f;
                height: 50px;
                z-index: 0;
            }

                #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .item > .circle > .decor > img {
                    width: 15px;
                    height: 15px;
                    transform: rotate(90deg);
                }

        #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .item > .description {
            font-size: 20px;
            font-weight: bold;
            color: #00758f;
            margin-bottom: 20px;
        }

    #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .line {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: absolute;
        border-top: 1px dashed #b9d6df;
        width: 100%;
        top: calc(50% - 40px);
        left: 50%;
        z-index: 0;
    }

        #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .line:before {
            content: '';
            width: 16px;
            height: 16px;
            border-radius: 50%;
            border: 1px solid #00758f;
            position: absolute;
            top: -8px;
        }

        #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .line:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #00758f;
            position: absolute;
            top: -5px;
            border-radius: 50%;
        }

@media screen and (max-width: 991.8px) and (min-width: 576px) {
    #main-content > .landing-page > .detail .steps > .container > .row > div:first-child > .row > div > .item {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #main-content > .landing-page > .detail .steps > .container > .row > div:first-child > .row > div > .line {
        top: 50%;
    }

        #main-content > .landing-page > .detail .steps > .container > .row > div:first-child > .row > div > .line.step-2 {
            width: auto;
            height: 100%;
            border-left: 1px dashed #b9d6df;
        }

            #main-content > .landing-page > .detail .steps > .container > .row > div:first-child > .row > div > .line.step-2:before {
                top: calc(50% - 10px);
            }

            #main-content > .landing-page > .detail .steps > .container > .row > div:first-child > .row > div > .line.step-2:after {
                top: calc(50% - 7px);
            }

    #main-content > .landing-page > .detail .steps > .container > .row > div:last-child > .row {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        #main-content > .landing-page > .detail .steps > .container > .row > div:last-child > .row > div > .line.step-3 {
            left: -50%;
        }
}

@media screen and (max-width: 575.8px) {
    #main-content > .landing-page > .detail .steps > .container > .row > div > .row > div > .line {
        display: none;
    }
}

#main-content > .landing-page > .detail .steps-1 {
    padding: 30px 0;
}

    #main-content > .landing-page > .detail .steps-1 > .container > .title {
        font-size: 26px;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
    }

#main-content > .landing-page.chukyso > .detail .steps-1 > .container > .title {
    margin-bottom: 50px;
}

#main-content > .landing-page > .detail .steps-1 > .container > .section-title-decor {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

    #main-content > .landing-page > .detail .steps-1 > .container > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #005d8c;
    }

    #main-content > .landing-page > .detail .steps-1 > .container > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #005d8c;
        margin-left: 5px;
    }

#main-content > .landing-page > .detail .steps-1 > .container > .row > div {
    margin-bottom: 30px;
}

    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 10px 0;
    }

        #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item:first-child {
            padding-top: 0;
        }

        #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item:not(:last-child) > .order:after {
            content: '';
            position: absolute;
            width: 2px;
            height: 100%;
            top: 50%;
            background: #00758f;
        }

        #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
            position: relative;
        }

#main-content > .landing-page.chukyso > .detail .steps-1 > .container > .row > div:first-child > .item > .order {
    transform: translateY(-40%);
}

#main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 6px solid #00758f;
    background: #ffffff;
    position: relative;
    z-index: 1;
}

#main-content > .landing-page.chukyso > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner {
    border-color: #d75221;
}

#main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner > .step {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner > .step > p {
        margin-bottom: 0;
        text-transform: uppercase;
        line-height: 1.1em;
    }

        #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner > .step > p:first-child {
            font-size: 14px;
            font-weight: 600;
        }

        #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner > .step > p:last-child {
            font-weight: bold;
            font-size: 28px;
            color: #00758f;
        }

#main-content > .landing-page.chukyso > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner > .step > p:last-child {
    color: #d75221;
}

#main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .decor {
    display: none;
    position: absolute;
    right: -25px;
    background: #00758f;
    z-index: 0;
    padding: 5px 7px 5px 20px;
    border-radius: 15px;
}

#main-content > .landing-page.chukyso > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .decor {
    background: #d75221;
}

#main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .decor > img {
    width: 20px;
    position: relative;
    top: -1px;
}

#main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
}

    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .content > p {
        margin-bottom: 0;
        text-transform: none;
    }

        #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .content > p:first-child {
            font-weight: bold;
            font-size: 16px;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .content > p:not(:first-child) {
            padding-left: 23px;
            position: relative;
            margin-bottom: 3px;
        }

            #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .content > p:not(:first-child):before {
                content: '';
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #d75221;
                position: absolute;
                left: 5px;
                top: 7px;
            }

#main-content > .landing-page > .detail .steps-1 > .container > .row > div:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:last-child > a > img {
        max-width: 100%;
    }

@media screen and (max-width: 767.8px) {
    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:last-child {
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

#main-content > .landing-page.chukyso > .detail .steps-1 > .container > .row > div:last-child > a {
    border: 4px solid #c6cee0;
}

    #main-content > .landing-page.chukyso > .detail .steps-1 > .container > .row > div:last-child > a > img {
        border: 4px solid #ffffff;
    }

#main-content > .landing-page > .register {
    padding: 50px 0 50px;
    background: url(/Content/img/register-bg.png);
    border-top: 1px solid #edeff3
}

#main-content > .landing-page.einvoice > .register {
    background: url(/Content/img/register-bg-2.png);
}

#main-content > .landing-page > .register > .container > .title {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}

#main-content > .landing-page > .register > .container > .section-title-decor {
    display: block;
    text-align: center;
    margin-bottom: 0;
}

    #main-content > .landing-page > .register > .container > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #005d8c;
    }

    #main-content > .landing-page > .register > .container > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #005d8c;
        margin-left: 5px;
    }

#main-content > .landing-page > .register > .container > p.description {
    text-align: center;
    padding-bottom: 25px;
}

#main-content > .landing-page > .register > .container > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    #main-content > .landing-page > .register > .container > div > form {
        width: 600px;
    }
}

#main-content > .landing-page > .register > .container > div > form > div {
    position: relative;
    margin-bottom: 10px;
}

    #main-content > .landing-page > .register > .container > div > form > div span.required {
        color: #ff0000;
    }

    #main-content > .landing-page > .register > .container > div > form > div > input {
        border-radius: 8px;
        height: 40px;
        padding: 5px 20px;
    }

    #main-content > .landing-page > .register > .container > div > form > div > select {
        border-radius: 8px;
        height: 40px;
        padding: 5px 20px;
    }

    #main-content > .landing-page > .register > .container > div > form > div > input:focus {
        border: 1px solid #003b4d;
        box-shadow: 0 0 12px 0px #e4e2e2;
    }

#main-content > .landing-page.enroll > .register > .container > div > form > div > input:focus {
    border: 1px solid #005d8c;
}

#main-content > .landing-page.chukyso > .register > .container > div > form > div > input:focus {
    border: 1px solid #d75221;
}

#main-content > .landing-page > .register > .container > div > form > div > input + label {
    position: absolute;
    top: 10px;
    left: 22px;
    color: #333333;
}

#main-content > .landing-page > .register > .container > div > form > div > input:focus + label {
    display: none;
}

#main-content > .landing-page > .register > .container > div > form > div > textarea {
    border-radius: 8px;
    padding: 5px 20px;
}

    #main-content > .landing-page > .register > .container > div > form > div > textarea::placeholder {
        color: #333333;
    }

    #main-content > .landing-page > .register > .container > div > form > div > textarea:focus {
        border: 1px solid #003b4d;
        box-shadow: 0 0 12px 0px #e4e2e2;
    }

#main-content > .landing-page > .register > .container > div > form > div:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    /*margin-top: -30px;*/
    margin-top: 20px;
}

    #main-content > .landing-page > .register > .container > div > form > div:last-child > p.note {
        flex: 1;
        color: #a9a9a9;
        margin: 0;
        padding-right: 15px;
    }

    #main-content > .landing-page > .register > .container > div > form > div:last-child > button {
        position: relative;
        background: #003b4d;
        color: #ffffff;
        text-transform: uppercase;
        padding: 0.8em 1.8em;
        border-radius: 5px;
        border: none;
    }

#main-content > .landing-page.chukyso > .register > .container > div > form > div:last-child > button {
    background: #d75221;
}

#main-content > .landing-page.ebh > .register > .container > div > form > div:last-child > button {
    background: #328b79;
}

#main-content > .landing-page > .register > .container > div > form > div:last-child > button:before {
    content: "";
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#main-content > .landing-page > .register > .container > div > form > div:last-child > button:hover:before, #main-content > .landing-page > .register > .container > div > form > div:last-child > button:focus:before, #main-content > .landing-page > .register > .container > div > form > div:last-child > button:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#main-content > .landing-page.einvoice > .introduction > .container > .row > div:first-child > div:first-child > img {
    height: 25px;
}

#main-content > .landing-page.einvoice > .introduction > .container > .row > div:first-child > .title {
    font-size: 22px;
}

#main-content > .landing-page.einvoice > .introduction > .container > .row > div:first-child > p.list {
    font-size: 16px;
    padding-left: 30px;
    position: relative;
}

    #main-content > .landing-page.einvoice > .introduction > .container > .row > div:first-child > p.list:before {
        content: url(/Content/img/cong-1.png);
        position: absolute;
        left: 5px;
        top: 4px;
    }

#main-content > .landing-page.einvoice > .introduction > .container > .row > div:last-child > a.video {
    border: 2px solid #01615d;
    color: #00758f;
}

    #main-content > .landing-page.einvoice > .introduction > .container > .row > div:last-child > a.video:hover {
        border: 2px solid #03928c;
        color: #03928c;
    }

#main-content > .landing-page.einvoice > .detail > nav .nav.nav-tabs > a {
    color: #ffffff;
    background-color: #00758f;
    border-top: 2px solid #00758f;
}

    #main-content > .landing-page.einvoice > .detail > nav .nav.nav-tabs > a:hover, #main-content > .landing-page.einvoice > .detail > nav .nav.nav-tabs > a.active {
        background-color: #ffffff;
        color: #00758f;
    }

#main-content > .landing-page.einvoice > .detail .intro > .container > .row:last-child > a.more:hover {
    border: 2px solid #03928c;
    color: #03928c;
}

#main-content > .landing-page.einvoice > .detail .versions {
    padding: 50px 0 70px;
    background: #f9fbff;
}

    #main-content > .landing-page.einvoice > .detail .versions > .container > .title {
        font-size: 26px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        margin: 0;
    }

        #main-content > .landing-page.einvoice > .detail .versions > .container > .title > img {
            position: relative;
            left: 7px;
            bottom: 5px;
        }

    #main-content > .landing-page.einvoice > .detail .versions > .container > .section-title-decor {
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }

        #main-content > .landing-page.einvoice > .detail .versions > .container > .section-title-decor:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 5px;
            background: #00758f;
        }

        #main-content > .landing-page.einvoice > .detail .versions > .container > .section-title-decor:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 5px;
            background: #00758f;
            margin-left: 5px;
        }

    #main-content > .landing-page.einvoice > .detail .versions > .container > .row > div > .item {
        border-radius: 8px;
        border-bottom: 3px solid #b2d5dd;
        box-shadow: 0 0 35px #c1c1c1;
        height: 100%;
    }

        #main-content > .landing-page.einvoice > .detail .versions > .container > .row > div > .item > .wrapper {
            height: 290px;
            position: relative;
            border-radius: 8px;
        }

        #main-content > .landing-page.einvoice > .detail .versions > .container > .row > div > .item > .features {
            padding: 40px 20px 10px 30px;
            position: relative;
        }

            #main-content > .landing-page.einvoice > .detail .versions > .container > .row > div > .item > .features > .version {
                position: absolute;
                left: 0;
                top: -33px;
                border-radius: 30px;
                border-bottom-left-radius: 0;
                padding: 5px;
                background: rgba(255, 255, 255, 0.8);
            }

                #main-content > .landing-page.einvoice > .detail .versions > .container > .row > div > .item > .features > .version > .inner {
                    padding: 7px 15px;
                    background: #00758f;
                    color: #ffffff;
                    font-size: 20px;
                    font-weight: bold;
                    border-radius: 30px;
                    border-bottom-left-radius: 0;
                }

            #main-content > .landing-page.einvoice > .detail .versions > .container > .row > div > .item > .features > p {
                padding-left: 20px;
                position: relative;
            }

                #main-content > .landing-page.einvoice > .detail .versions > .container > .row > div > .item > .features > p:before {
                    content: url(/Content/img/cong-1.png);
                    position: absolute;
                    left: -10px;
                    top: 2px;
                }

#main-content > .landing-page.einvoice > .detail .reason > .container > .head > div:last-child {
    margin-top: 20px;
}

    #main-content > .landing-page.einvoice > .detail .reason > .container > .head > div:last-child > a.register {
        width: 100%;
        background-color: #00758f;
        color: #ffffff;
        text-transform: none;
        font-size: 19px;
        font-weight: 300;
    }

#main-content > .landing-page.einvoice > .detail .reason > .container > .content > .item > .order > .inner {
    background-color: #00758f;
}

#main-content > .landing-page.einvoice > .detail .steps > .container > .section-title-decor {
    display: block;
    text-align: center;
}

    #main-content > .landing-page.einvoice > .detail .steps > .container > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #00758f;
    }

    #main-content > .landing-page.einvoice > .detail .steps > .container > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #00758f;
        margin-left: 5px;
    }

#main-content > .landing-page.einvoice > .register > .container > .section-title-decor {
    display: block;
    text-align: center;
}

    #main-content > .landing-page.einvoice > .register > .container > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #00758f;
    }

    #main-content > .landing-page.einvoice > .register > .container > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #00758f;
        margin-left: 5px;
    }

#main-content > .landing-page.einvoice > .register > .container > div > form > div:last-child > button {
    background-color: #00758f;
}

 



#main-content > .landing-page.ecus > .introduction > .container > .row > div > .section-title-decor {
    display: block;
    text-align: left;
}

    #main-content > .landing-page.ecus > .introduction > .container > .row > div > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #003b4d;
    }

    #main-content > .landing-page.ecus > .introduction > .container > .row > div > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #003b4d;
        margin-left: 5px;
    }

#main-content > .landing-page.ecus > .introduction > .container > .row > div > .title {
    font-size: 20px;
}

#main-content > .landing-page.ecus > .introduction > .container > .row > div > p.list {
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}

    #main-content > .landing-page.ecus > .introduction > .container > .row > div > p.list:before {
        content: url(/Content/img/cong-2.png);
        position: absolute;
        left: 5px;
        top: 4px;
    }

#main-content > .landing-page.ecus > .introduction > .container > .row > div > div:last-child > a.video {
    border: 2px solid #003b4d;
    color: #003b4d;
    border-radius: 5px;
    font-size: 17px;
    padding: 7.5px 25.5px;
    font-weight: normal;
}

    #main-content > .landing-page.ecus > .introduction > .container > .row > div > div:last-child > a.video:hover {
        border: 2px solid #006482;
        color: #006482;
    }

#main-content > .landing-page.ecus > .introduction > .container > .row > div > div:last-child > a.register {
    position: relative;
    background-color: #003b4d;
    border-radius: 5px;
    font-size: 17px;
    font-weight: normal;
}

    #main-content > .landing-page.ecus > .introduction > .container > .row > div > div:last-child > a.register:before {
        content: "";
        border-radius: 5px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.1);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    #main-content > .landing-page.ecus > .introduction > .container > .row > div > div:last-child > a.register:hover:before, #main-content > .landing-page.ecus > .introduction > .container > .row > div > div:last-child > a.register:focus:before, #main-content > .landing-page.ecus > .introduction > .container > .row > div > div:last-child > a.register:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

#main-content > .landing-page.ecus > .detail > nav .nav.nav-tabs > a {
    border-top: 2px solid #003b4d;
    color: #ffffff;
}

    #main-content > .landing-page.ecus > .detail > nav .nav.nav-tabs > a.active, #main-content > .landing-page.ecus > .detail > nav .nav.nav-tabs > a:hover {
        background: #ffffff;
        color: #003b4d;
    }

#main-content > .landing-page.ecus > .detail .intro > .container > .title {
    font-weight: bold;
    text-transform: uppercase;
}

#main-content > .landing-page.ecus > .detail .intro > .container > div:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
}

    #main-content > .landing-page.ecus > .detail .intro > .container > div:last-child > a {
        padding: .5em 1.5em;
        font-size: 19px;
    }

        #main-content > .landing-page.ecus > .detail .intro > .container > div:last-child > a.ecus2015 {
            margin-right: 20px;
            border: 2px solid #003b4d;
            color: #003b4d;
            border-radius: 5px;
            padding: 8.5px 28.5px;
            height: 44px;
            line-height: 25px;
            font-size: 17px;
        }

            #main-content > .landing-page.ecus > .detail .intro > .container > div:last-child > a.ecus2015:hover {
                border: 2px solid #006482;
                color: #006482;
            }

        #main-content > .landing-page.ecus > .detail .intro > .container > div:last-child > a.ecus2018 {
            background-color: #003b4d;
            color: #ffffff;
            position: relative;
            font-size: 17px;
            border-radius: 5px;
            line-height: 25px;
            height: 44px;
            border: none;
        }

            #main-content > .landing-page.ecus > .detail .intro > .container > div:last-child > a.ecus2018:before {
                content: "";
                border-radius: 5px;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background: rgba(0, 0, 0, 0.1);
                transform: scaleX(0);
                -webkit-transform-origin: 50%;
                transform-origin: 50%;
                -webkit-transition: all .5s ease-out;
                -moz-transition: all .5s ease-out;
                transition: all .5s ease-out;
            }

            #main-content > .landing-page.ecus > .detail .intro > .container > div:last-child > a.ecus2018:hover:before, #main-content > .landing-page.ecus > .detail .intro > .container > div:last-child > a.ecus2018:focus:before, #main-content > .landing-page.ecus > .detail .intro > .container > div:last-child > a.ecus2018:active:before {
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }

#main-content > .landing-page.ecus > .detail .features > .container > .section-title-decor {
    margin-bottom: 50px;
}

#main-content > .landing-page.ecus > .detail .features > .container > p.description {
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
}

#main-content > .landing-page.ecus > .detail .features > .container > .content > .row > div > .item:before {
    background: #006b88;
}

#main-content > .landing-page.ecus > .detail .features > .container > .content > .row > div > .item > .decor {
    background: #006b88;
}

#main-content > .landing-page.ecus > .detail .features > .container > .content > .row > div > .item > p:hover {
    color: #006b88;
}

#main-content > .landing-page.ecus > .detail .reason > .container > .head > div:first-child > div:first-child {
    color: #003b4d;
}

#main-content > .landing-page.ecus > .detail .reason > .container > .head > div:nth-child(4) {
    text-transform: uppercase;
    font-size: 23px;
    text-align: center;
    margin-bottom: 20px;
}

#main-content > .landing-page.ecus > .detail .reason > .container > .head > div:last-child > a.register {
    width: 100%;
    background-image: linear-gradient(to right, #003b4d, #008e83);
    color: #ffffff;
    text-transform: none;
}

#main-content > .landing-page.ecus > .detail .reason > .container > .content > .item > .order .inner {
    background-image: linear-gradient(to right, #003f4f, #018578);
}

#main-content > .landing-page.ecus > .detail .steps > .container > .section-title-decor {
    display: block;
    text-align: center;
}

    #main-content > .landing-page.ecus > .detail .steps > .container > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #003b4d;
    }

    #main-content > .landing-page.ecus > .detail .steps > .container > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #003b4d;
        margin-left: 5px;
    }

#main-content > .landing-page.ecus > .detail .steps > .container > .row > div > .row > div > .item > .circle > .step {
    background: #003b4d;
}

#main-content > .landing-page.ecus > .detail .steps > .container > .row > div > .row > div > .item > .circle > .decor {
    background: #003b4d;
}

#main-content > .landing-page.ecus > .detail .steps > .container > .row > div > .row > div > .item > .description {
    color: #003b4d;
}

#main-content > .landing-page.ecus > .detail .steps > .container > .row > div > .row > div > .line:before {
    border: 1px solid #003b4d;
}

#main-content > .landing-page.ecus > .detail .steps > .container > .row > div > .row > div > .line:after {
    background: #003b4d;
}

#main-content > .landing-page.ecus > .register {
    background: url(/Content/img/register-bg-2.png);
}

#main-content > .landing-page.etax > .introduction > .container > .row > div:first-child > .section-title-decor:before, #main-content > .landing-page.etax > .introduction > .container > .row > div:first-child > .section-title-decor:after {
    background: #5d8f46;
}

#main-content > .landing-page.etax > .introduction > .container > .row > div:first-child > .title {
    font-size: 25px;
}

#main-content > .landing-page.etax > .introduction > .container > .row > div:first-child > div:last-child > a.video {
    border: 2px solid #5d8f46;
    color: #5d8f46;
    background: transparent;
}

    #main-content > .landing-page.etax > .introduction > .container > .row > div:first-child > div:last-child > a.video:hover {
        border: 2px solid #5e861d;
        color: #5e861d;
    }

#main-content > .landing-page.etax > .introduction > .container > .row > div:first-child > div:last-child > a.register {
    background: #5d8f46;
}

#main-content > .landing-page.etax > .introduction > .container > .row > div:first-child > p.list {
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}

    #main-content > .landing-page.etax > .introduction > .container > .row > div:first-child > p.list:before {
        content: url(/Content/img/cong-3.png);
        position: absolute;
        left: 5px;
        top: 4px;
    }

#main-content > .landing-page > .introduction > .container > .row > div:last-child > img {
    max-width: 100%;
}

#main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:last-child > img {
    height: 320px;
    transform: scale(1.3);
}

#main-content > .landing-page.etax > .introduction > .container > .row > div:last-child {
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

@media screen and (max-width: 991.8px) {
    #main-content > .landing-page.etax > .introduction > .container > .row > div:last-child {
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

#main-content > .landing-page.etax > .detail > nav .nav.nav-tabs > a {
    border-top: 2px solid #5d8f46;
    background: #5d8f46;
    color: #ffffff;
}

    #main-content > .landing-page.etax > .detail > nav .nav.nav-tabs > a.active, #main-content > .landing-page.etax > .detail > nav .nav.nav-tabs > a:hover {
        background: #ffffff;
        color: #5d8f46;
    }

#main-content > .landing-page.etax > .detail #general {
    padding-bottom: 0;
}

#main-content > .landing-page.etax > .detail .intro {
    padding: 30px 0 50px;
}

    #main-content > .landing-page.etax > .detail .intro > .container > .title {
        font-weight: bold;
    }

        #main-content > .landing-page.etax > .detail .intro > .container > .title:first-child {
            font-size: 26px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

            #main-content > .landing-page.etax > .detail .intro > .container > .title:first-child > span {
                font-size: 30px;
                color: #5d8f46;
            }

    #main-content > .landing-page.etax > .detail .intro > .container > p.title:nth-child(2) {
        font-size: 22px;
    }

    #main-content > .landing-page.etax > .detail .intro > .container > p.title > img {
        position: relative;
        bottom: 2px;
    }

    #main-content > .landing-page.etax > .detail .intro > .container > div:last-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

        #main-content > .landing-page.etax > .detail .intro > .container > div:last-child > a.more {
            border: 2px solid #80af28;
            color: #5d8f46;
            text-transform: none;
            font-weight: 300;
            border-radius: 5px;
            padding: 8.5px 28.5px;
            height: 44px;
            line-height: 25px;
            font-size: 17px;
        }

            #main-content > .landing-page.etax > .detail .intro > .container > div:last-child > a.more:hover {
                border: 2px solid #5e861d;
                color: #5e861d;
            }

#main-content > .landing-page.etax > .detail .reason > .container > .head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
}

    #main-content > .landing-page.etax > .detail .reason > .container > .head > div:first-child > div:first-child {
        color: #5d8f46;
    }

    #main-content > .landing-page.etax > .detail .reason > .container > .head > img {
        width: 85%;
    }

    #main-content > .landing-page.etax > .detail .reason > .container > .head > div:last-child {
        margin-top: 20px;
        width: 100%;
    }

        #main-content > .landing-page.etax > .detail .reason > .container > .head > div:last-child > a.register {
            width: 100%;
            background: #5d8f46;
            color: #ffffff;
            text-transform: none;
            font-size: 19px;
            font-weight: 300;
        }

#main-content > .landing-page.etax > .detail .reason > .container > .content > .item > .order .inner {
    background-color: #5d8f46;
}

#main-content > .landing-page > .detail .steps-1 {
    background: #ffffff;
}

    #main-content > .landing-page > .detail .steps-1 > .container > .section-title-decor:before, #main-content > .landing-page > .detail .steps-1 > .container > .section-title-decor:after {
        background: #5d8f46;
    }

    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner {
        border-color: #5d8f46;
    }

        #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .inner > .step > p:last-child {
            color: #5d8f46;
        }

    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .order > .decor {
        background: #5d8f46;
    }

    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item > .content {
        text-transform: uppercase;
    }

    #main-content > .landing-page > .detail .steps-1 > .container > .row > div:first-child > .item:not(:last-child) > .order:after {
        background: #5d8f46;
    }

#main-content > .landing-page.chukyso > .detail .steps-1 > .container > .row > div:first-child > .item:not(:last-child) > .order:after {
    background: #d75221;
}

#main-content > .landing-page > .detail .steps-1 > .container > .row > div:last-child > a.register {
    cursor: pointer;
}

#main-content > .landing-page.etax > .detail .price {
    padding: 30px 0;
    background: #f9fbff;
}

    #main-content > .landing-page.etax > .detail .price > .container > .title {
        font-size: 26px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }

    #main-content > .landing-page.etax > .detail .price > .container > .section-title-decor {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }

        #main-content > .landing-page.etax > .detail .price > .container > .section-title-decor:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 5px;
            background: #5d8f46;
        }

        #main-content > .landing-page.etax > .detail .price > .container > .section-title-decor:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 5px;
            background: #5d8f46;
            margin-left: 5px;
        }

    #main-content > .landing-page.etax > .detail .price > .container > .row {
        -moz-justify-content: space-around;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

        #main-content > .landing-page.etax > .detail .price > .container > .row > .item {
            margin-bottom: 30px;
        }

#main-content > .landing-page.etax > .register {
    background: url(/Content/img/register-bg.png);
}

    #main-content > .landing-page.etax > .register > .container > .section-title-decor:before, #main-content > .landing-page.etax > .register > .container > .section-title-decor:after {
        background: #5d8f46;
    }

    #main-content > .landing-page.etax > .register > .container > div > form > div > input:focus, #main-content > .landing-page.etax > .register > .container > div > form > div textarea:focus {
        border-color: #5d8f46;
    }

    #main-content > .landing-page.etax > .register > .container > div > form > div:last-child > button {
        background: #5d8f46;
    }

#main-content > .landing-page.ebh > .introduction > .container > .row > div:first-child > div:first-child > img {
    height: auto;
}

#main-content > .landing-page.ebh > .introduction > .container > .row > div:first-child > .section-title-decor:before, #main-content > .landing-page.ebh > .introduction > .container > .row > div:first-child > .section-title-decor:after {
    background: #328b79;
}

#main-content > .landing-page.ebh > .introduction > .container > .row > div:first-child > div:last-child > a.video {
    border: 2px solid #327788;
    color: #328b79;
}

    #main-content > .landing-page.ebh > .introduction > .container > .row > div:first-child > div:last-child > a.video:hover {
        border: 2px solid #3b96ad;
        color: #3b96ad;
    }

#main-content > .landing-page.ebh > .introduction > .container > .row > div:first-child > div:last-child > a.register {
    background: #328b79;
}

#main-content > .landing-page.ebh > .introduction > .container > .row > div:first-child > p.list {
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}

    #main-content > .landing-page.ebh > .introduction > .container > .row > div:first-child > p.list:before {
        content: url(/Content/img/cong-4.png);
        position: absolute;
        left: 5px;
        top: 4px;
    }

#main-content > .landing-page.ebh > .detail > nav > .nav.nav-tabs > a {
    border-top: 2px solid #328b79;
    background-color: #328b79;
    color: #ffffff;
}

    #main-content > .landing-page.ebh > .detail > nav > .nav.nav-tabs > a.active, #main-content > .landing-page.ebh > .detail > nav > .nav.nav-tabs > a:hover {
        background-color: #ffffff;
        color: #328b79;
    }

#main-content > .landing-page.ebh > .detail .intro {
    padding: 30px 0 50px;
}

    #main-content > .landing-page.ebh > .detail .intro > .container > .title {
        font-weight: bold;
    }

        #main-content > .landing-page.ebh > .detail .intro > .container > .title:first-child {
            font-size: 26px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

            #main-content > .landing-page.ebh > .detail .intro > .container > .title:first-child > span {
                font-size: 30px;
                color: #5d8f46;
            }

    #main-content > .landing-page.ebh > .detail .intro > .container > p.title:nth-child(2) {
        font-size: 22px;
    }

    #main-content > .landing-page.ebh > .detail .intro > .container > p.title > img {
        position: relative;
        bottom: 2px;
    }

    #main-content > .landing-page.ebh > .detail .intro > .container > div:last-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

        #main-content > .landing-page.ebh > .detail .intro > .container > div:last-child > a.more {
            border: 2px solid #327a85;
            padding: .4em 1.5em;
            font-size: 17px;
            color: #328b79;
            text-transform: none;
            font-weight: normal;
            border-radius: 5px;
        }

            #main-content > .landing-page.ebh > .detail .intro > .container > div:last-child > a.more:hover {
                border: 2px solid #3b96ad;
                color: #3b96ad;
            }

#main-content > .landing-page.ebh > .detail .features > .container > .section-title-decor {
    margin-bottom: 20px;
}

#main-content > .landing-page.ebh > .detail .features > .container > p.description {
    text-align: center;
    color: #000000;
    margin-bottom: 40px;
}

#main-content > .landing-page.ebh > .detail .features > .container > .content > .row > div > .item:before {
    background: #4abaa3;
}

#main-content > .landing-page.ebh > .detail .features > .container > .content > .row > div > .item > .decor {
    background: #4abaa3;
}

#main-content > .landing-page.ebh > .detail .features > .container > .content > .row > div > .item > p:hover {
    color: #4abaa3;
}

#main-content > .landing-page.ebh > .detail .reason > .container > .head > div:first-child > div:first-child {
    color: #328b79;
}

#main-content > .landing-page.ebh > .detail .reason > .container > .head > img {
    width: 85%;
}

#main-content > .landing-page.ebh > .detail .reason > .container > .head > div:last-child {
    margin-top: 20px;
    width: 100%;
}

    #main-content > .landing-page.ebh > .detail .reason > .container > .head > div:last-child > a.register {
        width: 100%;
        background: linear-gradient(to right, #328a7a, #32748a);
        color: #ffffff;
        text-transform: none;
        font-size: 19px;
        font-weight: 300;
    }

#main-content > .landing-page.ebh > .detail .reason > .container > .content > .item > .order > .inner {
    background: linear-gradient(to right, #328a7a, #32748a);
    font-weight: normal;
}

#main-content > .landing-page.ebh > .detail .feature {
    padding: 30px 0;
}

    #main-content > .landing-page.ebh > .detail .feature > .container > p.title {
        text-align: center;
        font-size: 34px;
        margin-bottom: 0;
    }

        #main-content > .landing-page.ebh > .detail .feature > .container > p.title > span {
            font-size: 34px;
            font-weight: bold;
            color: #328b79;
        }

    #main-content > .landing-page.ebh > .detail .feature > .container > .section-title-decor {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

        #main-content > .landing-page.ebh > .detail .feature > .container > .section-title-decor:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 5px;
            background: #328b79;
        }

        #main-content > .landing-page.ebh > .detail .feature > .container > .section-title-decor:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 5px;
            background: #328b79;
            margin-left: 5px;
        }

    #main-content > .landing-page.ebh > .detail .feature > .container > p.description {
        text-align: center;
        margin-bottom: 50px;
    }

    #main-content > .landing-page.ebh > .detail .feature > .container > .row {
        margin-bottom: 30px;
    }

        #main-content > .landing-page.ebh > .detail .feature > .container > .row > div:first-child {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
        }

@media screen and (max-width: 767.8px) {
    #main-content > .landing-page.ebh > .detail .feature > .container > .row > div:first-child {
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

#main-content > .landing-page.ebh > .detail .feature > .container > .row > div:first-child > a > img {
    max-width: 100%;
}

#main-content > .landing-page.ebh > .detail .feature > .container > .row > div:last-child {
    padding-left: 30px;
}

@media screen and (max-width: 767.8px) {
    #main-content > .landing-page.ebh > .detail .feature > .container > .row > div:last-child {
        padding-left: 15px;
    }
}

#main-content > .landing-page.ebh > .detail .feature > .container > .row > div:last-child > .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
}

    #main-content > .landing-page.ebh > .detail .feature > .container > .row > div:last-child > .item > .tick {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #328b79;
        position: relative;
    }

        #main-content > .landing-page.ebh > .detail .feature > .container > .row > div:last-child > .item > .tick:before {
            content: '';
            width: 25%;
            height: 6px;
            border-radius: 6px;
            background: #ffffff;
            position: absolute;
            top: 57%;
            left: 25%;
            transform: rotate(45deg);
        }

        #main-content > .landing-page.ebh > .detail .feature > .container > .row > div:last-child > .item > .tick:after {
            content: '';
            width: 45%;
            height: 6px;
            border-radius: 6px;
            background: #ffffff;
            position: absolute;
            top: 51%;
            left: 36%;
            transform: rotate(-45deg);
        }

    #main-content > .landing-page.ebh > .detail .feature > .container > .row > div:last-child > .item > .content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        flex: 1;
    }

        #main-content > .landing-page.ebh > .detail .feature > .container > .row > div:last-child > .item > .content > p {
            margin-bottom: 0;
            padding-left: 10px;
            font-weight: bold;
            font-size: 16px;
        }

#main-content > .landing-page.ebh > .detail .feature > .container > .row:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

    #main-content > .landing-page.ebh > .detail .feature > .container > .row:last-child > a {
        background: linear-gradient(to right, #328a7a, #32748a);
        color: #ffffff;
        padding: 0.5em 3em;
        text-transform: none;
        font-size: 19px;
        font-weight: 300;
    }

#main-content > .landing-page.ebh > .detail .customer {
    background: #ffffff;
    padding: 50px 0 30px;
}

    #main-content > .landing-page.ebh > .detail .customer > .container > .title {
        text-align: center;
        font-size: 26px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 0;
    }

    #main-content > .landing-page.ebh > .detail .customer > .container > .section-title-decor {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

        #main-content > .landing-page.ebh > .detail .customer > .container > .section-title-decor:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 5px;
            background: #328b79;
        }

        #main-content > .landing-page.ebh > .detail .customer > .container > .section-title-decor:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 5px;
            background: #328b79;
            margin-left: 5px;
        }

    #main-content > .landing-page.ebh > .detail .customer > .container > p.description {
        text-align: center;
        margin-bottom: 40px;
    }

    #main-content > .landing-page.ebh > .detail .customer > .container .slick-track {
        padding: 25px 0;
    }

    #main-content > .landing-page.ebh > .detail .customer > .container .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-content: center;
        height: 100px;
        border: 1px solid #e4e9f1;
        padding: 10px;
        margin: 0 15px;
        border-radius: 5px;
        position: relative;
        top: 0;
    }

@media screen and (min-width: 1200px) {
    #main-content > .landing-page.ebh > .detail .customer > .container .item {
        width: 182px;
    }

        #main-content > .landing-page.ebh > .detail .customer > .container .item.slick-center {
            width: 260px;
            height: 130px;
            top: -15px;
            box-shadow: 0 4px 3px #e4e9f1;
        }
}

#main-content > .landing-page.ebh > .detail .customer > .container .item > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-content: center;
}

    #main-content > .landing-page.ebh > .detail .customer > .container .item > a > img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
    }

#main-content > .landing-page.ebh > .detail .customer > .container > .customer-carousel {
    height: 200px;
}

    #main-content > .landing-page.ebh > .detail .customer > .container > .customer-carousel > .slick-prev,
    #main-content > .landing-page.ebh > .detail .customer > .container > .customer-carousel > .slick-next {
        width: 40px;
        height: 40px;
    }

        #main-content > .landing-page.ebh > .detail .customer > .container > .customer-carousel > .slick-prev:before {
            content: '';
            width: 20px;
            height: 20px;
            border-top: 3px solid #c1cdd9;
            border-left: 3px solid #c1cdd9;
            position: absolute;
            top: -14px;
            left: 0;
            transform: rotate(-45deg);
            border-radius: 2px;
        }

        #main-content > .landing-page.ebh > .detail .customer > .container > .customer-carousel > .slick-next:before {
            content: '';
            width: 20px;
            height: 20px;
            border-top: 3px solid #c1cdd9;
            border-right: 3px solid #c1cdd9;
            position: absolute;
            top: -14px;
            right: 0;
            transform: rotate(45deg);
            border-radius: 2px;
        }

        #main-content > .landing-page.ebh > .detail .customer > .container > .customer-carousel > .slick-prev:hover:before,
        #main-content > .landing-page.ebh > .detail .customer > .container > .customer-carousel > .slick-next:hover:before {
            border-color: #328b79;
        }

#main-content > .landing-page.ebh > .detail .customer > .container > .row:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #main-content > .landing-page.ebh > .detail .customer > .container > .row:last-child > a.more {
        border: 2px solid #327a85;
        padding: .7em 2em;
        font-size: 14px;
        color: #328b79;
        text-transform: none;
        font-weight: normal;
        border-radius: 5px;
        background: #ffffff;
        text-transform: uppercase;
    }

        #main-content > .landing-page.ebh > .detail .customer > .container > .row:last-child > a.more:hover {
            border: 2px solid #3b96ad;
            color: #3b96ad;
        }


#main-content > .landing-page.ebh > .register {
    background: url(/Content/img/register-bg-2.png);
}

    #main-content > .landing-page.ebh > .register > .container > .section-title-decor {
        display: block;
        text-align: center;
    }

        #main-content > .landing-page.ebh > .register > .container > .section-title-decor:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 5px;
            background: #328b79;
        }

        #main-content > .landing-page.ebh > .register > .container > .section-title-decor:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 5px;
            background: #328b79;
            margin-left: 5px;
        }

    #main-content > .landing-page.ebh > .register > .container > div > form > div > input:focus, #main-content > .landing-page.ebh > .register > .container > div > form > div textarea:focus {
        border: 1px solid #328b79;
    }

#main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:first-child > div:first-child > img {
    height: auto;
}

#main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:first-child > .title {
    font-size: 22px;
}

#main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:first-child > div:last-child > a.video {
    border: 2px solid #01615d;
    color: #00758f;
}

    #main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:first-child > div:last-child > a.video:hover {
        border: 2px solid #03928c;
        color: #03928c;
    }

#main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:first-child > div:last-child > a.register {
    background: #005d8c;
}

#main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:first-child > p.list {
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}

    #main-content > .landing-page.cloudoffice > .introduction > .container > .row > div:first-child > p.list:before {
        content: url(/Content/img/cong-5.png);
        position: absolute;
        left: 5px;
        top: 4px;
    }

#main-content > .landing-page.cloudoffice > .detail > nav > .nav.nav-tabs > a {
    border-top: 2px solid #005d8c;
    background-color: #005d8c;
    color: #ffffff;
}

    #main-content > .landing-page.cloudoffice > .detail > nav > .nav.nav-tabs > a.active, #main-content > .landing-page.cloudoffice > .detail > nav > .nav.nav-tabs > a:hover {
        background-color: #ffffff;
        color: #005d8c;
    }

#main-content > .landing-page.cloudoffice > .detail .intro {
    padding: 30px 0 50px;
}

    #main-content > .landing-page.cloudoffice > .detail .intro > .container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
    }

        #main-content > .landing-page.cloudoffice > .detail .intro > .container > .title {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 26px;
        }

            #main-content > .landing-page.cloudoffice > .detail .intro > .container > .title > img {
                height: 38px;
            }

        #main-content > .landing-page.cloudoffice > .detail .intro > .container > p.description {
            width: 90%;
        }

        #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
        }

            #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child > a {
                padding: .4em 1.5em;
                font-size: 17px;
                font-weight: normal;
                text-transform: none;
                border-radius: 5px;
            }

                #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child > a.more {
                    margin-right: 20px;
                    border: 2px solid #01869c;
                    color: #005d8c;
                }

                    #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child > a.more:hover {
                        border: 2px solid #03928c;
                        color: #03928c;
                    }

                #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child > a.register {
                    background: #005d8c;
                    color: #ffffff;
                    position: relative;
                    border: none;
                }

                    #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child > a.register:before {
                        content: "";
                        border-radius: 45px;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background: rgba(0, 0, 0, 0.1);
                        transform: scaleX(0);
                        -webkit-transform-origin: 50%;
                        transform-origin: 50%;
                        -webkit-transition: all .5s ease-out;
                        -moz-transition: all .5s ease-out;
                        transition: all .5s ease-out;
                    }

                    #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child > a.register:hover:before,
                    #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child > a.register:focus:before,
                    #main-content > .landing-page.cloudoffice > .detail .intro > .container > div:last-child > a.register:active:before {
                        -webkit-transform: scaleX(1);
                        transform: scaleX(1);
                    }

#main-content > .landing-page.cloudoffice > .detail .features > .container > .title {
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 0;
}

    #main-content > .landing-page.cloudoffice > .detail .features > .container > .title > img {
        position: relative;
        top: -4px;
    }

#main-content > .landing-page.cloudoffice > .detail .features > .container > .section-title-decor {
    margin-bottom: 20px;
}

#main-content > .landing-page.cloudoffice > .detail .features > .container > p.description {
    color: #000000;
    text-align: center;
    margin-bottom: 40px;
}

#main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

    #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section {
        margin-bottom: 10px;
        background: #f0f3fc;
        border-radius: 5px;
        overflow: hidden;
    }

        #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .header {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            padding: 15px 20px;
            text-decoration: none;
            background: #ffffff;
        }

            #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .header.collapsed {
                background: #f0f3fc;
            }

            #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .header > p {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                max-height: 1.5em;
                line-height: 1.5em;
                box-sizing: content-box;
                height: 1.5em;
                font-size: 16px;
                color: #005d8c;
                font-weight: bold;
                margin: 0;
                padding-left: 20px;
                flex: 1;
            }

            #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .header > span {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                background: #f0f3fc;
            }

            #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .header.collapsed > span {
                background: #ffffff;
            }

            #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .header > span:before {
                content: '_';
                display: block;
                font-size: 25px;
                position: relative;
                top: -12px;
                color: #005d8c;
            }

            #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .header.collapsed > span:before {
                content: '+';
                top: 0;
            }

        #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .content {
            background: #ffffff;
            padding-bottom: 20px;
        }

            #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .content > div {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                position: relative;
            }

                #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .content > div > p {
                    margin: 0;
                    margin-left: 57px;
                    margin-right: 20px;
                    padding: 10px 0 10px 0;
                    position: relative;
                    flex: 1;
                }

                    #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section > .content > div > p:before {
                        content: '';
                        width: 7px;
                        height: 7px;
                        background: #005d8c;
                        position: absolute;
                        left: -17px;
                        border-radius: 50%;
                        top: 17px;
                    }

        #main-content > .landing-page.cloudoffice > .detail .features > .container > .row > .note > .section:last-child > .content > div:last-child > p {
            margin-bottom: 10px;
        }

#main-content > .landing-page.cloudoffice > .detail .reason {
    background: #ffffff;
}

    #main-content > .landing-page.cloudoffice > .detail .reason > .container > .head > div:last-child > a.register {
        width: 100%;
        background: linear-gradient(to right, #00608d, #03b2ac);
        color: #ffffff;
        text-transform: none;
        font-size: 19px;
        font-weight: 300;
    }

    #main-content > .landing-page.cloudoffice > .detail .reason > .container > .head > img {
        width: 90%;
        margin-bottom: 20px;
    }

    #main-content > .landing-page.cloudoffice > .detail .reason > .container > .content > .item > .order .inner {
        background: linear-gradient(to right, #00608d, #03b2ac);
    }

#main-content > .landing-page.cloudoffice > .register {
    background: url(/Content/img/register-bg.png);
}

    #main-content > .landing-page.cloudoffice > .register > .container > div > form > div:last-child > button {
        background: #005d8c;
    }

#main-content > .landing-page > .other-article {
    background-color: #f9fbff;
    padding: 50px 0 50px;
}

#main-content > .landing-page.einvoice > .other-article {
    background: #ffffff;
}

#main-content > .landing-page > .other-article.white-bg {
    background-color: #ffffff;
}

#main-content > .landing-page > .other-article > .container > .title {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    text-transform: uppercase;
}

#main-content > .landing-page > .other-article > .container > .section-title-decor {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

    #main-content > .landing-page > .other-article > .container > .section-title-decor:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 5px;
        background: #005d8c;
    }

    #main-content > .landing-page > .other-article > .container > .section-title-decor:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 5px;
        background: #005d8c;
        margin-left: 5px;
    }

#main-content > .landing-page.einvoice > .other-article > .container > .section-title-decor:before,
#main-content > .landing-page.einvoice > .other-article > .container > .section-title-decor:after {
    background: #00758f;
}

#main-content > .landing-page > .other-article > .container > .row {
    margin-bottom: 30px;
}

    #main-content > .landing-page > .other-article > .container > .row > div > .lg-item {
        background-color: #f5faff;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #e4e3e3;
    }

        #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > .thumbnail-wrapper {
            overflow: hidden;
            position: relative;
            width: 100%;
            max-width: 100%;
            height: 200px;
        }

            #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > .thumbnail-wrapper img {
                min-height: 100%;
                min-width: 100%;
            }

            #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > .thumbnail-wrapper > div.category {
                position: absolute;
                bottom: 3px;
                left: 0;
                padding: 10px 10px 7px;
                display: none;
            }

                #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > .thumbnail-wrapper > div.category > a {
                    margin: 0;
                    color: #fff;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    max-height: 1.5em;
                    line-height: 1.5em;
                    box-sizing: content-box;
                    height: 1.5em;
                }

            #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > .thumbnail-wrapper > div.line {
                position: absolute;
                width: 100%;
                bottom: 0;
                height: 3px;
            }

#main-content > .landing-page.einvoice > .other-article > .container > .row > div > .lg-item > .thumbnail-wrapper > div.line {
    background: rgba(0,117,143,0.9) !important;
}

#main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .title {
    padding: 15px 20px;
}

    #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .title > a {
        text-decoration: none;
    }

        #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .title > a > h3,
        #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .title > a {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            max-height: 3em;
            line-height: 1.5em;
            box-sizing: content-box;
            height: 3em;
            font-weight: bold;
            font-size: 16px;
            color: #000;
            text-decoration: none;
        }

            #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .title > a:hover > h3,
            #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .title > a:hover {
                color: #005d8c;
                cursor: pointer;
            }

#main-content > .landing-page.einvoice > .other-article > .container > .row > div > .lg-item > div:last-child > .title > a:hover {
    color: #00758f;
}

#main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .title > p.date {
    color: #a9a9a9;
    margin-top: 10px;
    margin-bottom: 0;
}

    #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .title > p.date:before {
        content: url(/Content/img/date-1.png);
    }

#main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .content {
    padding: 0px 20px 20px;
}

    #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .content > p:first-child {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 4.5em;
        line-height: 1.5em;
        box-sizing: content-box;
        height: 4.5em;
        margin: 0;
        text-align: justify;
    }

    #main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child > .content > p:last-child {
        display: none;
    }

#main-content > .landing-page > .other-article > .container > .row > div > .lg-item > div:last-child {
    background: #ffffff;
}

#main-content > .landing-page > .other-article > .container > div:last-child {
    text-align: center;
}

    #main-content > .landing-page > .other-article > .container > div:last-child > a.more {
        text-transform: uppercase;
        border: 2px solid #00758f;
        color: #00758f;
        padding: 0.5em 1.3em;
        font-weight: 600;
        background: transparent;
    }

        #main-content > .landing-page > .other-article > .container > div:last-child > a.more:hover {
            cursor: pointer;
            border: 2px solid #0378b3;
            color: #3590c5;
        }

#main-content.introduce > .general-info .info {
    flex-wrap: wrap;
}

    #main-content.introduce > .general-info .info > div {
        flex: 1;
    }

#main-content.introduce > .introduction {
    padding: 30px 0;
}

    #main-content.introduce > .introduction > .container > .section-title {
        text-align: center;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 0;
        color: #000;
        text-transform: uppercase;
    }

    #main-content.introduce > .introduction > .container > .section-title-decor {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }

        #main-content.introduce > .introduction > .container > .section-title-decor:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 5px;
            background: #005d8c;
        }

        #main-content.introduce > .introduction > .container > .section-title-decor:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 5px;
            background: #005d8c;
            margin-left: 5px;
        }

    #main-content.introduce > .introduction > .container > .description {
        text-align: justify;
        margin-bottom: 30px;
    }

    #main-content.introduce > .introduction > .container > .row > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        #main-content.introduce > .introduction > .container > .row > div > .wrapper {
            width: 100%;
            margin-bottom: 30px;
        }

@media screen and (min-width: 992px) {
    #main-content.introduce > .introduction > .container > .row > div > .wrapper {
        height: 253px;
    }
}

@media screen and (min-width: 1200px) {
    #main-content.introduce > .introduction > .container > .row > div > .wrapper {
        height: 304px;
    }
}

#main-content.introduce > .introduction > .container > .row > div > .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 5px;
}

    #main-content.introduce > .introduction > .container > .row > div > .item > .thumb {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
    }

        #main-content.introduce > .introduction > .container > .row > div > .item > .thumb > .wrapper {
            width: 55px;
        }

    #main-content.introduce > .introduction > .container > .row > div > .item > .main {
        margin-left: 20px;
    }

        #main-content.introduce > .introduction > .container > .row > div > .item > .main > p.title {
            font-size: 20px;
            color: #005d8c;
            font-weight: bold;
            margin-bottom: 0;
        }

        #main-content.introduce > .introduction > .container > .row > div > .item > .main > p.content {
            margin-bottom: 20px;
        }

    #main-content.introduce > .introduction > .container > .row > div > .item:not(:last-child) > .thumb > .decor {
        flex: 1;
        width: 1px;
        border-left: 1px dashed #003b4d;
        margin-top: 5px;
        position: relative;
    }

        #main-content.introduce > .introduction > .container > .row > div > .item:not(:last-child) > .thumb > .decor:before {
            content: '';
            position: absolute;
            width: 11px;
            height: 1px;
            background: #003b4d;
            top: 0;
            left: -6px;
        }

        #main-content.introduce > .introduction > .container > .row > div > .item:not(:last-child) > .thumb > .decor:after {
            content: '';
            position: absolute;
            width: 11px;
            height: 1px;
            background: #003b4d;
            bottom: 0;
            left: -6px;
        }

#main-content.introduce > .accomplishment {
    padding: 30px 0 50px;
}

    #main-content.introduce > .accomplishment > .container > .section-title {
        text-align: center;
        font-weight: bold;
        font-size: 25px;
        margin-bottom: 0;
        color: #000;
        text-transform: uppercase;
    }

    #main-content.introduce > .accomplishment > .container > .section-title-decor {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }

        #main-content.introduce > .accomplishment > .container > .section-title-decor:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 5px;
            background: #005d8c;
        }

        #main-content.introduce > .accomplishment > .container > .section-title-decor:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 5px;
            background: #005d8c;
            margin-left: 5px;
        }

    #main-content.introduce > .accomplishment > .carousel > .indicator {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

        #main-content.introduce > .accomplishment > .carousel > .indicator > a {
            margin-left: 20px;
            margin-right: 20px;
            cursor: pointer;
        }

            #main-content.introduce > .accomplishment > .carousel > .indicator > a.prev {
                transform: rotate(180deg);
            }

        #main-content.introduce > .accomplishment > .carousel > .indicator > .year {
            font-size: 55px;
            font-weight: bold;
            color: #ec5b2b;
        }

    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery {
        position: relative;
    }

@media screen and (max-width: 575.8px) {
    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery {
        margin-bottom: 0;
    }
}

#main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery > .slick-list {
    overflow: hidden;
    position: relative;
    height: calc(100vw / 1.78 + 100px);
}

#main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    opacity: 0.3;
}

    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item > .frame {
        position: relative;
        top: 0;
        padding: 20px;
        height: calc(100vw / 1.78);
        width: 100vw;
        cursor: pointer;
    }

        #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item > .frame > .wrapper {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
            overflow: hidden;
            width: 100%;
            height: 100%;
            position: relative;
        }

            #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item > .frame > .wrapper > a {
                min-width: 100%;
                min-height: 100%;
            }

                #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item > .frame > .wrapper > a > img {
                    min-width: 100%;
                    min-height: 100%;
                }

    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item > .description {
        display: none;
    }

    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item.slick-center {
        z-index: 1;
        position: relative;
        top: 0;
        opacity: 1;
    }

        #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item.slick-center > .frame {
            height: calc(100vw / 1.78);
            width: 100vw;
        }

        #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item.slick-center > .description {
            display: block;
            text-align: center;
            margin-bottom: 20px;
            max-width: 100vw;
            padding: 0 10px;
        }

            #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item.slick-center > .description > p {
                margin-bottom: 5px;
            }

@media screen and (min-width: 768px) {
    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery > .slick-list {
        height: calc(100vw / 4.15 + 100px);
    }

    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item > .frame {
        height: calc(100vw / 6.22);
        width: calc(100vw / 3.5);
        top: calc(100vw * 0.04);
    }

    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery .item.slick-center > .frame {
        height: calc(100vw / 4.15);
        width: calc(100vw / 2.33);
        top: 0;
    }
}

#main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery > .slick-dots {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    bottom: -30px;
}

    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery > .slick-dots > li {
        width: auto;
        height: auto;
    }

@media screen and (max-width: 767.8px) {
    #main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery > .slick-dots > li {
        display: none;
    }
}

#main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery > .slick-dots > li > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    font-size: 18px;
    font-weight: bold;
}

#main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery > .slick-dots > li:not(:first-child) > div:before {
    content: '';
    width: 40px;
    height: 1px;
    background: #005d8c;
    display: block;
    margin: 10px;
}

#main-content.introduce > .accomplishment > .carousel > #accomplishment-gallery > .slick-dots > li.slick-active > div {
    color: #005d8c;
}

#main-content > .landing-page > .detail .updating {
    display: flex;
    padding: 30px 0;
    align-content: center;
    justify-content: center;
}

    #main-content > .landing-page > .detail .updating > div > p {
        text-align: center;
    }

    #main-content > .landing-page > .detail .updating > div > div > a {
        background: #f49d12;
        color: #ffffff;
        padding: 10px 30px;
        font-size: 19px;
        text-transform: none;
    }

#main-content > .body > .container > .top .lg-item > div:last-child > .title > a {
    height: auto;
}

#main-content > .landing-page.enroll > .register > .container > .title {
    margin-bottom: 10px;
}

#main-content > .landing-page.enroll > .register > .container > .description {
    padding-bottom: 0;
    margin-bottom: 0;
}

    #main-content > .landing-page.enroll > .register > .container > .description:nth-child(4) {
        margin-bottom: 20px;
    }

#main-content > .landing-page.enroll > .register > .container > div:last-child {
    width: 800px;
    max-width: 100%;
    margin: auto;
}

#main-content > .landing-page.enroll > .register > .container > div > form {
    width: 100%;
    margin-top: 20px;
}

    #main-content > .landing-page.enroll > .register > .container > div > form > div > input + label {
        left: 37px;
    }

    #main-content > .landing-page.enroll > .register > .container > div > form > div > div {
        padding: 0 10px;
    }

        #main-content > .landing-page.enroll > .register > .container > div > form > div > div > div.product {
            padding: 0 5px;
        }

    #main-content > .landing-page.enroll > .register > .container > div > form label.custom {
        margin-bottom: 10px;
    }

        #main-content > .landing-page.enroll > .register > .container > div > form label.custom > span.checkmark {
            width: 22px;
            height: 22px;
            background: #ffffff;
            border-radius: 3px;
            border: 2px solid #b2b2b2;
        }

        #main-content > .landing-page.enroll > .register > .container > div > form label.custom:hover > span.checkmark {
            background: #f1f1f1;
        }

        #main-content > .landing-page.enroll > .register > .container > div > form label.custom > input:checked + span.checkmark {
            background: #3181ea;
            border-color: #3181ea;
        }

            #main-content > .landing-page.enroll > .register > .container > div > form label.custom > input:checked + span.checkmark:after {
                width: 8px;
                height: 16px;
                left: 6px;
                top: -1px;
                border-color: #ffffff;
            }

        #main-content > .landing-page.enroll > .register > .container > div > form label.custom > span:last-child {
            padding-left: 10px;
            font-weight: bold;
        }

label.custom {
    display: flex;
    align-items: center;
    padding: 3px 10px 3px 3px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
}

    label.custom > input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        width: 0;
        height: 0;
    }

    label.custom > span:first-child {
        padding: 7px 10px;
        background: #ffffff;
        border-radius: 25px;
        margin-right: 10px;
        flex: 1;
        height: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

#main-content > .landing-page.enroll > .register > .container > div > form > div > div > div.product:first-child > label {
    background: #003b4d;
}

#main-content > .landing-page.enroll > .register > .container > div > form > div > div > div.product:nth-child(2) > label {
    background: #00758f;
}

#main-content > .landing-page.enroll > .register > .container > div > form > div > div > div.product:nth-child(3) > label {
    background: #3a913f;
}

#main-content > .landing-page.enroll > .register > .container > div > form > div > div > div.product:nth-child(4) > label {
    background: #328b79;
}

#main-content > .landing-page.enroll > .register > .container > div > form > div > div > div.product:nth-child(5) > label {
    background: #005d8c;
}

#main-content > .landing-page.enroll > .register > .container > div > form > div > div > div.product:nth-child(6) > label {
    background: #ec5d2d;
}

label.custom > span:first-child > img {
    max-width: 100%;
    max-height: 100%;
}

label.custom > span.checkmark {
    width: 15px;
    height: 15px;
    background: #eee;
    border-radius: 2px;
    position: relative;
}

    label.custom > span.checkmark:after {
        content: '';
        width: 5px;
        height: 12px;
        border: 1px solid #005d8c;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        left: 5px;
        display: none;
    }

label.custom:hover > span.checkmark {
    background: #ccc;
}

label.custom > input:checked + span.checkmark:after {
    display: block;
}

#main-content > .landing-page > .detail .features.style-1 > .container > .content > .row > div > img {
    width: 130%;
    margin-bottom: 20px;
    left: -15%;
    position: relative;
    top: 30px;
}

#main-content > .landing-page.ebh > .detail .features.style-1 > .container > .content > .row > div > img {
    position: relative;
    width: 140%;
    left: -20%;
    top: 15px;
}

#main-content > .landing-page > .detail .features.style-1 > .container > .content > .row > div > .item {
    height: auto;
    border-radius: 0;
    margin-bottom: 1px;
    background: transparent;
    padding: 15px 20px 5px 20px;
}

    #main-content > .landing-page > .detail .features.style-1 > .container > .content > .row > div > .item > p {
        color: #000000;
        padding-left: 30px;
        background-image: url(/Content/img/checkbox.png);
        background-repeat: no-repeat;
        background-position-x: 0;
        background-position-y: 5px;
        background-size: 20px 20px;
        min-height: 28px;
    }

        #main-content > .landing-page > .detail .features.style-1 > .container > .content > .row > div > .item > p:hover {
            color: #000000;
        }

#main-content > .landing-page > .detail .features.style-1 > .container > .content > .row > div:first-child > .item > p {
    padding-left: 0;
    padding-right: 30px;
    background-position-x: 100%;
    text-align: right;
}

#main-content > .landing-page.ecus > .detail .features.style-1 > .container > .content > .row > div > .item > p {
    background-image: url(/Content/img/checkbox-ecus.png);
}

#main-content > .landing-page > .detail .features.style-1 > .container > .content > .row > div > .item:before {
    display: none;
}

#faq > .intro > .container > .title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

#faq > .intro > .container > .section {
    box-shadow: 0 0 5px #eaeaea;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 20px;
    margin-bottom: 20px;
}

    #faq > .intro > .container > .section.collapsed {
        background: #f0f3fc;
        box-shadow: none;
    }

    #faq > .intro > .container > .section > img {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }

    #faq > .intro > .container > .section > .content {
        flex: 1;
    }

        #faq > .intro > .container > .section > .content > .question {
            font-weight: bold;
            color: #003b4d;
            font-size: 16px;
        }

        #faq > .intro > .container > .section > .content > .answer {
            padding: 20px 0;
        }

    #faq > .intro > .container > .section > a.trigger {
        display: block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #f0f3fc;
        position: relative;
        padding: 0;
    }

        #faq > .intro > .container > .section > a.trigger:before {
            content: '';
            display: block;
            width: 12px;
            height: 2px;
            background: #003b4d;
            position: absolute;
            top: 11px;
            left: 5px;
        }

    #faq > .intro > .container > .section.collapsed > a.trigger {
        background: #ffffff;
    }

        #faq > .intro > .container > .section.collapsed > a.trigger:after {
            content: '';
            display: block;
            width: 2px;
            height: 12px;
            background: #003b4d;
            position: absolute;
            top: 6px;
            left: 10px;
        }

#main-content > .landing-page > .detail #faq > .intro > .container > div:last-child > a {
    background: #f49d12;
    color: #ffffff;
    padding: 10px 30px;
    font-size: 17px;
    border-radius: 5px;
    text-transform: none;
    height: 44px;
    line-height: 22px;
    margin-top: 20px;
}

.ecus-modal > .modal-dialog {
    max-width: 80%;
    margin-top: 50px;
}

    .ecus-modal > .modal-dialog > .modal-content {
        border: 3px solid #595959;
        border-radius: 10px;
    }

        .ecus-modal > .modal-dialog > .modal-content > button.close {
            position: absolute;
            right: 0;
            top: -25px;
            color: #ffffff;
            opacity: 1;
            font-weight: 400;
            text-transform: uppercase;
            text-shadow: none;
            font-size: 14px;
        }

            .ecus-modal > .modal-dialog > .modal-content > button.close > span {
                font-size: 20px;
                padding-left: 5px;
                position: relative;
                top: 2px;
            }

        .ecus-modal > .modal-dialog > .modal-content > .modal-header {
            background: #003b4d;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
        }

            .ecus-modal > .modal-dialog > .modal-content > .modal-header > p {
                margin: 0;
                color: #ffffff;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 22px;
            }

        .ecus-modal > .modal-dialog > .modal-content > .modal-body > p.title {
            color: #003b4d;
            font-weight: bold;
            font-size: 18px;
        }

        .ecus-modal > .modal-dialog > .modal-content > .modal-body > ul.custom > li:before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #005d8c;
            margin-right: 10px;
            position: relative;
            top: -1px;
        }

.dot-prepend {
    position: relative;
}

    .dot-prepend::before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #000000;
        top: 8px;
        left: 0;
    }

#main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container {
    padding: 0;
    background: #ffffff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    #main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container > .decor {
        width: 35px;
        height: 35px;
        background-color: #005d8c;
        border: 1px solid #ced4da;
        border-right: none;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative;
        z-index: 2;
    }

        #main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container > .decor:before {
            content: '';
            width: 5px;
            height: 10px;
            border-left: 5px solid #005d8c;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            position: absolute;
            right: -5px;
            top: 50%;
            transform: translateY(-50%);
        }

    #main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container.sp > .decor {
        background-image: url(/Content/img/san-pham.png);
    }

    #main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container.mst > .decor {
        background-image: url(/Content/img/Thue.png);
    }

    #main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container.name > .decor {
        background-image: url(/Content/img/ico_contact_1.png);
    }

    #main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container.phone > .decor {
        background-image: url(/Content/img/icon-phone.png);
    }

    #main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container.email > .decor {
        background-image: url(/Content/img/Layer-1503.png);
    }

    #main-content > .landing-page.enroll > .register > .container > div > form.style-1 > div > div.input-container.company > .decor {
        background-image: url(/Content/img/Forma-1.png);
    }

#main-content > .landing-page > .register > .container > div > form.style-1 > div > div.input-container > input,
#main-content > .landing-page > .register > .container > div > form.style-1 > div > div.input-container > select {
    background: transparent;
    position: relative;
    z-index: 1;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid #ced4da;
    border-left: none;
    box-shadow: none;
}

    #main-content > .landing-page > .register > .container > div > form.style-1 > div > div.input-container > input:focus,
    #main-content > .landing-page > .register > .container > div > form.style-1 > div > div.input-container > select:focus {
        background: #ffffff;
    }

    #main-content > .landing-page > .register > .container > div > form.style-1 > div > div.input-container > input + label,
    #main-content > .landing-page > .register > .container > div > form.style-1 > div > div.input-container > select + label {
        position: absolute;
        top: 8px;
        left: 59px;
        color: #888888;
        z-index: 0;
    }

#main-content > .landing-page > .register > .container > div > form.style-1 > div > textarea::placeholder {
    color: #888888;
}

#main-content > .landing-page > .register > .container > div > form.style-1 > div > .btn {
    background: #005d8c;
    text-transform: none;
    font-weight: bold;
    padding: 8px 20px;
    margin-left: 10px;
}

    #main-content > .landing-page > .register > .container > div > form.style-1 > div > .btn:last-child {
        background: #888888;
    }

#main-content > .landing-page > .register > .container > .contact {
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

    #main-content > .landing-page > .register > .container > .contact > div > .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #main-content > .landing-page > .register > .container > .contact > div > .item > a:first-child {
            margin-bottom: 20px;
        }

        #main-content > .landing-page > .register > .container > .contact > div > .item > span,
        #main-content > .landing-page > .register > .container > .contact > div > .item > a {
            text-transform: uppercase;
            font-size: 15px;
            color: #000000;
        }

            #main-content > .landing-page > .register > .container > .contact > div > .item > span > a {
                font-weight: bold;
                color: #005d8c;
                font-size: 18px;
            }

#main-content > .landing-page.chukyso > .introduction > .container > .row {
    flex-direction: row-reverse;
}
/*# sourceMappingURL=TinTuc-DanhSach.css.map */

/*#CaptchaInputText {
    text-transform: uppercase;
    width: 125px;
    top: -35px;
}

#CaptchaImage {
    margin-left: 120px;
    width: 135px;
    height: 40px;
    top: 5px;
}

.icon-re:before {
    content: url(/Content/img/reload.png);
    margin-right: 8px;
    position: relative;
    top: 12px;
    left: -7px;
}*/

#captcha {
    position: relative;
}

#CaptchaInputText {
    text-transform: uppercase;
    width: 125px;
    position: absolute;
    top: 0;
}

#CaptchaImage {
    margin-left: 120px;
    width: 135px;
    height: 40px;
    top: 0;
    /*left: -12px;*/
}

.icon-re {
    display: block !important;
}

.img-icon-re {
    height: 18px;
    position: absolute;
    left: 252px;
    top: 12px;
}

#main-content > .landing-page > .register > .container > div > form > #captcha > button {
    position: absolute;
    background: #003b4d;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0.7em 1.8em;
    border-radius: 5px;
    border: none;
    right: 0;
    top: 5px;
}

    #main-content > .landing-page > .register > .container > div > form > #captcha > button:before {
        content: "";
        border-radius: 5px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.1);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    #main-content > .landing-page > .register > .container > div > form > #captcha > button:hover:before, #main-content > .landing-page > .register > .container > div > form > #captcha > button:focus:before, #main-content > .landing-page > .register > .container > div > form > #captcha > button:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

#main-content > .landing-page.einvoice > .register > .container > div > form > #captcha > button {
    background-color: #00758f;
}

#main-content > .landing-page.etax > .register > .container > div > form > #captcha > button {
    background: #5d8f46;
}

#main-content > .landing-page.ebh > .register > .container > div > form > #captcha > button {
    background: #2d7d6d;
}

#main-content > .landing-page.cloudoffice > .register > .container > div > form > #captcha > button {
    background: #005d8c;
}

#main-content > .landing-page.chukyso > .register > .container > div > form > #captcha > button {
    background: #d75221;
}

#main-content > .landing-page > .register > .container > div > form > #captcha + div {
    /*margin-top: -30px;*/
    margin-top: 0;
}



#main-content > .landing-page.ecn > .introduction {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("/Content/img/nen-ECN.jpg");
    margin-bottom:40px
}

    

    #main-content > .landing-page.ecn > .introduction:before {
        content: '';
        background-image: url(/Content/img/nen2-ECN.png);
        top: 0;
        height: 100%;
        width: 60%;
        right: 0;
        position: absolute;
        background-size: cover;
        background-position: top right;
    }

@media screen and (max-width: 991.8px) {
    #main-content > .landing-page.ecn > .introduction:before {
        display: none;
    }
}
#main-content > .landing-page.ecn > .detail .intro > .container > .title > img {
    height:auto
}
#main-content > .landing-page.ecn > .introduction > .container > .row > div:first-child > div:last-child > a.video {
    border: 2px solid #005d8c;
    color: #005d8c;
}

    #main-content > .landing-page.ecn > .introduction > .container > .row > div:first-child > div:last-child > a.video:hover {
        border: 2px solid #005d8c;
        color: #005d8c;
    }

#main-content > .landing-page.ecn > .introduction > .container > .row > div:first-child > div:last-child > a.register {
    background: #005d8c;
}

#main-content > .landing-page.ecn > .introduction > .container > .row > div:first-child > p.list {
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}

    #main-content > .landing-page.ecn > .introduction > .container > .row > div:first-child > p.list:before {
        content: url(/Content/img/cong-5.png);
        position: absolute;
        left: 5px;
        top: 4px;
    }

#main-content > .landing-page.ecn > .detail > nav > .nav.nav-tabs > a {
    border-top: 2px solid #005d8c;
    background-color: #005d8c;
    color: #ffffff;
}

    #main-content > .landing-page.ecn > .detail > nav > .nav.nav-tabs > a.active, #main-content > .landing-page.cloudoffice > .detail > nav > .nav.nav-tabs > a:hover {
        background-color: #ffffff;
        color: #005d8c;
    }

#main-content > .landing-page.ecn > .detail .intro > .container > .row:last-child > a.more {
    border: 2px solid #005d8c;
    color: #005d8c;
}

#main-content > .landing-page.ecn > .detail .benefit {
    background: #f9f9f9;
    padding: 60px 0 60px;
    position: relative;
}
    #main-content > .landing-page.ecn > .detail .benefit > .container > .title {
        font-size: 26px;
        text-align: center;
        font-weight: bold;
        color: #000000;
        margin-bottom: 55px;
    }
        #main-content > .landing-page.ecn > .detail .benefit > .container > .title img{
            position:relative;
            bottom:4px
        }

        #main-content > .landing-page.ecn > .detail .benefit.style-1 > .container > .content > .row > div > .item > p {
            color: #000000;
            padding-left: 30px;
            background-image: url(/Content/img/cong-5.png);
            background-repeat: no-repeat;
            background-position-x: 0;
            background-position-y: 5px;
            background-size: 20px 20px;
            min-height: 28px;
            margin-bottom: 25px
        }


#main-content > .landing-page.ecn > .detail .benefit.style-1 > .container > .content > .row > div > img {
    width: initial;
    margin-bottom: initial;
    left: initial;
    position: relative;
    top: initial;
}
    #main-content > .landing-page.ecn > .detail .benefit > .container > div:last-child {
        display: flex;
        justify-content: center;
        margin-top: 40px
    }

        #main-content > .landing-page.ecn > .detail .benefit > .container > div:last-child > a.register {
            background: #005d8c;
            color: #ffffff;
            padding: 10px 30px;
            font-size: 17px;
            border-radius: 5px;
            text-transform: none;
            height: 44px;
            line-height: 22px;
        }

            #main-content > .landing-page.ecn > .detail .benefit > .container > div:last-child > a.register:hover {
                background: #005d8c;
            }


#main-content > .landing-page.ecn > .detail .benefit:after {
    background: #f9f9f9
}

#main-content > .landing-page.ecn > .detail .madeEasy {
    padding: 50px 0 70px;
    background: #fff;
}

    #main-content > .landing-page.ecn > .detail .madeEasy > .container > .title {
        font-size: 26px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        margin: 0;
        margin-bottom: 40px;
    }
        #main-content > .landing-page.ecn > .detail .madeEasy > .container > .title img {
            position: relative;
            bottom: 4px
        }
    #main-content > .landing-page.ecn > .detail .madeEasy .item{
        overflow:hidden;margin-bottom:22px
    }
    #main-content > .landing-page.ecn > .detail .madeEasy span.number {
        color: #2c469c;
        font-size: 18px;
        border: 2px solid #2c469c;
        border-radius: 100%;
        display: inline-block;
        width: 32px;
        height: 32px;
        text-align: center;
        font-weight: bold;
        margin-right: 10px;
        float: left;
    }
    #main-content > .landing-page.ecn > .detail .madeEasy span.text {
        display: inline-block;
        float: left;
        width:calc(100% - 42px);
        
    }
#main-content > .landing-page.ecn > .register {
    background-image: url(/Content/img/register-bg-2.png);
}
#main-content > .landing-page.icontract > .register > .container > div > form > #captcha > button {
    background: #005d8c
}

    /*Icontract*/

#main-content > .landing-page.icontract > .introduction {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-image: url("/Content/img/nen1-icontract.jpg");
    margin-bottom: 40px; 
}

    #main-content > .landing-page.icontract > .introduction:before {
        content: '';
        background-image: url(/Content/img/nen2-icontract.png);
        top: 0;
        height: 100%;
        width: 60%;
        right: 0;
        position: absolute;
        background-size: cover;
        background-position: top right;
    }

@media screen and (max-width: 991.8px) {
    #main-content > .landing-page.icontract > .introduction:before {
        display: none;
    }
}

#main-content > .landing-page.icontract > .detail .intro > .container > .title > img {
    height: auto
}

#main-content > .landing-page.icontract > .introduction > .container > .row > div:first-child > div:last-child > a.video {
    border: 2px solid #2c469c;
    color: #2c469c;
}

    #main-content > .landing-page.icontract > .introduction > .container > .row > div:first-child > div:last-child > a.video:hover {
        border: 2px solid #2c469c;
        color: #2c469c;
    }

#main-content > .landing-page.icontract > .introduction > .container > .row > div:first-child > div:last-child > a.register {
    background: #2c469c;
}

#main-content > .landing-page.icontract > .introduction > .container > .row > div:first-child > p.list {
    font-size: 16px;
    padding-left: 35px;
    position: relative;
}

    #main-content > .landing-page.icontract > .introduction > .container > .row > div:first-child > p.list:before {
        content: url(/Content/img/cong-7.png);
        position: absolute;
        left: 5px;
        top: 4px;
    }

#main-content > .landing-page.icontract > .detail > nav > .nav.nav-tabs > a {
    border-top: 2px solid #2c469c;
    background-color: #2c469c;
    color: #ffffff;
}

    #main-content > .landing-page.icontract > .detail > nav > .nav.nav-tabs > a.active, #main-content > .landing-page.cloudoffice > .detail > nav > .nav.nav-tabs > a:hover {
        background-color: #ffffff;
        color: #2c469c;
    }

#main-content > .landing-page.icontract > .detail .intro > .container > .row:last-child > a.more {
    border: 2px solid #2c469c;
    color: #2c469c;
}





#main-content > .landing-page.icontract > .detail .benefit {
    background: #f9f9f9;
    padding: 60px 0 60px;
    position: relative;
}

    #main-content > .landing-page.icontract > .detail .benefit > .container > .title {
        font-size: 26px;
        text-align: center;
        font-weight: bold;
        color: #000000;
        margin-bottom: 50px;
    }
        #main-content > .landing-page.icontract > .detail .benefit > .container > .title img{
            position:relative;bottom:4px
        }

        #main-content > .landing-page.icontract > .detail .benefit.style-1 > .container > .content > .row > div > .item > p {
            color: #000000;
            padding-left: 30px;
            background-image: url(/Content/img/cong-7.png);
            background-repeat: no-repeat;
            background-position-x: 0;
            background-position-y: 5px;
            background-size: 20px 20px;
            min-height: 28px;
            margin-bottom: 25px
        }


#main-content > .landing-page.icontract > .detail .benefit.style-1 > .container > .content > .row > div > img {
    width: initial;
    margin-bottom: initial;
    left: -195px;
    position: relative;
    top: initial;
}

#main-content > .landing-page.icontract > .detail .benefit > .container > div:last-child {
    display: flex;
    justify-content: center;
    margin-top: 0px
}

    #main-content > .landing-page.icontract > .detail .benefit > .container > div:last-child > a.register {
        background: #2c469c;
        color: #ffffff;
        padding: 10px 30px;
        font-size: 17px;
        border-radius: 5px;
        text-transform: none;
        height: 44px;
        line-height: 22px;
    }

        #main-content > .landing-page.icontract > .detail .benefit > .container > div:last-child > a.register:hover {
            background: #2c469c;
        }


#main-content > .landing-page.icontract > .detail .benefit:after {
    background: #f9f9f9
}


#main-content > .landing-page.icontract > .detail .features {
    padding: 50px 0 70px;
    background: #fff;
}

    #main-content > .landing-page.icontract > .detail .features > .container > .title {
        font-size: 26px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        margin: 0;
        margin-bottom: 40px;
    }
        #main-content > .landing-page.icontract > .detail .features > .container > .title img {
            position: relative;
            bottom: 4px
        }

    #main-content > .landing-page.icontract > .detail .features .item {
        overflow: hidden;
        margin-bottom: 22px
    }

    #main-content > .landing-page.icontract > .detail .features span.number {
        color: #2c469c;
        font-size: 18px;
        border: 2px solid #2c469c;
        border-radius: 100%;
        display: inline-block;
        width: 32px;
        height: 32px;
        text-align: center;
        font-weight: bold;
        margin-right: 10px;
        float: left;
    }

    #main-content > .landing-page.icontract > .detail .features span.text {
        display: inline-block;
        float: left;
        width: calc(100% - 42px);
    }
#main-content > .landing-page.icontract > .register {
    background-image: url(/Content/img/register-bg-2.png);
}
    #main-content > .landing-page.icontract > .register > .container > div > form > #captcha > button {
        background: #2c469c
    }