@import url('User/sprite/index.sprite.css');

footer {
    padding: 25px 0 10px;
    background-color: rgba(129, 198, 246, 0.2);
    color: #022D57;
    font-size: 11px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (min-width: 768px) {
    footer {
        text-align: left;
        font-size: 12px;
    }
}

footer img {
    width: auto;
    margin: 0 auto;
    display: block;
}

@media (min-width: 768px) {
    footer img {
        width: 80px;
        float: left;
        display: inline-block;
        margin-right: 7px;
        margin-top: -2px;
    }
}

footer .container {
    padding: 0 7px;
}

@media (min-width: 768px) {
    footer .container {
        padding: 0;
    }
}

.footer-info {
    margin-top: 2px;
    display: inline-block;
}

@media (min-width: 992px) {
    .footer-info {
        float: right;
    }
}

.footer-info span {
    display: inline-block;
    margin-left: 10px;
}

.footer-copyright {
    margin-bottom: 2px;
    display: inline-block;
    color: #333;
}

header .container {
    position: relative;
}

.navbar {
    background-color: transparent;
    margin-bottom: 0;
}

    .navbar .nav a:hover .caret {
        border-top-color: #000;
        border-bottom-color: #000;
    }

    .navbar .nav .caret {
        border-top-color: #000;
        border-bottom-color: #000;
    }

    .navbar .navbar-collapse {
        padding: 0;
        overflow-x: hidden;
    }

@media (min-width: 768px) {
    .navbar .navbar-collapse {
        padding-right: 150px;
        padding-left: 0;
        text-align: left;
    }
}

.navbar .navbar-header {
    float: none;
    height: 105px;
    position: relative;
}

.navbar .navbar-toggle {
    position: absolute;
    height: 40px;
    background-color: transparent;
    z-index: 100;
    margin: auto;
    float: none;
    left: 5px;
    top: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-color: transparent;
}

    .navbar .navbar-toggle:hover,
    .navbar .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar .navbar-toggle .icon-bar {
        background-color: #022D57;
        width: 22px;
        -webkit-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -moz-transition: transform 0.2s;
        transition: transform 0.2s;
    }

        .navbar .navbar-toggle .icon-bar:nth-child(2) {
            -moz-transform: rotate(45deg) translate(2px, -1px);
            -ms-transform: rotate(45deg) translate(2px, -1px);
            -o-transform: rotate(45deg) translate(2px, -1px);
            -webkit-transform: rotate(45deg) translate(2px, -1px);
            transform: rotate(45deg) translate(2px, -1px);
            -moz-transform-origin: 10% 10%;
            -ms-transform-origin: 10% 10%;
            -o-transform-origin: 10% 10%;
            -webkit-transform-origin: 10% 10%;
            transform-origin: 10% 10%;
        }

        .navbar .navbar-toggle .icon-bar:nth-child(3) {
            opacity: 0;
        }

        .navbar .navbar-toggle .icon-bar:nth-child(4) {
            -moz-transform: rotate(-45deg) translate(1px, 2px);
            -ms-transform: rotate(-45deg) translate(1px, 2px);
            -o-transform: rotate(-45deg) translate(1px, 2px);
            -webkit-transform: rotate(-45deg) translate(1px, 2px);
            transform: rotate(-45deg) translate(1px, 2px);
            -moz-transform-origin: 10% 90%;
            -ms-transform-origin: 10% 90%;
            -o-transform-origin: 10% 90%;
            -webkit-transform-origin: 10% 90%;
            transform-origin: 10% 90%;
        }

    .navbar .navbar-toggle.collapsed .icon-bar:nth-child(2) {
        -moz-transform: rotate(0) translate(0);
        -ms-transform: rotate(0) translate(0);
        -o-transform: rotate(0) translate(0);
        -webkit-transform: rotate(0) translate(0);
        transform: rotate(0) translate(0);
    }

    .navbar .navbar-toggle.collapsed .icon-bar:nth-child(3) {
        opacity: 1;
    }

    .navbar .navbar-toggle.collapsed .icon-bar:nth-child(4) {
        -moz-transform: rotate(0) translate(0);
        -ms-transform: rotate(0) translate(0);
        -o-transform: rotate(0) translate(0);
        -webkit-transform: rotate(0) translate(0);
        transform: rotate(0) translate(0);
    }

.navbar .navbar-brand {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    padding: 5px;
    margin: 0;
    height: auto;
    left: 0;
}

@media (min-width: 768px) {
    .navbar .navbar-brand {
        padding: 15px;
    }
}

.navbar .navbar-brand img {
    /*max-height: 100%;
            max-width: 100%;*/
    position: absolute;
    left: 15px;
    bottom: 0;
    margin: 0 auto;
}

.navbar .navbar-nav {
    background-color: transparent;
    float: none;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        padding: 0 10px;
    }
}

.navbar .navbar-nav > li {
    text-align: center;
    padding: 0 15px;
    border-bottom: 1px solid #999;
}

    .navbar .navbar-nav > li > a {
        color: #022D57;
        padding: 10px 5px 0 5px;
        margin: 0;
        font-weight: bold;
        text-transform: uppercase;
    }

        .navbar .navbar-nav > li > a:hover,
        .navbar .navbar-nav > li > a:focus {
            color: #81C6F6;
            background-color: transparent;
        }

@media (min-width: 768px) {
    .navbar .navbar-nav > li {
        padding: 0;
        border-bottom-width: 0;
    }
}

@media (max-width: 768px) {
    .navbar .navbar-nav > li .open .dropdown-menu > li > a {
        color: #022D57;
    }

        .navbar .navbar-nav > li .open .dropdown-menu > li > a:hover,
        .navbar .navbar-nav > li .open .dropdown-menu > li > a:focus {
            color: #81C6F6;
            background-color: transparent;
        }

    .navbar .navbar-nav > li .open .dropdown-menu > .active > a,
    .navbar .navbar-nav > li .open .dropdown-menu > .active > a:hover,
    .navbar .navbar-nav > li .open .dropdown-menu > .active > a:focus {
        color: #81C6F6;
        background-color: transparent;
    }
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
    color: #81C6F6;
    background-color: transparent;
}

.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #81C6F6;
}

.navbar .navbar-collapse.in {
    overflow-y: auto;
    max-height: none;
    margin: 0;
}

.navbar .navbar-brand {
    padding: 0;
    width: auto;
}

    .navbar .navbar-brand img {
        bottom: 15px;
    }

@media (min-width: 768px) {
    .navbar .dropdown .caret {
        display: none;
    }
}

.navbar .dropdown > .dropdown-menu {
    margin-top: 10px;
}

.navbar .dropdown .dropdown-menu {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border-width: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    background-color: transparent;
    height: 0;
}

@media (max-width: 767px) {
    .navbar .dropdown .dropdown-menu {
        text-align: center;
    }
}

.navbar .dropdown .dropdown-menu a {
    color: #022D57;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 5px 12px 15px;
    min-width: 200px;
    font-size: 1.4rem;
    background-color: #fff;
}

    .navbar .dropdown .dropdown-menu a:hover,
    .navbar .dropdown .dropdown-menu a:focus {
        background-color: #81C6F6;
        color: #fff;
    }

@media (min-width: 768px) {
    .navbar .dropdown:hover .dropdown-menu {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: block;
        visibility: visible;
        opacity: 1;
        height: auto;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .navbar .dropdown.open .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        height: auto;
        margin-top: 0;
    }
}

.navbar-nav {
    font-size: 1.2rem;
}

@media (min-width: 1200px) {
    .navbar-nav li > a {
        font-size: 1.4rem;
    }
}

@media (max-width: 767px) {
    .navbar .dropdown-toggle-caret {
        position: absolute;
        top: 0;
        right: 5%;
    }

    navbar .dropdown-toggle {
        padding-right: 5%;
    }

    .navbar .navbar-toggle {
        z-index: 102;
    }

    .navbar .navbar-collapse {
        background-color: #fff;
        opacity: .95;
        position: absolute;
        height: 100vh;
        z-index: 100;
        padding-top: 120px;
        left: 0;
        top: 0;
        right: 0;
        overflow: hidden;
    }

        .navbar .navbar-collapse.in .navbar-nav > li > a {
            opacity: 1;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s;
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

    .navbar .navbar-nav {
        overflow: hidden;
    }

        .navbar .navbar-nav > li {
            border-bottom-width: 0;
        }

            .navbar .navbar-nav > li > a {
                line-height: 40px;
                opacity: 0;
                -moz-transform: translateX(50px);
                -ms-transform: translateX(50px);
                -o-transform: translateX(50px);
                -webkit-transform: translateX(50px);
                transform: translateX(50px);
            }

    .navbar .navbar-brand {
        right: 0px;
        top: 50px;
        margin: 0 auto;
        width: 200px;
        z-index: 101;
    }

        .navbar .navbar-brand img {
            position: static;
        }
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        padding: 0;
    }

        .navbar .navbar-nav > li:first-child > a {
            padding-left: 0;
        }
}

@media (min-width: 1200px) {
    .navbar .navbar-collapse {
        padding-right: 50px;
    }

    .navbar .navbar-nav {
        padding-left: 0;
    }
}

.header-infoBar {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 0;
    left: 0;
    z-index: 102;
}

    .header-infoBar .notification {
        position: absolute;
        bottom: 0;
        font-size: 25px;
        left: -40px;
    }

        .header-infoBar .notification a {
            color: #022D57;
        }

        .header-infoBar .notification .number {
            position: absolute;
            top: -10px;
            font-size: 1.5rem;
            right: -8px;
            color: white;
            z-index: 2;
            background-color: red;
            padding: 1px 6px;
            border-radius: 20px;
        }

        .header-infoBar .notification .dropdown-menu {
            left: auto;
            right: 0;
            width: 400px;
            padding: 0;
            max-height: 350px;
            overflow: auto;
        }

            .header-infoBar .notification .dropdown-menu > li {
                border-bottom: 1px solid #ccc;
                color: #022D57;
                height: 3.65em;
                overflow: hidden;
                padding: 15px 30px;
            }

                .header-infoBar .notification .dropdown-menu > li:hover {
                    background-color: #f5f5f5;
                }

                .header-infoBar .notification .dropdown-menu > li:last-child {
                    border: none;
                }

                .header-infoBar .notification .dropdown-menu > li.active a {
                    font-weight: bold;
                    background-color: inherit;

                }

                .header-infoBar .notification .dropdown-menu > li > a {
                    white-space: normal;
                    color: #022D57;
                    padding: 0;
                    font-size: 14px
                }



@media (min-width: 768px) {
    .header-infoBar {
        top: 5px;
        left: auto;
    }
}

@media (max-width: 767px) {
    .header-hsseLink {
        margin: 0 auto;
        width: 230px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -150px;
    }
}

.header-languageBar {
    margin-left: 5px;
    font-size: 1.2rem;
    float: right;
}

@media (min-width: 768px) {
    .header-languageBar {
        float: none;
    }
}

.header-languageBar .btn-group {
    margin-left: 20px;
}

    .header-languageBar .btn-group button {
        background-color: transparent;
        font-weight: bold;
        color: #022D57;
    }

        .header-languageBar .btn-group button:hover,
        .header-languageBar .btn-group button:focus {
            -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }

.header-languageBar .dropdown-menu {
    right: 0;
    min-width: 0;
}

.header-languageBar a {
    font-weight: bold;
    color: #022D57;
    text-transform: uppercase;
}

    .header-languageBar a:hover,
    .header-languageBar a:focus {
        text-decoration: none;
        color: #81C6F6;
    }

.header-languageBar img {
    margin-right: 7px;
}

.header-searchBar {
    color: #022D57;
    font-weight: bold;
    left: 0;
    right: 0;
    position: absolute;
    width: 250px;
    margin: 0 auto;
    bottom: -150px;
}

    .header-searchBar .search {
        display: table;
        float: right; /*create by tri*/
        position: relative;
    }

    .header-searchBar .btn {
        background-color: transparent;
        position: absolute;
        right: 0;
        top: 3px;
        padding-bottom: 2px;
    }

        .header-searchBar .btn:hover,
        .header-searchBar .btn:focus {
            outline: none;
            -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }

    .header-searchBar #js-SearchBtn {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: -20px;
        cursor: pointer;
        z-index: 2;
        display: none;
    }

@media (min-width: 768px) {
    .header-searchBar #js-SearchBtn {
        display: block;
    }
}

.header-searchBar input {
    -webkit-transition: visible 1s;
    -o-transition: visible 1s;
    -moz-transition: visible 1s;
    transition: visible 1s;
    display: table-cell;
    border-width: 0;
    line-height: 28px;
    background-color: transparent;
    padding-right: 20px;
    border-bottom: 2px solid #022D57;
    width: 250px;
}

    .header-searchBar input:hover,
    .header-searchBar input:focus {
        outline: none;
    }

@media (min-width: 768px) {
    .header-searchBar {
        /*right: 120px;
    left: auto;
    bottom: 5px;
    width: 50px;*/
        right: 29px;
        left: auto;
        bottom: 5px;
        width: 80px;
    }

        .header-searchBar input {
            visibility: hidden;
            width: 0;
            border-bottom: 1px solid rgba(2, 45, 87, 0.3);
        }
}

#js-fixMenu.fixed {
    padding: 10px 0;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    -webkit-box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
}

.index-safety {
    padding: 10px 0 60px;
}

.index-safetyMainDes {
    padding: 30px 0;
}

    .index-safetyMainDes img {
        margin: auto;
        display: block;
        max-width: 100%;
    }

    .index-safetyMainDes .title {
        margin: 20px auto 10px;
        width: 60%;
    }

@media (min-width: 550px) {
    .index-safetyMainDes .title {
        width: 80%;
    }
}

@media (min-width: 768px) {
    .index-safetyMainDes .title {
        width: 100%;
    }
}

.index-safetyMainDes .des {
    color: #777;
    text-align: center;
}

@media (min-width: 992px) {
    .index-safetyMainDes .des {
        width: 80%;
        margin: auto;
    }
}

@media (min-width: 1200px) {
    .index-safetyMainDes .des {
        width: 60%;
    }
}

.index-safetyList {
    list-style: none;
    padding-left: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

@media (max-width: 991px) {
    .index-safetyList {
        max-width: 700px;
    }
}

@media (max-width: 767px) {
    .index-safetyList {
        max-width: 500px;
    }
}

.index-safetyList li {
    width: 50%;
    float: left;
    display: inline-block;
    height: 230px;
}

@media (min-width: 768px) {
    .index-safetyList li {
        width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .index-safetyList li {
        width: 14.28571429%;
    }
}

.index-safetyList li:nth-child(odd) .img {
    border-bottom-color: #022D57;
}

.index-safetyList li:nth-child(odd):last-child {
    float: none;
}

.index-safetyList li:nth-child(even) .img {
    border-bottom-color: #81C6F6;
}

.index-safetyList .img {
    border-bottom: 3px solid;
    padding: 10px 0;
    height: 51px;
}

.index-safetyList .des {
    padding: 15px 10px;
    color: #777;
}

.index-safetyList img {
    display: block;
    margin: 0 auto;
}

.index-about {
    padding: 30px 0;
    background-size: cover;
}

    .index-about .aboutItem {
        text-align: center;
        height: 200px;
        margin: 70px auto;
    }

@media (min-width: 768px) {
    .index-about .aboutItem {
        width: 33.33333333%;
        float: left;
    }
}

.index-about .img {
    height: 54px;
}

@media (min-width: 992px) {
    .index-about .content {
        margin: 0 auto;
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .index-about .content {
        width: 60%;
    }
}

.index-about .title,
.index-about .des,
.index-about .button {
    color: #81C6F6;
}

.index-about .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
}

.index-about .des {
    font-size: 1.2rem;
    opacity: .8;
    height: 70px;
}

.index-about .button {
    margin: 30px 0 10px;
    padding: 7px 20px;
    font-size: 1.1rem;
    font-weight: bold;
    opacity: .8;
    text-transform: uppercase;
    border: 1px solid rgba(129, 198, 246, 0.5);
    display: inline-block;
}

    .index-about .button:hover,
    .index-about .button:focus {
        opacity: 1;
        background-color: #81C6F6;
        text-decoration: none;
        color: #022D57;
    }

.index-customer {
    padding: 40px 0 10px;
}

    .index-customer .title {
        text-transform: uppercase;
        font-weight: bold;
        color: #022D57;
        text-align: center;
        font-size: 2.4rem;
        position: relative;
        min-height: 1px;
    }

        .index-customer .title:before,
        .index-customer .title:after {
            height: 4px;
            position: absolute;
            bottom: -12px;
            content: '';
        }

        .index-customer .title:before {
            background-color: transparent;
            left: 0;
            right: 0;
            width: 100%;
        }

        .index-customer .title:after {
            background-color: #81C6F6;
            max-width: 140px;
            width: 100%;
            margin: 0 auto;
            left: 0;
            right: 0;
        }

.s-tabs {
    background-color: #022D57;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .s-tabs {
        height: 40px;
        margin: 20px 0;
    }
}

.s-tabs .container {
    padding: 0;
}

@media (min-width: 768px) {
    .s-tabs .container {
        padding: 0 15px;
    }
}

.s-tabs .nav-tabs {
    border-bottom-width: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .s-tabs .nav-tabs {
        margin: 0 auto;
        display: table;
    }
}

.s-tabs .nav-tabs:after,
.s-tabs .nav-tabs:before {
    display: none;
}

.s-tabs .nav-tabs > li {
    float: none;
    line-height: 40px;
    text-align: center;
    padding-bottom: 0;
    display: block;
}

@media (min-width: 768px) {
    .s-tabs .nav-tabs > li {
        display: table-cell;
        height: 40px;
    }
}

@media (min-width: 768px) {
    .s-tabs .nav-tabs > li:hover .dropdown-menu,
    .s-tabs .nav-tabs > li:focus .dropdown-menu {
        position: absolute;
        text-align: left;
        display: block;
    }
}

.s-tabs .nav-tabs > li > a,
.s-tabs .nav-tabs > li a {
    padding: 0;
    line-height: 40px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    border-width: 0;
    background-color: transparent;
    margin: 0;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .s-tabs .nav-tabs > li > a:hover,
    .s-tabs .nav-tabs > li a:hover,
    .s-tabs .nav-tabs > li > a:focus,
    .s-tabs .nav-tabs > li a:focus {
        border-width: 0;
        background-color: #81C6F6;
        color: #fff;
    }

.s-tabs .nav-tabs > li.active > a,
.s-tabs .nav-tabs > li.subActive > a {
    color: #fff;
    background-color: #81C6F6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-width: 0;
}

    .s-tabs .nav-tabs > li.active > a:hover,
    .s-tabs .nav-tabs > li.subActive > a:hover,
    .s-tabs .nav-tabs > li.active > a:focus,
    .s-tabs .nav-tabs > li.subActive > a:focus {
        border-width: 0;
        color: #fff;
        background-color: #81C6F6;
    }

.s-tabs .nav-tabs .dropdown-menu {
    min-width: 280px;
}

@media (max-width: 767px) {
    .s-tabs .nav-tabs .dropdown-menu {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        width: 100%;
        float: none;
        position: static;
        text-align: center;
    }
}

.s-tabs .nav-tabs .dropdown-menu li a {
    padding-left: 15px;
    color: #022D57;
}

    .s-tabs .nav-tabs .dropdown-menu li a:hover,
    .s-tabs .nav-tabs .dropdown-menu li a:focus {
        color: #fff;
    }

.s-table .title {
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.s-table table {
    width: 100%;
    margin-bottom: 100px;
    border-top: 2px solid rgba(2, 45, 87, 0.1);
}

.s-table tr {
    border-bottom: 1px solid rgba(2, 45, 87, 0.05);
}

.s-table th,
.s-table td {
    height: 36px;
    padding: 0 12px;
}

    .s-table th:nth-child(1),
    .s-table td:nth-child(1) {
        width: 25px;
    }

    .s-table th:nth-child(1),
    .s-table td:nth-child(1),
    .s-table th:nth-child(5),
    .s-table td:nth-child(5) {
        text-align: center;
    }

    .s-table th:nth-child(3),
    .s-table td:nth-child(3),
    .s-table th:nth-child(4),
    .s-table td:nth-child(4) {
        display: none;
    }

@media (min-width: 768px) {
    .s-table th:nth-child(3),
    .s-table td:nth-child(3),
    .s-table th:nth-child(4),
    .s-table td:nth-child(4) {
        display: table-cell;
        width: 15%;
        text-align: center;
    }
}

.s-table i {
    font-size: 22px;
}

    .s-table i:before {
        font-weight: bold;
    }

.s-table a {
    color: #81C6F6;
}

    .s-table a:hover,
    .s-table a:focus {
        text-decoration: none;
        color: #022D57;
    }

.s-table th {
    padding: 15px 12px 5px;
    font-weight: bold;
}

.tab-pane > img {
    width: 100%;
}

.tab-pane .container > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.s-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #022D57;
    border-bottom: 2px solid rgba(129, 198, 246, 0.2);
    padding: 7px 0;
    margin: 20px 0 10px;
    text-transform: capitalize;
}

.s-article {
    margin-bottom: 25px;
    position: relative;
}

    .s-article > a {
        cursor: pointer;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 100;
    }

    .s-article:hover .name,
    .s-article:focus .name {
        color: #81C6F6;
    }

    .s-article .img {
        position: relative;
        padding-bottom: 60%;
    }

        .s-article .img img {
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            margin: auto;
        }

    .s-article .name {
        line-height: 1.6em;
        font-size: 12px;
        font-weight: bold;
        margin: 10px 0 5px;
    }

        .s-article .name a {
            color: #333;
        }

    .s-article .dateView {
        font-size: 12px;
        color: #999;
        font-style: italic;
    }

    .s-article .view {
        float: right;
    }

.s-article2 {
    position: relative;
    color: #fff;
    margin: 7px 0;
    overflow: hidden;
}

    .s-article2:hover img {
        -moz-transform: scale(1.1) translate(0,0);
        -ms-transform: scale(1.1) translate(0,0);
        -o-transform: scale(1.1) translate(0,0);
        -webkit-transform: scale(1.1) translate(0,0);
        transform: scale(1.1) translate(0,0);
        -moz-transition: -moz-transform 5s;
        -webkit-transition: -webkit-transform 5s;
        -o-transition: -o-transform 5s;
        -moz-transition: transform 5s;
        transition: transform 5s;
    }

    .s-article2 img {
        max-width: 100%;
    }

    .s-article2 > a {
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 100;
    }

    .s-article2:after {
        content: '';
        background: rgba(0, 0, 0, 0);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.7) 71%, rgba(0, 0, 0, 0.7) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(29%, rgba(0, 0, 0, 0)), color-stop(71%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.7) 71%, rgba(0, 0, 0, 0.7) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.7) 71%, rgba(0, 0, 0, 0.7) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.7) 71%, rgba(0, 0, 0, 0.7) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 29%, rgba(0, 0, 0, 0.7) 71%, rgba(0, 0, 0, 0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 15em;
    }

    .s-article2 .img {
        position: relative;
        padding-bottom: 50%;
    }

        .s-article2 .img img {
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            margin: auto;
        }

    .s-article2 .name {
        margin: 5px 0;
        font-size: 1.6rem;
        line-height: 1.4em;
    }

    .s-article2 .date {
        font-size: 12px;
        font-style: italic;
        color: #aaa;
    }

    .s-article2 .infoBar {
        z-index: 2;
        padding: 10px 25px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .s-article2.small:after {
        height: 9em;
    }

    .s-article2.small .name {
        font-size: 13px;
    }

    .s-article2.small .infoBar {
        padding: 5px 15px;
    }

.s-dropdownBtn {
    display: inline-block;
    position: relative;
    z-index: 10;
}

    .s-dropdownBtn .dropdown-toggle {
        width: 200px;
        text-align: left;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        font-weight: bold;
    }

    .s-dropdownBtn .dropdown-menu {
        margin-top: -3px;
        margin-left: -0.5px;
        min-width: 201px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .s-dropdownBtn .ion-chevron-down {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 30px;
        height: 34px;
        line-height: 34px;
        background-color: #fff;
        text-align: center;
        margin: auto;
    }

    .s-dropdownBtn .btn {
        overflow: hidden;
    }

.s-back {
    color: #81C6F6;
    font-weight: bold;
    display: inline-block;
    margin: 20px 0;
}

    .s-back i {
        margin-right: 10px;
    }

@font-face {
    font-family: 'Verdana';
    font-weight: bold;
    font-style: normal;
    src: url('User/font/Verdana-Bold.woff') format('woff'), url('User/font/Verdana-Bold.eot') format('embedded-opentype'), url('User/font/Verdana-Bold.svg') format('svg'), url('User/font/Verdana-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Verdana';
    font-weight: bold;
    font-style: italic;
    src: url('User/font/Verdana-BoldItalic.eot') format('embedded-opentype'), url('User/font/Verdana-BoldItalic.svg') format('svg'), url('User/font/Verdana-BoldItalic.ttf') format('truetype'), url('User/font/Verdana-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Verdana';
    font-weight: normal;
    font-style: italic;
    src: url('User/font/Verdana-Italic.eot') format('embedded-opentype'), url('User/font/Verdana-Italic.svg') format('svg'), url('User/font/Verdana-Italic.ttf') format('truetype'), url('User/font/Verdana-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Verdana';
    font-weight: normal;
    font-style: normal;
    src: url('User/font/Verdana.eot') format('embedded-opentype'), url('User/font/Verdana.svg') format('svg'), url('User/font/Verdana.ttf') format('truetype'), url('User/font/Verdana.woff') format('woff');
}

html {
    font-size: 10px;
    font-family: 'Verdana';
    height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 9px;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 10px;
    }
}

body {
    font-family: 'Verdana';
    font-size: 1.4rem;
    min-height: 100%;
    padding-bottom: 160px;
    position: relative;
}

@media (min-width: 768px) {
    body {
        padding-bottom: 100px;
    }
}

.pagination {
    margin: 10px 0 20px;
}

    .pagination > li:hover > a,
    .pagination > li:focus > a {
        background-color: #ddd;
        color: #333;
    }

    .pagination > li > a {
        border-width: 0;
        color: #333;
        padding: 3px 10px;
    }

        .pagination > li > a:hover,
        .pagination > li > a:focus {
            background-color: #ddd;
        }

    .pagination > li:first-child > a,
    .pagination > li:last-child > a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .pagination > li.active:hover > a,
    .pagination > li.active:focus > a {
        background-color: #ddd;
        color: #333;
    }

        .pagination > li.active:hover > a:hover,
        .pagination > li.active:focus > a:hover,
        .pagination > li.active:hover > a:focus,
        .pagination > li.active:focus > a:focus {
            background-color: #ddd;
            color: #333;
        }

    .pagination > li.active > a {
        color: #333;
        background-color: #ddd;
    }

        .pagination > li.active > a:hover,
        .pagination > li.active > a:focus {
            background-color: #ddd;
            color: #333;
        }

.row-smaller {
    margin: 0 -7px;
}

    .row-smaller > div {
        padding: 0 7px;
    }

#CareerFormModal {
    font-size: 12px;
}

    #CareerFormModal .title {
        background-color: #eee;
        color: #555;
        height: 42px;
        line-height: 42px;
        padding-left: 25px;
        font-weight: bold;
    }

    #CareerFormModal .content,
    #CareerFormModal .footer {
        padding: 20px 15px 30px 25px;
    }

    #CareerFormModal .footer {
        text-align: right;
    }

    #CareerFormModal label {
        color: #555;
        width: 100%;
        font-weight: normal;
    }

@media (min-width: 768px) {
    #CareerFormModal label.upload {
        width: 50%;
    }
}

@media (min-width: 992px) {
    #CareerFormModal label.upload {
        width: 40%;
    }
}

@media (min-width: 1200px) {
    #CareerFormModal label.upload {
        width: 30%;
    }
}

#CareerFormModal input {
    display: block;
    margin: 5px 0 10px;
}

    #CareerFormModal input[type=text] {
        border: 1px solid #ddd;
        max-width: 400px;
        width: 100%;
        height: 34px;
        padding-left: 10px;
    }

    #CareerFormModal input[type=button] {
        width: 110px;
        height: 34px;
        text-align: center;
        border: 1px solid #ddd;
        background-color: #efefef;
        color: #777;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        #CareerFormModal input[type=button]:hover,
        #CareerFormModal input[type=button]:focus {
            background-color: #ddd;
        }

    #CareerFormModal input[type=file] {
        display: none;
    }

#CareerFormModal .btnSubmit,
#CareerFormModal .btnReset {
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 0;
    font-weight: bold;
    text-transform: uppercase;
}

#CareerFormModal .btnSubmit {
    color: #fff;
    background-color: #81C6F6;
}

    #CareerFormModal .btnSubmit:hover,
    #CareerFormModal .btnSubmit:focus {
        background-color: #81C6F6 -50;
    }

#CareerFormModal .btnReset {
    background-color: #ddd;
    color: #777;
}

    #CareerFormModal .btnReset:hover,
    #CareerFormModal .btnReset:focus {
        background-color: #aaa;
    }

#CareerFormModal .capchaImage {
    margin-top: 0;
    max-width: 370px;
    width: 66%;
}

#CareerFormModal .refresh-captcha {
    margin-top: 3px;
}

.socialBar {
    margin: 10px 0 15px;
}

    .socialBar .fb_iframe_widget {
        top: -4px;
    }

#carousel-sliderDetail .carousel-indicators {
    display: none;
}

@media (min-width: 768px) {
    #carousel-sliderDetail .carousel-indicators {
        width: 50%;
        left: 0;
        margin-left: 0;
    }
}

#carousel-sliderDetail .title {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 15px;
}

.error {
    text-align: center;
    text-transform: uppercase;
    padding: 70px 0 150px;
}

    .error .errorName {
        font-size: 50px;
    }

    .error p {
        font-size: 20px;
    }

    .error .buttonHome {
        background-color: #022D57;
        height: 50px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color: #fff;
        display: inline-block;
        font-size: 20px;
        line-height: 50px;
        padding: 0 30px;
    }

        .error .buttonHome:hover,
        .error .buttonHome:focus {
            text-decoration: none;
            background-color: #16416b;
        }

@media (min-width: 768px) {
    .error {
        padding: 100px 0 150px;
    }

        .error .errorName {
            font-size: 100px;
        }

        .error p {
            font-size: 30px;
        }
}

.codeBar {
    margin: 10px 0;
    height: 36px;
}

    .codeBar .has-feedback {
        margin: 0;
        float: right;
        width: 47%;
        height: 48px;
    }

    .codeBar input {
        margin-top: 0;
    }

.capcha {
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    padding: 6px 12px;
    width: 100%;
}

.capchaImage {
    float: left;
    width: 38%;
    margin-top: 32px;
    height: 34px;
}

.refresh-captcha {
    float: left;
    width: 10%;
    max-width: 25px;
    margin-top: 34px;
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
    text-decoration: none;
}

.has-feedback {
    position: relative;
}

    .has-feedback.has-error:after {
        content: attr(data-error);
        display: block;
        width: 180px;
        top: -5px;
        position: absolute;
        font-size: 12px;
        color: #ff3a3a;
        background-color: rgba(255, 255, 255, 0.5);
    }

.alert-icon {
    position: absolute;
    right: 5px;
    top: 6px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
    pointer-events: auto;
    width: 0;
    -webkit-transition: width 0.5s;
    /* Safari */
    -moz-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
}

.has-error .alert-icon {
    background: url('../Images/Icon/ic_uncheck_2.png') no-repeat 100%;
}

.has-success .alert-icon {
    background: url('../Images/Icon/ic_check.png') no-repeat 100%;
}

#carousel {
    position: relative;
    z-index: -1;
    height: 495px;
    -moz-transform: translateY(-105px);
    -ms-transform: translateY(-105px);
    -o-transform: translateY(-105px);
    -webkit-transform: translateY(-105px);
    transform: translateY(-105px);
}

    /*#carousel .carousel-inner .item {
        visibility: visible;
    }*/

    #carousel .carousel-inner .item,
    #carousel .carousel-inner .active.left,
    #carousel .carousel-inner .active.right {
        opacity: 0;
        -moz-transition: visibility 1s, opacity 1s linear;
        -o-transition: visibility 1s, opacity 1s linear;
        -webkit-transition: visibility 1s, opacity 1s linear;
        transition: visibility 1s, opacity 1s linear;
        visibility: hidden;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    #carousel .carousel-inner .active,
    #carousel .carousel-inner .next.left,
    #carousel .carousel-inner .prev.right {
        opacity: 1;
        visibility: visible;
        position: relative;
        -moz-transition: visibility 1s, opacity 1s linear;
        -o-transition: visibility 1s, opacity 1s linear;
        -webkit-transition: visibility 1s, opacity 1s linear;
        transition: visibility 1s, opacity 1s linear;
    }

        #carousel .carousel-inner .next,
        #carousel .carousel-inner .prev,
        #carousel .carousel-inner .active.left,
        #carousel .carousel-inner .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

    #carousel .carousel-control {
        z-index: 2;
    }

@media (min-width: 768px) {
    #carousel {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: auto;
        z-index: 1;
    }
}

#carousel .caption {
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    text-align: center;
    height: 1.4em;
    line-height: 1.4em;
    display: inline-block;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    padding: 0 30px;
}

@media (min-width: 768px) {
    #carousel .caption {
        top: 0;
        bottom: 0;
    }
}

@media (min-width: 992px) {
    #carousel .caption {
        width: 900px;
        font-size: 2.5rem;
    }
}

@media (min-width: 1200px) {
    #carousel .caption {
        font-size: 3rem;
        width: 980px;
    }
}

#carousel .carousel-inner {
    display: none;
}

@media (min-width: 768px) {
    #carousel .carousel-inner {
        display: block;
    }
}

#carousel .carousel-inner .item {
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 50%;
}

#carousel .carousel-control {
    display: none;
}

    #carousel .carousel-control.left,
    #carousel .carousel-control.right {
        background-image: none;
    }

@media (min-width: 768px) {
    #carousel .carousel-control {
        display: block;
        width: 5%;
    }
}

#carousel .carousel-indicators {
    display: none;
}

@media (min-width: 768px) {
    #carousel .carousel-indicators {
        display: block;
    }
}

#carousel .mobile-banner {
    height: 600px;
    background-size: auto 100%;
    background-position: 80% center;
    position: relative;
}

    #carousel .mobile-banner:before {
        content: '';
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 250px;
        position: absolute;
        z-index: 100;
        opacity: .7;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.94) 6%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(6%, rgba(255, 255, 255, 0.94)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.94) 6%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.94) 6%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0.94) 6%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.94) 6%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    }

@media (min-width: 768px) {
    #carousel .mobile-banner {
        display: none;
    }
}

.banner2 {
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner3 #carousel2 .carousel-inner .item {
    visibility: visible;
}

.banner3 #carousel2 .carousel-inner .item,
.banner3 #carousel2 .carousel-inner .active.left,
.banner3 #carousel2 .carousel-inner .active.right {
    opacity: 0;
    -moz-transition: opacity 1s, visibility 1s 1s;
    -o-transition: opacity 1s, visibility 1s 1s;
    -webkit-transition: opacity 1s, visibility 1s 1s;
    transition: opacity 1s, visibility 1s 1s;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.banner3 #carousel2 .carousel-inner .active,
.banner3 #carousel2 .carousel-inner .next.left,
.banner3 #carousel2 .carousel-inner .prev.right {
    opacity: 1;
    position: relative;
    -moz-transition: opacity 1s, visibility 1s 1s;
    -o-transition: opacity 1s, visibility 1s 1s;
    -webkit-transition: opacity 1s, visibility 1s 1s;
    transition: opacity 1s, visibility 1s 1s;
}

    .banner3 #carousel2 .carousel-inner .next,
    .banner3 #carousel2 .carousel-inner .prev,
    .banner3 #carousel2 .carousel-inner .active.left,
    .banner3 #carousel2 .carousel-inner .active.right {
        left: 0;
        transform: translate3d(0, 0, 0);
    }

.banner3 #carousel2 .carousel-control {
    z-index: 2;
}

.banner3 .item {
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

    .banner3 .item > a {
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 100;
    }

.jcarousel-wrapper {
    margin: 0 auto;
    position: relative;
    padding: 50px 10px 10px;
}

    .jcarousel-wrapper .container {
        position: relative;
    }

.jcarousel {
    position: relative;
    overflow: hidden;
    margin: 0;
}

@media (min-width: 768px) {
    .jcarousel {
        margin: 0 30px;
    }
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    height: 120px;
    list-style: none;
    padding: 0;
}

.jcarousel a.surround {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 100;
}

.jcarousel li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 10px;
}

    .jcarousel li.sliderIndex {
        height: 120px;
        text-align: center;
        border: 1px solid #ddd;
    }

        .jcarousel li.sliderIndex img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            position: absolute;
            z-index: 100;
        }

@media (min-width: 550px) {
    .jcarousel li.sliderIndex {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

        .jcarousel li.sliderIndex.active {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
        }
}

.jcarousel .img2 {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}

    .jcarousel .img2 img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        margin: auto;
    }
/*.jcarousel .img2 img {
  min-width: 100%;
  min-height: 100%;
    max-height: none;
}*/
.jcarousel .customer {
    cursor: pointer;
    margin: auto;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    position: absolute;
    z-index: 10;
}

.jcarousel .title {
    color: #022D57;
    font-size: 1.4rem;
    margin: 15px 0 10px;
    font-weight: bold;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    font: 24px/27px Arial, sans-serif;
    height: 50px;
    width: 30px;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    top: 50%;
    cursor: pointer;
    color: #ddd;
}

    .jcarousel-control-prev:after,
    .jcarousel-control-next:after,
    .jcarousel-control-prev:before,
    .jcarousel-control-next:before {
        content: '';
        height: 3px;
        width: 20px;
        position: absolute;
        background-color: #999;
    }

    .jcarousel-control-prev:hover:after,
    .jcarousel-control-next:hover:after,
    .jcarousel-control-prev:focus:after,
    .jcarousel-control-next:focus:after,
    .jcarousel-control-prev:hover:before,
    .jcarousel-control-next:hover:before,
    .jcarousel-control-prev:focus:before,
    .jcarousel-control-next:focus:before {
        background-color: #aaa;
    }

.jcarousel-control-prev {
    left: -20px;
}

@media (min-width: 768px) {
    .jcarousel-control-prev {
        left: 15px;
    }
}

@media (min-width: 1200px) {
    .jcarousel-control-prev {
        left: 0;
    }
}

.jcarousel-control-prev:after {
    top: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.jcarousel-control-prev:before {
    bottom: 30px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.jcarousel-control-next {
    right: 0px;
}

@media (min-width: 768px) {
    .jcarousel-control-next {
        right: 35px;
    }
}

@media (min-width: 1200px) {
    .jcarousel-control-next {
        right: 20px;
    }
}

.jcarousel-control-next:after {
    top: 30px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

.jcarousel-control-next:before {
    bottom: 30px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.jcarousel2-wrapper {
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
}

    .jcarousel2-wrapper .container {
        position: relative;
    }

.jcarousel2 {
    position: relative;
    overflow: hidden;
    margin: 0;
}

    .jcarousel2 ul {
        width: 20000em;
        position: relative;
        height: 250px;
        list-style: none;
        padding: 0;
    }

    .jcarousel2 li {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        padding: 0 10px;
        text-align: left;
    }

        .jcarousel2 li.sliderIndex {
            padding: 0;
            height: 200px;
            text-align: center;
        }

@media (min-width: 768px) {
    .jcarousel2 li.sliderIndex {
        height: 250px;
    }
}

.jcarousel2 li.sliderIndex img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 100;
}

.jcarousel2 a.surround {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 100;
}

.jcarousel2 .img2 {
    position: relative;
    padding-bottom: 85%;
    overflow: hidden;
}

    .jcarousel2 .img2 img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        margin: auto;
    }

.jcarousel2 .shadow {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 10;
}

    .jcarousel2 .shadow:after {
        content: "";
        background: radial-gradient(transparent 30%, rgba(0, 0, 0, 0.7));
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 101;
    }

.jcarousel2 .title {
    font-weight: bold;
    font-size: 1.4rem;
    margin-top: 20px;
}

.jcarousel2 .des {
    margin: 5px 0 10px;
    font-size: 12px;
    text-align: center;
}

.jcarousel-control-prev2,
.jcarousel-control-next2 {
    font: 24px/27px Arial, sans-serif;
    height: 50px;
    width: 30px;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    top: 50%;
    cursor: pointer;
    color: #ddd;
}

    .jcarousel-control-prev2:after,
    .jcarousel-control-next2:after,
    .jcarousel-control-prev2:before,
    .jcarousel-control-next2:before {
        content: '';
        height: 3px;
        width: 20px;
        position: absolute;
        background-color: #999;
    }

    .jcarousel-control-prev2:hover:after,
    .jcarousel-control-next2:hover:after,
    .jcarousel-control-prev2:focus:after,
    .jcarousel-control-next2:focus:after,
    .jcarousel-control-prev2:hover:before,
    .jcarousel-control-next2:hover:before,
    .jcarousel-control-prev2:focus:before,
    .jcarousel-control-next2:focus:before {
        background-color: #aaa;
    }

.about .nav-tabs {
    max-width: 800px;
    margin: 0 auto;
    border-bottom-width: 0;
}

@media (min-width: 768px) {
    .about .nav-tabs {
        margin-top: -50px;
    }
}

.about .nav-tabs > li {
    width: 50%;
    position: relative;
}

    .about .nav-tabs > li:last-child .name {
        margin-left: -15%;
    }

@media (min-width: 768px) {
    .about .nav-tabs > li {
        width: 25%;
    }
}

.about .nav-tabs > li.active > a {
    background-color: transparent;
    color: #81C6F6;
}

    .about .nav-tabs > li.active > a:hover,
    .about .nav-tabs > li.active > a:focus {
        border-width: 0;
    }

.about .nav-tabs > li.active .img {
    background-color: #fff;
    border: 1px solid #022D57;
}

@media (min-width: 768px) {
    .about .nav-tabs > li.active .img {
        border-width: 0;
    }
}

.about .nav-tabs > li > a {
    border-width: 0;
    color: #81C6F6;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    .about .nav-tabs > li > a {
        padding-bottom: 20px;
    }
}

.about .nav-tabs > li > a:hover,
.about .nav-tabs > li > a:focus {
    background-color: transparent;
}

.about .nav-tabs .name {
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
}

@media (min-width: 768px) {
    .about .nav-tabs .name {
        white-space: nowrap;
    }
}

.about .nav-tabs .img {
    text-align: center;
    display: block;
    margin: 10px auto;
    padding: 10px;
    height: 80px;
    width: 90px;
    padding-top: 20px;
    background-color: #022D57;
}

.about .tab-content {
    margin-top: 40px;
    font-size: 1.3rem;
}

.about .about-subArticle {
    margin: 20px 0;
}

    .about .about-subArticle .img {
        position: relative;
        padding-bottom: 55%;
    }

        .about .about-subArticle .img img {
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            margin: auto;
        }

    .about .about-subArticle .title {
        font-weight: bold;
        font-size: 1.2rem;
        margin: 20px 0;
    }

    .about .about-subArticle .content {
        font-size: 1.2rem;
    }

.about-downloadBar {
    border-top: 2px solid rgba(2, 45, 87, 0.1);
    margin: 10px 0;
    text-align: center;
}

    .about-downloadBar .content {
        white-space: nowrap;
    }

    .about-downloadBar .title {
        text-transform: uppercase;
        color: #81C6F6;
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .about-downloadBar .button {
        border: 1px solid #ddd;
        padding: 15px;
        font-size: 1.5rem;
        background-color: #fff;
        min-width: 160px;
        text-align: left;
    }

        .about-downloadBar .button:hover,
        .about-downloadBar .button:focus {
            color: #81C6F6;
        }

    .about-downloadBar img {
        margin-right: 10px;
        width: 20px;
    }

    .about-downloadBar .map,
    .about-downloadBar .download {
        margin: 20px 0;
    }

@media (min-width: 768px) {
    .about-downloadBar .content,
    .about-downloadBar .map,
    .about-downloadBar .download {
        display: inline-block;
    }

    .about-downloadBar .map {
        width: 220px;
        text-align: right;
        padding-right: 35px;
    }

    .about-downloadBar .download {
        text-align: left;
        width: 220px;
        padding-left: 35px;
        margin-left: -3px;
        border-left: 2px solid rgba(2, 45, 87, 0.1);
    }
}

.about-img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.about #about-compliance--anti---corruption .description {
    padding-bottom: 40px;
}

.about .btnReport {
    display: block;
    margin: 0 auto 30px;
    width: 130px;
    text-align: center;
    line-height: 35px;
    height: 40px;
    border: 1px solid #ddd;
    text-transform: uppercase;
    color: #022D57;
    font-weight: bold;
    background-color: #fff;
}

.about .s-table {
    display: none;
}

.terminal .googleMap {
    margin: 0 15px;
    height: 800px;
}

@media (min-width: 768px) {
    .terminal .googleMap {
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .terminal .s-tabs li {
        width: 20%;
    }
}

.service .nav-tabs {
    max-width: 800px;
}

.service #service-inland {
    text-align: center;
}

@media (min-width: 768px) {
    .service #service-inland .row > div {
        float: none;
        display: inline-block;
        margin-right: -5px;
    }
}

.service .tab-pane > img {
    margin-top: -20px;
}

.service-article {
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}

    .service-article:hover img {
        -moz-transform: scale(1.1) translate(0,0);
        -ms-transform: scale(1.1) translate(0,0);
        -o-transform: scale(1.1) translate(0,0);
        -webkit-transform: scale(1.1) translate(0,0);
        transform: scale(1.1) translate(0,0);
        -moz-transition: -moz-transform 5s;
        -webkit-transition: -webkit-transform 5s;
        -o-transition: -o-transform 5s;
        -moz-transition: transform 5s;
        transition: transform 5s;
    }

    .service-article img {
        max-width: 100%;
    }

    .service-article > a {
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 100;
    }

    .service-article .img {
        position: relative;
        padding-bottom: 70%;
    }

        .service-article .img img {
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            margin: auto;
        }

    .service-article .name {
        margin: 0;
        font-size: 1.4rem;
        font-weight: bold;
        color: #fff;
        background-color: rgba(2, 45, 87, 0.75);
        position: absolute;
        min-height: 50px;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        padding-top: 15px;
    }

.service .s-table {
    margin-top: 30px;
}

    .service .s-table:first-child {
        margin-top: 15px;
    }

.serviceDetail img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}

@media (min-width: 768px) {
    .newsMedia-searchArticle {
        overflow: hidden;
    }

        .newsMedia-searchArticle .img {
            width: 35%;
            height: 150px;
            position: relative;
            display: block;
            float: left;
        }

            .newsMedia-searchArticle .img img {
                max-height: 100%;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                max-width: 100%;
            }

        .newsMedia-searchArticle .content {
            margin-left: 35%;
            overflow: hidden;
            width: 65%;
            padding-left: 10px;
            margin-bottom: 36px;
        }

        .newsMedia-searchArticle .actionBar {
            height: 36px;
            text-align: bottom;
            position: absolute;
            width: 65%;
            right: 0;
            bottom: 0;
        }
}

@media (min-width: 768px) {
    .newsMedia .s-tabs .nav-tabs {
        max-width: 450px;
    }
}

.newsMedia-searchBar {
    text-align: center;
    position: relative;
    z-index: 1;
}

    .newsMedia-searchBar .s-dropdownBtn,
    .newsMedia-searchBar .searchInput {
        width: 200px;
        margin: 0 5px;
        display: inline-block;
    }

    .newsMedia-searchBar .s-dropdownBtn {
        -moz-transform: translateY(-13px);
        -ms-transform: translateY(-13px);
        -o-transform: translateY(-13px);
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
    }

    .newsMedia-searchBar .input-group:hover .btn,
    .newsMedia-searchBar .input-group:focus .btn,
    .newsMedia-searchBar .input-group:hover input,
    .newsMedia-searchBar .input-group:focus input {
        border-color: rgba(129, 198, 246, 0.5);
    }

        .newsMedia-searchBar .input-group:hover .btn:hover,
        .newsMedia-searchBar .input-group:focus .btn:hover,
        .newsMedia-searchBar .input-group:hover input:hover,
        .newsMedia-searchBar .input-group:focus input:hover,
        .newsMedia-searchBar .input-group:hover .btn:focus,
        .newsMedia-searchBar .input-group:focus .btn:focus,
        .newsMedia-searchBar .input-group:hover input:focus,
        .newsMedia-searchBar .input-group:focus input:focus {
            border-color: rgba(129, 198, 246, 0.5);
        }

    .newsMedia-searchBar .input-group input {
        border-right: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .newsMedia-searchBar .input-group input:focus,
        .newsMedia-searchBar .input-group input:hover {
            outline: 0px !important;
            -webkit-appearance: none;
            -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }

        .newsMedia-searchBar .input-group input:hover,
        .newsMedia-searchBar .input-group input:focus {
            border-color: #ccc;
        }

    .newsMedia-searchBar .input-group .btn {
        background-color: transparent;
        border: 1px solid #ccc;
        border-left-width: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .newsMedia-searchBar .input-group .btn img {
            max-height: 16px;
        }

.newsMedia-article2 {
    margin: 0 0 20px;
}

    .newsMedia-article2 .img {
        position: relative;
        padding-bottom: 60%;
    }

        .newsMedia-article2 .img img {
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            margin: auto;
        }

    .newsMedia-article2 a {
        color: #333;
    }

        .newsMedia-article2 a:hover,
        .newsMedia-article2 a:focus {
            color: #81C6F6;
            text-decoration: none;
        }

    .newsMedia-article2 .name {
        font-size: 1.4rem;
        font-weight: bold;
        margin: 20px 0 10px;
    }

    .newsMedia-article2 .des {
        color: #777;
        margin: 10px 0;
    }

    .newsMedia-article2 .dateAuthorBar {
        height: 1em;
        font-size: 12px;
    }

        .newsMedia-article2 .dateAuthorBar span:first-chid {
            font-weight: 500;
        }

        .newsMedia-article2 .dateAuthorBar span:last-child {
            font-style: italic;
            color: #777;
            margin: 0 5px;
        }

    .newsMedia-article2 ul {
        list-style: none;
        padding-left: 0;
        margin: 20px 0;
    }

    .newsMedia-article2 li {
        font-weight: bold;
        line-height: 1.5em;
    }

        .newsMedia-article2 li:before {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: #098F46;
            margin-bottom: 2px;
            margin-right: 5px;
        }

.newsMedia-mainVideo .video {
    position: relative;
    width: 100%;
    padding-bottom: 50%;
    margin-bottom: 10px;
}

.newsMedia-mainVideo video {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    border-width: 0;
}

.newsMedia-mainVideo iframe {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    border-width: 0;
}

.newsMedia-mainVideo .title {
    font-weight: bold;
    font-size: 1.6rem;
    margin: 10px 0;
    height: 3em;
}

.newsMedia-mainVideo .dateView {
    margin: 10px 0;
    font-style: italic;
    color: #999;
    position: relative;
}

.newsMedia-mainVideo .viewShare {
    position: absolute;
    right: 0;
    top: 0;
}

.newsMedia-mainVideo .shareBtn {
    padding: 0 5px 2px;
    display: inline-block;
    background-color: rgba(129, 198, 246, 0.1);
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: width 0.5s;
    -o-transition: width 0.5s;
    -moz-transition: width 0.5s;
    transition: width 0.5s;
}

    .newsMedia-mainVideo .shareBtn:hover,
    .newsMedia-mainVideo .shareBtn:focus {
        width: 250px;
    }

    .newsMedia-mainVideo .shareBtn img {
        height: 15px;
        margin-top: -3px;
    }

.newsMedia-mainVideo .fb-share-button {
    margin-left: 20px;
}

.newsMedia-mainVideo .googleShare {
    display: inline-block;
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.newsMedia-mainVideo .view {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

.newsMedia-mainVideo .des {
    border-top: 2px solid #ddd;
    padding-top: 15px;
    margin-top: 25px;
}

.newsMedia-photoList .s-article .name {
    height: 3.6em;
}

.searchPage {
    margin-top: 250px;
}

@media (min-width: 768px) {
    .searchPage {
        margin-top: 50px;
    }
}

.searchPage .searchArticle {
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
}

    .searchPage .searchArticle .title {
        margin: 0;
        font-size: 1.8rem;
        font-weight: bold;
    }

        .searchPage .searchArticle .title a {
            color: #000;
        }

            .searchPage .searchArticle .title a:hover,
            .searchPage .searchArticle .title a:focus {
                color: #81C6F6;
                text-decoration: none;
            }

    .searchPage .searchArticle .description {
        margin: 10px 0;
    }

.newsDetail .s-back {
    margin: 0;
}

.newsDetail .s-tabs .nav-tabs {
    max-width: 450px;
}

.newsDetail-content {
    margin: 55px 0 0;
}

@media (min-width: 768px) {
    .newsDetail-content {
        margin-right: -10px;
        border-right: 1px solid #ddd;
        padding-right: 15px;
    }
}

.newsDetail-title {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.5em;
    margin: 0;
    padding-top: 10px;
    border-top: 2px solid rgba(129, 198, 246, 0.2);
}

.newsDetail-date {
    color: #999;
    font-style: italic;
    margin: 10px 0;
}

.photoDetail .row {
    margin: 0 -2px;
}

    .photoDetail .row > div {
        padding: 0 2px;
    }

.photoDetail .s-tabs .nav-tabs {
    max-width: 450px;
}

.photoDetail-des {
    margin: 60px 0 20px;
    font-weight: bold;
    color: #022D57;
}

.photoDetail .fancybox-button {
    display: block;
    margin: 2px 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 66%;
}

    .photoDetail .fancybox-button img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        margin: auto;
    }

    .photoDetail .fancybox-button img {
        max-height: none;
        min-width: 100%;
        min-height: 100%;
    }

.sustain .s-tabs .nav-tabs {
    max-width: 800px;
}

.sustain-downItem:hover .name,
.sustain-downItem:focus .name {
    color: #81C6F6;
}

@media (min-width: 1200px) {
    .sustain-downItem > div {
        width: 20%;
        padding: 0 -15px;
    }
}

.sustain-downItem a {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 100;
}

.sustain-downItem .img {
    position: relative;
    padding-bottom: 80%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

    .sustain-downItem .img img {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        margin: auto;
    }

    .sustain-downItem .img img {
        top: 10px;
        bottom: auto;
    }

    .sustain-downItem .img:after {
        content: "\f407";
        font-family: "Ionicons";
        width: 50px;
        height: 50px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #81C6F6;
        line-height: 50px;
        position: absolute;
        right: 0;
        bottom: 0px;
    }

.sustain-downItem .name {
    font-size: 1.4rem;
    font-weight: bold;
    height: 3.2em;
}

.sustain .s-article2 .img {
    padding-bottom: 66%;
}

.sustain .s-article2 .name {
    text-align: center;
}

.hsse .s-tabs .nav-tabs {
    max-width: 700px;
}

.hsse-imgList {
    margin: 0 -3px;
}

    .hsse-imgList > div {
        padding: 0 3px;
    }

.hsse-img {
    margin-bottom: 6px;
    position: relative;
    padding-bottom: 66%;
}

    .hsse-img img {
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        margin: auto;
    }

.hsse-video {
    margin-bottom: 10px;
    position: relative;
}

    .hsse-video:hover:before,
    .hsse-video:focus:before {
        font-family: "Ionicons";
        content: "\f488";
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 50px;
        position: absolute;
        z-index: 2;
        font-size: 50px;
        line-height: 50px;
        text-align: center;
        width: 50px;
        height: 50px;
        display: block;
        color: #fff;
    }

    .hsse-video:hover:after,
    .hsse-video:focus:after {
        content: '';
        display: block;
        background-color: #000;
        opacity: .5;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 50px;
        position: absolute;
        z-index: 1;
        cursor: pointer;
    }

    .hsse-video .img {
        position: relative;
        padding-bottom: 66%;
    }

        .hsse-video .img img {
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            margin: auto;
        }

    .hsse-video .name {
        font-size: 12px;
        height: 3.2em;
        font-weight: bold;
        color: #022D57;
        margin: 15px 0;
    }

.hsse-btn {
    border: 1px solid rgba(2, 45, 87, 0.2);
    color: #022D57;
    font-size: 16px;
    font-weight: bold;
    width: 130px;
    height: 40px;
    line-height: 35px;
    background-color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 40px auto;
}

    .hsse-btn:hover,
    .hsse-btn:focus {
        background-color: #81C6F6;
        color: #fff;
        outline: none;
    }

.hsse .s-table {
    margin-top: 30px;
}

    .hsse .s-table table:first-child {
        margin-bottom: 0;
    }

    .hsse .s-table table th:nth-child(3),
    .hsse .s-table table td:nth-child(3) {
        width: 150px;
    }

    .hsse .s-table table th:nth-child(4),
    .hsse .s-table table td:nth-child(4) {
        width: 150px;
    }

    .hsse .s-table table th:nth-child(5),
    .hsse .s-table table td:nth-child(5) {
        width: 100px;
    }

    .hsse .s-table th:nth-child(5) {
        width: 130px;
    }

    .hsse .s-table .scrollBar-block {
        margin-bottom: 80px;
    }

.hsse .mCSB_draggerRail,
.hsse .mCSB_scrollTools .mCSB_dragger_bar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.hsse .mCSB_container {
    margin-right: 15px;
}

.hsse .mCSB_dragger_bar {
    width: 10px !important;
    background-color: rgba(2, 45, 87, 0.4) !important;
}

.hsse .mCSB_draggerRail {
    width: 10px !important;
    background-color: rgba(2, 45, 87, 0.1) !important;
}

#hsseVideoModal .videoBlock {
    position: relative;
    padding-bottom: 50%;
}

#hsseVideoModal iframe {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    border-width: 0;
}

.contact {
    padding: 10px 0 0;
}

@media (min-width: 768px) {
    .contact {
        padding: 50px 0 0;
    }
}

.contact-info {
    padding: 0 15px;
}

@media (min-width: 1200px) {
    .contact-info {
        width: 35%;
        float: left;
    }
}

.contact-info .name {
    margin: 0 0 15px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #022D57;
}

.contact-info b {
    color: #022D57;
}

.contact-info p {
    margin-bottom: 5px;
}

.contact-form {
    padding: 0 15px;
}

@media (min-width: 1200px) {
    .contact-form {
        width: 65%;
        float: left;
        border-left: 1px solid #ddd;
    }
}

.contact-form label {
    margin-top: 10px;
    font-size: 12px;
    color: #777;
    width: 100%;
}

.contact-form input,
.contact-form textarea {
    color: #000;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 1.4rem;
    border: 1px solid rgba(2, 45, 87, 0.2);
    height: 34px;
    width: 100%;
    padding-left: 10px;
}

.contact-form textarea {
    height: 115px;
}

.contact-form .codebar label {
    width: 51%;
}

@media (min-width: 768px) {
    .contact-form .codebar label {
        width: 53%;
    }
}

.contact-btnSend {
    padding: 7px 25px;
    background-color: #81C6F6;
    color: #fff;
    border-width: 0;
    margin: 20px 0;
}

    .contact-btnSend:hover,
    .contact-btnSend:focus {
        background-color: #4f94c4;
    }

#contactMap {
    height: 500px;
}

.career {
    padding-bottom: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .career .s-tabs .nav-tabs > li > a,
    .career .s-tabs .nav-tabs > li a {
        font-size: 1.4rem;
    }
}

.career-item {
    margin-top: 20px 0 10px;
}

    .career-item:hover .name a,
    .career-item:focus .name a {
        color: #81C6F6;
    }

    .career-item .name {
        font-size: 12px;
        margin: 10px 0;
        font-weight: bold;
    }

        .career-item .name a {
            color: #022D57;
        }

            .career-item .name a:hover,
            .career-item .name a:focus {
                text-decoration: none;
            }

    .career-item .img {
        position: relative;
        padding-bottom: 66%;
    }

        .career-item .img img {
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            margin: auto;
        }

        .career-item .img a {
            display: block;
        }

.career .s-dropdownBtn {
    float: right;
    width: 200px;
    margin: 15px;
}

.career-tableFilter {
    background-color: #efefef;
}

.career-table {
    margin-top: 40px;
}

    .career-table a {
        color: #81C6F6;
        font-size: 14px;
        font-weight: bold;
    }

        .career-table a:hover,
        .career-table a:focus {
            color: #4f94c4;
            text-decoration: none;
        }

    .career-table th {
        color: #81C6F6;
        font-weight: bold;
    }

    .career-table th,
    .career-table td {
        font-size: 12px;
        padding: 7px 15px;
        border-bottom: 1px solid #ddd;
        vertical-align: top;
    }

        .career-table th:nth-child(1),
        .career-table td:nth-child(1) {
            font-weight: bold;
        }

        .career-table th:nth-child(3),
        .career-table td:nth-child(3) {
            width: 250px;
        }


        .career-table td:nth-child(4) {
            font-weight: bold;
            text-transform: uppercase;
        }

        .career-table th:nth-child(6),
        .career-table td:nth-child(6) {
            vertical-align: middle;
        }

    .career-table .fooicon {
        font-family: "Ionicons" !important;
        color: rgba(129, 198, 246, 0.5);
    }

        .career-table .fooicon.fooicon-sort-desc:after {
            color: #81C6F6;
        }

        .career-table .fooicon.fooicon-sort-asc:before {
            color: #81C6F6;
        }

        .career-table .fooicon:after {
            content: "\f123";
            position: absolute;
            bottom: -9px;
            right: 0;
        }

        .career-table .fooicon:before {
            content: "\f126";
        }

    .career-table .footable-paging td {
        text-align: right;
        font-size: 14px;
        border-width: 0;
    }

    .career-table .footable-paging .pagination {
        display: inline-block;
        float: right;
    }

    .career-table .footable-paging .label.label-default {
        display: none;
    }

.career-applyForm {
    text-align: center;
}

    .career-applyForm .name {
        font-size: 2.6rem;
        font-weight: bold;
        margin: 20px 0;
        color: #81C6F6;
    }

    .career-applyForm button {
        border: 2px solid #81C6F6;
        display: inline-block;
        width: 230px;
        height: 60px;
        line-height: 50px;
        text-align: center;
        font-size: 1.8rem;
        text-transform: uppercase;
        color: #022D57;
        background-color: #fff;
        font-weight: bold;
    }

        .career-applyForm button:hover,
        .career-applyForm button:focus {
            background-color: #81C6F6;
            color: #fff;
        }

.career-step {
    border-top: 2px solid rgba(2, 45, 87, 0.1);
    margin: 50px 0 40px;
}

    .career-step td {
        color: #022D57;
        padding: 50px 15px 20px;
        position: relative;
        width: 25%;
    }

        .career-step td:first-child:before {
            content: '';
            position: absolute;
            display: block;
            background-color: #fff;
            left: 0;
            top: -30px;
            height: 50px;
            width: 50px;
        }

        .career-step td:after {
            content: attr(data-index);
            width: 60px;
            height: 60px;
            position: absolute;
            top: -30px;
            left: 15px;
            text-align: center;
            line-height: 57px;
            font-weight: bold;
            font-size: 1.8rem;
            background-color: #fff;
            border: 1px solid rgba(2, 45, 87, 0.6);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

.career .jcarousel-wrapper {
    padding-top: 10px;
}

.career-video {
    margin-top: 20px;
    padding-top: 40px;
    border-top: 2px solid rgba(2, 45, 87, 0.2);
}

    .career-video .video {
        position: relative;
        width: 100%;
        padding-bottom: 50%;
        margin-bottom: 10px;
    }

    .career-video iframe {
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        z-index: 100;
        width: 100%;
        height: 100%;
        border-width: 0;
    }

.career .jcarousel2 {
    margin: 0 40px;
}

    .career .jcarousel2 ul {
        margin: 0 -5px;
    }

.career-img img {
    max-width: 100%;
    bottom: auto;
}

.career-title {
    margin: 20px 0;
    font-weight: bold;
    font-size: 2rem;
    color: #333;
}

@media (min-width: 768px) {
    .career-title {
        margin-top: 0;
    }
}


#carousel .notification {
    background-color: rgba(255, 255, 255, 0.75);
    POSITION: ABSOLUTE;
    TOP: 20%;
    right: 5%;
    bottom: 20%;
    padding: 20px;
    width: 370px;
    border-right: 5px solid #022D57;
}

    #carousel .notification .notification-box {
        position: relative;
        display: table;
        width: 100%;
        height: 100%;
    }

    #carousel .notification .notification-box-inner {
        display: table-cell;
        vertical-align: middle;
    }

#carousel .notification-box .notification-header, #carousel .notification-box .notification-title h3 {
    color: #022D57;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#carousel .notification-box .notification-header {
    text-transform: uppercase;
}

#carousel .notification-box a.notification-title {
    margin: 15px 0;
    display: block;
    max-height: 77%;
    overflow: hidden;
    text-shadow: 4px 3px 7px rgba(0, 0, 0, 0.3);
}

    #carousel .notification-box a.notification-title:hover {
        text-decoration: none
    }

#carousel .notification-box .notification-title h3 {
    text-shadow: 4px 3px 7px rgba(0, 0, 0, 0.3);
    line-height: 1.3;
    font-size: 28px
}

@media (max-width: 1200px) {
    #carousel .notification-box a.notification-title {
        max-height: 65%;
    }
}

@media (max-width: 767px) {
    .header-infoBar .notification {
        position: initial;
        font-size: 20px;
        margin-right: -25px;
        z-index: 102;
        float: right;
    }

        .header-infoBar .notification .dropdown-menu {
            left: 0;
            width: auto;
        }

        .header-infoBar .notification a {
            position: relative;
        }

        .header-infoBar .notification .number {
            padding: 0px 5px;
        }
}