.bg-blue {
    background-color: #0d1734 !important;
}

/* .header {
    margin-top      : 66px;
    background-color: #070f29;
} */

.mapcontainer {
    height: 100%;
}


.header {
    margin-top      : 66px;
    background-color: #f8f8f8;
}


.header .dropdown-menu {
    top: 130%;
}

.header .fixed-top {
    width  : 100%;
    padding: 0;
}


.header .container-fluid {
    width    : 100%;
    max-width: 1440px;
}

.header .navbar-nav .nav-link {
    padding: 0 1.5rem;
}

.header .banner {
    width    : 100%;
    max-width: 1700px;
    margin   : 0 auto;
}

.header .banner img {
    width: 100%;
}

.main {
    background-color: #f8f8f8;
    margin-bottom   : 30px;
}

.footer {
    text-align: center;
    margin    : 20px 0;
}

.section {
    text-align: center;
    margin-top: 100px;
}

.content-panel {
    max-width: 1440px;
    margin   : 0 auto;
}

.content-panel .content-title {
    font-size    : 40px;
    font-weight  : bold;
    margin-bottom: 0;
}

.content-panel .content-title-sub {
    font-size: 14px;
    margin   : 20px 50px;
}

.card-erp .card {
    width        : 24%;
    max-width    : 345px;
    margin-bottom: 30px;
}

/* .card-erp .card:last-child {
    margin-bottom: 0;
} */

.card-erp .card .img-box {
    position: relative;
}

.card-erp .card .img-box .fade-content {
    position        : absolute;
    bottom          : 0;
    background-color: rgba(230, 230, 230, .9);
    font-size       : 14px;
    overflow        : hidden;
    transition      : all linear 0.3s;
    padding         : 0rem 0.5rem;
    height          : 0px;
    color           : #1c1c1d;
}


.card-erp .card:hover .img-box .fade-content {
    height    : fit-content;
    padding   : 0.5rem;
    transition: all linear 0.3s;
}

.card-erp .card-text {
    font-size  : 20px;
    color      : #111;
    font-weight: bold;
}


.section-advantage {
    padding        : 45px 0;
    background     : #243049 url(../img/content_bg.png) no-repeat;
    background-size: cover;
}

.section-advantage .content-panel {
    max-width: 1280px;
}

.section-advantage .content-title,
.section-advantage .content-title-sub {
    color: #fff;
}

.section-advantage .content-panel .row {
    margin-top: 105px;
}

.section-advantage .content-panel .row .card {
    max-width : 260px;
    background: rgba(230, 230, 230, .9);
}

.section-advantage .card-body {
    padding: 1.25rem 0;
}

.section-advantage .card-title {
    margin     : 22px 0;
    font-size  : 30px;
    font-weight: bold;
}

.section-advantage .card-text {
    font-size: 18px;
}


.section-platform .card-deck {
    margin-top: 45px;
}

.section-platform .card-body {
    padding   : 3rem 0;
    box-shadow: 2px 2px 3px #ccc;
}

.section-platform .card-deck .card-title {
    font-size    : 36px;
    margin-bottom: 0;
    font-weight  : bold;
    font-style   : italic;
}


.section-contact .content-panel {
    max-width: 1280px;
}

.section-contact .content-panel .card {
    border    : 0;
    background: #f8f8f8;
}

.section-contact .align-self-center {
    text-align: left;
}

.section-contact .card .card-title {
    font-size  : 40px;
    font-weight: bold;
}

.section-contact .card .card-text {
    font-size: 18px;
}

.section-contact .card .card-text i {
    margin-right: 5px;
}


.section-function .content-panel .card {
    max-width : 300px;
    box-shadow: 2px 2px 3px #ccc;
}

.section-function .content-panel .card .card-title {
    font-size  : 20px;
    font-weight: bold;
    margin-top : 1.75rem;
}

.section-function .content-panel .card .card-text {
    font-size : 14px;
    text-align: left;
}

.section-function .content-panel .row {
    margin-top: 50px;
}


.section-characteristic .content-panel .card {
    margin-top: 40px;
    background: #d6f9ff;
    box-shadow: 2px 2px 3px #ccc;
    padding   : 15px;
}

.section-characteristic .content-panel .card .card-body{
    min-height:360px;
}

.section-characteristic .content-panel .card .card-text {
    font-size : 28px;
    text-align: left;
}

.section-characteristic .offset-md-1 {
    margin-left : 4%;
    margin-right: 3%;
}

.section-characteristic .carousel-inner{
    border:10px solid #0d1734;
    border-radius:10px;
}


.section.section-news,
.section.section-company {
    margin-top: 25px;
}

.section-news .content-panel,
.section-company .content-panel {
    width: 1280px;
}

.section-news .content-panel .news-content {
    width : 1000px;
    margin: 0 auto;
}

.section-news .breadcrumb,
.section-company .breadcrumb {
    padding      : 0;
    background   : none;
    margin-bottom: 30px;
}

.section-company .breadcrumb {
    margin-bottom: 50px;
}

.section-news .breadcrumb-item a,
.section-company .breadcrumb-item a {
    color: #6c757d;
}

.section-news .content-panel .content-title {
    text-align: left;
    font-size : 35px;
}

.section-news .card {
    box-shadow: 2px 2px 3px #ccc;
}

.section-news .card .row {
    margin-left: 0;
    padding    : 20px 30px;
}

.section-news .card .card-text {
    font-size : 20px;
    text-align: left;
}


.section-privacy {
    margin-top: 146px;
}

.section-privacy .content-panel {
    width: 1280px;
}

.section-privacy .content-panel .content-title {
    text-align: left;
    font-size : 24px;
}

.section-privacy .news-content {
    text-align: left;
    font-size : 20px;
}

.section-privacy .news-content .content-panel-text {
    margin-bottom: 50px;
    line-height  : 36px;
}


.section-company .card {
    border    : 0;
    background: #f8f8f8;
}

.section-company .card.card-two {
    background: #eef6f9;
}

.section-company .card.card-one .card-text {
    font-size  : 20px;
    line-height: 48px;
    text-align : left;
    text-indent: 40px;
}

.section-company .card.card-two .card-text {
    font-size  : 20px;
    line-height: 36px;
    text-align : left;
}

.section-company .card.card-three .card-text {
    font-size  : 36px;
    line-height: 48px;
    text-align : left;
    font-weight: bold;
}

.section-company .card.card-three .ol-list {
    list-style: none;
    margin-top: 20px;
}

.section-company .card.card-three .ol-list .card-text {
    font-size  : 20px;
    line-height: 48px;
    font-weight: normal;
}

.timeline {
    border-left : 2px solid #465066;
    list-style  : none;
    padding-left: 30px;
}

.timeline li {
    position: relative
}

.timeline li .bi {
    position: absolute;
    left    : -38px;
    top     : 7px;
    color   : #465066;
}

.timeline li:first-child:after {
    display   : block;
    content   : " ";
    position  : absolute;
    height    : 11px;
    width     : 2px;
    background: #eef6f9;
    top       : 0px;
    left      : -32px;
}

.timeline li:last-child:after {
    display   : block;
    content   : " ";
    position  : absolute;
    height    : 11px;
    width     : 2px;
    background: #eef6f9;
    top       : 30px;
    left      : -32px;
}

.section-characteristic .carousel-control-prev,.section-characteristic .carousel-control-next{
    background: #aaa;
    border: 0;
    height: 40px;
    width: 40px;
    top: 45%;
    border-radius: 5px;
}

.section-characteristic .carousel-control-prev{
    left:5%;
}

.section-characteristic .carousel-control-next{
    right:5%;
}