/* --- style2026 --- */
.bgHeadline.style2026 {background: url(../images/forum2026_focusbg.jpg) no-repeat center center; background-size: cover; position: relative; padding-bottom: 80px;}
.bgHeadline.style2026 .swiper-slide { padding-left: 50px; padding-right: 50px;}
.bgHeadline.style2026 .swiper-slide::before {display: block; position: absolute; width: 100%; height: 100%; top: 50px; left: 0; content: ''; background:linear-gradient(to right,rgb(37,81,181,0) 0,rgb(37,81,181,.3) 10%,#2553b5 100%);}
.bgHeadline.style2026 .headlineTxt { margin-top: 50px; padding-top: 30px;}
.bgHeadline.style2026 .swiper-pagination { bottom: 30px; width: 100%;}
.bgHeadline.style2026 .headlinePic { padding: 0; border: none;}
.bgHeadline.style2026 .headlinePic::after,.bgHeadline.style2026 .headlinePic::before,.bgHeadline.style2026 .headlinePic a::after,.bgHeadline.style2026 .headlinePic a::before { display: none;}
.bgHeadline.style2026 .headlineTit { font-size: 40px; line-height: 1.1;}

.hotnewsBar.style2026 { position: relative; margin-bottom: 50px;}
.hotnewsBar.style2026::before {display: block; position: absolute; content: ''; width: 100%; height: 70%; top: 15%; background:linear-gradient(to right,#c4e0f8 70%,#ffffff 100%);}
.hotnewsBar.style2026 .hotnews_pic { padding-bottom: 25px;}
.hotnewsBar.style2026 .hotnews_pic img { position: relative; z-index: 2;}
.hotnewsBar.style2026 .hotnews_pic::before { display: block; position: absolute; width: calc(100% + 75px); height: 100%; top: 25px; z-index: 1; right: -25px; content: '';  background:linear-gradient(to right,rgb(34,91,198,0) 0,rgb(34,91,198,.3) 20%,#225bc6 100%); }
.hotnewsBar.style2026 .hotnews_r { padding-left: 90px;}
.hotnewsBar.style2026 .hotnews_tit { position: relative;}
.hotnewsBar.style2026 .hotnews_tit::before {display: block; position: absolute; width: 40px; height: 40px; top: -10px; left: -40px; z-index: 1; content: ''; background: url(../images/icon_quotes.png) no-repeat center center; background-size: 40px 40px;}

.newsBox.style2026 { padding-bottom: 35px;}
.newsBox.style2026 .news_l,.newsBox.style2026 .news_r { margin-bottom: 30px;}

.bgBlue {background-color: #303461;}
.quotesBar { padding: 25px 0 60px 0;} .quotesBar .container { overflow: hidden;}
.quotesBar .colTit { font-size: 36px; text-align: center; padding-top: 20px; color: #ffffff;}
.quotesItem { margin-top: 30px;}

#swiper2 {/* height: 725px;*/ height: 830px;}

.onlinetributeSwiper { margin-bottom: 30px; position: relative;}
.onlinetributeSwiper:nth-last-of-type(1) { border-bottom:none; margin-bottom: 0px; }
.onlinetributeSwiper .swiper-slide { /*height: 100%;display: flex;*/ /* height: 655px;*/ height: 725px; overflow: hidden; }
.swiper-container-horizontal>.swiper-pagination-bullets.paginationStyle { padding-left: 0;}
.swiper-pagination.paginationStyle { position: relative;  overflow: hidden;}
.swiper-pagination.paginationStyle .swiper-pagination-bullet { background-color: #ffffff;}
.hkforum-bullet { cursor: pointer;}
.onlinetributeSwiper .swiper-pagination-bullet { background-color: #ffffff; opacity: 1; border: rgb(255,255,255,.9) 1px solid;}
/* .onlinetributeSwiper .swiper-pagination-bullet-active {background-color: #ffffff; opacity: .5;  } */
.onlinetributeSwiper .swiper-horizontal>.swiper-pagination-bullets,.onlinetributeSwiper .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 40px;}

.onlinetributeBox { line-height: 1.3;  padding: 20px 20px 30px 20px; /*height: 100%;*/ height: 355px; margin-top:30px; margin-bottom:30px;  clear: both; overflow: hidden; background:#ffffff url(../images/forum2026_quotesbg.png) no-repeat right bottom; background-size: 100% 100%; cursor: pointer;border-radius: 4px; position: relative;}
.onlinetributeBox .avatar { width: 60px; height: 60px; margin-right: 20px; float: left;} 
.onlinetributeBox .avatar img { width: 60px; height: 60px; border-radius: 50px; object-fit: cover;}
.onlinetributeBox .nametit { padding: 10px 0; box-sizing: border-box; font-size: 18px; overflow: hidden; min-height: 60px; display: flex; align-items: center; flex-wrap: wrap;}
.onlinetributeBox .posttit { width: 100%; clear: both; color: #333333; font-size: 16px; }
.onlinetributeBox .con { font-size: 16px; width: 100%; clear: both; padding: 13px 0 15px 0;} .onlinetributeBox .con p { padding: 6px 0;}
.onlinetributeBox:hover { background-color: #ebf6ff;}
.onlinetributeBox::after {display: block; width: 95px; height: 22px; font-size: 15px; z-index: 2; line-height: 20px; right: 15px; bottom: 13px; position: absolute; content: 'Read more >'; color: #2186F4;}

.bgVideobar { background: url(../images/forum2026_videobg.jpg) no-repeat center center; background-size: 100% 100%;}
.videoList.style2026 { margin-top: 50px;}
.bgVideobar .exploreMorebar { margin-top: 0;}

.picList.style2026 { margin-bottom: 30px;}
.picList.style2026 .exploreMorebar { margin-top: 0;}
.exploreMorebar { width: 100%; clear: both; text-align: center; margin-top: 20px;  padding-bottom: 25px; }
.exploreMore{display:inline-block;line-height:32px;position:relative;padding-left:55px;padding-top:5px;padding-bottom:5px;position:relative}
.exploreMore:hover{text-decoration:none;color:#d22b29}
.exploreMore::after{transition:all .3s ease;display:block;box-sizing:border-box;border-radius:40px;width:42px;height:42px;border:#d22b29 1px solid;content:'';position:absolute;left:0;top:0;background-image:url(../images/btn_arr.png);background-repeat:no-repeat;background-size:100% auto;background-position:0 1px}
.exploreMore:hover::after{background-position:0 -40px;background-color:#d22b29}

/* modal */
.modal_con { padding: 0 20px; font-size: 16px;}
.modal_con p { padding: 8px 0;} .modal_con img { max-width: 100%; height: auto;}
#online_tribute_Modal .close span { padding: 0 5px; cursor: pointer;}
#online_tribute_Modal .modal-title { font-weight: bold; padding-left: 20px;}

#online_tribute_Modal .avatar { width: 70px; height: 70px; margin-right: 20px; float: left;} 
#online_tribute_Modal .avatar img { width: 70px; height: 70px; border-radius: 50px; object-fit: cover;}
#online_tribute_Modal .nametit { padding: 10px 0; box-sizing: border-box; font-size: 18px; overflow: hidden; min-height: 60px; display: flex; align-items: center; flex-wrap: wrap;}
#online_tribute_Modal .posttit { width: 100%; clear: both; color: #333333; font-size: 16px; }
@media all and (min-width: 768px) and (max-width: 1600px) {
     .bgHeadline.style2026 .headlineTit {font-size: 2.6vw; line-height: 3.1vw; margin-bottom: 1.948vw;}
}

/* ---- */
@media all and (max-width: 768px) {
    .bgHeadline.style2026 .swiper-slide { padding-left: 0; padding-right: 0; }
    .bgHeadline.style2026 { padding-left: 15px; padding-right: 15px; padding-top: 50px; padding-bottom: 0px;}
    .bgHeadline.style2026 .swiper-slide { padding-left: 0px; padding-right: 0px;}
    .bgHeadline.style2026 .headlineTxt,.bgHeadline.style2026 .headlinePic { width: 100%; float: none;}
    .bgHeadline.style2026 .headlineTxt { padding-right: 0; margin-top: 0; padding-top: 20px;}
    .bgHeadline.style2026 .headlinePic { margin-bottom: 0px; padding: 0px;}
    .bgHeadline.style2026 .headlineTit { width: 100%; font-size: 25px; line-height: 27px; letter-spacing: -0.1px;}
    .bgHeadline.style2026 .swiper-slide::before { display: none;}

    .hotnewsBar.style2026 { position: relative; margin-bottom: 50px; background-color: #f6f6f6;}
    .hotnewsBar.style2026::before {display: none; } .hotnewsBar.style2026 .hotnews_pic { padding-bottom: 0;}
    .hotnewsBar.style2026 .hotnews_pic::before { display: none; }
    .hotnewsBar.style2026 .hotnews_r { padding-left: 0px;}
    .hotnewsBar.style2026 .hotnews_tit::before {display: none;}

    .quotesBar { padding-bottom: 25px;}
    .onlinetributeSwiper.swiper-container-horizontal>.swiper-pagination-bullets { margin-top:0; top: 0 !important;}

}
@media all and (width: 768px) { 
    .hotnewsBar.style2026 .hotnews_r { padding-left: 10px;} 
}