@import url(core/comm.css);
@import url(core/data.css);
@import url(core/filter.css);
@import url(core/grid.css);
@import url(core/layout.css);
@import url(core/nav.css);
@import url(core/table.css);

.head{
    background-image:url(../img/head_bg.jpg);
    background-size:cover;
    background-position:50% 100%;
    background-color:#219dff;
    color:#fff;
}
.desktop .head a{
    color:#fff;
}
.desktop .head a:hover{
    color:#c8d6ff;
}
.desktop .head .menu{
    height:55px;
}
.desktop .head .menu::before{
    border-top:solid 1px rgba(255,255,255,0.3);
    border-bottom:solid 1px rgba(255,255,255,0.3);
    background-color: rgba(255,255,255,0.05);
    transform:translateZ(0);
    backdrop-filter:blur(3px);
}
.mobile .head .nav~.btn>a{
    color:#fff;
}
.mobile .head .navpop .nav~.btn>a{
    color:var(--color-text) !important;
}
.mobile .local{
    zoom:0.9;
}
.foot{
    background-color:#219dff;
    color:#fff;
}
.foot a{
    color:#fff;
}
.foot a:hover{
    color:#c8d6ff;
}

.main{
    background-size:200% auto;
    background-position:50% 0%;
    background-repeat:no-repeat;
}

.rows .title.border{
    margin:0;
}
.rows .title.border>.name{
    border-left:solid 5px #eee;
    padding-left:5px;
}

.tab{
    line-height:2;
    white-space:nowrap;
    overflow-y:auto;
    border-bottom:solid 2px var(--style-light);
}
.tab a{
    white-space:nowrap;
    text-decoration:none;
    padding:0.5em 1em;
    display:inline-block;
}
.tab a.active{
    font-weight:bold;
    border-top:solid 1px var(--style-light);
    border-right:solid 1px var(--style-light);
    border-left:solid 1px var(--style-light);
    background-color:var(--style-light);
    border-top-right-radius:0.5em;
}
.tab a.active.trans{
    border-top:none;
    border-right:none;
    border-left:none;
    background-color:unset;
}

.pagenavigation{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.mobile .pagenavigation>span{
    display:none;
}
.pagenavigation>ul{
    max-width:100%;
    overflow-x:auto;
    white-space:nowrap;
    border:1px solid var(--style-dark);
    border-radius:var(--radius-size);
    margin:var(--space-size) 0;
    padding:0;
    display:inline-block;
}
.pagenavigation>ul>li{
    text-align:center;
    min-width:2.5rem;
    line-height:2.5rem;
    border-right:1px solid var(--style-dark);
    margin:0;
    padding:0;
    display:inline-block;
}
.pagenavigation>ul>li:last-child{
    border-right:none;
}
.pagenavigation>ul>li>a{
    text-align:center;
    text-decoration:none;
    padding:0 0.5rem;
    display:block;
    background-color:var(--style-input);
}
.pagenavigation>ul>li>a:hover{
    background-color:var(--style-normal);
}
.pagenavigation>ul>li>a.current{
    background-color:var(--style-normal);
    cursor:default;
}
.pagenavigation>ul>li>a.firstpage::before{
    content:"«";
}
.pagenavigation>ul>li>a.prepage::before{
    content:"‹";
}
.pagenavigation>ul>li>a.nextpage::before{
    content:"›";
}
.pagenavigation>ul>li>a.lastpage::before{
    content:"»";
}

#xtree li span {
    display:inline-block;
    text-align:center;
    width:1.2em;
    margin-right:3px;
    opacity:0.5;
    cursor:pointer;
}
#xtree li .swap {
    position: absolute !important;
    top: 8px !important;
    right: 0;
    display: inline-block;
    width: 18px !important;
    height: 18px !important;
    overflow: hidden;
    line-height: 18px !important;
    font-size: 18px !important;
    font-weight: bold;
    color: #666;
    line-height: 12px;
    text-align: center;
    margin-left: 5px;
}
#xtree li.focus>a {
    color:#F00 !important;
}
#xtree>ul>li>a {
    font-size:1.4rem;
}
#xtree>ul>li>ul>li>a{
    font-size:1.2rem !important;
}
#xtree>ul>li>ul>li>ul>li a{
    font-size:1rem !important;
}
#xtree>ul>li ul{
    margin-left:1em;
    display:none;
}
#xtree>ul>li>ul>li ul {
    display:none;
}
#xtree>ul>li ul li {
    border-bottom:1px #ccc dashed;
    padding:4px 0;
    text-align:justify !important;
}
#xtree>ul>li ul li:last-child {
    border-bottom:none;
}

.jglst{background-color:var(--color-background);margin:0.5rem;transition:0.5s}
.jglst:hover{box-shadow:0 0 0.5em 0.1em var(--style-light);transform:scale(1.03,1.03);z-index:1}
.jglst .cert{height:95px;overflow:hidden}
.desktop .jglst .cert{padding-left:calc(100px + var(--space-size))}
.desktop .jglst .cert p{text-align:left !important}
.mobile .jglst .cert p{text-align:center !important}