@charset "UTF-8";
@import url(normalize.css);

.header01 .left h1,
.header01 .right,
.header01 .station,
.historylink .link-menu .menu-list .subnavlink,
.FormEditor table:nth-of-type(1) a,
.EditDepartment table:first-child a,
table.UserRightsEditor a,
.transacation table:first-child a,
.imggroup table:first-child a,
.contentseditor-article table:first-child a,  
.table-normal a,
.list-details a,
.ListSelection li,
.booksearch li,
.ListSelection li p,
.booksearch li p, 
.PopupSelection li,
.CirculationHistory li,
.CirculationHistory li p {
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
}



body {
    position: relative;
    margin: 0px;
}

h1 {
    margin: 0;
}

a {
    text-decoration: none;
	color: #000;
    display: inline-block;
}

input:focus {
    border: 1px solid #6990e1; 
}

input {
    border-radius: 5px;
    border: 1px solid #ccc;
    outline: none;
}

select {
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
}

/*select:focus {
  background-color: ivory;
}
*/
header {
    position: fixed;
    z-index: 990;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}


/* header01 */



.header01 .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.header01 .left .icon {
    height: 45px;
    width: 64px;
    border-right: 1px solid #0a5f8e;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.header01 .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.header01 .station {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.header01 .right a {
    font-size: 12px;
    color: white;
}

.header01 .station a {
    font-size: 12px;
    color: white;
}

.header01 .right > * {
    margin: auto 8px;
    background-repeat: no-repeat;
    background-position: left center;
}

.header01 .station > * {
    margin: auto 8px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center;
}



.header01 .right .message a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.header01 .station .message a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}



.header01 .station .message a span {
    position: absolute;
    right: 8px;
    top: 5px;
    padding: 1px 5px;
    color: #02335b;
    font-size: 10px;
    border-radius: 10px;
    background-color: #95d800;
}





.header01 .station .login-in .name,
.header01 .station .login-in .exit {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 5px;
}

.header01 .right .login-in .name:hover,
.header01 .right .login-in .exit:hover {
    color: #95d800;
}

.header01 .station .login-in .name:hover,
.header01 .station .login-in .exit:hover {
    color: #95d800;
}

.header01 .right .login-in span {
    font-size: 10px;
    color: white;
}

.header01 .station .login-in span {
    font-size: 10px;
    color: white;
}

.header01 .right .cslnnet {
    margin-right: 0;
    padding: 0;
}

.header01 .station .cslnnet {
    margin-right: 0;
    padding: 0;
}



.header01 .right .backtohome {
    background-image: url(../images/header-icon03.png);
    background-size: 28px 28px;
}

.header01 .station .backtohome {
    background-image: url(../images/header-icon03.png);
    background-size: 28px 28px;
}

.header01 .right .backtohome {
    text-align: right;
}

.header01 .station .backtohome {
    text-align: right;
}

.header01 .right .backtohome a {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding-left: 35px;
    margin-right: 25px;
}

.header01 .station .backtohome a {
    display: inline-block;
    height: 28px;
    padding-left: 35px;
    line-height: 45px;
}

.header01 .right .backtohome a:hover {
    color: #95d800;
}

.header01 .station .backtohome a:hover {
    color: #95d800;
}

.wrapper .left {
    z-index: 500;
}

.wrapper .right {
    width: 100%;
    min-width: 1024px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-left: 120px;
    box-sizing: border-box;
    /* padding-top: 45px; */
}

.wrapper .station {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-left: 1px;
    box-sizing: border-box;
}

.libheader {
    font-size: 13px;
    color: #02335b;
}

.libheader a {
    color: inherit;
    vertical-align: middle;
    padding: 1px;
    word-spacing: 2px;
}

.libheader a:last-child {
    border: 1px dotted #02335b;
}

.libheader a:hover {
    color: #95d800;
}

.libheader a:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background-image: url(../images/link.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 2px;
}


/*footer*/

footer {
    position: fixed;
    display: block !important;
    width: 100%;
    height: 50px;
    bottom: 10px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: white;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    z-index: 100;
}

footer:hover {
    bottom: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

footer:hover .footerlink a {
    color: #666666;
}

footer:hover .footerlink ul:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

footer .footerlink ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

footer .footerlink ul:after {
    content: "";
    position: absolute;
    display: block;
    right: 85px;
    top: -2px;
    background: url(../images/footer.png) no-repeat center center;
    background-size: 22px;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    opacity: 1;
}

footer .footerlink ul li {
    margin: 5px 12px;
}

footer .footerlink ul a {
    color: transparent;
    font-size: 12px;
    padding: 5px;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}

footer .copyright {
    font-family: "Arial";
    font-size: 12px;
    color: #999999;
}

/*section {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;*/
/*    text-align: justify;
*/    

    /*overflow: visible;
}*/


/*.DialogContexts {
    overflow-y: auto;
    overflow-x: hidden;
    width: auto;
}*/

.title-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #02335b;
}

    .title-menu .title {
        font-family: "Microsoft Yahei";
    }

        .title-menu .title h2 {
            font-weight: normal;
            font-size: 20px;
            display: inline-block;
        }

            .title-menu .title h2:before {
                content: "";
                background: url(../images/h2icon.png) no-repeat left 1px;
                width: 30px;
                height: 25px;
                display: inline-block;
                vertical-align: middle;
            }

        .title-menu .title span {
            font-weight: bold;
            font-size: 16px;
        }


/* loading */

.loading {
    position: fixed;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 40%;
    margin-left: -25px -64;
    -webkit-animation: rotates 1s linear infinite;
    animation: rotates 1s linear infinite;
}

    .loading img {
        display: inline-block;
        width: 100%;
        opacity: .5;
    }

@-webkit-keyframes rotates {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotates {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* backtotop */

#backtotop {
    width: 64px;
    height: 30px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 0;
    z-index: 9999;
    bottom: 0px;
    text-align: center;
    background: url(../images/backtotop.png) #eaeaea no-repeat center center;
    background-size: 50%;
}

#backtotop:hover {
    -webkit-animation: totop 1.5s infinite linear;
    animation: totop 1.5s infinite linear;
}

@-webkit-keyframes totop {
from {
    background-position: center 15px;
}

to {
    background-position: center -15px;
}
}

@keyframes totop {
    from {
        background-position: center 15px;
    }

    to {
        background-position: center -15px;
    }
}


/*表格通用样式*/

.FormEditor table:nth-of-type(1),
.EditDepartment table:first-child,
table.UserRightsEditor {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.FormEditor table:nth-of-type(1) a,
.EditDepartment table:first-child a,
table.UserRightsEditor a {
    color: inherit;
    width: 100%;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    box-sizing: border-box;
}

.FormEditor table:nth-of-type(1) a:hover,
.EditDepartment table:first-child a:hover,
table.UserRightsEditor a:hover {
    background-color: rgba(223, 223, 223, 0.8);
}

.FormEditor table:nth-of-type(1) th,
.EditDepartment table:first-child th,
table.UserRightsEditor th,
.FormEditor table:nth-of-type(1) td,
.EditDepartment table:first-child td,
table.UserRightsEditor td {
    border: 1px solid #dfdfdf;
}

.FormEditor table:nth-of-type(1) thead,
.EditDepartment table:first-child thead,
table.UserRightsEditor thead {
    border-bottom: 2px solid #dfdfdf;
    background-color: #fafafa;
    color: #02335b;
}

.FormEditor table:nth-of-type(1) thead tr,
.EditDepartment table:first-child thead tr,
table.UserRightsEditor thead tr {
    height: 30px;
}

.FormEditor table:nth-of-type(1) tbody,
.EditDepartment table:first-child tbody,
table.UserRightsEditor tbody {
    background-color: white;
    color: #333;
}

.FormEditor table:nth-of-type(1) tbody tr,
.EditDepartment table:first-child tbody tr,
table.UserRightsEditor tbody tr {
    height: 30px;
}

.FormEditor table:nth-of-type(1) tbody tr:nth-child(even),
.EditDepartment table:first-child tbody tr:nth-child(even),
table.UserRightsEditor tbody tr:nth-child(even) {
    background-color: rgba(239, 239, 239, 0.2);
}

.FormEditor table:nth-of-type(1) tbody td,
.EditDepartment table:first-child tbody td,
table.UserRightsEditor tbody td {
    padding: 0 5px;
}

.transacation table:first-child,
.imggroup table:first-child,
.contentseditor-article table:first-child {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.transacation table:first-child a,
.imggroup table:first-child a,
.contentseditor-article table:first-child a {
    color: inherit;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    box-sizing: border-box;
}

.transacation table:first-child a:hover,
.imggroup table:first-child a:hover,
.contentseditor-article table:first-child a:hover {
    background-color: rgba(223, 223, 223, 0.8);
}

.transacation table:first-child th,
.imggroup table:first-child th,
.contentseditor-article table:first-child th,
.transacation table:first-child td,
.imggroup table:first-child td,
.contentseditor-article table:first-child td {
    border: 1px solid #dfdfdf;
}

.transacation table:first-child thead,
.imggroup table:first-child thead,
.contentseditor-article table:first-child thead {
    border-bottom: 2px solid #dfdfdf;
    background-color: #fafafa;
    color: #02335b;
}

.transacation table:first-child thead th,
.imggroup table:first-child thead th,
.contentseditor-article table:first-child thead th {
    padding-left: 5px;
}

.transacation table:first-child thead tr,
.imggroup table:first-child thead tr,
.contentseditor-article table:first-child thead tr {
    height: 30px;
}

.transacation table:first-child tbody,
.imggroup table:first-child tbody,
.contentseditor-article table:first-child tbody {
    background-color: white;
    color: #333;
}

.transacation table:first-child tbody tr,
.imggroup table:first-child tbody tr,
.contentseditor-article table:first-child tbody tr {
    height: 30px;
}

.transacation table:first-child tbody tr:nth-child(even),
.imggroup table:first-child tbody tr:nth-child(even),
.contentseditor-article table:first-child tbody tr:nth-child(even) {
    background-color: rgba(239, 239, 239, 0.2);
}

.transacation table:first-child tbody td,
.imggroup table:first-child tbody td,
.contentseditor-article table:first-child tbody td {
    padding: 0 5px;
}


.ButtonNextPage {
    color: white !important;
    display: inline !important;
}

.button .download:active,
.button .rank:active,
.switch:active,
.cmdbutton:active,
.ButtonNextPage:active,
.ButtonPreviousPage:active,
.FormEditor table:nth-of-type(2) button:active,
.EditDepartment table:nth-child(2) button:active,
.EditDepartment form button:active,
.searchpanel button:active,
.searchDlg button:active,
.templateview .nowview-operate .nowview-oprete-titlestyle form button:active,
.contentseditor-article button:active,
.addnewindex button:active,
.editorindex button:active,
.ListSelection button:active,
.booksearch button:active,
.CirculationHistory button:active {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;
}

.ContentDelete {
    display: block;
    width: 80px;
    height: 30px;
    margin: 0 auto;
    background: url(../images/delete1.png) white no-repeat center center;
    background-size: 24px;
    text-align: center;
    cursor: pointer;
    background-color: white;
    color: white;
    outline: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.ContentDelete a:hover {
    background: url(../images/delete2.png) white no-repeat center center;
    background-size: 24px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.ContentDelete a:active {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) inset;
}

.button {
    text-align: right;
    margin-top: 10px;
}

.switch:before {
    content: "";
    display: inline-block;
    width: 2em;
    vertical-align: middle;
    height: 1em;
    background-image: url(../images/switch.png);
    background-repeat: no-repeat;
    background-size: 2em;
    background-position: center top;
    margin-right: 10px;
}

.on:before {
    background-position: center bottom;
}


/* 编辑本馆布告 */

/* 报表与统计-基本情况 */

/* 图书馆管理 */

table.memberlist-Command {
    width: 100%;
}

    table.memberlist-Command td,
    table.memberlist-Command tr,
    table.memberlist-Command tbody {
        background-color: transparent;
        padding: 0;
        margin: 0;
        border: none;
    }


/* 报表与统计-馆藏文献 -计算机应用 */

/* 报表与统计 -流通统计  -阅读测评统计 */

/* 报表与统计-文献总金额 -读者统计 */

table.value tbody td:first-child,
table.TaxonomicSummary tbody td:first-child,
table.UsageReport tbody td:first-child,
table.PublishAging tbody td:first-child,
table.HoldingAging tbody td:first-child {
    min-width: 200px;
}


/* 报表与统计-网络环境 -图书馆馆管理软件 */

/* -推荐阅读 */

/* 报表与统计 -分类统计 -用途统计 -出版年代 -典藏年代 -读者阅览统计  */

.PatronCheckin table:nth-of-type(2) {
    width: 100%;
}

.PatronCheckin table:nth-of-type(2) td,
.PatronCheckin table:nth-of-type(2) tr,
.PatronCheckin table:nth-of-type(2) tbody {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 12px;
}


/* 文章编辑 */

.edui-editor {
    z-index: 300 !important;
}

.edui-editor-toolbarbox {
    top: 75px !important;
}


/* 类别管理 */

.FormEditor table:nth-of-type(2) button {
    margin: 0;
    margin-top: 10px;
}


/* 单位管理编辑 通用样式 FormEditor */

.EditDepartment table:nth-child(2) button {
    margin: 10px;
}

.EditDepartment form table:nth-of-type(1) {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.EditDepartment form table:nth-of-type(1) th,
.EditDepartment form table:nth-of-type(1) td {
    border: 1px solid #dfdfdf;
}

.EditDepartment form table:nth-of-type(1) thead {
    border-bottom: 2px solid #dfdfdf;
    background-color: #fafafa;
    color: #02335b;
    text-align: center;
}

.EditDepartment form table:nth-of-type(1) thead tr {
    height: 30px;
}

.EditDepartment form table:nth-of-type(1) tbody {
    background-color: white;
    color: #333;
}

.EditDepartment form table:nth-of-type(1) tbody tr {
    height: 30px;
}

.EditDepartment form table:nth-of-type(1) tbody tr:nth-child(even) {
    background-color: rgba(239, 239, 239, 0.2);
}

.EditDepartment form table:nth-of-type(1) tbody td {
    padding: 0 5px;
}

.EditDepartment form table:nth-of-type(1) tbody td:nth-of-type(odd) {
    font-weight: bold;
}

.EditDepartment form table:nth-of-type(1) tbody textarea {
    vertical-align: middle;
    display: inline-block;
    margin-left: 12px;
}

.EditDepartment form button {
    margin: 0;
    margin-top: 10px;
}


/* 特征 用户游客 */

/* 管理单位 */

/* 单位管理 */

/* 编辑收藏 */

.editfavorites {
    margin: 0 auto;
    background-color: #fafafa;
    font-family: "Microsoft Yahei";
    border-collapse: collapse;
    color: #02335b;
}

.editfavorites thead {
    border-bottom: 2px solid #dfdfdf;
    text-align: center;
}

.editfavorites tbody td {
    border-bottom: 1px solid #dfdfdf;
}

.editfavorites tbody td:first-child {
    font-size: 16px;
    padding-left: 50px;
}

.editfavorites tbody td:last-child {
    text-align: center;
    padding: 5px;
}

.editfavorites tbody tr:nth-child(odd) {
    background-color: rgba(239, 239, 239, 0.3);
}

.editfavorites tbody a {
    display: block;
    width: 200px;
    height: 30px;
    margin: 0 auto;
    background: url(../images/delete1.png) white no-repeat center center;
    background-size: 24px;
    text-align: center;
    cursor: pointer;
    background-color: white;
    color: white;
    outline: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.editfavorites tbody a:hover {
    background: url(../images/delete2.png) white no-repeat center center;
    background-size: 24px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.editfavorites tbody a:active {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) inset;
}

table.UserRightsEditor tbody td {
    text-align: center;
}

table.UserRightsEditor-button {
    width: 100%;
    text-align: center;
}

table.UserRightsEditor-button button {
    padding: 5px 20px;
}

.PageNotes {
    height: 28px;
    font-size: 14px;
    color: brown;
    margin-top: 10px;
}

.PageNotes:before {
    content: "11";
    display: inline;
    background: url(../images/tip.png) no-repeat;
    background-size: 100%;
    color: transparent;
    margin-right: 6px;
}

/*.maincontents-upside {
    width: 99%;
}

.maincontents-downside {
    width: 99%;
}

*/
.maincontents {
    /*width: 100%;*/
}

.maincontents td {
    vertical-align: top;
    text-align: left;
}

.maincontents th {
    vertical-align: top;
    text-align: center;
}

/* 常用网站 自由网页 */

/* 操作记录 */

.transacation table:first-child th {
    text-align: left;
}

.transacation table:last-child {
    width: 100%;
    margin-top: 10px;
}

.transacation table:last-child td {
    text-align: right;
}

/* 网页管理-首页选择 */

.templateview .nowview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.templateview .nowview-img h3 {
    margin: 0;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    color: #02335b;
    font-size: 16px;
}

.templateview .nowview-img img {
    display: block;
    box-sizing: border-box;
    border: 1px solid white;
    margin: 15px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #fafafa;
    padding: 5px;
}

.templateview .nowview-operate .nowview-oprete-titlestyle {
    text-align: right;
}

.templateview .nowview-operate .nowview-oprete-titlestyle form {
    background-color: #fafafa;
    padding: 20px;
    width: auto;
    border-radius: 2px;
}

.templateview .nowview-operate .nowview-oprete-titlestyle form h3 {
    text-align: left;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    color: #02335b;
    font-size: 14px;
    margin: 0;
}

.templateview .nowview-operate .nowview-oprete-titlestyle form label,
.templateview .nowview-operate .nowview-oprete-titlestyle form input {
    font-size: 18px;
    color: #02335b;
}

.templateview .nowview-operate .nowview-oprete-titlestyle form input {
    min-width: 300px;
}

.templateview .nowview-operate .nowview-oprete-titlestyle form label {
    font-family: "Microsoft Yahei";
}

.templateview .nowview-operate .nowview-oprete-titlestyle form button {
    margin: 0;
}

.templateview .nowview-operate .nowview-oprete-switch {
    margin-bottom: 20px;
    text-align: right;
}

.templateview .nowview-operate .nowview-oprete-switch button {
    margin: 0;
    margin-top: 40px;
}

.templateview .title {
    font-size: 16px;
    font-family: "Microsoft Yahei";
    color: #02335b;
    padding: 0 15px;
    font-weight: 500;
}

.templateview .title:nth-of-type(4) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #fafafa;
}

.templateview .title:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/setting.png) no-repeat;
    background-size: 13px;
    margin-right: 5px;
    vertical-align: middle;
}

.templateview .titlestylepreview {
    margin-top: 10px;
    padding: 20px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    background-color: #fafafa;
    border-radius: 2px;
}

.templateview .viewdir {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.templateview .viewdir .viewdir-list {
    box-sizing: border-box;
    border: 1px solid white;
    margin: 15px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background-color: #fafafa;
}

.templateview .viewdir .viewdir-list:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #95d800;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.templateview .viewdir .viewdir-list a {
    padding: 10px;
    display: block;
    width: 240px;
    height: 240px;
}

.templateview .viewdir .viewdir-list img {
    display: block;
    width: 100%;
}


/* 网页管理-文献 */

.contentseditor-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.contentseditor-article {
    width: 800px;
}

.contentseditor-right input {
    padding: 0 5px;
}

.ContentCatalog {
    width: 240px;
    font-size: 14px;
    font-family: "Microsoft Yahei";
/*    overflow-x: auto;
    overflow-y: auto;*/
}

/*.booksearch {
    height: 500px;
    overflow-y: scroll;
}*/

.contentseditor-right {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
    padding: 5px;
    padding-top: 0;
    box-sizing: border-box;
}

.contentseditor-right .title {
    font-size: 16px;
    font-family: "Microsoft Yahei";
    color: #02335b;
    font-weight: 500;
}

.contentseditor-right .title:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/setting.png) no-repeat;
    background-size: 13px;
    margin-right: 5px;
    vertical-align: middle;
}

.imgupload {
    margin: 5px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fafafa;
}

.imgupload form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 5px;
}

.imgupload form input,
.imgupload form label {
    display: inline-block;
    font-size: 14px;
}

.imgupload form input[type="file"] {
    margin-right: 40px;
}

.imgupload form button {
    padding: 2px 20px;
}

.imggroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 5px;
    width: 340px;
}

.imggroup table thead {
    font-size: 14px;
    font-weight: normal;
    font-family: "Microsoft Yahei";
}

.imggroup table tbody td:first-child {
    padding: 0;
}

.imggroup table tbody td:first-child a {
    width: 200px;
}

.imgview {
    box-sizing: border-box;
    padding: 10px;
}

.imgview img {
    max-width: 70%;
    max-height: 40%;
    left: 670px;
    top: 270px;
}

.contentseditor-article table tbody td:first-child {
    padding: 0;
}

.contentseditor-article table tbody td:nth-of-type(2),
.contentseditor-article table tbody td:nth-of-type(3) {
    text-align: center;
}

.contentseditor-article .addarticle {
    margin-top: 10px;
    font-size: 14px;
}

.contentseditor-article button {
    margin: 0;
}

.addnewindex,
.editorindex {
    background-color: #fafafa;
    padding: 5px;
    border-radius: 2px;
}

.addnewindex .title,
.editorindex .title {
    margin-bottom: 10px;
}

.addnewindex button {
    margin: 0;
}

.addnewindex form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.addnewindex form > * {
    margin: 0 5%;
}

.addnewindex form input,
.addnewindex form label,
.addnewindex form button {
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;
}

.addnewindex form button {
    padding: 0 20px;
}

.addnewindex form input {
    margin-left: 5px;
}

.editorindex {
    margin-top: 20px;
}

.editorindex .indexattrsave {
    margin-top: 10px;
    font-size: 14px;
}

.editorindex .indexattr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 15px;
}

.editorindex .indexattr > * {
    margin: 0 10px;
}

.editorindex .indexattr * {
    display: inline-block;
}

.editorindex .indexattr input,
.editorindex .indexattr label,
.editorindex .indexattr a {
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;
}

.editorindex .indexattr input {
    margin-left: 5px;
}


/* 错误信息error */

.errormessage {
    text-align: center;
    color: #d81e06;
    font-family: "Microsoft Yahei";
    font-size: 14px;
    font-weight: bold;
}

.errormessage:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/error.png) no-repeat 0 0;
    background-size: 14px;
    vertical-align: middle;
    margin-right: 5px;
}


/* 统计表图表外层div样式 */

#CirSummaryGraph,
#unionreportGraph,
#memberlistGraph,
#holdingsGraph {
    width: 90vw;
}



/* 列表 */

.booksearch {
    /* 馆藏查询检索列表 */
}

.booksearch p {
    width: auto !important;
}

.PopupSelection {
    width: 300px;
    height: 180px;
    border-collapse: collapse;
    font-size: 12px;
}

.PopupSelection td,
.PopupSelection a {
    display: block;
    height: 32px;
    color: #c06a00;
    line-height: 32px;
    padding: 0 5px;
    box-sizing: border-box;
}


.list-normal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-normal ul li {
    font-size: 14px;
    cursor: pointer;
    padding: 0 5px;
    color: #02335b;
}

.list-normal ul li p {
    margin: 0;
}

li.header {
    background-color: #d3d3d3 !important;
    font-weight: bold;
    font-size: 15px;
    color: black;
}

.list-header {
    background-color: #d3d3d3 !important;
    font-weight: bold;
    font-size: 12px;
    color: black;
}



/* 统计图按钮 */

.button-graph {
    background-image: url(../images/graph4.jpg);
}


/* switch按钮 */

.button-switch:before {
    content: "";
    display: inline-block;
    width: 2em;
    vertical-align: middle;
    height: 1em;
    background-image: url(../images/switch.png);
    background-repeat: no-repeat;
    background-size: 2em;
    background-position: center top;
    margin-right: 10px;
}

.contentstitle-smaller {
    font-size: 13px;
}

.contentstitle,
.contentstitle-smaller {
    display:flex;
    font-size: 16px;
    width:99%;
}

.contentstitle ::-moz-selection,
.contentstitle-smaller ::-moz-selection {
    background-color: transparent;
}

.contentstitle ::selection,
.contentstitle-smaller ::selection {
    background-color: transparent;
}

.contentstitle p,.contentstitle a,.contentstitle-smaller p,.contentstitle-smaller a {
    letter-spacing: 2px;
    color: rgb(255, 125, 0);
    font-family: "Microsoft Yahei";
    border-radius: 6px;
    background-image: linear-gradient(to bottom, rgb(204 217 243 / 80%), #eaeaea 80%);
    width:100%;
    height:28px;
    display: flex;
    align-items: center;
    padding-left: 4px;
    margin: 4px 0;
}

.contentstitle p:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('./images/systemIcon.png');
    background-position: -96px -20px;
    background-repeat: no-repeat;
    margin-right: 4px;
}

.contentstitle-smaller p:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('./images/systemIcon.png');
    background-position: -96px -20px;
    background-repeat: no-repeat;
    margin-right: 4px;
}

#BriefInfo {
    height:56px;
}


/* 菜单 */
#CommandTabs{
    height:auto;
}


/*#CommandTabs a {
    color: white;
    display: inline-block;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 3px;
    margin-bottom: 2px;
    background-color: #02335b;
    border: 1px solid white;
}

#CommandTabs a:hover {
    color: #95d800;
}

#CommandTabs a:active {
    background-image: -webkit-linear-gradient(top, #02335b, rgba(2, 51, 91, 0.7));
    background-image: linear-gradient(to bottom, #02335b, rgba(2, 51, 91, 0.7));
}
*/
.departmentlist table td,
.userlist table td {
    vertical-align: top;
}

.multicontents tbody tr:nth-of-type(1) td:nth-of-type(1) {
    vertical-align: top;
}


/* marc数据 */

.MARCISO {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.MARCISO th,
.MARCISO td {
    border: 1px solid #dfdfdf;
}

.MARCISO tbody {
    background-color: white;
    color: #333;
}

.MARCISO tbody tr:nth-child(even) {
    background-color: rgba(239, 239, 239, 0.2);
}

.MARCISO tbody td {
    padding: 5px 5px;
}

.MARCISO tbody td:nth-of-type(1) {
    color: #4b9060;
    width: 5.2em;
}

.MARCISO tbody td:nth-of-type(2) {
    width: 3em;
    text-align: center;
}

.MARCISO tbody td:nth-of-type(3) {
    width: 2em;
}

.MARCBRIRFISO {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.MARCBRIRFISO th,
.MARCBRIRFISO td {
    border: 1px solid #dfdfdf;
}

.MARCBRIRFISO tbody {
    background-color: white;
    color: #333;
}

.MARCBRIRFISO tbody tr:nth-child(even) {
    background-color: rgba(239, 239, 239, 0.2);
}

.MARCBRIRFISO tbody td {
    padding: 5px 5px;
}

.MARCBRIRFISO tbody td:nth-of-type(1) {
    color: #4b9060;
    width: 4em;
    white-space: nowrap;
}


/* 流通日志私有样式 */

.CirculationHistory {
    font-size: 14px;
    color: #02335b;
    float: left;
    width: 100%;
    margin-top: 16px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.CirculationHistory li {
    background-color: white;
    border: 1px solid #dfdfdf;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.CirculationHistory li:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.6);
}

.CirculationHistory li:not(:first-child):hover {
    background-color: rgba(223, 223, 223, 0.8);
}

.CirculationHistory li p {
    margin: 0;
    padding: 5px 0;
    width: 120px;
    padding-left: 10px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.CirculationHistory button {
    padding: 5px;
    margin: 0;
    margin-top: 10px;
}

.CirculationHistory ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* 登录框 */

.denglu {
    width: 240px;
    background-color: white;
    font-family: "Microsoft Yahei";
    border: 1px solid rgba(138, 129, 124, 0.5);
    box-shadow: 0 0 2px white inset;
}

.denglu h2 {
    border-bottom: 1px solid #efefef;
    text-align: center;
    font-size: 14px;
    position: relative;
    padding: 8px 0;
    margin: 0;
    color: #666666;
}

.denglu h2 a {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/close.png) no-repeat center center;
}

.denglu h2 a:hover {
    background-color: #f3f3f3;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.denglu .errorinfo {
    font-size: 12px;
    margin-top: 5px;
    color: #e4393c;
    text-align: center;
}

.denglu form {
    padding: 0 20px;
    padding-bottom: 20px;
    font-size: 12px;
    margin-top: 4px;
}

.denglu button {
    outline: none;
    background-color: #e4393c;
    border: none;
    border-top: 1px solid #cb2a2d;
    border-left: 1px solid #cb2a2d;
    box-shadow: 1px 1px 0 #e85356 inset;
    color: white;
    font-family: "Microsoft Yahei";
    cursor: pointer;
}

.denglu button:active {
    border: none;
    border-bottom: 1px solid #cb2a2d;
}

.denglu .dengk2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.denglu .dengk2 button {
    padding: 5px 10px;
}

.denglu .dengk3 {
    margin-top: 5px;
}

.denglu .dengk3 button {
    width: 100%;
    padding: 5px;
}

.denglu .dengk + .dengk {
    margin: 10px 0;
}

.denglu .dengk {
    position: relative;
}

.denglu .dengk label {
    color: black;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #999;
    height: 28px;
    width: 28px;
}

.denglu .dengk .denglu-icon1 {
    background: #f3f3f3 url(../images/area.png) no-repeat center center;
}

.denglu .dengk .denglu-icon2 {
    background: #f3f3f3 url(../images/username.png) no-repeat center center;
}

.denglu .dengk .denglu-icon3 {
    background: #f3f3f3 url(../images/password.png) no-repeat center center;
}

.denglu input {
    width: 100%;
    outline: none;
    outline: none;
    font-size: 12px;
    border: 1px solid #999;
    box-sizing: border-box;
    padding: 5px 5px 5px 40px;
    height: 30px;
}

/*.denglu input:focus + label {
    border: 1px solid #e4393c;
    background-color: white !important;
}*/

/*.denglu input:focus {
    border: 1px solid #e4393c;
}*/

.denglu :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.denglu ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.denglu input:-ms-input-placeholder {
    color: #999;
}

.denglu input::-webkit-input-placeholder {
    color: #999;
}


.shaodeng {
    width: 65%;
    margin: 0 auto;
}

.shaodeng p {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5%;
    animation: shaodeng 1.5s infinite;
}

/*a,
a:visited,
a:hover,
a:active {
  color: inherit;
}*/

.selected:after {
    content: url(../images/folder.png);
    margin-left: 4px;
}

.recordrow {
    cursor: pointer;
}

.current-row {
    background-color: rgba(100, 180, 240, 0.8) !important;
}

.StopIcon {
    width: auto;
    height: auto;
    position: absolute;
    display: none;
    z-index: 9999;
}

.editIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-image: url("../images/Editor.jpg");
    background-repeat: no-repeat;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 790px;
    z-index: 9999;
}

.MessageInbox {
    height: 200px;
    width: 100%;
    overflow: auto;
    line-height: 16px;
    font-size: 12px;
}

.MessageInbox tbody tr:hover {
    background-color: rgba(223, 223, 223, 0.8) !important;
}

.MessageView {
/*    margin-top: 20px;*/
/*    min-width: 600px;
    min-height: 120px;*/
}

.MessageContents {
    margin-top: 4px;
    min-width: 600px;
}

.MessageNotes {
    margin-top: 20px;
    background-color: antiquewhite;
}

.multicontents {
    width: 100%;
}

.multicontents-bottom {
    height: auto;
    width: 98%;
    overflow: auto;
}


.multicontents-top {
    height: auto;
    width: 98%;
}

.multicontents-right {
    height: 340px;
    overflow: auto;
    border: 1px solid #666;
}

.SerialsOrder {
    height: 240px;
    width: calc( 100% - 1.3em );
    overflow: auto;
}

.SerialsReceiving
{
    width: 1300px;
}

.green {
    color: #3e5706;
    background: #a5cd4e;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5cd4e), color-stop(100%, #6b8f1a));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* IE10+ */
    background: linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
    /* W3C */
}


/* Blue Color */

.blue {
    color: #19667d;
    background: #70c9e3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #70c9e3 0%, #39a0be 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70c9e3), color-stop(100%, #39a0be));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #70c9e3 0%, #39a0be 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #70c9e3 0%, #39a0be 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #70c9e3 0%, #39a0be 100%);
    /* IE10+ */
    background: linear-gradient(top, #70c9e3 0%, #39a0be 100%);
    /* W3C */
}


/* Gray Color */

.gray {
    color: #515151;
    background: #d3d3d3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #8a8a8a));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
    /* IE10+ */
    background: linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%);
    /* W3C */
}

.itemlist {
    width: 100%;
    height: 100%;
}

.itemlist table {
    border: solid 1px #D5D5D5;
    border-collapse: collapse;
    width: 100%;
    line-height: 16px;
}

.itemlist table td {
    border: 1px solid #D5D5D5;
    font-size: 12px;
    padding: 4px 4px;
}

.itemlist table th {
    background-color: #EEE;
    border-right: 1px solid #D5D5D5;
    font-size: 14px;
    line-height: 110%;
    font-weight: bold;
    padding: 8px 5px;
    text-align: left;
}

.itemlist-head {
    padding-right: 17px;
    background-color: #999;
    color: #000;
}

.itemlist-body {
    width: 100%;
    overflow-y: scroll;
}

.itemlist-head table,
.table-body table {
    width: 100%;
}

.itemlist-body table tr:nth-child(2n + 1) {
    background-color: #f2f2f2;
}

.orderlist {
    height: 32px;
}

.FullWidthList {
    width: calc( 100% )
}

/*.FullWidthList tbody {
    max-height: 500px;
}*/

.departmentlist {
    width: 100%;
}

.table80 {
    width: 80%;
    line-height: 20px;
}

.table90 {
    width: 90%;
    line-height: 20px;
}

.table98 {
    width: 98%;
    line-height: 20px;
}

.table100 {
    width: 100%;
    line-height: 20px;
}

.LineSpace2 {
    line-height: 2px;
    font-size: 2px;
    padding: 0px 0px;
}

.LineSpace5 {
    line-height: 5px;
    font-size: 5px;
    padding: 0px 0px;
}

.LineSpace8 {
    line-height: 8px;
    font-size: 8px;
    padding: 0px 0px;
}

.LineSpace10 {
    line-height: 10px;
    font-size: 10px;
    padding: 0px 0px;
}

.LineSpace15 {
    line-height: 15px;
    font-size: 15px;
    padding: 0px 0px;
}

.LineSpace20 {
    line-height: 20px;
    font-size: 20px;
    padding: 0px 0px;
}

TD.Name {
    background-color: #D0E3DC;
    font-weight: bold;
}

TD.Data {
    background-color: #FFFFE6;
    font-weight: normal;
}

TD.TableTitle1 {
    background-color: #D0E3DC;
    font-weight: bold;
}

TD.TableContent1 {
    background-color: #FFFFE6;
    font-weight: normal;
}

.booksearch li {
    padding: 2px 10px;
    height: 32px !important;
}

.booksearch img {
    width: 54px;
    height: 8px;
    vertical-align: middle;
    margin: 8px 0px;
}

.FunctionList li {
    height: 30px;
}

.EditUser {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #02335b;
    padding: 4px 4px;
}

.Purple {
    border-collapse: collapse;
    border: 1px solid #02330b;
    padding: 4px 4px;
}

.Circulation {
    width: 100%;
    vertical-align: top;
}

.Circulation td {
    vertical-align: top;
}

.UserInput {
    width: 99%;
    font-size: 14px;
    line-height: 24px;
    margin-bottom:12px;
}

.UserInput th {
    width: 50%;
    white-space:nowrap;
}

.UserInput th p {
    display: inline-block;
}

.UserInput th,
.UserInput input {
    vertical-align: middle;
}

.UserInput input {
    display: inline-block;
    margin-left: 8px;
    font-size: 13px;
}
.pbarcode{
    color: orangered;
    font-size: 16px;
}

.bbarcode{
    color: seagreen;
    font-size: 16px;
}

.HoldingInfo tbody td,
.HoldingInfo tbody a,
.circulation tbody td,
.circulation tbody a,
.history tbody td,
.history tbody a {
    padding: 3px 2px;
    line-height: 17px;
    height: 20px;
}

.TitleSelection li {
    padding: 3px 2px;
    line-height: 17px;
    height: 24px;
}


/*.selectcmd {
  color: #ff671f;
  background-color: #e7f3cd;
  padding: 0px 0px !important;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  border: 1px solid rgb(153, 153, 153);
}*/

.patronpic {
    text-align: right;
    width: 140px;
    vertical-align: bottom;
}

.ajaxfunc *{
    display: inline-block;
}

.TagsData{
    margin-right: 5px;
    font-size: 12px;
}

.FunctionList {
    margin: 0 auto;
    width: 540px;
    vertical-align: top;
    background-color: #fafafa;
    font-family: "Microsoft Yahei";
    border-collapse: collapse;
    color: #02335b;
}

.FuncDescription {
    width: 65%;
    vertical-align: top;
    background-color: rgba(223, 223, 223, 0.8);
    font-family: "Microsoft Yahei";
    border-collapse: collapse;
    color: #02335b;
}

.FunctionList a:hover {
    color: #95d800;
}

.FunctionList a:visited {
    color: #02335b;
}

.AJAX_Checkout {
/*    background-color: #efdddc;*/
}

.AJAX_Checkin {
/*    background-color: #cef6e6;*/
}

.Circulation button{
    margin-left:8px;
}

.ReportWizard,
.CustomReportWizard,
.Z3950Wizard {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 4px;
    border: 2px solid rgb(153, 153, 153);
    padding: 5px 5px;
}

.ReportWizard tr:nth-of-type(2) {
    text-align: left;
}

.ReportWizard td,
.CustomReportWizard td,
.Z3950Wizard td {
    padding: 4px 8px !important;
}

.ReportWizard input,
.CustomReportWizard input,
.Z3950Wizard input {
    margin-left: 4px;
    margin-right: 15px;
    font-size: 12px;
}

.ReportWizard a,
.CustomReportWizard a,
.Z3950Wizard a {
    text-align: center;
    font-size: 12px;
    /*  color: White;*/
    border-top: 1px solid #e5e5e5;
    margin-left: 8px;
    padding: 2px 8px;
}

.rpttitle {
    white-space: nowrap;
}

.HolidayCalendar {
    color: Black;
    background-color: White;
    border-color: White;
    border-width: 1px;
    border-style: solid;
    font-family: Verdana;
    font-size: 9pt;
    height: 150px;
    width: 240px;
    border-collapse: collapse;
}

.HolidayCalendar td {
    text-align: center;
}

.HolidayCalendar:first-child tr:first-child td {
    background-color: White;
    border-color: Black;
    border-width: 2px;
    border-style: solid;
    text-align: center;
}

.Black {
    color: Black;
}

.Red {
    color: Red;
}

.HolidayCalendar Head {
    font-size: 8pt;
    font-weight: bold;
}

.MsgList {
    font-size: 12px;
}

.WeChatDialog {
    height: 600px;
}

.WeChatDialog td {
    vertical-align: top;
}

/*.searchpanel,*/
.indexline {
    display: none;
}

/*.searchpanel{
    min-height: 80px;
}
*/
.ResultsOptions,
.indexline {
    line-height: 45px;
}

.SearchOptions {
    width: auto;
    line-height: 32px;
}

.SearchOptions input {
    margin-left: 30px;
    margin-right: 8px;
}

.indexline select:nth-of-type(1) {
    width: 80px;
}

.indexline select:nth-of-type(2) {
    width: 140px;
}

.indexline select:nth-of-type(3) {
    width: 100px;
}

.indexline input {
    width: 430px;
}

.ResultsOptions.select {
    width: 120px;
}

.ResultsOptions label {
    padding-right: 10px;
}

.moreindex {
    font-size: 9pt;
    height: 9px;
    line-height: 9px;
    color: Red;
    cursor: pointer;
}

.CurrentHolding {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #cccccc;
    line-height: 22px;
    margin-bottom: 4px;
}

.CurrentHolding td {
    padding: 1px 3px;
    font-size: 13px;
    text-decoration: none;
    vertical-align: middle;
    font-family: Verdana, Arial;
    color: #333;
}

.CurrentHolding tr:nth-of-type(1) td {
    background-color: #faf3f3;
    font-weight: normal;
    width: 100%;
    border: 1px solid #cccccc;
}

.CurrentHolding tr:nth-of-type(2) td:nth-child(even) {
    background-color: #faf3f3;
    font-weight: normal;
    width: 150px;
}

.CurrentHolding tr:nth-of-type(2) td:nth-child(odd) {
    background-color: #dae9f8;
    font-weight: bold;
    white-space: nowrap;
    width: 60px;
}

.SubjectTree {
    width: 250px;
    overflow: scroll;
    color: black;
    text-align: left;
    padding: 0px 0px;
    border: 2px solid #02335b;
    background-color: #f8f1f1;
    box-shadow: 2px 2px 3px gray;
    font-family: 宋体;
    font-size: 10pt;
    vertical-align: top;
    line-height: 12px;
}

.SubjectTree a {
    cursor: pointer;
}

.SubjectTree td {
    padding: 0px 0px;
    margin: 0px 0px;
    white-space: nowrap;
}

.SubjectSearchPanel {
    width: calc( 100% - 1em );
    min-width: 960px;
}

.SubjectSearchPanel td {
    vertical-align: top;
}

.SubjectTreeResults {
    width: 100%;
}

.ShortcutMenu {
    position: fixed;
    left: 2400px;
    top: 340px;
    width: 25px;
    height: 68px;
    border: 1px solid #b9b9b9;
    cursor: pointer;
}

.ShortcutMenu span {
    width: 13px;
    padding: 6px 6px 6px 6px;
    display: inline-block;
    height: 56px;
    font-size: 12px;
    background: rgba(248, 237, 237, 0.80);
    color: #2d3e4e;
    position: relative;
}

.ShortcutItem {
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    height: 74px;
    background: #fff;
    border: 1px solid #b9b9b9;
    display: none;
}

.ShortcutItem a:first-child {
    border-top: 0 none;
}

.ShortcutItem a {
    display: block;
    text-align: center;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    background-color: gray;
    color: White;
    border-top: 1px solid #e5e5e5;
}

.PageHelp {
    width: 920px;
    height: 640px;
    line-height: 20px;
    font-size: 14px;
    background-color: lightgray;
    color: black;
    overflow: scroll;
}

.NotifiyPanel {
    width: 740px;
    height: 520px;
    line-height: 20px;
    font-size: 14px;
    background-color: lightgray;
    color: black;
    overflow: hidden;
}

.CustomReport ul {
    text-align: left;
}

.CustomReport ul li {
    width: 200px;
    display: inline-block;
    margin: 8px 10px;
    background-color: white;
}

.CustomReport {
    background-color: white;
    font-size: 13px;
}

.CustomReport i {
    font-size: 9px;
    font-style: normal;
}

.CustomReport a{
    white-space: nowrap;
}


.QuizQuestion p {
    color: red;
    width: 500px;
    font-size: 16px;
    display: inline-block;
}

.chaging:hover {
    width: 20px;
    background-color: #ff671f !important;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
    background-image: url("images/star.png");
    background-repeat: no-repeat;
}

.QuizDetail {
    width: 750px;
    height: 500px;
    overflow: scroll;
    border-collapse: collapse;
    font-size: 13px;
    color: black;
    display: block;
    box-sizing: border-box;
    line-height: 20px;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}

.QuizDetail p {
    white-space: nowrap;
    padding: 2px 8px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.QuizDetail li {
    background-color: white;
    border: 1px solid #dfdfdf;
    display: flex;
}

.QuizDetail-Answer li:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.6);
}

.QuizDetail li p:nth-of-type(odd) {
    font-size: 12px;
    color: #02335b;
    font-weight: bold;
}

.QuizDetail-Answer li p:nth-of-type(4) {
    color: red;
}

.QuizDetail-Title li p:nth-of-type(1) {
    color: #f88405;
    font-size: 16px;
}

.PanelSwitch {
    font-size: 13px;
    background-color: #0094ff;
    cursor: pointer;
}

.QuizSetting,
.SurveySetting {
    line-height: 30px;
    width: 600px;
}

.PublisherList {
    line-height: 30px;
    width: 800px;
}

.QuizSetting li p,
.SurveySetting li p {
    width: 300px !important;
}



.PublisherList li p:nth-of-type(2) {
    width: 400px;
}

.MARCQuickView {
    width: 95%;
    height: 95%;
    font-size: 12px;
    overflow: hidden;
    background-color: white;
    color: #333;
    line-height: 22px;
}

.MARCQuickView li {
    padding: 5px 5px;
    /*float:left;*/
    height: 22px;
    display: inline-block;
}

.MARCQuickView li p:nth-of-type(1) {
    color: #4b9060;
    width: 4em;
}

.MARCQuickView p {
    white-space: nowrap;
    display: inline-block;
}

.localsearch {
    background-color: #000;
    border: 1px solid #dfdfdf !important;
    background-color: #eff6cd !important;
    height: 130px;
    overflow-y: scroll;
}

.InfoPopup {
    background-color: #000;
    width: 16px;
    height: 16px;
    background-image: url("../images/Editor.jpg");
    background-repeat: no-repeat;
}

.ProductInfo {
    background-color: #000;
    border: 1px solid #dfdfdf !important;
    background-color: #eff6cd !important;
    height: 130px;
    overflow-y: scroll;
}

.selectnode {
    background-color: #b8fafa;
    color: red;
}

.FunctionName {
    width: auto;
    height: auto;
    position: fixed;
    top: 76px;
    left: 65px;
    background-color: #b8fafa;
    padding: 8px 8px;
    font-size: 24px;
    color: red;
}

.menucell {
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    width: 159px;
}

.FuncSelection table td {
    height: 20px;
    font-size: 14px;
    color: black;
}

.wechatlist {
    list-style: none;
    width: 700px;
}

.wechatlist li {
    height: 160px;
    float: left;
    background-size: 90px;
    position: relative;
}

.menucell img {
    position: absolute;
    width: 90px;
    left: 50%;
    margin-left: -45px;
    top: 12%;
}

.LibraryPicker td {
    height: 20px;
    font-size: 14px;
    color: black;
}

.ImageUpload {
    color: black;
    font-size: 14px;
    line-height: 45px;
    width: auto;
}

.LocationList li p:nth-of-type(1) {
    width: 200px !important;
}

.LocationList li p:nth-of-type(2) {
    width: 100px !important;
}

.LocationList li p:nth-of-type(3) {
    width: 100px !important;
}


.LocationList li p:nth-of-type(4) {
    width: 100px !important;
}


#marcEditor td {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #CCCCCC;
    text-align: left;
    height: 18px;
    vertical-align: middle;
}

#marcEditor input[type="text"] {
    border-style: solid;
    margin-top: 5px;
}

.MARCEditor {
    width: auto;
    height: auto;
    max-width: 940px;
    max-height: 544px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    overflow: auto;
}

.textbox3 {
    width: 3000px;
    min-width: 770px;
    border-width: 0px;
    overflow: hidden;
    height: 16px;
    height: expression(this.scrollHeight > 300 ? 300: this.scrollHeight);
    overflow-y: hidden;
    vertical-align: bottom;
}

.textbox1 {
    width: 42px;
    border-width: 0px;
    height: 16px;
    letter-spacing: 1px;
    ime-mode: disabled;
}

.textbox2 {
    width: 25px;
    border-width: 0px;
    height: 16px;
    letter-spacing: 10px;
    ime-mode: disabled;
}

.textbox0 {
    width: 70px;
    border-width: 0px;
    height: 16px;
    color: Blue;
}

#marcEditor input[type="checkbox"] {
    width: 50px;
}

#marcEditor {
    min-height: 50px;
    border-collapse: collapse;
    width: auto;
    background-color: White;
}

#marcEditor .sorttable_nosort {
    color: Black;
    font-weight: bold;
    cursor: default;
    font-size: 12px;
    background-color: #E4E8F0;
}

#marcEditor .sorttable_numeric {
    color: Black;
    font-weight: bold;
    cursor: default;
    font-size: 12px;
    background-color: #E4E8F0;
}

.div_RightMenu {
    z-index: 30000;
    text-align: left;
    cursor: default;
    position: absolute;
    background-color: #F5F4F4;
    /*#FAFFF8*/
    width: 120px;
    height: auto;
    border: 1px solid #D4D0C8;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#D4D0C8, Direction=120, strength=5);
}

.divMenuItem {
    height: 17px;
    font-family: ËÎÌå;
    vertical-align: middle;
    font-size: 10pt;
    margin-bottom: 3px;
    cursor: pointer;
    padding-left: 10px;
    padding-top: 3px;
}

#TB_title a:link {
    color: #666666;
}

#TB_title a:visited {
    color: #666666;
}

#TB_title a:hover {
    color: #000;
}

#TB_title a:active {
    color: #666666;
}

/*#TB_title a:focus {
    color: #666666;
}*/

.TB_div {
    position: fixed;
    background: #ffffff;
    color: #000000;
    border: 1.5px solid #525252;
    text-align: left;
    top: 20%;
    left: 30%;
}

#TB_closeAjaxWindow {
    padding: 7px 10px 5px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 7px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_title {
    background-color: #e8e8e8;
    height: 27px;
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    height: 380px;
    width: 540px;
    padding: 10px;
}

#TB_closeWindowButton {
    text-decoration: none;
}

.AnswerType {
    color: black;
    font-size: 16px;
}

.AnswerType input {
    padding: 20px;
    margin-left: 18px;
}

.SurveyQuestion {
    min-width: 300px;
    min-height: 200px;
    height: auto;
    color: black;
    font-size: 16px;
    text-align: center;
}

.SurveyNotes {
    color: red;
    font-size: 16px;
    text-align: center;
}

.linechart {
    width: 100%;
    height: 120px;
}

.table-linechart td:nth-of-type(2) {
    width: 100%;
}

.table-linechart td {
    border: none;
}

.table-linechart th:nth-of-type(2) {
    text-align: center;
}

.librarypicklist {
    font-size: 14px;
    width: 540px;
    max-height: 500px;
    min-height: 200px;
    overflow-y: scroll;
    color: black;
}

.librarypicklist a {
    width: 100%;
    text-align: right;
}

.librarypicklist ul {
    list-style: none;
    padding: 7px 15px;
    padding-right: 0;
    margin: 5px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: .25em;
}

.librarypicklist input[type="checkbox"] {
    vertical-align: -2px;
    margin-left: 10px;
    margin-right: 4px;
}

.librarypicklist .level-one li label:nth-of-type(2), .pickItemlist .level-one li label:nth-of-type(2) {
    display: none;
}

.button-spread {
    color: white;
    background: -webkit-linear-gradient(top, rgba(2, 51, 91, 0.5), rgba(2, 51, 91, 0.8));
    background: linear-gradient(to bottom, rgba(2, 51, 91, 0.5), rgba(2, 51, 91, 0.8));
    padding: 0 5px;
    border: 1px solid white;
    border-radius: .25em;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.button-shrink {
    color: #02335b;
    background: -webkit-linear-gradient(top, rgba(149, 216, 0, 0.5), rgba(149, 216, 0, 0.8));
    background: linear-gradient(to bottom, rgba(149, 216, 0, 0.5), rgba(149, 216, 0, 0.8));
    padding: 0 5px;
    border: 1px solid white;
    border-radius: .25em;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.level-one ul {
    display: none;
}

.last-one li {
    display: inline-block;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 功能列表样式 */

.ntes-nav-wrapper {
    background-color: white;
    border-radius: .25em;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    font-family: "Verdana, Arial";
    color: #222;
    font-weight: 400;
    font-size: 12px;
    padding: 10px;
}

.ntes-nav-wrapper li {
    line-height: 22px;
}

.searchfilter,
.SelectList {
    padding: 10px;
    background-color: white;
    border-radius: .25em;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.ntes-nav {
    font-family: "Microsoft Yahei";
}

.ntes-nav .ntes-nav-list,
.searchfilter,
.SelectList {
    -webkit-column-count: 4;
    column-count: 4;
}

.ntes-nav ul,
.searchfilter ul,
.SelectList ul {
    list-style: none;
    border-left: 1px solid #f1f1f1;
    padding: 0 10px;
}

.ntes-nav h3,
.searchfilter h3,
.SelectList h3 {
    margin: 0;
}

.ntes-nav h3,
.ntes-nav a,
.searchfilter h3,
.searchfilter a,
.SelectList h3,
.SelectList a {
    color: inherit;
}

.ntes-nav h3:before, .ntes-nav h3 a:before {
    content: "";
    display: inline-block;
    height: 28px;
}

.ntes-nav h3,
.ntes-nav h3 a {
    color:rgba(12, 123, 198, 1);
}

.searchfilter h3,
.searchfilter a,
.SelectList h3,
.SelectList a {
    font-size: 16px;
}

.ntes-nav a,
.searchfilter a,
.SelectList a {
    display: inline-block;
    white-space:nowrap;
}

.ntes-nav a:hover,
.searchfilter a:hover,
.SelectList a:hover {
    color: #95d800;
    text-decoration: underline;
}

.ntes-nav li,
.searchfilter li,
.SelectList li {
    padding: 3px 0;
    color: #333;
}

.ntes-nav-list li {
    white-space: nowrap;
}

.ntes-nav-list li * {
    display: inline-block;
}

/* dropdown starting */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* MenuSettingPanel 微信增加菜单面板 */

.MenuSettingPanel {
    clear: both;
    background: #d4dbd3;
    border-radius: .4em;
    padding: .3em;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.MenuSettingPanel button {
}

.menulist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menulist li {
    display: inline-block;
}

.menulist a {
    display: inline-block;
    padding: 5px;
    font-size: 14px;
    margin: 5px;
    color: white;
}

.menulist a:hover {
    background: white;
    color: darkblue;
    border-radius: .25em;
}

a.butpicker,
button.butpicker {
    padding: 3px 8px;
    background-image: -webkit-linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
    background-image: -o-linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff1d1b), color-stop(50%, #cd0200), to(#b90200));
    background-image: linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff1d1b', endColorstr='#ffb90200', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border: 2px solid white;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    font-size: 14px;
    color: white;
}

.butpicker:hover {
    background-image: -webkit-linear-gradient(#ff0906, #b90200 50%, #a40200);
    background-image: -o-linear-gradient(#ff0906, #b90200 50%, #a40200);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0906), color-stop(50%, #b90200), to(#a40200));
    background-image: linear-gradient(#ff0906, #b90200 50%, #a40200);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0906', endColorstr='#ffa40200', GradientType=0);
    -webkit-filter: none;
    filter: none;
}


/* 馆藏调配 */

.Relocation {
    background: white;
    padding: 0 10px;
    box-sizing: border-box;
}

.Relocation label {
    font-weight: bold;
}

.Relocation .butpicker {
    margin-right: 1em;
}

.Relocation input{
    display: inline-block;
    height: 22px;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #ccc;
    outline: none;
    padding: 0 1px;
}

.Relocation select,
.RelocationOpt select {
    outline: none;
}

.RelocationOpt {
    background: #fcfcfc;
    /*  margin-left: 370px;*/
    padding: 5px 10px;
    box-sizing: border-box;
    border-top: 1px solid rgb(223, 223, 223);
}

.RelocationOpt label {
    font-weight: bold;
}

.RelocationOpt select {
    margin-right: 4em;
}


/* 留言管理设置 */

.DialogSetting  {
    background: #fcfcfc;
    margin: 20px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgb(223, 223, 223);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}


.DialogSetting span:nth-of-type(2) {
    font-weight: bold;
}


/* 留言管理 */

.DetailView {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.DetailView td {
    font-size: 12px;
    color: #CC0000;
}

.DetailView tr {
    border-top: 1px solid #dfdfdf;
}

.DetailView tr:nth-of-type(1),
.DetailView tr:nth-of-type(2),
.DetailView tr:nth-of-type(3) {
    border: none;
}

.DetailView tbody {
    background-color: white;
    color: #333;
}

.DetailView tbody tr:nth-of-type(even) {
    background-color: rgba(239, 239, 239, 0.4);
}

.DetailView tbody tr:nth-of-type(2) {
    background-color: white;
}

.DetailView tbody tr td:first-of-type {
    max-width: 50vw;
}

.DetailView tbody td {
    padding: 6px 10px;
}

.DetailView input[type=text] + button {
    font-family: "Microsoft Yahei";
    text-align: center;
    /*  font-size: 14px;*/
    padding: 5px 10px;
    cursor: pointer;
    color: white;
    border: 2px solid white;
    outline: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    background-image: linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff1d1b', endColorstr='#ffb90200', GradientType=0);
}



/* 问卷统计结果弹出窗口 */

.DataReporing table td {
    display: table-cell;
}



.DataReporing .popuprow:nth-of-type(even) {
    background: rgba(255, 255, 255, .6);
}

.rfidinfo {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    color: #CC0000;
}


.OpenSelection {
    font-family: "Microsoft Yahei";
    background-color: white;
    padding: 10px;
    border-radius: .5em;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    margin: 0;
}

    .OpenSelection form {
        margin-bottom: .5em;
    }

        .OpenSelection form span {
            font-weight: bold;
            font-size: 12px;
            display: inline-block;
            padding-bottom: .5em;
            color: gray;
            margin-right: 1em;
        }

        .OpenSelection form select {
            outline: none;
        }

    .OpenSelection > span {
        font-weight: bold;
        font-size: 14px;
        display: block;
        border-bottom: 1px dashed #ccc;
        padding-bottom: .5em;
        color: gray;
    }

    .OpenSelection ul {
        list-style: none;
        margin: 0;
        padding: 5px 10px;
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4;
        -webkit-column-rule: 1px dashed #eee;
        -moz-column-rule: 1px dashed #eee;
        column-rule: 1px dashed #eee;
    }

    .OpenSelection li {
        color: #333;
    }

    .OpenSelection a {
        font-size: 12px;
        max-width: 100px;
        padding: .2em;
        margin: .2em 0;
        display: inline-block;
    }

        .OpenSelection a:hover {
            color: #95d800;
            text-decoration: underline;
        }

/* 2017.11.22 add StyleSheet start */


input[name="_2desc"] {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -5px;
}

button {
    cursor: pointer;
}

.FunctionList .contentstitle p {
    background: #e74c3c;
    color: white;
}

.FunctionList .contentstitle a {
    background: none;
    color: white;
}

.FunctionList ul {
    list-style: none;
}

.StaffStatus + button,
.QuizSetting + button,
.SurveySetting + button {
    font-family: "Microsoft Yahei";
    text-align: center;
    font-size: 14px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #02335b;
    color: white;
    border: 2px solid white;
    outline: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
}

.button_ok {
    background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
    background-repeat: no-repeat;
    border-color: #345578;
}

    .button_ok:hover {
        background-image: linear-gradient(#5f8ab9, #3e648d 50%, #385a7f);
        border-color: #2e4b69;
    }

.button_cancel {
    background-image: linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
    background-repeat: no-repeat;
    border-color: #9a0200;
}

    .button_cancel:hover {
        background-image: linear-gradient(#ff0906, #b90200 50%, #a40200);
        border-color: #860100;
    }

/* 读者批量到馆登记面板 */

.PatronCheckinList > tbody tr:nth-of-type(1) td {
}

.PatronList {
    display: block;
    max-height: 400px;
    overflow-y: auto;
}

    .PatronList th,
    .PatronList td {
        min-width: 3em;
    }

        .PatronList th:not(:nth-of-type(1)) {
            min-width: 200px;
        }


    .PatronList thead th:nth-of-type(1) {
        text-align: center;
    }

        .PatronList thead th:nth-of-type(1) a {
            /*  display: inline-block;*/
            background-image: linear-gradient(#ff1d1b, #cd0200 50%, #b90200);
            background-repeat: no-repeat;
            color: white;
            border: 1px solid white;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
            margin: 2px 0;
            border-radius: .5em;
        }

            .PatronList thead th:nth-of-type(1) a:hover {
                background-image: linear-gradient(#ff0906, #b90200 50%, #a40200);
            }


.SecurityAlarm table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .SecurityAlarm table th {
        border: 1px solid #dfdfdf;
    }

    .SecurityAlarm table td {
        border: 1px solid #dfdfdf;
    }

    .SecurityAlarm table tbody {
        background-color: white;
        color: #333;
    }

        .SecurityAlarm table tbody tr:nth-child(even) {
            background-color: rgba(239, 239, 239, 0.2);
        }

        .SecurityAlarm table tbody td {
            padding: 6px 10px;
        }

        .SecurityAlarm table tbody th {
            padding: 6px 10px;
        }

.SecurityAlarm img {
    width: 300px;
    border: 4px solid white;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
}

.SecurityAlarm table tbody td:nth-of-type(4) {
    text-align: center;
}

.SecurityAlarm table tbody th:nth-of-type(4) {
    text-align: center;
}


.selecteddetail {
    display: block;
    height: 100%;
    overflow-y: auto;
}

.TransacationList {
    width: 600px;
}

.TransacationDetail {
    width: 600px;
}

.ReimbursementList {
    width: 600px;
}

.JobReportList {
    width: 600px;
}

.JobReportList td {
    width: 60px;
    white-space: nowrap;
    overflow-x: hidden;
}

.JobReportList td:nth-of-type(2) {
    width: 50px !important;
    overflow-x: hidden;
}

.JobReportList td:nth-of-type(4) {
    width: 120px !important;
    overflow-x: hidden;
}

.JobReportList td:nth-of-type(5) {
    width: 30px !important;
    overflow-x: hidden;
}

.JobReportList td:nth-of-type(6) {
    width: 30px !important;
    overflow-x: hidden;
}

.InvoiceList {
    width: 620px;
}

.InvoiceList td {
    width: 50px;
    white-space: nowrap;
    overflow-x: hidden;
}

.ReimbursementEdit td {
    white-space: nowrap;
}

.ReimbursementList td {
    white-space: nowrap;
}


.InvoiceList td:nth-of-type(5) {
    width: 30px !important;
    text-align: right;
    overflow-x: hidden;
}

.InvoiceList td:nth-of-type(6) {
    width: 30px !important;
    overflow-x: hidden;
}

.InvoiceList td:nth-of-type(7) {
    width: 26px !important;
    overflow-x: hidden;
}

.ReimbursementItems {
    width: 460px;
    height: 100%;
    overflow-y: auto;
}

.ReimbursementItems td {
    width: 150px;
    overflow-x: hidden;
    white-space: nowrap;
}

.ReimbursementItems td:nth-of-type(1) {
    width: 170px;
}

.ReimbursementItems td:nth-of-type(4) {
    width: 90px;
    text-align: right;
}

.ReimbursementItems td:nth-of-type(5) {
    width: 40px;
}

.ReimbursementItems td:nth-of-type(6) {
    width: 70px;
}


.SalesQuoteItems {
    width: 540px;
    height: 100%;
    overflow-y: auto;
}

.SalesQuoteItems td, .SalesQuoteItems th {
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
}

.SalesQuoteItems td:nth-of-type(1) {
    width: 170px;
}

.SalesQuoteItems td:nth-of-type(2) {
    width: 90px;
    text-align: right;
}

.SalesQuoteItems td:nth-of-type(3) {
    width: 90px;
    text-align: right;
}

.SalesQuoteItems td:nth-of-type(4) {
    width: 90px;
    text-align: right;
}

.SalesQuoteItems td:nth-of-type(5) {
    width: 70px;
}


.SalesQuoteItemDetail {
    width: 350px;
    height: 100%;
    overflow-y: auto;
}

.SalesQuoteItemDetail td, .SalesQuoteItemDetail th {
    white-space: nowrap;
}




.SubitemList {
    width: 440px;
    height: 100%;
    overflow-y: auto;
}


#CostViewItems td:nth-of-type(4) {
    text-align: right;
}



.SubitemDetail {
    width: 340px;
    height: 100%;
    overflow-y: auto;
}

.SubitemDetail td {
    white-space: nowrap;
}

#ms-ShelfLabelSelect {
    width: 440px;
}





.ShelfLabelList {
    height: 580px;
    line-height: 18px;
    font-size: 14px;
    background-color: lightgray;
    color: black;
    overflow: scroll;
}

.InventoryDetail {
    width: 590px;
    height: 580px;
    line-height: 18px;
    font-size: 14px;
    background-color: lightgray;
    color: black;
    overflow: scroll;
}



.button-panel input {
    display: block;
    text-align: center;
    width: 90px;
    height: 26px;
    margin: 25px 20px;
}



.FinancialPaid {
    min-width: 1400px;
}

.FinancialPaid li p {
    width: 100px !important;
}

.FinancialPaid li p:nth-of-type(1) {
    width: 300px !important;
}

.FinancialPaid li p:nth-of-type(4) {
    width: 90px !important;
    text-align: right !important;
    margin-right: 10px;
}

.FinancialPaid li p:nth-of-type(5) {
    width: 180px !important;
}

.FinancialPaid li p:nth-of-type(6) {
    width: 230px !important;
}

.FinancialPaid li p:nth-of-type(7) {
    width: 360px !important;
}

.BankPaidout {
    min-width: 1400px;
}

.BankPaidout li p {
    width: 350px !important;
}

.BankPaidout li p:nth-of-type(1) {
    width: 90px !important;
}

.BankPaidout li p:nth-of-type(2) {
    width: 70px !important;
}

.BankPaidout li p:nth-of-type(3) {
    width: 120px !important;
}

.BankPaidout li p:nth-of-type(4) {
    width: 120px !important;
    text-align: right !important;
    margin-right: 10px;
}

.BankPaidout li p:nth-of-type(5) {
    width: 100px !important;
}

.TransferReturns {
    min-width: 1400px;
}

.TransferReturns li p {
    width: 100px !important;
}


.TransferReturns li p:nth-of-type(1) {
    width: 50px !important;
}

.TransferReturns li p:nth-of-type(2) {
    width: 50px !important;
}

.TransferReturns li p:nth-of-type(3) {
    width: 80px !important;
}

.TransferReturns li p:nth-of-type(4) {
    width: 200px !important;
}

.TransferReturns li p:nth-of-type(6) {
    width: 90px !important;
    text-align: right !important;
    margin-right: 10px;
}

.TransferReturns li p:nth-of-type(7) {
    width: 90px !important;
    text-align: right !important;
    margin-right: 10px;
}

.TransferReturns li p:nth-of-type(8) {
    width: 220px !important;
}

.TransferReturns li p:nth-of-type(9) {
    width: 220px !important;
}

.TransferReturns li p:nth-of-type(10) {
    width: 350px !important;
}



.FinancialInvoce, SalesRecords {
    min-width: 1450px;
}

.FinancialInvoce li p {
    width: 90px !important;
}

.FinancialInvoce li p:nth-of-type(1) {
    width: 60px !important;
}

.FinancialInvoce li p:nth-of-type(3) {
    width: 240px !important;
}

.FinancialInvoce li p:nth-of-type(6) {
    width: 70px !important;
    text-align: right !important;
    margin-right: 10px;
}


.FinancialInvoce li p:nth-of-type(7) {
    width: 70px !important;
}

.FinancialInvoce li p:nth-of-type(10) {
    text-align: right !important;
    margin-right: 10px;
}


.FinancialInvoce li p:nth-of-type(11) {
    width: 70px !important;
    text-align: right !important;
    margin-right: 10px;
}


.FinancialInvoce li p:nth-of-type(12) {
    text-align: right !important;
    margin-right: 10px;
}

.FinancialInvoce li p:nth-of-type(13) {
    width: 200px !important;
}


.SalesRecords li p {
    width: 100px !important;
}

.SalesRecords li p:nth-of-type(1) {
    width: 400px !important;
}

.SalesRecords li p:nth-of-type(4) {
    width: 100px !important;
    text-align: right !important;
    margin-right: 10px;
}

.SalesRecords li p:nth-of-type(5) {
    width: 100px !important;
}

.SalesRecords li p:nth-of-type(6) {
    width: 300px !important;
}

.FinancialNames {
    min-width: 1400px;
}

.FinancialNames li p {
    width: 90px !important;
}

.FinancialNames li p:nth-of-type(1) {
    width: 200px !important;
}

.FinancialNames li p:nth-of-type(5) {
    width: 250px !important;
}



.FinancialPayment {
    min-width: 1400px;
}

.FinancialPayment li p {
    width: 100px !important;
}


.FinancialPayment li p:nth-of-type(5) {
    width: 200px !important;
}

.FinancialPayment li p:nth-of-type(7) {
    text-align: right !important;
}

.FinancialPayment li p:nth-of-type(8) {
    text-align: right !important;
}

.FinancialPayment li p:nth-of-type(9) {
    text-align: right !important;
}

/*
.PaidRecords {
    min-width: 1200px;
    font-size: 10px;
}


.PaidRecords li p:nth-of-type(1) {
    width: 98px !important;
}

.PaidRecords li p:nth-of-type(2) {
    width: 110px !important;
}

.PaidRecords li p:nth-of-type(3) {
    width: 200px !important;
}

.PaidRecords li p:nth-of-type(4) {
    width: 135px !important;
}

.PaidRecords li p:nth-of-type(5) {
    width: 100px !important;
}


.PaidRecords li p:nth-of-type(6) {
    width: 80px !important;
    text-align: right !important;
}

.PaidRecords li p:nth-of-type(7) {
    width: 200px !important;
}

.PaidRecords li p:nth-of-type(8) {
    width: 220px !important;
}

.PaidRecords li p:nth-of-type(9) {
    width: 250px !important;
}

.PaidRecords li p:nth-of-type(10) {
    width: 220px !important;
}

.PaidRecords li p:nth-of-type(11) {
    width: 260px !important;
}
*/
/*.PaidRecordsSelect {
    min-width: 440px;
    font-size: 10px;
}

.PaidRecordsSelect li p:nth-of-type(1) {
    width: 95px !important;
}

.PaidRecordsSelect li p:nth-of-type(2) {
    width: 60px !important;
}

.PaidRecordsSelect li p:nth-of-type(3) {
    width: 60px !important;
    text-align: right;
    margin-right: 20px;
}

.PaidRecordsSelect li p:nth-of-type(4) {
    width: 250px !important;
}
*/

.ImportDataList {
    display: block;
    width: 400px;
    max-height: 600px;
    overflow-y: auto;
}



.InvoiceRecords {
    min-width: 1200px;
    font-size: 10px;
}

.InvoiceRecords li p:nth-of-type(1) {
    width: 150px !important;
}

.InvoiceRecords li p:nth-of-type(2) {
    width: 100px !important;
}

.InvoiceRecords li p:nth-of-type(3) {
    width: 50px !important;
}

.InvoiceRecords li p:nth-of-type(4) {
    width: 60px !important;
}

.InvoiceRecords li p:nth-of-type(5) {
    width: 110px !important;
}


.InvoiceRecords li p:nth-of-type(6) {
    width: 80px !important;
}


.InvoiceRecords li p:nth-of-type(120) {
    width: 70px !important;
}


.InvoiceRecords li p:nth-of-type(8) {
    width: 70px !important;
}

.LibrarySelector {
    width: 560px;
    height: 550px;
    min-height: 510px;
    overflow-y: hidden;
}


.LibrarySelector input {
    width: 340px;
    outline: none;
    outline: none;
    font-size: 14px;
    border: 1px solid #999;
    box-sizing: border-box;
    padding: 5px 5px 5px 5px;
    height: 26px;
    margin-right: 10px;
    margin-top: 14px;
}

.LibrarySelector td {
    height: 20px;
    font-size: 14px;
    color: black;
}

.LibrarySelector .Itemlist {
    height: 440px;
    overflow-y: scroll;
}

.productreg {
    width: 720px;
    height: 280px;
    overflow-y: auto;
    border-radius: 8px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.PatronView {
    max-height: 680px !important;
    overflow-y: auto;
    border-radius: 8px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.history td, .history th {
    white-space: nowrap;
}


.productreg tbody td:nth-child(even) {
    width: 36%;
}

.InvoiceDetail {
    display: block;
    width: 720px;
    height: 100%;
    /*overflow-y: auto;*/
}

.JobReport {
    display: block;
    width: 580px;
    height: 100%;
    overflow-y: auto;
}

.PopupBlog {
    display: block;
    width: 552px;
    height: 600px;
    overflow-y: scroll;
}

.PopupBlog .OneBlog {
    margin-top: .5rem;
    background: #efefef;
    padding: 1rem 0;
    border-top: 2px dashed #800;
}

.PopupBlog .OneBlog .Header {
    text-align: center;
    background: white;
    line-height: 36px;
}

.PopupBlog .OneBlog .Header span {
    display: inline-block;
    margin: 0 .5rem;
}

.PopupBlog .OneBlog .Header em {
    font-weight: bold;
}

.PopupBlog .OneBlog .Header h5 {
    text-align: left;
    font-weight: normal;
}

.PopupBlog .OneBlog .Message {
    margin-top: .5rem;
}

.PopupBlog .OneBlog .Message span {
    display: inline-block;
    text-align: left;
    margin: 0 .5rem;
}

/*.StaffStatus {
    line-height: 30px;
    width: 628px;
    height: 580px;
    overflow-y: scroll;
}

.StaffStatus li p:nth-of-type(1) {
    width: 80px;
}

.StaffStatus li p:nth-of-type(2) {
    width: 150px;
}

.StaffStatus li p:nth-of-type(3) {
    width: 150px;
}

.StaffStatus li p:nth-of-type(4) {
    width: 90px;
}

.StaffStatus li p:nth-of-type(5) {
    width: 140px;
}*/

.AttendanceView {
    display: block;
    width: 860px;
    min-height: 200px;
}


.AttendanceRpt {
    width: 1085px;
    height: 400px;
    overflow-y: scroll;
}

.AttendanceRpt li p {
    width: 120px !important;
    line-height: 26px !important;
}

.AttendanceRpt li p:nth-of-type(3) {
    width: 90px !important;
    line-height: 26px !important;
}

.AttendanceRpt li p:nth-of-type(4) {
    width: 470px !important;
    line-height: 26px !important;
}


.SummaryInfo {
    display: inline-block;
    width: 99%;
    font-family: "Microsoft Yahei";
    background-color: lightgray;
    overflow-y: hidden;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 26px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.65);
}

.SummaryInfo span:nth-child(even) {
    font-weight: bold;
    margin-right: 30px;
}

.SummaryInfo span:nth-child(odd) {
    font-weight: bold;
    color: brown;
}


/*.InvoiceHistory {
    min-width: 520px;
    font-size: 10px;
}

.InvoiceHistory li p:nth-of-type(1) {
    width: 8% !important;
}

.InvoiceHistory li p:nth-of-type(2) {
    width: 10% !important;
}

.InvoiceHistory li p:nth-of-type(3) {
    width: 8% !important;
}

.InvoiceHistory li p:nth-of-type(4) {
    width: 8% !important;
}

.InvoiceHistory li p:nth-of-type(5) {
    width: 8% !important;
}

.InvoiceHistory li p:nth-of-type(6) {
    width: 10% !important;
}

.InvoiceHistory li p:nth-of-type(7) {
    width: 15% !important;
}

.InvoiceHistory li p:nth-of-type(8) {
    width: 20% !important;
}
.InvoiceHistory li p:nth-of-type(9) {
    width: 5% !important;
}

.InvoiceProducts {
    width: 706px;
    font-size: 10px;
}

.InvoiceProducts li p:nth-of-type(1) {
    width: 70px !important;
}

.InvoiceProducts li p:nth-of-type(2) {
    width: 200px !important;
}

.InvoiceProducts li p:nth-of-type(3) {
    width: 100px !important;
}

.InvoiceProducts li p:nth-of-type(4) {
    width: 110px !important;
}

.InvoiceProducts li p:nth-of-type(5) {
    width: 70px !important;
}

.InvoiceProducts li p:nth-of-type(6) {
    width: 100px !important;
}

.InvoiceProducts li p:nth-of-type(7) {
    width: 100px !important;
}
*/
.ServiceHistory {
    min-width: 520px;
    font-size: 10px;
}

.ServiceHistory li p:nth-of-type(1) {
    width: 68px !important;
}

.ServiceHistory li p:nth-of-type(2) {
    width: 200px !important;
}

.ServiceHistory li p:nth-of-type(3) {
    width: 60px !important;
}


.IgnoreRow {
    color: #a3a3c0 !important;
}

.SpecialRow {
    color: #de621f !important;
}


.OptionsPanel {
    min-width: 520px;
    min-height: 300px;
    background-color: #d3d3d3 !important;
    font-size: 15px;
    color: black;
}


.Switchon {
    display: inline-block;
    width: 24px;
    height: 18px;
    background: url(../images/checked.png) no-repeat;
}

.Switchoff {
    display: inline-block;
    width: 24px;
    height: 18px;
    background: url(../images/unchecked.png) no-repeat;
}

.QueryOpts {
    display: inline;
    height: 18px;
    font-size: 14px;
}

.ClientList {
    width: 100%;
    font-size: 13px !important;
}

.ClientList li {
    height: 28px !important;
}

.ClientList li p {
    width: 100px !important;
}

.ClientList li p:nth-of-type(1) {
    width: 300px !important;
}

.ProductList {
    width: 100%;
    height: 240px;
    font-size: 13px;
    line-height: 20px;
    overflow-y: scroll;
}

.ProductList li p {
    width: 130px !important;
}

.ProductList li p:nth-of-type(1) {
    width: 300px !important;
}

.leftSideList {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    overflow-y: auto;
    /*height: 240px;
    overflow-y: scroll;*/
}

.leftSideList li p {
    width: 130px !important;
}

.leftSideList li p:nth-of-type(1) {
    width: 300px !important;
}


.ProductTitleList {
    line-height: 24px;
    width: 500px;
}

.ProductTitleList li p {
    width: 100px;
}

.ProductTitleList li p:nth-of-type(1) {
    width: 300px;
}

.TransMessage {
    line-height: 24px;
    font-size: 13px;
    color: chocolate;
}


.HoldingsInfo {
    min-width: 1200px;
}


.SerialsSelection {
    width: 600px;
    max-height: 600px;
    overflow-y: scroll;
    line-height: 18px;
    font-size: 14px;
}

.SerialsSelection li p {
    width: 70px;
}

.SerialsSelection li p:nth-of-type(4) {
    width: 120px;
}

.SerialsSelection li p:nth-of-type(5) {
    width: 200px;
}

.SearchResults {
    width: 910px;
}


.joinit {
    margin-right: 8px;
}

.EventRegister {
    min-width: 1400px;
}

.EventRegister li p {
    width: 90px !important;
}

.IconSelection {
    width: 820px;
    max-height: 600px;
    overflow-y: scroll;
}

.NoteLine{
    margin-top: 8px;
    margin-left: 20px;
    line-height: 20px;
    font-size: 14px;
    color: red;
}

.NoteMessage {
    margin: 40px auto;
    width: 20%;
    min-width: 300px;
    line-height: 30px;
    font-size: 24px;
    color: red;
    text-align: center;
    background-color: lightgray;
    border-radius: 15px;
    border: 1px solid #bdcc88;
}

.BigText {
    display: inline-block;
    left: 40%;
    margin: 40px auto;
    width: 20%;
    min-width: 300px;
    line-height: 30px;
    font-size: 24px;
    color: red;
    text-align: center;
    background-color: lightgray;
    border-radius: 15px;
    border: 1px solid #bdcc88;
}

.BigMessage {
    display: inline-block;
    left: 40%;
    margin: 40px auto;
    width: 20%;
    min-width: 300px;
    line-height: 30px;
    font-size: 24px;
    color: red;
    text-align: center;
    position: absolute;
    background-color: lightgray;
    border-radius: 15px;
    border: 1px solid #bdcc88;
}

.TobeContine {
    display: inline-block;
    top: 120px;
    left: 30%;
    margin: 0 auto;
    width: 280px;
    line-height: 50px;
    font-size: 28px;
    color: red;
    text-align: center;
    position: absolute;
    background-color: lightgray;
    border-radius: 15px;
    border: 1px solid #bdcc88;
}

/*.booksearch {
    width: 1024px;
}*/

.LocationSelection {
    min-height: 100px;
    max-height: 480px;
    overflow-y: scroll;
}

.RecycleItem {
    margin-left: 20px;
    min-width: 400px;
}

.RecycleItem li p {
    width: 145px !important;
}

.RecycleItem li p:nth-of-type(1) {
    width: 40px !important;
}

.RecycleItem li p:nth-of-type(5) {
    width: 400px !important;
}

.OnsiteReading {
    width: 980px;
    /*height:380px;
    overflow-y: scroll;*/
}


.ReceiptView {
    width: 970px;
    height: 650px;
    overflow-y: auto;
}

.ReceiptView img {
    width: 950px;
}

.ReceiptLine {
    margin-bottom: 30px;
}

.ReceiptNotes {
    display: none;
}



.ReceiptPage {
    padding-top: 100px;
    padding-left: 40px;
    width: 90%;
}

.receipttable {
    width: 100%;
    color: black;
    font-size: 16px;
}

.receipttable table {
    width: 100%;
    border: 1px solid;
    border-collapse: collapse;
}

.receipttable .title {
    font-size: 24px;
    font-weight: bold;
}

.receipttable span {
    font-size: 12px;
}

.receipttable table th {
    width: 90%;
    border: 1px solid;
    padding: 8px;
    white-space: nowrap;
}

.receipttable table td {
    width: 90%;
    border: 1px solid;
    padding: 8px;
    white-space: nowrap;
}

#calendar {
    width: 1210px;
}

.sc-item .day {
    line-height: 18px !important;
}
.sc-days {
    height: 92% !important;
}
.sc-week {
    height: 80px !important;
}
.DataEnter input {
    width: 100px;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 16px;
    height: 24px;
    margin: 2px 4px;
}

.DataEnter P {
    font-size: 16px;
    font-weight: bold;
    color: #f88f0d;
}

.ReservDiv {
    width: 840px;
    height: 700px;
    overflow-y: auto;
}

.ReservDiv td:nth-of-type(1), .ReservDiv th:nth-of-type(1) {
    width: 50px !important;
}

.ReservDiv td:nth-of-type(2), .ReservDiv th:nth-of-type(2) {
    width: 60px !important;
}

.ReservDiv td:nth-of-type(3), .ReservDiv th:nth-of-type(3) {
    width: 80px !important;
}

.ReservDiv td:nth-of-type(4), .ReservDiv th:nth-of-type(4) {
    width: 130px !important;
}

.ReservDiv td:nth-of-type(5), .ReservDiv th:nth-of-type(5) {
    width: 140px !important;
}


.ReservDiv td:nth-of-type(6), .ReservDiv th:nth-of-type(6) {
    width: 140px !important;
}

.ReservDiv td:nth-of-type(7), .ReservDiv th:nth-of-type(7) {
    width: 140px !important;
}


.Reservation {
    color: black;
    font-size: 14px !important;
}


.Reservation th:nth-of-type(4), .Reservation td:nth-of-type(4)  {
    width: 180px !important;
}


.CheckoutWillCall {
    width: 980px;
}

.reader-msg {
    padding: 1rem 1rem;
    color: black;
}

.reader-msg h2 {
    background: -webkit-linear-gradient(left, #c42525, transparent);
    background: linear-gradient(to right, #c42525, transparent);
    color: white;
    padding: .3rem;
    font-size: 1.0rem;
    border-top-left-radius: .5rem;
}

.reader-msg table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.0rem;
    text-align: center;
}

.reader-msg table td, .returnbook .reader-msg table th {
    border: 1px solid #efefef;
}

.reader-msg table thead {
    background: #dedede;
}

    .reader-msg table thead th {
        padding: .3rem 0;
    }

.reader-msg table tbody td {
    padding: .4rem 0;
}


.Optionbutton {
    margin-top: 14px;
    padding-bottom: 8px;
    width: 100%;
    display: table;
    text-align: center;
    line-height: 35px;
    border-bottom: 2px dashed #800;
}

.CenterContent {
    margin-top: 10px;
    width: 100%;
    display: table;
    text-align: center;
    color: black;
}

.CenterContent .rv_list {
    list-style: none;
    font-size: 17px;
}

.CenterContent .book-list span {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 1.6rem;
    padding: 0 .5rem;
}

.CenterContent .book-list span:nth-of-type(1) {
    background: #e42020;
    border-radius: .3rem;
    color: white;
    font-size: 1.4rem;
}

.CenterContent .book-list span:not(:nth-of-type(1)) {
    border-right: 1px dotted #3cd252;
}

.CenterContent .record-details {
    font-size: 1.8rem;
    padding: 1rem 1rem;
    box-sizing: border-box;
}

.recordbook .CenterContent {
    margin-top: 20px;
}

.last_li {
    margin-bottom: 20px;
}

.InlineLinkText{
    box-sizing: content-box;
    display: inline-block;
    text-align: right;
    width: 30%;
    *width: 28%;
    line-height: 25px;
    color: cornflowerblue;
    white-space: nowrap;
    margin-left: 10px;
}

.listtitle {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    display: inline-block;
    text-align: right;
    width: 30%;
    *width: 28%;
    line-height: 25px;
}

.listcontent {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    display: inline-block;
    width: 70%;
    padding-left: 1em;
    word-break: break-all;
    word-wrap: break-word;
    zoom: 1;
    *display: inline;
}

.CheckoutWillCall {
    width: 800px;
    min-height: 200px;
    max-height: 600px;
    overflow-y: auto;
}

.barcode-input {
    width: 100%;
    display: table;
    text-align: center;
    color: black;
}

.barcode-input input,
.barcode-input span,
.barcode-input label,
.barcode-input a {
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;
}

.barcode-input input {
    margin-left: 5px;
}


#but_culture {
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    background: url(../images/but_culture.png) no-repeat center left;
    background-size: 28px 28px;
    padding-left: 35px;
    letter-spacing: 1px;
    height: 45px;
    line-height: 45px;
    margin-right: 0;
}


#but_kindergarten {
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    background: url(../images/kindergarten.png) no-repeat center left;
    background-size: 28px 28px;
    padding-left: 35px;
    letter-spacing: 1px;
    height: 45px;
    line-height: 45px;
    margin-right: 0;
}


.RecommList li p {
    overflow: hidden;
    white-space: nowrap;
}

.RecommList li p:nth-of-type(1) {
    width: 200px !important;
}

.RecommList li p:nth-of-type(2) {
    width: 340px !important;
}

.RecommList li p:nth-of-type(3) {
    width: 200px !important;
}

.RecommList li p:nth-of-type(4) {
    width: 120px !important;
}

.RecommList li p:nth-of-type(5) {
    width: 150px !important;
}

.RecommList li p:nth-of-type(6) {
    width: 100px !important;
}

.RecommList li p:nth-of-type(7) {
    width: 120px !important;
}

.RecommList li p:nth-of-type(8) {
    width: 80px !important;
}

.RecommList li p:nth-of-type(9) {
    width: 80px !important;
}

.RecommList li p:nth-of-type(10) {
    width: 80px !important;
}


.PurchaseOrder li p {
    overflow: hidden;
    white-space: nowrap;
}

.PurchaseOrder li p:nth-of-type(1) {
    width: 140px !important;
}

.PurchaseOrder li p:nth-of-type(2) {
    width: 360px !important;
}

.PurchaseOrder li p:nth-of-type(3) {
    width: 150px !important;
}

.PurchaseOrder li p:nth-of-type(4) {
    width: 120px !important;
}

.PurchaseOrder li p:nth-of-type(5) {
    width: 150px !important;
}

.PurchaseOrder li p:nth-of-type(6) {
    width: 100px !important;
}

.PurchaseOrder li p:nth-of-type(7) {
    width: 90px !important;
}

.PurchaseOrder li p:nth-of-type(8) {
    width: 90px !important;
}

.PurchaseOrder li p:nth-of-type(9) {
    width: 80px !important;
    text-align: center !important;
}


.credentialsImage {
    width: 700px;
    height: 400px;
    margin-top: 20px;
    margin-left: 24px;
}
/*
.AwardStatement {
    width: 1100px;
}

.AwardStatement td:nth-of-type(1) {
    width: 110px !important;
    overflow-x: hidden;
}

.AwardStatement td:nth-of-type(2) {
    width: 190px !important;
    overflow-x: hidden;
}

.AwardStatement td:nth-of-type(3) {
    width: 50px !important;
    overflow-x: hidden;
}

.AwardStatement td:nth-of-type(4) {
    width: 50px !important;
    overflow-x: hidden;
}


.AwardStatement td:nth-of-type(5) {
    width: 80px !important;
    overflow-x: hidden;
}

.AwardStatement td:nth-of-type(6) {
    width: 300px !important;
    overflow-x: hidden;
}*/

.PrintSetting {
    width: 1000px;
    max-height: 320px;
    overflow-y: scroll;
}

.TextBookOrder td:nth-of-type(1) {
    width: 50px !important;
}

.TextBookOrder td:nth-of-type(2) {
    width: 280px !important;
}

.OASysList-01 th:nth-of-type(1), .OASysList-01 td:nth-of-type(1) {
    width: 100px !important;
}

.OASysList-01 th:nth-of-type(2), .OASysList-01 td:nth-of-type(2) {
    width: 100px !important;
}

.OASysList-01 th:nth-of-type(3), .OASysList-01 td:nth-of-type(3) {
    width: 80px !important;
}

.OASysList-01 th:nth-of-type(4), .OASysList-01 td:nth-of-type(4) {
    width: 80px !important;
}

.OASysList-01 th:nth-of-type(5), .OASysList-01 td:nth-of-type(5) {
    width: 80px !important;
}

.OASysList-01 th:nth-of-type(6), .OASysList-01 td:nth-of-type(6) {
    width: 80px !important;
}



.OASysList-02 th:nth-of-type(1), .OASysList-02 td:nth-of-type(1) {
    width: 100px !important;
}

.OASysList-02 th:nth-of-type(2), .OASysList-02 td:nth-of-type(2) {
    width: 100px !important;
}

.OASysList-02 th:nth-of-type(3), .OASysList-02 td:nth-of-type(3) {
    width: 100px !important;
}

.OASysList-02 th:nth-of-type(4), .OASysList-02 td:nth-of-type(4) {
    width: 80px !important;
}

.OASysList-02 th:nth-of-type(5), .OASysList-02 td:nth-of-type(5) {
    width: 80px !important;
}

.OASysList-02 th:nth-of-type(6), .OASysList-02 td:nth-of-type(6) {
    width: 80px !important;
}

/* 标题列表样式显示调整 */
.contentseditor-article table tr td:first-child a {
    display: inline-block;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contentseditor-article table tr td:nth-child(2) {
    width: 40px;
}

.contentseditor-article table tr td:nth-child(3) {
    width: 120px;
}

.contentseditor-article table tr td:nth-child(4) {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.documentCirculate{
	width: 600px;
}

.CirculateTable{
	width: 100%;
}

.CirculateTable table{
	
	width: 100%;
	background-color: #666;
}
.CirculateTable table td{
	background-color: #fff;
	height: 60px;
	text-align: center;
}
.CirculateTable table td:first-child{
	width: 120px;
	text-align: center;
}
.CirculateTable table td:nth-child(3){
	width: 80px;							
}
.CirculateTable table tr:first-child ul{
	margin: 0;
	padding: 0;
}
.CirculateTable table tr:first-child ul li{
	list-style: none;
	display: flex;
	justify-content: space-around;
	padding: 5px 10px;
	border-bottom: 1px dashed #eee;
	margin: 3px 0;
}
.CirculateTable table tr:first-child ul li span:first-child{
	width: 70%;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #333;
}
.CirculateTable table tr:first-child ul li span a{
	font-size-adjust: 14px;
	margin-left: 10px;
	text-decoration: underline;
}
.CirculateForm{
	margin-top: 20px;
}
.CirculateForm h3{
	margin-bottom: 5px;
}
.CirculateForm form{
	width: 100%;
}

.CirculateForm .submitBut{
	text-align: right;
	margin: 0;
	padding: 0;
}

.CirculateForm textarea{
	width: 100%;
	min-height: 100px;
	padding: 5px;
	font-size: 18px;
	border: 1px solid #777;
	border-radius: 8px;
	outline: none;
	resize: none;
	color: #333;
	overflow-y: auto;
}
.CirculateSelect>div{
	display: flex;
	margin-top: 5px;
}
.CirculateOptions{
	width: 100px;
	border: 1px solid #ccc;
	height: 200px;
	border-radius: 5px;
	overflow-y: auto;
}
.CirculateSelected{
	width: 100px;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 200px;
	overflow-y: auto;
}
.CirculateSymbol{
	line-height: 200px;
	margin: 0 10px;
	font-size: 28px;
	color: #bbb;
}
.CirculateSelect ul{
	list-style: none;
}
.CirculateSelect ul li{
	padding: 4px 5px;
	border-bottom: 1px dashed #ddd;
}
.CirculateSelect ul li a{
	color: #444;
	text-decoration: none;
	font-size: 14px;
	display: block;
}
.CirculateSelect ul li:hover{
	background-color: #FFD200;
}
.CirculateSelect button{
	padding: 3px 10px;
	border: none;
	background-color: #02335b;
	border-radius: 2px;
	box-shadow: 1px 1px 2px #999;
	letter-spacing: 1px;
	margin-top: 5px;
	color: #eee;
}

#MainMenuPanel li {
    background-size: 20px;
}



/* ----------2022-12-12-------顶部样式调整----------- */




.header01 .station .message {
    width: 60px;
    padding-left: 0;
    text-align: center;
    background-image: url(../images/xxtz.png);
    background-position: center center;
    background-size: 26px 25px;
}


.header01 .right .login-in {
    text-align: right;
    background-image: url(../images/txtt.png);
    background-size: 28px 28px;
    display: flex;
    align-items: center;
    padding-left: 28px;
}
.header01 .right .service {
    text-align: right;
    background-image: url(../images/service.png);
    background-size: 28px 28px;
    display: flex;
    align-items: center;
    padding-left: 28px;
}

.header01 .station .login-in {
    text-align: right;
    background-image: url(../images/txtt.png);
    background-size: 24px;
    padding-left: 25px;
    display: flex;
    align-items: center;
}



.header01 .station .cslnnet a {
    display: inline-block;
    height: 45px;
    width: 35px;
    background: url(../images/cslntb.png) no-repeat center center;
    background-size: 28px 28px;
}




/* -----------2022-12-13---------- */
.header01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    padding: 0 1%;
    /*background-image: url(../images/headerbg.jpg);*/
    background-color: rgba(12, 123, 198, 1);
    background-repeat: no-repeat;
    background-size: cover;
}
.header01 .left h1 {
    margin: auto;
    padding-left: 15px;
    font-size: 24px;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    letter-spacing: 3px;
    color: white;
    line-height: 50px;
    text-shadow: 0px 5px 2px rgba(0,0,0,0.23);
}
.header01 .right .message a {
    display: inline-block;
    position: relative;
    height: 50px;
    width: 60px;
}
.header01 .right .message {
    width: 60px;
    height: 50px;
    padding-left: 0;
    text-align: center;
    background-image: url(../images/xxtz.png);
    background-position: center center;
    background-size: 28px 28px;
}
.header01 .station .message a {
    display: inline-block;
    position: relative;
    height: 45px;
    width: 60px;
}
.header01 .right .login-in .name,
.header01 .right .service .exit,
.header01 .right .login-in .exit {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
}
#but_library {
    text-decoration: none;
    font-size: 12px;
    color: #fff;
    background: url(../images/tsg.png) no-repeat center left;
    background-size: 28px 28px;
    padding-left: 35px;
    letter-spacing: 1px;
    height: 45px;
    line-height: 45px;
    margin-right: 0;
}
.header01 .right .message a span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 8px;
    top: 5px;
    color: #fff;
    font-size: 10px;
    background-color: rgb(255, 125, 0);
}
.header01 .right .cslnnet a {
    height: 50px;
    width: 35px;
    background: url(../images/cslntb.png) no-repeat center center;
    background-size: 28px 28px;
}

.header02 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 32px;
    background-color: white;
}

.wrapper {
    display: flex;
    padding-top: 82px;
}




.searchDlg {
    margin: 0 auto;
    background-color: #fafafa;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 10px;
}

.searchDlg h2 {
    color: #02335b;
    font-size: 18px;
    font-family: "Microsoft Yahei";
    vertical-align: middle;
    border-bottom: 2px solid #02335b;
    margin-bottom:12px;
}

.searchDlg h2:before {
    content: "";
    display: inline-block;
    background: url(../images/search.png) no-repeat center center;
    background-size: 28px;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-right: 20px;
}

.InputLine select,
.searchDlg input,
.searchDlg option,
.searchDlg select,
.searchDlg form {
    font-family: "Microsoft Yahei";
    font-size: 13px;
}

.InputLine select,
.searchDlg select,
.searchDlg input {
    outline: none;
    border: 1px solid rgba(2, 51, 91, 0.3);
    box-sizing: border-box;
}

.searchDlg input {
    padding: 3px;
    border-radius: 5px;
    border: 1px solid #ccc;
    outline: none;
}

.searchDlg select {
    cursor: pointer;
    color: #02335b;
    border-radius: 5px;
    border: 1px solid #ccc;
    outline: none;
}

.searchDlg label {
    color: #02335b;
}

.searchDlg button:last-child {
    margin-right: 0;
}

.searchDlg p:nth-of-type(1) select {
    width: 100%;
}

/*.searchDlg p:nth-of-type(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}*/

.searchDlg p:nth-of-type(2) select:nth-of-type(1) {
    width: 206px;
}

.searchDlg p:nth-of-type(2) input {
    -webkit-box-flex: 3.5;
    -webkit-flex: 3.5;
    -ms-flex: 3.5;
    flex: 3.5;
    margin: 0 10px;
}

.searchDlg p:nth-of-type(3) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.searchDlg p:nth-of-type(3) label:first-child {
    margin-right: 20px;
}

.searchDlg p:nth-of-type(4) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.searchlog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border-top: 1px solid rgba(2, 51, 91, 0.3);
    margin-top: 20px;
}

.searchlog span {
    color: #02335b;
    display: inline-block;
    margin: 5px;
}

.searchlog a {
    margin: 5px;
    color: #02335b;
    display: inline-block;
}

.searchlog a:hover {
    color: #95d800;
}