html,body{overflow: hidden;overflow-y: visible;margin:0;padding:0;}
.head-nav-wrap {
    height: 3rem;
}
.head-nav {
    height: 3rem;
    line-height: 3rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 200;
    background-color: #fff;
    overflow: hidden;
    color: #333;
    border-bottom: 1px solid #eee;
}
.head-nav .nav-title {
    padding: 0 2.5rem;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.head-nav .nav-left, .head-nav .nav-right {
    min-width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    display: block;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
}
.head-nav .nav-right {
    left: auto;
    right: 0;
}
.head-nav a {
    color: #333;
}
.content{
    padding:20px;
}  
.l-box {
    padding: 1em;
}
.is-center {
    text-align: center;
}
.banner {
    /* background: transparent url("/uploads/bg02.jpg") no-repeat fixed; */
    text-align: center;
    background-size: cover;
    height: 180px;
    width: 100%;
    display: table;
  }
.banner-head {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 2em;
    color: white;
    font-weight: 500;
    text-shadow: 0 1px 1px black;
  }
.banner-head p{margin-top:-20px;} 
.footer {
    position:fixed;
    bottom:0;
    background: #eee;
    color: #111;
    width: 100%;
}
.banner{display:block;}
.banner .focus1{position:relative;}
.banner .focus1 .f_pic{width:100%;}
.banner .focus1 .pagination{bottom:10px;left:0;position:absolute;width:100%;text-align:center;margin:0}
.banner .focus1 .pagination .toc{display:inline-block;margin:0 3px;width:15px;height:5px;line-height:99;overflow:hidden;background:#fff;}
.banner .focus1 .pagination .selected{background:#82c900;}
.banner .focus1 .f_pic img {height:180px;width:100%;}
.pure-form select{height:2.5em}
.pure-g{text-align: center; margin-top:10px;}
.legend {
    margin-top: 20px;
    display: block;
    width: 100%;
    padding: .3em 0;
    margin-bottom: .3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}
.ht{background: #eee;}
.t30{margin-top:30px;}
.button-success {
    background: rgb(28, 184, 65);
    color: #fff;
}
.button-secondary {
    padding: .5em .6em;
    background: rgb(66, 184, 221);
    color: #fff;
}
.button-zs {
    background: rgb(128, 88, 165);
    color: #fff;
}
.txl{text-align: left;margin-top: 18px;}
.txr{text-align: right;}
.txc{text-align: center;}
.del{ color: #fff; margin-left:-20px; padding:0 8px;cursor: pointer;background: url(/uploads/del.png) no-repeat center;}
#add .pure-u-1-4{margin-top: 10px;}
#count{color:#0078e7;font-weight:500}
.p0{padding-top:0;}
.wb{width:100%;}
.pure-table td, .pure-table th{text-align: center;}
#QUERYEDIT{width:85%;height:28px;line-height:28px;}
#SOBUTTON{width:8%;margin-top:-3px;}
@media (max-width:600px){
    #QUERYEDIT{width:70%}
    #SOBUTTON{width:18%;margin-top:-3px;}
}
.m{color: #0078e7;text-decoration: none;font-weight:500;}
.n{color: #a94442;text-decoration: none;font-weight:500;}
#Query{color:#fff;padding:5px 10px;margin-left: 8px;}
#addsub{padding:3px 8px 5px;margin-top:8px;}
.sobox {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: solid;
    border-color: #e5e5e5;
    padding: 1em .75em 1em;
    text-align: center;
    border-radius : 5px;
}
.sobox input{
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
}
.pure-u-1-3{height:32px;line-height:32px;}
.pure-u-1-3 p{margin:0;padding:0;}
.button-secondary{padding:.2em .5em}
.pure-form select{height:1.8em;padding:0;}
.ht{margin-top:0;}
.pure-button{font-size:14px}
.pure-form select{font-size:14px}
.content-subhead{margin:0;}
.pure-table thead{background-color:rgb(66, 184, 221);border:0;color:#FFF;}
.pure-u-3-4,.pure-u-4-4{letter-spacing:inherit;}
.pure-u-1-8{height:38px; color:#fff;background-color:rgb(66, 184, 221);letter-spacing:inherit;border: #FFF 1px solid;}
.pure-u-1-8, .pure-u-3-24{width:15.5%;}