/* 字體 */
@font-face {
    font-family: "AlibabaPuHuiTi-M";
    src: url('../fonts/Alibaba-PuHuiTi-Medium.ttf') format('truetype');
    src: url('../fonts/Alibaba-PuHuiTi-Medium.woff2') format('woff2');
}

@font-face {
    font-family: "AlibabaPuHuiTi-R";
    src: url('../fonts/Alibaba-PuHuiTi-Regular.ttf') format('truetype');
    src: url('../fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
}

@font-face {
    font-family: "AlibabaPuHuiTi-L";
    src: url('../fonts/Alibaba-PuHuiTi-Light.ttf') format('truetype');
    src: url('../fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
}

@font-face {
    font-family: "AlibabaPuHuiTi-H";
    src: url('../fonts/Alibaba-PuHuiTi-H.ttf') format('truetype');
    src: url('../fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
}

@font-face {
    font-family: "AlibabaPuHuiTi-B";
    src: url('../fonts/Alibaba-PuHuiTi-B.ttf') format('truetype');
    src: url('../fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "AlibabaPuHuiTi-R", sans-serif;
}

section {
    padding: 30px 0;
}

.post-heading h4{
    color: #0ABAB5;
    padding-bottom: 10px;
}


.post-heading h3{
    color: #0ABAB5;
    padding-bottom: 10px;
}

.post-heading h2{
    color: #0ABAB5;
    padding-bottom: 10px;
}

.post-heading h1{
    color: #0ABAB5;
    padding-bottom: 10px;
}

a {
    text-decoration: unset;
}

#topbar {
    background-color: #0ABAB5;
    height: 35px;
}    

#topbar .header-search-btn{
    color: white;
}

.fixed-top-margin{
    margin-top: 115px;
}

.size-container {
    display: flex;
    align-items: baseline;
    color: #fff;
}
.language-option a {
    font-size: 16px;
}

.size-container span,
.language-option span:not(.dividing) {
    cursor: pointer;
}

.size-container span:not(:last-child),
.language-option span:not(:last-child) {
    margin-right: 5px;
}

.language-option .dividing {
    font-size: 14px;
}

.size-container {
    margin-right: 40px;
}

.language-container img {
    margin-right: 8px;
}

.language-container,
.language-option {
    display: flex;
    align-items: center;
    color: #fff;
}

.size-container .small {
    font-size: 15px;
}

.size-container .middle {
    font-size: 18px;
}

.size-container .big {
    font-size: 22px;
}

.size-container .active,
.language-option .active,
.dropdown-toggle::after {
    color: #FFAF59;
}

#header {
    background-color: #E0F2F7;
    /* height: 95px; */
    top: 35px;
    box-shadow: none;
}

#header.header-scrolled{
    background-color: #E0F2F7;
}
#header #navbar .dropdown > .nav-link > i {
    font-size: 16px;
}
#header #navbar .dropdown > .nav-link > i:before{
    display: none;
}

#header #navbar .dropdown > .nav-link > i:after {
    margin-left: 5px;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    color: #FFAF59;
}


#collapsibleNav a {
    font-family: "AlibabaPuHuiTi-M", sans-serif;
    ;
}

#mianNav .navbar-nav .nav-item:not(:last-child) {
    scroll-margin-left: 10px;
}

#mianNav .navbar-nav .nav-item:last-child,
#mianNav .navbar-nav .nav-item:last-child a {
    padding-right: 0;
}

.back-to-top {
    background-color: #ffc107;
}
.btn-theme, #footer .footer-newsletter form button:hover, .back-to-top, .section-title h2::before, .section-title h2::after, .contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i{
    background-color: #ffc107;
}

/* footer */
.footer {
    position: relative;
    z-index: 999;
}
.footer .footer-top {
    display: flex;
    flex-wrap: nowrap;
    height: 10px;
}

.footer .footer-top>div {
    flex: 1;
}

.footer .footer-main {
    background-color: #F0FEFE;
    padding: 82px 150px;
}

.footer .footer-main .text {
    text-align: right;
}

.footer .footer-main .text span {
    display: inline-block;
    text-align: right;
    font-size: 1rem;
    color: #34414D;
    line-height: 1.687rem;
    display: inline-flex;
    flex-direction: column;
}

.footer .footer-main .text::after {
    content: '';
    background: url('../images/home/zhuangshi.png') no-repeat;
    height: 10px;
    width: 68%;
    background-size: 100% 100%;
    display: inline-block;
}

.footer .footer-menu .navbar-nav {
    flex-direction: row;
}

.footer .footer-menu .navbar-nav>li:not(:first-child) {
    margin-left: 30px;
}

.footer .footer-menu .navbar-nav>li a {
    font-size: 1.125rem;
    color: #34414D;
    line-height: 1.562rem;
}

.footer .contact-btn {
    background: #F6AA58;
    border-radius: 26px;
    font-size: 1.125rem;
    color: #FFFFFF;
    line-height: 1.562rem;
    padding: 13px 51px;
}

.footer .footer-buttom {
    background-color: #0ABAB5;
    text-align: center;
    padding: 11px 0;
    font-weight: 400;
    font-size: 0.937rem;
    color: #FFFFFF;
    line-height: 1.312rem;
}

.intervention{
    margin-bottom: 2.5em; 
    padding-bottom: 2em;
    box-sizing: border-box; 
    display: flex; 
    flex-wrap: wrap; 
    border-bottom: none; 
    color: rgb(102, 102, 102);
    border-bottom: 1px solid rgb(0, 101, 149) ;
}

.intervention p,.intervention .desc{
    line-height: 30px;
    font-size: 0.875rem;
    margin-top: 10px;
}

#content.page-bg {
    padding: 0;
    background: url('/assets/frontend/images/header/topic-bg.png');
    background-size: 100%;
}
#content.page-bg > .container {
    padding: 30px 0;
}
.card-container{
	border: none;
	border-radius: 15px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	background-color: #fff;
}
#page-cover .page-cover-title {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 68px;
    background-color: #0cbaa4;
    border-radius: 0.375rem;
    color: #fff;
    padding: 0 20px;
}
.default-font-size {
    font-size: 1.25rem;
}
.default-title-size {
    font-size: 1.625rem;
}
.roll-container {
    overflow: auto;
}


@media(max-width: 768px) {
    .roll-container {
        overflow-x: auto;
    }
    .roll-container > table{
        width: 800px !important;
    }
    .default-title-size {
        font-size: 1.35rem;
    }
    .default-font-size {
        font-size: 1rem;
    }
    header.header .header-top,
    header.header .header-main{
        padding: 0;
    }
    .header-main #mianNav {
        height: auto;
    }
    .header-main .navbar-brand.logo {
        width: 80%;
    }
    header.header .header-main {
        height: 50px;
    }
    .footer .footer-main {
        padding: 47px 13px;
    }
    .footer .footer-main .footer-logo img{
        width: 100%;
    }
    .footer .footer-menu .navbar-nav>li{
        /* margin-right: 10px; */
        /* margin: 0 10px; */
    }
    .footer .footer-menu .navbar-nav {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
    }
    .footer .footer-main .text {
        margin-top: 30px;
        text-align: center;
        font-size: 1.125rem;
        line-height: 1.562rem;
    }
    .footer .footer-main .text::after {
        width: 86%;
    }
    .footer .contact-btn {
        margin-top: 20px;
        display: inline-block;
    }
    .intervention{
        flex-direction: column-reverse;
    }
    
    .intervention .image_wrapper{
        margin-bottom:20px!important;
    }
    
    #downloadtbl{
        margin-left:-15px;
        margin-right:-15px;
    }
    
    #downloadtbl td{
        text-align: left!important;
    }
    #downloadtbl tr>th:first-of-type,#downloadtbl tr>td:first-of-type{
        width:50px;
    }
    #page-cover {
        height: 150px !important;
    }
    #page-cover .page-cover-title{
        font-size: 30px;
        bottom: unset;
        right: unset;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        text-wrap: nowrap;
    }
    #content.page-bg > .container {
        padding: 30px 20px;
    }
    .footer .footer-menu {
        display: none;
    }
}