html{scroll-behavior:smooth}
:root,body,html{font-size:.8125em!important}
body,html{background-color:#fff}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.6;color:#393939;font-style:normal;padding:0}
@font-face{font-family:MiSansThin;src:url('./font/MiSans-Thin.woff2') format('woff2'),url('./font/MiSans-Thin.woff') format('woff'),url('./font/MiSans-Thin.ttf') format('truetype');font-weight:400;font-style:normal}
a,a:hover button{-webkit-transition:all .2s;transition:all .2s}
h2.forum-title,h2.posting-title,h2.titlespace,h2.topic-title,h2.viewonline-title{font-style:normal;font-size:2.8em;font-family:MiSansThin,sans-serif;margin-top:0;line-height:1.3}
body.simple{min-height:100%;padding:0 5px}
em,i{font-style:normal}
p{line-height:1.6}
p.time{margin-bottom:0}
a, a:hover {text-decoration: none!important}
img{max-width: 100%}
.attach-image img {border: 0;}
h3{border-bottom-color:#e5e5e5;margin-bottom:10px;margin-top:0}
fieldset img.avatar{max-width:100%;width:auto!important;height:auto!important}
.postprofile strong{color:#000;line-height:1.6;padding:0 0 0 .5em}
a.forumtitle{font-family:inherit;font-size:1em;font-weight:700;line-height:2em;border-bottom:dotted 1px transparent}
a.forumtitle:hover{border-bottom:dotted 1px #db5d86;text-decoration:none!important;padding-bottom:3px}
fieldset{font-family:inherit;font-size:1em}
dd.info,dd.lastpost,dd.moderation,dd.redirect,dd.time{font-size:1em}
input.inputbox{border-radius:3px;transition:all .2s ease-in}
.inputbox:hover{border-color:#11a3ea;transition:all .2s ease-in}
fieldset.quick-login input.inputbox{background-color:#fff}
button,html input[type=button],input[type=reset],input[type=submit]{padding:5px 10px;border-radius:3px}
.inputbox{background-color:#fff;border-color:#e5e5e5;color:#333}
select{border-color:#e5e5e5;background-color:#fafafa;color:#000;border-radius:3px}
textarea.inputbox{border-radius:3px}
fieldset.submit-buttons input{vertical-align:middle;padding:5px 10px;border-radius:3px}
a.button1,input.button1,input.button3{border-color:#aac9dd}
input.button3{background-image:none}

a.button2,input.button2,input.button3{border-color:#aac9dd}
a.button1,a.button2{color:#000}
a.button1,input.button1{color:#000;background-color:#f4e4df;background-image:none;border:#e3b6a9 1px solid;transition:all .3s ease-in!important}
a.button2,input.button2{border-color:#b4dcb1;color:#000;background-color:#e3f2e2;background-image:none;transition:all .3s ease-in!important}
input.button3{color:#000;background-color:#e1ebf1;background-image:none;transition:all .3s ease-in!important}
a.button1:hover,input.button1:hover{border-color:#d9725e;color:#fff;background-color:#d9725e;background-image:none;transition:all .2s ease-in!important}
a.button2:hover,input.button2:hover{border-color:#65a361;color:#fff;background-color:#65a361;background-image:none;transition:all .2s ease-in!important}
.icon.icon-gray,a:hover .icon.icon-gray{color:#a6b5ca}
ul.topiclist li.row dd{color:#999}
input.button3:hover{border-color:#aac9dd;color:#000;background-color:#aac9dd;background-image:none;transition:all .2s ease-in!important}
.button{border-radius:3px}
input.button1:focus,input.button2:focus,input.button3:focus{border-color:#fff;color:inherit;transition:all .2s ease-in!important}
input.disabled{color:#666}
.footer-row{font-size:11.5px;line-height:1.5}
.postbody .content{font-size:1.3em;overflow-x:auto;line-height:1.8}
.content img[src*="images/smilies/"]{display:inline-block!important;margin:0!important;vertical-align:middle!important;max-width:25px!important;max-height:25px!important;width:25px!important;height:auto!important}
.smiley-box img[src*="images/smilies/"]{display:inline-block!important;margin:5px!important;vertical-align:middle!important;max-width:20px!important;max-height:20px!important;width:20px!important;height:auto!important}
.content{font-family:inherit;line-height:inherit}
.emoji{min-height:20px;min-width:20px;height:1em;width:1em;margin:0 4px}
.content .emoji{vertical-align:sub;font-size:1.8em;line-height:1em}
.wrap{border:none;border-radius:0;padding:5px 0;background: none!important;background-color:none!important;}
.wrap .navbar{padding:0}
ul.topiclist dt{font-size:1em}
dl.faq{font-family:inherit;font-size:inherit;margin-top:1em;margin-bottom:2em;line-height:inherit}
p.author{margin-bottom:.6em;padding:0 0 5px 0;font-family:inherit;font-size:1em;line-height:1.2em;clear:both;color:#999}
.icon.icon-lightgray,a:hover .icon.icon-lightgray{color:#999}
dl.file dd{color:#999}
p.post-notice{background-color:#ffbebe;background-image:none;border-radius:5px}
.content dl.faq{font-size:inherit;margin-bottom:.5em;line-height:1.6}

.forum-title{margin: 0 0 0.2em 0;}
.inputbox{padding: 2px 5px!important}
.agreement{font-size:12px;line-height:inherit;margin-bottom:10px}
dfn{font-style:normal}
div.rules{background-color:#f5f3e7;color:#d18e36;margin:0;font-size:1.1em;padding:10px 15px;border-radius:3px}
.action-bar{font-size:inherit;margin:12px 0}
.forabg{margin-bottom:4px;margin-top:5px;padding:5px;clear:both;border-radius:3px;background:#f2f6fc}
.message-box textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Microsoft YaHei",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:13px;line-height:1.6;margin-top:5px;padding:10px!important}
.forumbg{margin-bottom:-2px;padding:0;clear:both;border-radius:0;background:#fff;border-top:1px #e8edf4 solid}
ul.topiclist dl{position:relative;padding-top:2px}
.logo{padding:0}
.dropdown .pointer{border-color:#dcefff transparent}
.postprofile dd,.postprofile dt{line-height:1.6em;margin-left:8px}
@media (max-width:1220px){.wrap{margin:0}
}
#wrap{margin-bottom:10px;max-width:1200px}
.action-bar{border-bottom:#e5e5e5 0 solid}
.search-header{box-shadow:0 0 3px #0075b0}
.headerbar{background:linear-gradient(to bottom,#69c 3%,#87bdd8 100%);border-radius:0}
.site_logo{background-image:url("./images/site_logo.svg");background-repeat:no-repeat;display:inline-block;width:300px;height:90px}
.navbar{border-radius:0}
.nav-wrap{border-radius:8px;background-color:transparent}
.footerbar-container,.headerbar-container,.navbar-container{max-width:1200px;margin:0 auto}
.headerbar-container{background-image:url("./images/top_bg.png");background-repeat:no-repeat;background-size:auto 100%;background-position:left center}
@media (max-width:768px){.headerbar-container{background-image:none}
.postprofile dd,.postprofile dt{line-height:1.6em;margin-left:0}
}
li.header dd,li.header dt{color:#105289}
#page-footer{margin-bottom:-20px}
.footerbar{margin:0 auto;padding:0}
.page-footer .navbar{background-color:transparent}
.copyright{padding-bottom:20px}
.copyright,.copyright a{color:#979797!important;font-size:11.5px!important;padding-top:0}
.copyright a:hover{color:#000!important}
.online{background-image:none!important}
.icon.online{color:#85de39}
.offline:before,.online:before{left:5px}
.postprofile dd.profile-rank,.postprofile dt{text-align:left}
.postprofile .avatar{float:none}
.postprofile .avatar img{display:initial}
.avatar-container{padding:10px 0}
.jumpbox-cat-link{background:#d7e3ee;border-top-color:#0077b3;color:#105289}
.jumpbox-cat-link:hover{background:#d7e3ee;border-top-color:#0077b3;box-shadow:0;color:#105289}
ul.navlinks{border-top-color:transparent}
li.row{border-top-color:rgba(255,255,255,0);border-bottom-color:#4692bf}
li.row:hover{background-color:#f5f5f5}
li.row.bg3{background-color:#f0f4f6}
li.row.bg3:hover{background-color:#f4f8fa}
blockquote{background-color:#f0f0f0;border-color:#ddd;border-radius:5px;padding:10px 15px;color:#717171;box-shadow:1px 3px 5px rgb(0 0 0 / 5%)}
.panel-container table.table1 thead th{color:#333;border-bottom-color:#fff}
table.table1 tbody tr{border-color:#fff}
table.table1 tbody tr.hover,table.table1 tbody tr:hover{background-color:#f6f9fd;color:#000}
.forum-image{float:left;padding-top:0;margin-right:10px;margin-bottom:7px}
.forum-image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:3px;max-width:80px}
.icon.icon-black, a:hover .icon.icon-black {transition: all ease-out .3s;}



ul.forums{background-color:#fff;background-image:none}
ul.topiclist dd{border-left-color:#ecf1f8}
.rtl ul.topiclist dd{border-right-color:#ecf1f8;border-left-color:transparent}
li.row{border-top-color:transparent;border-bottom-color:#e8edf4}
li.row strong{color:#000}
li.row:hover{background-color:#f9fbfd}
li.row:hover dd{border-left-color:#e8edf4}
.rtl li.row:hover dd{border-right-color:#e8edf4;border-left-color:transparent}
li.header dd,li.header dt{color:#105289}
.bg1{background-color:#fff}
table.zebra-list tr:nth-child(odd) td,ul.zebra-list li:nth-child(odd){background-color:#ecf3f7}
.bg2{background-color:#fff}
table.zebra-list tr:nth-child(2n) td,ul.zebra-list li:nth-child(2n){background-color:#f3f8fb}
.bg3{background-color:#f1f6fa}
ul.topiclist{border-bottom:0 #e8edf4 solid}
.ucprowbg{background-color:#dcdee2}
.fieldsbg{background-color:#e7e8ea}
.site_logo{background-image:url("./images/site_logo.svg")}
.avatar-rank-container{max-width:30%}
.avatar-rank-container .avatar{border-radius:3px}
.left-box.profile-details{width:70%}
.jumpbox-sub-link{background-color:#fff}
.jumpbox-sub-link:hover{background-color:#f2f5fa}
.jumpbox .dropdown li{border-top-color:#e8edf4}
.jumpbox .dropdown .pointer-inner{border-color:#fff transparent}
.breadcrumbs .crumb:before{content:'\203A';font-weight:700;padding:0 .5em}
.codebox{background-color:#ddd;border:none}
.codebox p{padding: 6px 12px!important}

@media (min-width:700px){.site-description h1,.site-description p{display:none}
.postbody{width:77.5%;float:right}
.post{background-color:#fff;border:1px solid rgba(112,112,112,.2);padding:5px 10px;margin-top:10px;border-radius:3px}
.panel{background-color:transparent;padding:0;margin-top:10px;border-radius:3px}
.avatar-container{max-width:200px;padding:10px;text-align:center}
.profile-contact,.profile-custom-field,.profile-joined,.profile-posts,.profile-status,.profile-warnings{background-color:transparent;border:1px solid rgba(64,64,64,.2);padding:3px;margin-top:4px;margin-left:5px;margin-right:8px;border-radius:3px}
.postprofile{background:linear-gradient(to bottom,#f0f5fa 1%,#fff 100%);padding-bottom:10px;margin-top:5px;margin-left:0;border-radius:3px;width:20%;float:left}
.postprofile img.avatar{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:cover;border-radius:3px;margin:10px 0}
.section-search .postprofile{padding: 15px 10px 5px 10px;}
.section-search .search .postbody{width: 66%;padding: 5px 0;}
}
.pagination li.active span{display:inline-block;font-size:inherit;font-weight:400;font-family:inherit;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;border:0}
.pagination li a{font-family:inherit;line-height:1}
.button .icon,.icon,.uncited:before,blockquote cite:before{display:inline-block;font-family:FontAwesome;font-weight:400;font-style:normal;font-variant:normal;font-size:inherit;line-height:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pagination li a,.pagination li span{padding:3px 5px;border:0;border-radius:2px}
.search-box .inputbox{background-image:none;border-right-width:1px;border-radius:3px;margin-right:1px;float:left;height:23px;padding:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pagination .arrow a{padding:3px 5px}
.button-search-end{border-left-width:1px;border-radius:3px;margin-left:1px}
.action-bar .button{margin-right:1px;float:left}
.back2top .top{float:right;margin-right:0;margin-top:0}

/* --------------------------------------------------------
--------------------- Fixed navbar Top  -------------------
--------------------------------------------------------- */
#page-header .navbar{position:fixed;top:0;left:0;width:99%;z-index:99}
#page-header .navbar .navbar-container{padding-right:3px}
@media (max-width:1182px){#page-header .navbar .navbar-container{padding-right:10px}
}
@media (max-width:700px){#page-header .navbar .navbar-container{padding-right:5px}
.site-description h1{font-family:MiSansThin,sans-serif}
table.responsive td>dfn{display:none!important}
.attach-controls{margin-top:5px;width:auto}
}
.headerbar{margin-top:36px}


/* --------------------------------------------------------
-------------------  Background New Post  -----------------
--------------------------------------------------------- */
.global_unread{background-color:#f1f7fa}
.global_unread_mine{background-color:#f1f7fa}
.global_unread_locked{background-color:#f1f7fa}
.global_unread_locked_mine{background-color:#f1f7fa}
.announce_unread{background-color:#f1f7fa}
.announce_unread_mine{background-color:#f1f7fa}
.announce_unread_locked{background-color:#f1f7fa}
.announce_unread_locked_mine{background-color:#f1f7fa}
.forum_unread{background-color:transparent}
.forum_unread_locked{background-color:transparent}
.forum_unread_subforum{background-color:transparent}
.sticky_unread{background-color:#f1f7fa}
.sticky_unread_mine{background-color:#f1f7fa}
.sticky_unread_locked{background-color:#f1f7fa}
.sticky_unread_locked_mine{background-color:#f1f7fa}
.topic_unread{background-color:transparent}
.topic_unread_mine{background-color:#f1f7fa}
.topic_unread_hot{background-color:#f1f7fa}
.topic_unread_hot_mine{background-color:#f1f7fa}
.topic_unread_locked{background-color:#f1f7fa}
.topic_unread_locked_mine{background-color:#f1f7fa}
.pm_unread{background-color:#f1f7fa}
.post.unreadpost{background-color:none}
.notification_list ul li img{float:left;width:40px!important;height:40px!important;margin-right:5px;object-fit:cover!important;border-radius:50%!important}
a.header-avatar img{margin-bottom:2px;max-height:20px;vertical-align:middle;width:20px;object-fit:cover!important;border-radius:50%!important}
.dropdown{position:absolute;left:0;top:1.2em;z-index:2;border:1px solid transparent;border-radius:5px;padding:9px 0 0;margin-right:-500px;opacity:0;transform:translateY(-12px);visibility:hidden;transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out;pointer-events:none;will-change:opacity,transform,visibility}
.dropdown.show{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}
.dropdown-extended .header{background-color:#dcefff;background-image:none}
.dropdown-extended .pointer-inner{border-color:#dcefff transparent}
.dropdown .dropdown-contents{background:#fff;border-color:#dcefff;box-shadow:1px 3px 5px rgba(0,0,0,.05)}
.dropdown-extended ul li{border-top-color:#dcefff}
.dropdown-extended .footer,.dropdown-extended .header{border-color:#dcefff}
.dropdown-extended ul li:hover{background:#f6fafe}
a.lastsubject{font-weight:700;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.postprofile .search-result-date,.postprofile dd.profile-rank,.postprofile dt.no-profile-rank{margin-bottom:5px}
.search-box .inputbox,.search-box .inputbox:focus,.search-box .inputbox:hover{border-color:#dae3ec}
.headerspace{margin-top:5px}


/* --------------------------------------------------------
--------------------------  Ranks  ------------------------
--------------------------------------------------------- */
.banner-rank{font-weight:700;position:relative;margin-top:5px;margin-right:8px;padding:5px;border-radius:3px;color:#eee;text-align:center;border-radius:3px}
.banner-rank:after,.banner-rank:before{position:absolute;top:-3px;width:4px;height:3px;opacity:.8}
.banner-rank:before{left:0;border-top-left-radius:3px}
.banner-rank:after{right:0;border-top-right-radius:3px}
dl.row-item dt .list-inner{padding-left:55px}
ul.topiclist dt .list-inner{margin-right:0;padding-right:450px}
ul.topiclist dt .list-inner .user_vpic{position:absolute;top:16px;width:45px;height:45px;left:10px}
ul.topiclist dt .list-inner .user_vpic img{width:45px!important;height:45px!important;object-fit:cover!important;border-radius:50%!important;display:block}


/* --------------------------------------------------------
---------------------  Responsive CSS  --------------------
--------------------------------------------------------- */
@media only screen and (max-width:700px),only screen and (max-device-width:700px){body,html{background-color:#fff}
body{padding-left:5px;padding-right:5px}
#wrap{width:auto;padding:0;border-width:0;border-radius:0;box-shadow:none;background:0 0}
.wrap .navbar{padding:0 5px}
}
@media only screen and (max-width:700px),only screen and (max-device-width:700px){.offline:before,.online:before{right:5px;left:auto}
ul.topiclist dt .list-inner{margin-right:0;padding-right:0}
fieldset.quick-login label>span{display:inline-block;min-width:50px}
}
@media (max-width:700px){.banner-rank{display:none}
.postprofile dd.profile-rank,.postprofile dt{text-align:left}
.postprofile .avatar img{width:40px!important;height:40px!important;max-height:40px;object-fit:cover!important;border-radius:50%!important}
.post .postprofile{width:auto;padding-bottom:5px;margin:0 0 5px 0;padding-top: 8px; min-height:40px;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #eee}
.has-profile .post-buttons{right:0;top:15px}
}


/* --------------------------------------------------------
----------------------  Icon images  ----------------------
--------------------------------------------------------- */
.contact-icon                       { background-image: url("./images/icons_contact.svg"); }

/* Profile & navigation icons */
.pm-icon                            { background-position: 0 0; }
.email-icon                         { background-position: -21px 0; }
.jabber-icon                        { background-position: -80px 0; }
.phpbb_icq-icon                     { background-position: -61px 0 ; }
.phpbb_wlm-icon                     { background-position: -182px 0; }
.phpbb_aol-icon                     { background-position: -244px 0; }
.phpbb_website-icon                 { background-position: -40px 0; }
.phpbb_youtube-icon                 { background-position: -98px 0; }
.phpbb_facebook-icon                { background-position: -119px 0; }
.phpbb_googleplus-icon              { background-position: -140px 0; }
.phpbb_skype-icon                   { background-position: -161px 0; }
.phpbb_twitter-icon                 { background-position: -203px 0; }
.phpbb_yahoo-icon                   { background-position: -224px 0; }

/* Forum icons & Topic icons */
.global_read                        { background-image: url("./images/announce_read.png"); }
.global_read_mine                   { background-image: url("./images/announce_read_mine.png"); }
.global_read_locked                 { background-image: url("./images/announce_read_locked.png"); }
.global_read_locked_mine            { background-image: url("./images/announce_read_locked_mine.png"); }
.global_unread                      { background-image: url("./images/announce_unread.png"); }
.global_unread_mine                 { background-image: url("./images/announce_unread_mine.png"); }
.global_unread_locked               { background-image: url("./images/announce_unread_locked.png"); }
.global_unread_locked_mine          { background-image: url("./images/announce_unread_locked_mine.png"); }

.announce_read                      { background-image: url("./images/announce_read.png"); }
.announce_read_mine                 { background-image: url("./images/announce_read_mine.png"); }
.announce_read_locked               { background-image: url("./images/announce_read_locked.png"); }
.announce_read_locked_mine          { background-image: url("./images/announce_read_locked_mine.png"); }
.announce_unread                    { background-image: url("./images/announce_unread.png"); }
.announce_unread_mine               { background-image: url("./images/announce_unread_mine.png"); }
.announce_unread_locked             { background-image: url("./images/announce_unread_locked.png"); }
.announce_unread_locked_mine        { background-image: url("./images/announce_unread_locked_mine.png"); }

.forum_link                         { background-image: url("./images/forum_link.png"); }
.forum_read                         { background-image: url("./images/forum_read.png"); }
.forum_read_locked                  { background-image: url("./images/forum_read_locked.png"); }
.forum_read_subforum                { background-image: url("./images/forum_read_subforum.png"); }
.forum_unread                       { background-image: url("./images/forum_unread.png"); }
.forum_unread_locked                { background-image: url("./images/forum_unread_locked.png"); }
.forum_unread_subforum              { background-image: url("./images/forum_unread_subforum.png"); }

.sticky_read                        { background-image: url("./images/sticky_read.png"); }
.sticky_read_mine                   { background-image: url("./images/sticky_read_mine.png"); }
.sticky_read_locked                 { background-image: url("./images/sticky_read_locked.png"); }
.sticky_read_locked_mine            { background-image: url("./images/sticky_read_locked_mine.png"); }
.sticky_unread                      { background-image: url("./images/sticky_unread.png"); }
.sticky_unread_mine                 { background-image: url("./images/sticky_unread_mine.png"); }
.sticky_unread_locked               { background-image: url("./images/sticky_unread_locked.png"); }
.sticky_unread_locked_mine          { background-image: url("./images/sticky_unread_locked_mine.png"); }

.topic_moved                        { background-image: url("./images/topic_moved.png"); }
.pm_read,
.topic_read                         { background-image: url("./images/topic_read.png"); }
.topic_read_mine                    { background-image: url("./images/topic_read_mine.png"); }
.topic_read_hot                     { background-image: url("./images/topic_read_hot.png"); }
.topic_read_hot_mine                { background-image: url("./images/topic_read_hot_mine.png"); }
.topic_read_locked                  { background-image: url("./images/topic_read_locked.png"); }
.topic_read_locked_mine             { background-image: url("./images/topic_read_locked_mine.png"); }
.pm_unread,
.topic_unread                       { background-image: url("./images/topic_unread.png"); }
.topic_unread_mine                  { background-image: url("./images/topic_unread_mine.png"); }
.topic_unread_hot                   { background-image: url("./images/topic_unread_hot.png"); }
.topic_unread_hot_mine              { background-image: url("./images/topic_unread_hot_mine.png"); }
.topic_unread_locked                { background-image: url("./images/topic_unread_locked.png"); }
.topic_unread_locked_mine           { background-image: url("./images/topic_unread_locked_mine.png"); }		

.topics dl.row-item{background-position:15px 18px;background-repeat:no-repeat;background-size:25px}
.tabs{margin:10px 0 0 0}
.tabs .tab>a{border-radius:4px;margin:0 2px 5px 0;border:0}
.tabs .tab>a{background:#dbe8f1;color:#6ba6c5}
.tabs .activetab>a{margin-top:0;padding:5px 9px}
.tabs .activetab>a,.tabs .activetab>a:hover{background-color:#86b4d6;background-image:none;filter:none;border-color:#cadceb;box-shadow:0 0 0 #fff inset;color:#fff}
.navigation a{color:#333;background:#cadceb;background:-webkit-linear-gradient(left,#dbe8f1 50%,#f9f9f9 100%);background:linear-gradient(to right,#dbe8f1 50%,#f9f9f9 100%);border-radius:3px 0 0 3px}
.navigation a:hover{background:#cadceb;background:-webkit-linear-gradient(left,#c5dae8 50%,#f9f9f9 100%);background:linear-gradient(to right,#c5dae8 50%,#f9f9f9 100%);color:#bc2a4d}
ul.topiclist li.row dl{margin:0}
.badge{top:5px;padding:2px 5px}
dl.row-item dd,dl.row-item dt{min-height:55px}
h2{font-family:MiSansThin,sans-serif;font-weight:lighter;font-size:2em;margin:.8em 0 .2em 0}
.forabg .header a,.forumbg .header a,th a{color:inherit}
@media only screen and (max-width:900px),only screen and (max-device-width:900px){#navigation a,.rtl #navigation a{background:#cae0ef}
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button{border-color:#dae3ec;background-color:#fbfdfd;background-image:none;filter:none;box-shadow:none;-webkit-box-shadow:none;font-size:12px}
.button:focus,.button:hover{border-color:#abdaff;background-color:#fff;background-image:none;filter:none;text-shadow:none}
.button .icon,.button-secondary{color:#5a89b0}
.button-secondary:focus,.button-secondary:hover,.button:focus .icon,.button:hover .icon{color:#255984}
.button-search-end:hover,.button-search:hover{border-color:#abdaff}
.caret{border-color:#dadada}
.caret{border-color:#c7c3bf}
.contact-icons a{border-color:#dcdcdc}
.contact-icons a:hover{background-color:#f2f6f9}

/* =========================
   页面TAB
   ========================= */
.jq-tab-container{width:100%;margin:0 auto;margin-top:20px;min-height: 140px;}
.jq-tab-container p{margin-bottom:0}
.jq-tabs{list-style:none;padding:0;display:flex}
.jq-tabs li{margin:0;padding:.5em 2em;cursor:pointer;background:#f8f8f8;border:1px solid #ddd;border-bottom:none;border-radius:3px 3px 0 0;margin-right:3px;transition:background .25s,font-weight .25s;position:relative;color:#909090}
.jq-tabs li .icon{font-size:1em;margin-right:.5em}
.jq-tabs li:hover{background:#eee}
.jq-tabs li.active{background:#fff;color:#105289;margin-bottom: -1px;z-index: 80}
.jq-tabs li.active::after{content:"";position:absolute;left:-1px;right:-1px;bottom:0;height:2px;background:#7eb4d7;transition:opacity .3s ease;opacity:0}
.jq-tabs li.active::after{opacity:1}
.jq-tab-content-wrapper{position:relative;border:1px solid #ddd;border-radius:0 3px 3px 3px;background:#fff;overflow:hidden}
.jq-tab-panel{padding:15px;position:absolute;top:0;left:0;right:0;min-height:100%;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .4s ease-out,transform .4s ease-out,visibility .4s step-end}
.jq-tab-panel.active{position:relative;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .4s ease-out,transform .4s ease-out,visibility .4s step-start}

/* =========================
   首页列表
   ========================= */
.recent-topics-container{margin-bottom:20px}
.recent-topic-item{display:flex;padding:15px;border-bottom:1px solid #e5e5e5;transition:background-color .2s}
.recent-topic-item:hover{background-color:#f9f9f9}
.recent-topic-item.announcement{background-color:#ecf2f7;border-radius: 3px;margin-bottom: 3px;border-bottom: 0;}
.recent-topic-item.global-announcement{background-color:#d8e6f2;border-radius: 3px;margin-bottom: 3px;border-bottom: 0;}
.recent-topic-item.sticky{background: #f9f9f9;border-radius: 3px;margin-bottom: 3px;border-bottom: 0;}
.topic-avatar{flex-shrink:0;margin-right:10px;width:45px;height:45px;overflow:hidden;border-radius:50%}
.topic-avatar img,.topic-avatar-img{width:45px!important;height:45px!important;object-fit:cover!important;border-radius:50%!important;display:block}
.topic-content{flex:1;min-width:0}
.topic-title{margin-bottom:2px;font-size:16px;font-weight:500;display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.topic-title .topictitle{color:#105289;text-decoration:none;font-size:.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
.topic-title .topictitle:hover{color:#e85200}
.topic-title .fa{font-size:14px}
.topic-title .fa-bell-o{color:red;margin-right:3px}
.topic-title .fa-arrow-up{color:#f90;margin-right:3px}
.topic-title .fa-image,.topic-title .fa-paperclip{color:#999;margin-left: 3px}
.topic-meta{color:#a4a4a4;font-size:12px;display:flex;flex-wrap:wrap;align-items:center}
.topic-meta span{margin-right:5px;display: inline-block}
.topic-meta .separator{color:#ccc;margin:0 5px}
.topic-meta i{margin-right:3px;font-size:12px}
.forum-name a{color:#105289;text-decoration:none}
.forum-name a:hover{text-decoration:underline}
.author a{color:#fc9502;text-decoration:none}
.author a:hover{color:#e80000;text-decoration:underline}
.custom-pagination{display:flex;justify-content:center;width:100%}
.custom-pagination li{display:inline-block}
.custom-pagination li.active span{display:inline-block;padding:2px 8px;font-size:12px;font-weight:600;font-family:"Open Sans","Droid Sans",Verdana,Arial,Helvetica;line-height:1.4;text-align:center;white-space:nowrap;vertical-align:middle;}
.profile-avatar img{max-width:100%;width:auto!important;height:auto!important}
.custom-pagination .dropdown-container,.custom-pagination .page-jump,.dropdown-container.dropdown-page-jump,.page-jump,li.dropdown-container.dropdown-button-control.dropdown-page-jump{display:none!important}
.custom-pagination-inner{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}
.custom-pagination-inner .button,.custom-pagination-inner strong{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;text-decoration:none;font-size:14px;transition:all .2s;box-sizing:border-box}
.custom-pagination-inner .button:hover{background-color:#e5e5e5;border-color:#ccc}
.custom-pagination-inner strong{background-color:#105289;border-color:#105289;color:#fff;font-weight:400}
.custom-pagination-inner .pagination-dots{background-color:transparent;border:none;color:#999;cursor:default}
.custom-pagination-inner .pagination-dots:hover{background-color:transparent;border:none}
.custom-pagination-inner i{font-size:16px}
@media (max-width:700px){.topic-meta{align-items:flex-start}
.topic-meta .separator{display:none}
.topic-meta span{margin-bottom:3px}
.custom-pagination-inner{gap:3px}
.custom-pagination-inner .button,.custom-pagination-inner strong{min-width:32px;height:32px;font-size:13px}
}
dl.thumbnail img{padding:0;border:0;box-sizing:border-box}
dl.thumbnail dd{font-style:italic}
.attachbox dl.thumbnail dd{font-size:100%}
dl.thumbnail dt a:hover img{border:0}
dl.file dd{margin-top:.5em;font-size:12px}
.attachbox dd{border-top:0}
.attachbox{border:1px dotted;border-color:#c9d2d8;border-radius:5px}

/* =========================
   首页列表图片容器
   ========================= */
.topic-thumbs{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;row-gap:5px!important;column-gap:5px!important;margin-top:8px!important;margin-bottom:8px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;border-radius: 3px;}
.topic-thumbs img, img.postimage{cursor:zoom-in!important;border-radius: 3px;}
.topic-thumbs img.thumb-img{display:block!important;border-radius:3px!important;object-fit:cover!important;object-position:center!important;background:#f0f0f0!important;box-sizing:border-box!important;padding:0!important;border:0!important;margin:0!important;cursor:zoom-in!important;transition:transform .2s}
.topic-thumbs img.thumb-img:hover{filter:brightness(.95);transition:transform .2s}

/* 大屏显示（≥769px） */
@media (min-width:769px){.topic-thumbs{flex-wrap:nowrap!important;overflow:hidden!important}
.topic-thumbs img.thumb-img{height:100px!important;width:auto!important;flex-shrink:0!important}
.topic-thumbs img.thumb-img:nth-child(n+6){display:none!important}
}

/* 小屏显示（≤768px） */
@media (max-width:768px){
.topic-thumbs img.thumb-img{width:calc(50% - 2.5px)!important;height:100px!important;flex:0 0 calc(50% - 2.5px)!important;min-width:calc(50% - 2.5px)!important;max-width:calc(50% - 2.5px)!important}
.topic-thumbs img.thumb-img:only-child{width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important}
.topic-thumbs img.thumb-img:first-child:nth-last-child(3){width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important}
/* 新增：五张图片时的布局 */
.topic-thumbs img.thumb-img:first-child:nth-last-child(5),
.topic-thumbs img.thumb-img:first-child:nth-last-child(5) ~ .thumb-img{width:calc(50% - 2.5px)!important;height:100px!important;flex:0 0 calc(50% - 2.5px)!important}
.topic-thumbs img.thumb-img:first-child:nth-last-child(5){width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important}
.topic-thumbs img.thumb-img:nth-child(n+6){display:none!important}
}

/* =========================
   附件图片缩略图样式
   ========================= */
.attach-image-thumbnail{display:inline-block;width:80px;height:80px;overflow:hidden;border-radius:3px;background:#f0f0f0;margin:0 10px 5px 0;vertical-align:middle;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.attach-image-thumbnail img{width:100%;height:100%;object-fit:cover;cursor:pointer;border-radius:3px;transition:transform .6s ease}
.attach-image-thumbnail img:hover{transform:scale(1.1);transition:transform .3s ease;cursor:zoom-in!important;}
.cp-menu hr,.panel-container h3,.panel-container hr{border-color:#a4b3bf;display:none}

/* =========================
   三级自适应论坛导航菜单
   ========================= */
.forum-nav-container{position:relative;z-index:10;width:100%;margin:0 auto;max-width:1200px}
.forum-nav{display:flex;list-style:none;margin:0;padding:0;background:#b8daf0;position:relative;flex-wrap:wrap;border-radius:3px}
.forum-nav>li{position:relative;list-style:none}
.forum-nav>li>a{display:block;padding:10px 20px 10px 10px;color:#000;text-decoration:none;font-weight:500;transition:background .3s;white-space:nowrap}
.forum-nav>li.active>a,.forum-nav>li:hover>a{background:#7a9fc4;color:#fff}
.level1-title{display:block;padding:10px 25px 10px 15px;color:#000;text-decoration:none;font-weight:500;transition:background .3s;white-space:nowrap;cursor:pointer}
.level1-title:first-of-type{border-radius:3px}
.level1-title i.sub-icon{margin-left:10px}
.level1-title:hover{background:#9bc3e4}
.forum-nav>li:hover .level1-title{background:#9bc3e4}
dl.row-item{background-position:10px 10px;background-repeat:no-repeat;background-size:25px}
dl.row-item dt{background-repeat:no-repeat;background-position:5px 20px;background-size:17px;background-image:none!important}
@media (min-width:769px){.forum-nav>li.has-submenu .level1-title .sub-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);margin-left:5px;font-size:14px}
}
.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2);padding:0 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001}
.forum-nav>li:hover>.dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu li{position:relative;list-style:none}
.dropdown-menu li a{display:block;padding:10px 15px;color:#333;text-decoration:none;transition:background .2s;white-space:nowrap}
.dropdown-menu li a:hover{background:#ededed;color:#2c3e50}
.has-submenu>a{position:relative;padding-right:25px}
.has-submenu>a i.sub-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px}
.submenu{position:absolute;left:98%;top:8px;min-width:200px;background:#fff;box-shadow:0 5px 15px rgb(0 0 0 / 20%);overflow:hidden;padding:0 0;list-style:none;opacity:0;visibility:hidden;transform:translateX(-10px);transition:all .3s ease;z-index:1002}
.has-submenu:hover>.submenu{opacity:1;visibility:visible;transform:translateX(0)}
.dropdown-menu>li:not(:last-child),.submenu>li:not(:last-child){border-bottom:1px solid #e0e0e0}
.forum-stats{font-size:12px;color:#777;padding:4px 0 4px 15px;display:flex;gap:16px;line-height:1.2;background:#f7f7f7}
.forum-stats .stat-item{display:inline-flex;align-items:center;gap:5px}
.forum-stats i{font-size:12px;opacity:.85}
.forum-stats .stat-item:hover,.forum-stats .stat-item:hover i{color:#2c3e50;cursor:default}
.dropdown-menu>li>a,.submenu>li>a{margin-bottom:0;padding-bottom:8px;display:block}
.mobile-menu-toggle{display:none;width:25px;padding:14px 0;color:#000;cursor:pointer;text-align:center;background:0 0;line-height:1.4;margin-left:auto;flex-shrink:0;position:relative;z-index:100;pointer-events:auto}

/* =========================
   手机端样式 - 优化展开动画流畅度
   ========================= */
@media (max-width:768px){.forum-nav-container{background:0 0;margin-top:-52px}
.mobile-menu-toggle{display:block;color:#fff!important;background:0 0}
.mobile-menu-toggle i{color:#fff!important;font-size:24px;transition:transform .5s ease}
.forum-nav.show~.mobile-menu-toggle i{transform:rotate(90deg)}
.forum-nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#b8daf0;max-height:0;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.15);width:100%;transition:max-height .5s cubic-bezier(.4, 0, .2, 1);pointer-events:none}
.forum-nav.show{max-height:3000px;pointer-events:auto}
.forum-nav>li{width:100%;overflow:hidden}
.level1-title{display:block;position:relative;padding:14px 50px 14px 20px;color:#000!important;font-weight:600;line-height:1.4;background:0 0!important;cursor:pointer;white-space:normal;border-bottom:1px solid #a0c0e0;transition:background .3s ease}
.level1-title:hover{background:#9bc3e4!important}
.forum-nav>li:hover .level1-title{background:#9bc3e4!important}
.level1-title .sub-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(0);font-size:20px;color:#000!important;transition:transform .35s ease;padding:10px}
.forum-nav>li.has-submenu.open .level1-title .sub-icon,.forum-nav>li:hover .level1-title .sub-icon{transform:translateY(-50%) rotate(90deg)}
.dropdown-menu{position:static;max-height:0;overflow:hidden;background:#fff;display:block;width:100%;transition:max-height .4s cubic-bezier(.4, 0, .2, 1)}
.forum-nav>li.has-submenu.open>.dropdown-menu{max-height:2000px}
.submenu{position:static;max-height:0;overflow:hidden;background:#fff;display:block;width:100%;transition:max-height .4s cubic-bezier(.4, 0, .2, 1)}
.submenu.show{max-height:2000px}
.has-submenu>a i.sub-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(0);font-size:20px;transition:transform .35s ease;padding:10px;cursor:pointer}
.dropdown-menu li.has-submenu.open>a i.sub-icon{transform:translateY(-50%) rotate(90deg)}
.dropdown-menu li a,.submenu li a{color:#222!important;padding-left:30px}
.submenu li a{padding-left:50px}
.forum-stats{padding:6px 15px 6px 30px;font-size:12px;gap:14px;color:#444;background:#f8faff}
.dropdown-menu>li:not(:last-child),.submenu>li:not(:last-child){border-bottom:1px solid #c0d8f0}
}
@media (max-width:430px){.section-viewtopic .search-box .inputbox{width:124px}
}

/* =========================
   左右布局
   ========================= */
.layout-wrapper{width:100%;margin:0 auto;margin-top:10px}
.two-columns{display:flex;flex-wrap:wrap;align-items:flex-start;position:relative}
.left-content{width:70%;margin-right:20px;min-width:0;box-sizing:border-box;flex-shrink:0}
.right-sidebar{width:calc(30% - 20px);min-width:0;box-sizing:border-box;align-self:flex-start;position:sticky;top:20px}
@media screen and (max-width:768px){.two-columns{flex-direction:column}
.left-content{width:100%;margin-right:0;margin-bottom:20px}
.right-sidebar{width:100%;position:relative;top:auto}
}

/* =========================
   首页三格部分
   ========================= */
#latest-images-sidebar .slideshow-container{position:relative;width:100%;aspect-ratio:4/2.7;overflow:hidden;border-radius:3px}
#latest-images-sidebar .mySlides{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.5s ease-in-out;pointer-events:none}
#latest-images-sidebar .mySlides.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
#latest-images-sidebar .mySlides img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(-50%,-50%);border-radius:3px;min-width:100%;min-height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
#latest-images-sidebar .dot{cursor:pointer;height:9px;width:9px;margin:0 5px;background:rgba(53,117,174,.8);border-radius:50%;display:inline-block;transition:all .3s ease}
#latest-images-sidebar .dot.active,#latest-images-sidebar .dot:hover{background:#f80;transform:scale(1.2);box-shadow:0 0 6px rgba(255,136,0,.6)}
.custom-showcase{background:linear-gradient(to bottom,#e9f1f9 1%,#f9f9f9 100%);padding:20px;overflow:hidden;border-radius:3px}
.showcase-inner{display:flex;flex-direction:column;gap:10px}
.latest-section,.slider-section,.thumbs-section{width:100%;min-width:0}
.latest-section h3,.thumbs-section h3{margin:5px 0 10px 0;padding-bottom:5px;border-bottom:1px solid #e5e5e5}
.slider-placeholder{width:100%;aspect-ratio:4/2.7;overflow:hidden;border-radius:3px}
.slider-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.thumbs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.thumb-item{width:100%;aspect-ratio:4/3.3;overflow:hidden;border-radius:3px;opacity:.6;transition:opacity .4s ease;cursor:pointer}
.thumb-item:hover{opacity:1}
.thumb-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.latest-list{list-style:none;padding:0;margin:0}
.latest-list li{margin-bottom:8px;line-height:1}
.latest-list a{color:#5295c3;line-height:1.2;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.latest-list a:hover{text-decoration:underline;color:#105289}
@media (max-width:768px){.showcase-inner{flex-direction:column;gap:15px}
.latest-section,.slider-section,.thumbs-section{width:100%}
.slider-placeholder{aspect-ratio:4/2.7;width:100%}
.thumbs-grid{grid-template-columns:repeat(3,1fr);gap:8px}
fieldset.quick-login input.inputbox{width:65%;max-width:300px;margin-left:20px}
}
a.topictitle{font-family:inherit;font-size:1.2em;font-weight:700;text-decoration:none}
a.topictitle:hover{text-decoration:none!important}


/* =========================
   列表缩略图
   ========================= */
.topic-preview-images{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 3px 0;position:relative;z-index:1;pointer-events:auto!important}
.topic-preview-images img.topic-thumb{height:100px;width:auto;object-fit:cover;border-radius:3px;cursor:zoom-in!important;transition:transform .2s}
.topic-preview-images img.topic-thumb:hover{filter:brightness(.95);transition:transform .2s}
@media (min-width:769px){.topic-preview-images{flex-wrap:nowrap;overflow:hidden;border-radius:3px}
.topic-preview-images img.topic-thumb:nth-child(n+6){display:none}
}
@media (max-width:768px){.topic-preview-images img.topic-thumb{width:calc(50% - 3px);height:100px}
.topic-preview-images img.topic-thumb:first-child{width:100%;height:auto;max-height:220px;object-fit:cover}
.topic-preview-images img.topic-thumb:only-child{width:100%;height:auto;max-height:none}
.topic-preview-images img.topic-thumb:first-child:nth-last-child(5),.topic-preview-images img.topic-thumb:first-child:nth-last-child(5)~img.topic-thumb{width:calc(50% - 3px);height:100px}
.topic-preview-images img.topic-thumb:first-child:nth-last-child(5){width:100%;height:auto;max-height:220px}
.topic-preview-images img.topic-thumb:first-child:nth-last-child(4),.topic-preview-images img.topic-thumb:first-child:nth-last-child(4)~img.topic-thumb{width:calc(50% - 3px);height:100px}
.topic-preview-images img.topic-thumb:first-child:nth-last-child(3){width:100%;height:auto;max-height:220px}
.topic-preview-images img.topic-thumb:first-child:nth-last-child(3)~img.topic-thumb{width:calc(50% - 3px);height:100px}
.topic-preview-images img.topic-thumb:first-child:nth-last-child(2),.topic-preview-images img.topic-thumb:first-child:nth-last-child(2)~img.topic-thumb{width:calc(50% - 3px);height:100px}
.topic-preview-images img.topic-thumb:nth-child(n+6){display:none}
}


/* =========================
   弹窗容器
   ========================= */
.img-lightbox{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;transition:all .3s ease;cursor:zoom-out}
.img-lightbox.show{opacity:1;visibility:visible}
.img-lightbox-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.img-lightbox img{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:10px;display:block}
.img-lightbox .close-btn{position:absolute;top:20px;right:20px;font-size:3em;color:#fff;background:0 0;border:none;cursor:pointer;transition:transform .3s ease;z-index:100}
.img-lightbox .close-btn:hover{transform:rotate(90deg)}

/* =========================
   回到页面顶部
   ========================= */
.go-top{position:fixed;bottom:40px;right:20px;width:40px;height:30px;padding-bottom:4px;background-color:#b8daf0;border-radius:4px;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;opacity:0;visibility:hidden;transition:all ease-out .3s;box-shadow:0 2px 3px rgba(0,0,0,.1);z-index:9999;text-decoration:none}
.go-top:hover{background-color:#89b2cd}
.go-top i{color:#fff;font-size:32px;line-height:1;height:auto;width:auto;margin:0;padding:0;display:inline-block;vertical-align:middle;text-align:center}
.go-top i::before{margin:0;padding:0}
.go-top.show{opacity:1;visibility:visible}

