.ac:active {
    opacity: .7
}

.oneline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.twoline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.flex {
    display: flex
}

.flexv {
    display: flex;
    flex-direction: column
}

.flex1 {
    flex: 1
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.jus-c {
    display: flex;
    justify-content: center
}

.jus-b {
    display: flex;
    justify-content: space-between
}

.jus-a {
    display: flex;
    justify-content: space-around
}

.jus-e {
    display: flex;
    justify-content: flex-end
}

.ali-c {
    display: flex;
    align-items: center
}

.ali-b {
    display: flex;
    align-items: baseline
}

.flexc {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:992px) {
    .hoverShadow:hover {
        transition: all .6s;
        box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15)
    }
}

* {
    /* font-family: Bower, Georgia, Times New Roman, serif !important */
}

.a_link {
    color: #333
}

.a_link:active {
    color: #2251ff
}

.bodyStopScroll {
    height: 100vh;
    overflow: hidden
}

body {
    width: 100%;
    overflow-x: hidden
}

.topNavBar {
    background: white;
    height: 80px;
    border-bottom: 1px solid #d0d0d0;
    display: flex;
    align-items: center
}

.topNavBar .navOptions {
    font-size: 30px;
    padding: 0 10px
}

.topNavBar .navOptions:active {
    opacity: .7
}

.topNavBar .logo {
    width: 200px;
    height: 80px;
    background-image: url('../image/ld_logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.topNavBar .navList {
    height: 80px;
    font-size: 14px;
    padding-left: 30px;
    display: flex
}

.topNavBar .navList .navItem {
    position: relative;
    margin-right: 30px
}

.topNavBar .navList .navItem>a {
    height: 80px;
    line-height: 80px;
    color: #051c2c;
    text-decoration: none;
    margin-left: 30px;
    margin: 0 15px
}

.topNavBar .navList .navItem:hover .dropdownMenu {
    display: block
}

.topNavBar .navList .navItem:hover>a {
    color: #2251ff
}

.topNavBar .navList .navItem:hover>a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 4px;
    background: #2251ff
}

.topNavBar .navList .navItem .dropdownMenu {
    display: none;
    position: absolute;
    top: 101%;
    left: 50%;
    
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
    padding: 30px;
    z-index: 10000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    background: #fff;
    box-sizing: border-box
}

.topNavBar .navList .navItem .dropdownMenu>a {
    display: block;
    padding: 10px 0
}

.topNavBar .nav_ac {
    color: #2251ff
}

.topNavBar .nav_ac::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 4px;
    background: #2251ff
}

.popupNav {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    width: 100%;
    height: calc(100% + 150px);
    z-index: 9999
}

.popupNav .topNavBar {
    background: #051c2c;
    color: white;
    border-bottom: 1px solid white
}

.popupNav .popupNavContent {
    width: 100%;
    height: 100%;
    background: white
}

.popupNav .popupNavContent .accordion {
    animation-name: showNavContent;
    animation-duration: .6s
}

.popupNav .popupNavContent a {
    color: #333 !important;
    flex: 1;
    padding: 5px 0
}

@keyframes showNavContent {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0%)
    }
}

@media (min-width:1200px) {
    .topNavBar .navList {
        padding-left: 55px
    }
}

@media (max-width:1200px) {
    .topNavBar .navList {
        display: none
    }
}

.footerbar {
    border-top: 1px solid #000;
    padding: 40px 5%;
    background: white
}

.footerbar .logo {
    width: 160px;
    height: 80px;
    background-image: url('../image/ld_logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.footerbar .links-detail {
    flex-wrap: wrap;
    margin-top: 20px
}

.footerbar .links-detail>div {
    margin: 5px 20px 0 0;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    font-weight: 600
}

.footerbar .links-detail>div:hover {
    text-decoration: underline
}

.footerbar .solid {
    height: 1px;
    background: #b3b3b3;
    margin: 30px 0
}

.footerbar .fl_text,
.footerbar .fr_text {
    font-size: 14px;
    color: #333;
    font-weight: 300;
    line-height: 30px;
    margin: 20px 0
}
.language {
    flex: 1;
    text-align: end;
    margin-right: 2%;
}
.language,.language a {
    color:#fff;
    font-weight: bold;
    font-size: 0.9rem;
}
.language .active {
    color: #004c92;
}
.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ellipsis-2 {overflow:hidden;line-height:1.5;max-height:3em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis-3 {overflow:hidden;line-height:1.5;height:4.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis-4 {overflow:hidden;line-height:1.5;height:6em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.ellipsis-5 {overflow:hidden;line-height:1.5;height:7.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;}
.ellipsis-6 {overflow:hidden;line-height:1.5;height:9em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;}
.ellipsis-7 {overflow:hidden;line-height:1.5;height:10.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;}
.ellipsis-8 {overflow:hidden;line-height:1.5;height:12em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;}
.ellipsis-9 {overflow:hidden;line-height:1.5;height:13.5em;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;line-clamp:9;-webkit-box-orient:vertical;}
