/* 公共样式开始 */
.page-area {
    background: url(https://file.aconf.org/conf/hk/2022/07/183281/images/other_banner.jpg) center no-repeat;
    background-size: cover;
}
.other_breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 160px 0px 70px;
}
.other_breadcrumb h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
    position: relative;
    margin-bottom: 0px;
    letter-spacing: 2px;
}
.min-other-height {
    min-height: 200px;
}
.navbar-nav {
    float: none;
}
.navbar-nav #menu {
      display: flex;
}
.main-menu .navbar-nav li {
    float: none;
    position: relative;
    flex: 1;
    justify-content: center;
    text-align: center;
}
/* 公共样式结束 */

/* 分享开始 */
.bdshare-button-style1-24 a {
    float: left !important;
    font-size: 18px !important;
    padding-left: 0px !important;
    height: 40px !important;
    width: 40px !important;
    background-image: url(https://file.aconf.org/conf/hk/2018/08/165955/images/20180820181053.png) !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
    margin: 6px 10px 6px 0 !important;
}
.bdshare-button-style1-24 .bds_tsina {
    background-position: 0 -40px !important;
}
.bdshare-button-style1-24 .bds_weixin {
    background-position: 0 -80px !important;
}
.bdshare-button-style1-24 .bds_fbook {
    background-position: 0 -120px !important;
}
.bdshare-button-style1-24 .bds_twi {
    background-position: 0 -160px !important;
}
.bdshare-button-style1-24 .bds_linkedin {
    background-position: 0px -200px !important;
}
/* 分享结束 */

/* banner开始 */
.navbar.navbar-default {
    float: none;
    min-height: auto;
}
.topbar-right {
    margin-top: 20px;
}
.slider-content {
    top: 15%;
    margin-top: 0;
}
.banner_logo {
    margin-bottom: 40px;
    display: block;
}
.banner_logo img {
    width: 136px !important;
}
.layer-1 h1 {
    font-size: 48px;
    max-width: 100%;
    margin-bottom: 30px;
}
.layer-1 h2.title3 {
    font-weight: bold;
    font-size: 35px;
}
.layer-1 h3 {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
}
.layer-2 p {
    color: #ddd;
    font-size: 16px;
    letter-spacing: 0.60px;
    line-height: 30px;
    max-width: 100%;
}
.ready-btn {
    width: 124px;
    height: 41px;
    font-size: 14px;
    padding: 8px 0;
}
/* banner结束 */

/* 日期-简介开始 */
.conf_cfp_area {
    margin-top: -50px;
}
.conf_area {
    margin-bottom: 40px;
}
.system-content {
    max-height: none;
    width: 100%;
    padding: 20px;
}
.system-content h3 {
    font-size: 28px;
}
.introduction {
    background: #f3b007;
}
.introduction h3, .introduction p {
    color: #fff;
}
.introduction .system-btn {
    float: right;
    background: #fff;
    color: #F3B007;
}
.introduction .system-btn:hover {
    border: unset;
    transition: unset;
}
.important_dates {
    margin-top: 60px;
    background: #fafafa;
}
.important_dates .dates_item {
    border: 1px solid #404040;
    padding: 8px 16px;
    margin-bottom: 10px;
    background: #fff;
    color: #333;
    font-size: 18px;
}
/* 日期-简介结束 */

/* 会议动态开始 */
.blog-content {
    background: #fff;
    padding: 0;
    text-align: left;
}
.news_area {
    padding: 50px 0;
}
.hs {
    font-size: 28px;
}
/* 会议动态结束 */

/* 论文投稿开始 */
.submission_area {
    background: #fafafa;
    padding: 50px 0;
}
.paper_submission {
    background: #fafafa;
}
.paper_submission p {
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #404040;
}
.paper_submission a {
    float: right;
}
/* 论文投稿结束 */

/* 组织机构开始 */
.section-headline h3 {
    text-align: center;
    color: #f3b007;
    font-size: 28px;
    margin-bottom: 0;
}
.section-headline p {
    text-align: center;
    color: #707070;
    max-width: 100%;
}
/* 组织机构结束 */

/* 历届会议开始 */
.events-list {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.events-list a {
    font-size: 22px;
    color: #555;
    display: inline-block;
    font-weight: 500;
    background: #fff;
    padding: 12px 0px;
    border-radius: 4px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 10px;
    box-shadow: 0 0 6px rgb(0,0,0,0.3);
    width: 216px;
    text-align: center;
}
.events-list a.v_hidden {
    visibility: hidden;
}
.single-brand-item {
    width:auto;
    padding:0 20px;
}
.events-image a.image-scale {
    text-align: center;
}
/* 历届会议结束 */

@media(max-width:1340px){
    .banner_logo {
        display: none;
    }
    .banner_logo img {
        margin: 0 auto;
    }
}
@media(max-width:1110px){
    .layer-1 h1 {
        font-size: 42px;
        margin-bottom: 10px;
    }
    .banner_logo img {
        margin: 0 auto;
        width: 108px;
    }
    .slider-content {
        top: 30%;
        margin-top: 0;
    }
    .events-list a {
        width: 170px;
    }
}
@media(max-width:876px) {
    .events-list a {
        width: 140px;
        font-size: 16px;
        padding: 8px 0px;
    }
}
@media(max-width:767px){
    .slider-content {
        top: 24%;
        margin-top: 0;
    }
    .banner_logo {
        display: none;
    }
    .hs {
        padding-bottom: 10px;
        font-size: 22px;
        line-height: 24px;
    }
    .system-content {
        margin-bottom: 30px;
    }
    .layer-1 h1 {
        font-size: 24px !important;
        line-height: 1.5;
    }
    .layer-1 h2.title3 {
        line-height: 1.4;
        font-weight: 600;
        font-size: 18px !important;
    }
    .layer-1 h3 {
        font-size: 18px !important;
        line-height: 1.4;
    }
    .title_break {
        display: block;
    }
    .events-list {
        justify-content: center;
        flex-flow: column;
        align-items: center;
        padding: 0 14px;
    }
    .events-list a {
        font-size: 16px;
        color: #555;
        display: block;
        font-weight: 500;
        background: #fff;
        padding: 8px 0px;
        border-radius: 4px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        margin-bottom: 10px;
        box-shadow: 0 0 6px rgb(0 0 0 / 30%);
        width: 100%;
        text-align: center;
    }
    .events-list a.v_hidden {
        display: none;
    }
    .logo-footer {
        display: none;
    }
    .footer-head h4 {
        color: #fff;
        font-size: 20px;
        margin-bottom: 10px;
        text-transform: capitalize;
        font-weight: 600;
    }
    .conf_cfp_area {
        margin-top: 40px;
    }
    .container {
        width: 100%;
    }
    .system-content h3 {
        font-size: 20px;
    }
    .important_dates {
        margin-top: 0;
    }
    .conf_area {
        margin-bottom: 0;
    }
    .news_area {
        padding: 10px 0;
    }
    .submission_area {
        padding: 20px 0;
    }
    .paper_submission p {
        font-size: 16px;
        line-height: 28px;
    }
    .section-headline {
        padding-bottom: 0;
    }
    .section-headline h3 {
        font-size: 22px;
        margin-bottom: 0;
    }
    .area-padding {
        padding: 10px 0;
    }
    .zz {
        margin-top: 10px;
        font-size: 20px;
        line-height: 20px;
    }
}

.topbar-right {
    display: none;
}
.attendee-container .attendee-submission {
    display: none;
}
table.registration_fee p {
    margin: 0;
}
#bounce {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    padding: 25px;
    width: 604px;
}
#bounce .close_btn {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
#bounce .close_btn>img {
    width: 100%;
    height: 100%;
}
#bounce .bounce-content {
    padding: 15px;
    background-color: #c7e5f0;
    border: 2px solid #fff;
    border-radius: 6px;
}
@media(max-width:767px){
   #bounce {
        display: none;
   }
}
li.navigation-apr {
    flex: inherit!important;
}