body{background:#e2e2e2;color:#525252;}
a{text-decoration:none;-moz-transition:color 300ms linear;-webkit-transition:color 300ms linear;color:var(--dark);color:#555;}
a:hover{color:#1E90FF;text-decoration:underline;}
.ul{list-style:none;padding:0;}
.border{border-color:#efefef!important;}
.mb-4-2{margin-bottom:2rem!important;}
.clear{clear:both;width:100%!important;}
img{vertical-align:middle;border-style:none;max-width:100%;}
*{box-shadow:none!important}
[class^="icon-top-"]:before{content:"\f0aa";}
.display-5{font-size:1.8rem;font-weight:300;line-height:1.2;}
.display-6{font-size:1.5rem;font-weight:300;line-height:1.2;}
.fox-lead{font-size:1.1rem;font-weight:300;}
.overflow-hidden{overflow:hidden!important}
.btn-outline-light{color:#555;background-color:transparent;background-image:none;border-color:#e2e6ea;}
.btn-outline-light:hover{color:#555;background-color:#e2e6ea;border-color:#e2e6ea;}
.form-control:focus{border-color:#868e96;}
.other:hover .header_other{display:block;}
.header_other{display:none;position:absolute;background-color:#343a40!important;min-width:82px;padding:5px 0;z-index:9999;}
.header_other a{padding:5px 0px;display:flex;}
.nav-link{position:relative;}
.active .nav-link.one:before{width:100%;}
.nav-link.one:hover:before{width:100%;}
.nav-link:before{content:"";position:absolute;left:50%;bottom:0px;transform:translate(-50%);width:0px;height:2px;background:#37f;transition:all .3s;}
.navbar-dark .navbar-nav .nav-link{padding:0.5rem;}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,1);}
.article-content a{position:relative;}
.article-content a:hover{text-decoration:none!important}
.article-content a:before{content:"";position:absolute;left:50%;bottom:0px;transform:translate(-50%);width:0px;height:2px;background:#37f;transition:all .5s;}
.article-content a:hover:before{width:100%;}
.thread-tags a:hover:before{display:none}
.attachlist{margin:0;padding:0px;}
.attachlist .table{margin-top:0rem;}
.attachlist .table th{padding:0 0 0.75rem 0;}
.attachlist .table td{padding:0.75rem 0;}
.attachlist .table td .attach_num{font-size:18px;font-weight:bold}
.attachlist a img{border:0px;vertical-align:middle;margin-bottom:2px!important;}
.breadcrumb{border:0px;box-shadow:#ddd 0 0 20px;border-radius:6px;background-color:#fff!important;}
.card{border:0px;background:#fff;box-shadow:none!important;border-radius:0.25rem!important;}
.card > .card-header{background-image:none;border-bottom:1px solid rgba(0,0,0,0.04);}
.card-header:first-child{border-radius:6px 6px 0 0;}
.card-footer{background-color:transparent}
.card-footer:last-child{border-radius:0 0 6px 6px;}
.card-header{background-color:inherit}
.card-threadlist .fox-body{padding:0.25rem;}
.thread.top_1 a.link{color:#0e990b;}
.thread.top_3 a.link{color:#007ef7;}
.avatar-3{width:46px!important;height:46px!important;border-radius:0.25rem!important;}
.thread .media-body{min-height:50px;padding-top:5px;margin-bottom:4px;border-bottom:1px dashed rgba(0,0,0,0.08);box-sizing:content-box;}
.threadlist li.thread:last-child .media-body{border-bottom:0px}
.thread{padding:0 0.7rem;border-bottom:0px}
.thread:hover{background-color:#F8F9FA}
.left_nav{background-color:#FFF}
.fox_icon{border-radius:2px;width:0.64rem;height:0.64rem;display:inline-block;margin-right:5px;}
.icon-1{background-color:#E92725;}
.icon-2{background-color:#F27B21;}
.icon-3{background-color:#F2A61F;}
.icon-4{background-color:#5AAF4A;}
.icon-5{background-color:#42C4F5;}
.icon-6{background-color:#0099CC;}
.icon-7{background-color:#3365AE;}
.icon-8{background-color:#2A3591;}
.icon-9{background-color:#592D8E;}
.icon-10{background-color:#DB3191;}
.icon-11{background-color:#BE5281;}
.icon-12{background-color:#88BEE3;}
.icon-13{background-color:#444444;}
.icon-14{background-color:#AB9364;}
.icon-15{background-color:#912CEE;}
.icon-16{background-color:#0B6138;}
.icon-17{background-color:#8B0000;}
.icon-18{background-color:#008B8B;}
.icon-19{background-color:#F781BE;}
.icon-20{background-color:#A9BCF5;}
/*
.icon-g1{color:#3DC7F5;}
.icon-g2{color:#FE8E8E;}
.icon-g3{color:#FE8E8E;}
.icon-g4{color:#6B8E23;}
.icon-g5{color:#548B54;}
.icon-g6{color:#8B8989;}
.icon-g7{color:#177f2e;}
.icon-g10{color:#F00;}
.icon-g101{color:#EEB422;}
.icon-g102{color:#0000CD;}
.icon-g103{color:#8A2BE2;}
.icon-g104{color:#76EE00;}
.icon-g105{color:#CD3700;}
.icon-g106{color:#CD0000;}
*/
.originalImg{background-image:url(../img/original.png);background-size:64px;width:64px;height:64px;position:absolute;left:0;top:0;border-radius:6px 0 0 0;z-index:999}
.originalImg_1{background-position:0 0;}
.originalImg_2{background-position:0 -64px;}
.originalImg_3{background-position:0 -128px;}
.originalImg_4{background-position:0 -192px;}
.originalImg_5{background-position:0 -256px;}
.originalImg_6{background-position:0 -320px;}
.originalImg_7{background-position:0 -384px;}
.originalImg_8{background-position:0 -448px;}
.originalImg_9{background-position:0 -512px;}
.originalImg_10{background-position:0 -576px;}
.originalImg_11{background-position:0 -640px;}
.detail-path{font-size:14px;color:#9199a1;line-height:24px;border-bottom:1px solid rgba(0,0,0,0.04);padding-bottom:5px;}
.detail-path.ml-0{padding-left:1rem!important;}
.detail-path .oddfox{position:relative;z-index:2;cursor:pointer;text-decoration:none}
.detail-path i{font-size:18px;line-height:15px;vertical-align:text-bottom;}
.detail-path .icon-home{speak:none;font-weight:400;font-variant:normal;text-transform:none;}
.detail-path a.active{color:#37f}
.detail-path i.icon-diamond{font-size:15px;}
.btn-primary{color:#FFF;background-color:#37f;border-color:#37f;}
.btn-primary:hover{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-primary:focus,.btn-primary.focus{box-shadow:none;}
.btn-primary.disabled,.btn-primary:disabled{color:#FFF;background-color:#37f;border-color:#37f;}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle{color:#FFF;background-color:#0066CC;border-color:#0066CC;}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus{box-shadow:none;}
.form-control:focus{color:#495057;background-color:#fff;border-color:#9BC9EF;outline:0;box-shadow:0px 1px 5px 0px #E2F1FF inset;}
.custom-select:focus{border-color:#9BC9EF;outline:0;box-shadow:inset 0 1px 5px 0px #E2F1FF;}
.blockquote{background-color:#e5ecf2;border-radius:6px;}
.right-header{font-size:14px;padding:10px 14px 5px 14px!important;border-left:0px solid #37f;border-bottom:1px solid #dee2e6;background:#fff;border-radius:6px 6px 0 0;padding:0.75rem 1.25rem!important;}
#footer{background-color:#fff !important;box-shadow:0 0 4px 1px rgba(0,0,0,0.1);}
.fieldset{margin:10px 0;}
.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 0rem #fff!important;}
button:focus{outline:0px dotted;outline:0px auto -webkit-focus-ring-color;}
.alert-white{color:#6c757d;background-color:#f8f9fa;border-color:#f1f1f1;}
.alert-white hr{border-top-color:#dddfe2;}
.alert-white .alert-link{color:#6c757d;}
.fox_fieldset hr{margin-top:8px;margin-bottom:0rem;}
.fox_fieldset .btn-sm{padding:0.08rem 0.5rem!important;}
.fox_fieldset ul{padding:0;margin:0;list-style:none;}
.fox_fieldset ul li{border-bottom:1px #f9e9b5 solid;padding:.4rem 0}
.fox_fieldset.alert-success ul li{border-bottom:1px #aed2b5 solid;}
.fox_fieldset ul li small{margin-top:2px;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-size:1.25rem;font-weight:bold;margin:15px 0;padding:0 0 0 10px;}
.article-content h1:nth-child(6n+0),.article-content h2:nth-child(6n+0),.article-content h3:nth-child(6n+0),.article-content h4:nth-child(6n+0),.article-content h5:nth-child(6n+0){border-left:5px solid #DE4387}
.article-content h1:nth-child(6n+1),.article-content h2:nth-child(6n+1),.article-content h3:nth-child(6n+1),.article-content h4:nth-child(6n+1),.article-content h5:nth-child(6n+1){border-left:5px solid #AE74EC}
.article-content h1:nth-child(6n+2),.article-content h2:nth-child(6n+2),.article-content h3:nth-child(6n+2),.article-content h4:nth-child(6n+2),.article-content h5:nth-child(6n+2){border-left:5px solid #4527A0}
.article-content h1:nth-child(6n+3),.article-content h2:nth-child(6n+3),.article-content h3:nth-child(6n+3),.article-content h4:nth-child(6n+3),.article-content h5:nth-child(6n+3){border-left:5px solid #4AD868}
.article-content h1:nth-child(6n+4),.article-content h2:nth-child(6n+4),.article-content h3:nth-child(6n+4),.article-content h4:nth-child(6n+4),.article-content h5:nth-child(6n+4){border-left:5px solid #63CEEF}
.article-content h1:nth-child(6n+5),.article-content h2:nth-child(6n+5),.article-content h3:nth-child(6n+5),.article-content h4:nth-child(6n+5),.article-content h5:nth-child(6n+5){border-left:5px solid #EC8E4A}
.article-content a{color:#37F;}
.post_message p a{color:#37F;}
#fox_postlist .message img{max-width:100%;}
.all-read{position:absolute!important;float:right!important;bottom:8px!important;right:0px!important;}
.alert-success .border-top-5{border-top:5px #177f2e solid;}
.alert-warning .border-top-5{border-top:5px #ff5722 solid;}
.alert-gray{color:#868e96;background-color:#f8f9fa;border-color:#e9ecef;}
.alert-gray hr{border-top-color:#e9ecef;}
.alert-gray .alert-link{color:#37F;font-weight:normal;font-size:1rem;}
.text-green{color:#8bca1d !important;}
a.text-green:hover,a.text-green:focus{color:#0f541e !important;}
.post_message .blockquote{background-color:aliceblue;}
.media-body h4.title{font-size:1.3rem!important;}
.list-ul .border-bottom{}
.list-ul li:last-child{border-bottom:0!important;}
.card-header .card-header-tabs .nav-link:before{display:none}
.nav-tabs .nav-link{border-width:0 0 1px 0;}
.nav-tabs .nav-link:hover:not(.active){border-width:0 0 1px 0;}
.card > .card-header{background-image:none;background-color:#fff;border-color:var(--gray-200);}
.card-header-tabs > .nav-item > .nav-link{color:#37f;}
.card-header-tabs > .nav-item > .nav-link.active{color:#FFA500;background:none;border-bottom-color:#FFA500;}
.card-header-tabs > .nav-item > .nav-link.active:hover{border-bottom-color:#F00;color:#F00;}
.card-header-tabs > .nav-item > .nav-link:hover:not(.active){border-width:0 0 1px 0;border-bottom-color:#37f;color:#37f;}
@media screen and (max-width:1024px){}
@media (max-width:992px){}
@media screen and (max-width:768px){}
@media screen and (max-width:767px){
.sub-logo,.sub-new{display:none}
}
@media screen and (max-width:600px){}
@media screen and (max-width:576px){
.card-body{padding:0.5rem;}
/*
2022-04-15
#body{padding-top:0.5rem;}
#body > .container > .row > div{padding:0 0.5rem;}
#my_main{padding:0 0.7rem!important;}
*/
.subject{max-height:40px;overflow:hidden;}
html,body,table{font-size:13px!important;}
.error-404{font-size:1.8rem;}
}
@media screen and (max-width:375px){}
@media screen and (min-width:1288px){
.container{max-width:1280px;width:1280px}
.badge{font-size:12px}
/*
.badge-pill{padding-right:.4em;padding-left:.4em;}
*/
}
@media (min-width:1024px){
#header .text-truncate{display:none;}
#nav{background-color:#07111b!important;}
.ml-xl-auto,.mx-xl-auto{margin-left:auto !important;}
.mr-xl-auto,.mx-xl-auto{margin-right:auto !important;}
}
@media (min-width:768px){}
@media (min-width:576px){
#body{padding-top:1rem;}
.container{max-width:100%;}
}
@media (max-width:992px){
#mobile_nav .mobile-nav-close{position:absolute;top:10px;right:10px;z-index:99;display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;font-size:15px;color:red;}
#mobile_nav .mobile-nav-close:hover,#mobile_nav .mobile-nav-close:focus,#mobile_nav .mobile-nav-close:active{outline:none;text-decoration:none;}
#mobile_nav_dropdown{position:fixed;z-index:88;top:0;left:0px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;-webkit-transform:translateX(-1024px);-moz-transform:translateX(-1024px);-ms-transform:translateX(-1024px);-o-transform:translateX(-1024px);transform:translateX(-1024px);bottom:0;width:100%;padding:0 20px 20px 20px;background:#343a40;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,0.3);-ms-box-shadow:0 0 9px 0 rgba(0,0,0,0.3);box-shadow:0 0 9px 0 rgba(0,0,0,0.3);}
#mobile_nav_dropdown.show{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);display:block;}
}

/*2022-06-25*/
.fox-icon{display:inline-block;cursor:pointer;width:18px;height:18px;text-align:center;border-radius:5px;background-color:#efefef;vertical-align:bottom;background-repeat:no-repeat;background-position:center center}
.fox-g1{background-image:url(../icon/online_admin.svg);}
.fox-g2,.fox-g4,.fox-g5{background-image:url(../icon/moderator.svg);}
.fox-g0,.fox-g6,.fox-g7{background-image:url(../icon/lv0.svg);}
.fox-g101{background-image:url(../icon/lv1.svg);}
.fox-g102{background-image:url(../icon/lv2.svg);}
.fox-g103{background-image:url(../icon/lv3.svg);}
.fox-g104{background-image:url(../icon/lv4.svg);}
.fox-g105{background-image:url(../icon/lv5.svg);}

/*2024-02-05*/
/* -- main-nav -- */
.dropdown-divider{border-top:1px solid #6c757d;height:0;margin:0.5rem 0;overflow:hidden;}
#header #pc_nav .dropdown-menu{margin:0;background-color:#495057;border:1px solid #495057;border-radius:0rem 0.25rem 0.25rem 0.25rem;z-index:1021;}
#header #pc_nav .dropdown-menu.dropdown-menu-right{border-radius:0.25rem 0rem 0.25rem 0.25rem;text-align:right;min-width:100%;}
/*nav-link dropdown-toggle dropdown-toggle-right*/
@media (min-width:992px){
/* LEVEL ONE */
#header #pc_nav .nav-item .nav-link{display:block;padding:0 20px;height:30px;line-height:30px;font-size:14px;text-align:center;text-decoration:none;}
#header #pc_nav .nav-item .nav-link::before{display:none}
#header #pc_nav .nav-item .nav-link::after{}
#header #pc_nav .nav-item:hover .nav-link,#header #pc_nav .active .nav-link{background-color:#495057;color:#FFF;border-radius:0.25rem}
#header #pc_nav .nav-item.dropdown:hover .nav-link{border-radius:0.25rem 0.25rem 0 0rem!important;}
/* LEVEL TWO */
#header #pc_nav .dropdown:hover > .dropdown-menu{display:block;}
#header #pc_nav .dropdown-menu .dropdown-item{background:#495057;color:rgba(255,255,255,0.5);padding-top:0.45rem;padding-bottom:0.45rem;}
#header #pc_nav .dropdown-menu .dropdown-item:hover{background:#202634;color:#FFF;}
#header #pc_nav .dropdown-menu .dropdown-item.active{background:#202634;color:#FFF;}
/* LEVEL THREE */
#header #pc_nav .dropdown-menu .dropdown-menu{left:100%;top:0;min-width:98px;_width:98px;}
#header #pc_nav .dropdown-submenu:hover > .dropdown-menu{display:block;}
#header #pc_nav .dropdown-menu .dropdown-toggle::after{position:absolute;right:10px;top:13px;vertical-align:0;border-right:0;border-top:.2em solid transparent;border-left:.3em solid;border-bottom:.2em solid transparent;}
}
@media (max-width:992px){
#pc_nav > ul:first-child > li:not(:first-child){padding-left:0rem;}
#header #pc_nav .dropdown-toggle:after{position:absolute;right:10px;top:23px;}
#header #pc_nav .dropdown-menu{background-color:#343a40;border:1px solid #343a40;}
#header #pc_nav .dropdown-menu .dropdown-item{position:relative;color:rgba(255,255,255,0.5);text-indent:1.5rem;}
#header #pc_nav .dropdown-item,#header #pc_nav .nav-link{border-bottom:1px solid rgba(134,142,150,0.3);padding:0.8rem 0;background-color:#343a40;text-align:left !important;}
#header #pc_nav .dropdown-menu .dropdown-item:active{color:#555;background-color:#FFF;}
#header #pc_nav .dropdown-menu .dropdown-item:active{color:#555;background-color:#FFF;}
}
/*2024-09-12*/
.fox-side-item{position:relative;border-radius:0.25rem;box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;background:rgba(255,255,255,0.9);padding:85px 15px 0 15px}
.fox-side-item::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,0),#fcfcfc)}
.fox-side-item:hover::after{display:block}
.fox-side-item .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}
.fox-side-item .card-body{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:10px}
.fox-side-item .card-body .avatar{width:7rem;height:7rem;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s,-webkit-transform 0.75s;border:rgba(144,147,153,0.23) 3px solid;padding:0px}
.fox-side-item .card-body .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.fox-side-item .card-body .link{color:#73aaff;margin-bottom:10px;font-size:16px;font-weight:500}
.fox-side-item .card-body .motto{font-size:14px;color:#404044;text-align:center;word-break:break-word}
.fox-side-item .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid #ebeef5}
.fox-side-item .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:#606266;font-size:13px}
.fox-side-item .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:1.2rem;color:#404044;margin-bottom:3px;text-shadow:0 1px 2px rgba(0,0,0,0.25);}
.fox-side-item .list{padding-top:15px}
.fox-side-item .list .item{display:flex;align-items:center;justify-content:space-between;line-height:30px}
.fox-side-item .list .item .link{position:relative;color:#666;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;}
.fox-side-item .list .item .link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#007dff;transition:all 0.35s}
.fox-side-item .list .item .link:hover{color:#007dff}
.fox-side-item .list .item .link:hover::after{width:100%}
.fox-side-item .list .item .icon{fill:#666}

.list-ul a:link{position:relative;color:#666;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;}
.list-ul a:link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#007dff;transition:all 0.5s;}
.list-ul a:hover{color:#007dff}
.list-ul a:hover::after{width:100%}