body {
    padding-bottom: 0px;
    font-family: 'Times New Roman';
    min-width: 600px;
    -ms-overflow-style: scrollbar;
    overflow: scroll;
    overflow-x: hidden;
}

    body.zh-cn {
        font-family: 'Microsoft YaHei';
    }

    body.en {
        font-family: 'Arial';
    }

.bg-gray {
    width: 100%;
    background-color: #f5f5f5;
}

.bg-blue {
    width: 100%;
    background-color: #0d2851;
}

.bg-darkblue {
    width: 100%;
    background-color: #091932;
}

.image-full {
    width: 100%;
    height: 100%;
}

.image-width-full {
    width: 100%;
}

.image-height-full {
    height: 100%;
}

.text-center {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
}

.text-horizontal-center {
    text-align: center;
}

.text-vertical-center {
    position: absolute;
    top: 50%;
    transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
}
/* Set padding to keep content from hitting the edges */

.btn-custom {
    background-color: #54b9f3;
    color: #ffffff;
}


/* Set width on the form input elements since they're 100% wide by default */
/*input,*/
/*textarea,*/
select {
    max-width: 280px;
}

.body-content {
    margin: 0 auto;
    padding: 4em 0 5em 0;
    /*padding-bottom: 5em;
    padding-left: 0;
    padding-right: 0;*/
}

.body-content-footer {
    margin: 0 auto;
    padding-top: 1.5em;
    padding-bottom: 1em;
}

.body-footer {
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
}

    .body-footer > a {
        text-decoration:none;
        color: #ffffff;
    }

        .body-footer > a:hover {
            color: #54b9f3;
            text-decoration: underline;
            text-decoration-color: #54b9f3;
        }

.body-content,
.body-content-footer,
.body-footer {
    width: 73%;
    max-width: 1200px;
}

@media(min-width: 1400px ) {
    body {
        font-size: 16px;
        overflow: scroll;
        overflow-x: hidden;
    }
}

@media(min-width: 1200px )and (max-width: 1400px ) {
    body {
        font-size: 14px;
        overflow: scroll;
        overflow-x: hidden;
    }
}

@media(min-width: 992px )and (max-width: 1200px ) {
    body {
        font-size: 12px;
    }
}

@media(min-width: 767px ) and (max-width: 992px ) {
    body {
        font-size: 10px;
    }
}

@media(max-width: 767px ) {
    body {
        font-size: 8px;
    }
}

/*my-email*/
my-email::after {
    content: attr(data-domain);
}

my-email::before {
    content: attr(data-user) "\0040";
}