/*common*/
html, body { font: normal 12px Microsoft YaHei; height: 100%; display: block; margin: 0; padding: 0; }
header, footer, section, aside, article, nav, hgroup, figure, figcaption, body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, blockquote, legend, table, th, td, fieldset, menu, pre { margin: 0; padding: 0; }
table, th, td, img, fieldset { border: 0; }
time, mark, output, meter, address, cite, em, code, var, dfn, ins, i, th, caption { text-decoration: none; font-style: normal; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; }
input, select, button, textarea, table { margin: 0; font-family: inherit; border: 1px solid #ddd; border-radius: 0.2em; font-size: 1em; }
abbr, acronym { border: 0; font-variant: normal; }
q:before, q:after { content: ""; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, caption { text-align: left; }
header, footer, section, aside, article, nav, hgroup, figure, figcaption { display: block; }
img { border: 0; }
a { color: black; text-decoration: none; }
fieldset { border: 1px solid #f2f2f2; overflow: hidden; }
ul, li { margin: 0; padding: 0; }
.clear { clear: both; }
.left { float: left; padding-left: 2px; }
.right { float: right; }
.hidden { display: none; }
.readonly { cursor: not-allowed; border: 0; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tip { color: orangered; margin-bottom: 10px; text-align: center; }
.btnDiv { width: 100%; text-align: center; margin: 10px 0; }
    .btnDiv input { margin-left: 1em; }
.selected { background: #cbe2ff; }
    .selected a { color: #000000; }
.pass { color: #01DF01; }
.fail { color: #e80c4d; }
.ignore { color: #c4c4c4; }
.required, .error { color: red; }
.label { width: 5em; float: left; text-align: right; padding-right: 1em; font-weight: 600; color: #2f8ab9; }
.odrlabel { width: 5em; float: left; text-align: right; padding-right: 1em; color: #2f8ab9; }
.odrtext { width: 20em; float: left; resize: none; }

.text { width: 20em; max-width: 65%; float: left; resize: none; }
.numtext { min-width: 5em; width: 10em; max-width: 20%; float: left; resize: none; }
.textarea { width: 20em; max-width: 65%; float: left; height: 8em; resize: none; }
    .text input, .textarea textarea, .numtext input { margin: 0.1em; height: 100%; width: 99%; }

.link { color: blue; }
.margintop { margin-top: 1em; padding-top: 1em; }
.dropdownList { width: 20.5em; max-width: 65%; float: left; }
.listBox { width: 20.5em; height: 9em; float: left; resize: none; }
.pointer { cursor: pointer; }
.grey { color: #c4c4c4; }
.asc { background: url('../images/asc.png') no-repeat left; }
.desc { background: url('../images/desc.png') no-repeat left; }
.leftBorder { border-left: 1px solid #f2f2f2; padding-left: 0.5em; }

.highlight { font-weight: 700; color: green; }
    .highlight input { margin-left: 10px; }
.extext { width: 50em; float: left; resize: none; }
.exdropdownList { width: 50.5em; float: left; }
.exheigtext { width: 20em; height: 40em; float: left; resize: none; }
.fileBorder { width: 25em; border: 1px solid #ddd; margin-top: 0.5em; }
.input-validation-error { border: 1px solid #db3652; }

.cellWidth_p3 { width: 3%; }
.cellWidth_p5 { width: 5%; }
.cellWidth_p8 { width: 8%; }
.cellWidth_p10 { width: 10%; }
.cellWidth_p15 { width: 15%; }
.cellWidth_p18 { width: 18%; }
.cellWidth_p20 { width: 20%; }
.cellWidth_p25 { width: 25%; }
.cellWidth_p30 { width: 30%; }
.cellWidth_p35 { width: 35%; }
.cellWidth_p40 { width: 40%; }
.cellWidth_p45 { width: 45%; }
.cellWidth_p50 { width: 50%; }
.cellWidth_p60 { width: 60%; }
.cellWidth_p75 { width: 75%; }
.cellWidth_p79 { width: 79%; }
.cellWidth_p83 { width: 83%; }
.cellWidth_p90 { width: 90%; }
.cellWidth_p95 { width: 95%; }
.cellWidth_f50 { width: 50px; }
.cellWidth_f80 { width: 80px; }
.cellWidth_f100 { width: 100px; }
.cellWidth_f150 { width: 150px; }
.cellWidth_f200 { width: 200px; }
.cellWidth_f250 { width: 250px; }
.cellWidth_f300 { width: 300px; }
.cellWidth_f400 { width: 400px; }
.cellWidth_f500 { width: 500px; }
.height_f300 { height: 300px; overflow-y: scroll; }
.height_f400 { height: 400px; }

.row50 { border-bottom: 1px solid #f2f2f2; height: 110px; display: block; }
    .row50:hover { background: #72a8f5; }
.marginLeft20 { margin-left: 2em; }
.marginLeft5 { margin-left: 0.5em; }
.marginRight20 { margin-right: 0em; }

.shrinkText { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.header { z-index: 101; position: fixed; font-size: 1.5em; width: 100%; }
    .header .logo { background: #fff; float: left; line-height: 30px; height: 29px; }
    .header img { width: 100%; max-height: 30px; }
    .header .title { color: #fff; line-height: 30px; height: 30px; margin-left: 1em; }
    .header .login-info .user-name { float: left; line-height: 30px; height: 30px; vertical-align: middle; font-weight: 500; font-size: 0.8em; }
        .header .login-info .user-name .name { text-decoration: underline; }
        .header .login-info .user-name img { width: auto; }
.top-header .item-link { float: left; font-size: 24px; margin-left: 2em; color: #0093de; font-weight: 700; cursor: pointer; line-height: 80px; }
    .top-header .item-link a { color: #0093de; }
/* content style*/
.footer { position: fixed; bottom: 0; height: 2em; line-height: 2em; text-align: center; width: 100%; border-top: 1px solid #ddd; color: #808080; z-index: 1; }

.content { width: 100%; top: 110px; bottom: 2em; position: fixed; z-index: 100; overflow: auto; }
.searchBar { width: 100%; line-height: 3em; height: 3em; overflow: hidden; background: #f4f4f4; padding: 0.5em 0; position: relative; border-bottom: 2px solid #0093de; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eeeeee)); background: -moz-linear-gradient(top,#ffffff,#eeeeee); background: -o-linear-gradient(top,#ffffff,#eeeeee); background: -ms-linear-gradient(top,#ffffff,#eeeeee); font-size: 1.2em; }
    .searchBar .operation { float: right; padding: 0; margin-top: -3em; text-align: right; }
        .searchBar .operation input { width: 10em; height: 1.5em; border: 1px solid #ddd; border-radius: 5px; }
    .searchBar .searchImg { margin-left: -2.2em; margin-bottom: -0.7em; cursor: pointer; height: 2em; }
    .searchBar .addnewImg { margin-bottom: -0.7em; cursor: pointer; height: 2em; }
.pageTitle { position: relative; left: 0; right: 0; margin: auto; max-width: 15em; font-size: 1.5em; font-weight: 600; color: #808080; line-height: 2em; height: 2.5em; }

/*error page*/
.errorContainer { margin: 0 auto; width: 40em; height: 25em; max-width: 100%; text-align: center; }
.errorTitle { padding: 1em; font-size: 1em; }
    .errorTitle a { margin: 3em; }
.errorDiv { padding: 0.5em; color: red; }

.infoGroup { margin-top: 0.5em 1em 1em 0; display: block; overflow: auto; }
    .infoGroup fieldset { height: 100%; padding: 0.5em; }


/*horizontal menu*/
.hmenu { position: relative; width: 100%; height: 30px; line-height: 30px; margin: 0; padding: 0; background: #0093de; color: #ffffff; overflow: hidden; }
    .hmenu a { color: #ffffff; }
    .hmenu .hmenu-level1 { float: left; padding: 0 0.5em; text-align: left; cursor: pointer; }
        .hmenu .hmenu-level1 .level1name { width: 100%; text-align: center; letter-spacing: 2px; }
.hsubmenu { position: fixed; top: 108px; line-height: 2em; width: 5.5em; display: none; text-align: left; background: #f2f2f2; border: 1px solid #c4c4c4; border-top: 2px solid #c4c4c4; padding-bottom: 0.5em; margin-left: -0.6em; overflow: hidden; }
    .hsubmenu a, .selectedmenu a { color: #000000; }
    .hsubmenu div { width: 4.5em; border-bottom: 1px solid #c4c4c4; margin: 2px auto; font-size: 0.8em; line-height: 2em; height: 2em; }
        .hsubmenu div img { width: 2em; }

.selectedmenu { background: #f2f2f2; color: #000000; }

.bg_row1 { background: #FAFAFA; }
.bg_row0 { background: #FFFFFF; }


.info-title { line-height: 30px; height: 30px; width: 100%; background: #F6F6F6; vertical-align: middle; margin: 0; font-weight: bold; color: #3C3C3C; border-bottom: 1px solid #D8D8D8; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eeeeee)); background: -moz-linear-gradient(top,#ffffff,#eeeeee); background: -o-linear-gradient(top,#ffffff,#eeeeee); background: -ms-linear-gradient(top,#ffffff,#eeeeee); padding-left: 1em; }

.info-block { border: 1px solid #ddd; margin: 1em 0; overflow-x: hidden; }

.login-block { border: 1px solid #ddd; font-size: 1.5em; width: 100%; max-width: 25em; margin: 0 auto; margin-top: 2em; }
    .login-block .login-title { line-height: 2.5em; height: 2.5em; width: 100%; background: #F6F6F6; vertical-align: middle; margin: 0; color: #808080; border-bottom: 1px solid #D8D8D8; background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#eeeeee)); background: -moz-linear-gradient(top,#ffffff,#eeeeee); background: -o-linear-gradient(top,#ffffff,#eeeeee); background: -ms-linear-gradient(top,#ffffff,#eeeeee); margin-bottom: 10px; text-align: left; vertical-align: middle; }
        .login-block .login-title img { margin-top: 0.4em; width: 2em; }

    .login-block .login-line { line-height: 4em; height: 4em; margin: 0; padding: 0; }
        .login-block .login-line .login-label { width: 20%; text-align: right; float: left; margin-right: 0.5em; color: #808080; }
        .login-block .login-line .login-input { height: 60%; margin: 0; padding: 0; width: 60%; float: left; }
            .login-block .login-line .login-input input { height: 100%; width: 100%; margin-top: -0.5em; border: 1px solid #ddd; border-radius: 5px; font-size: 1.2em; }
.login-btn { line-height: 2em; font-size: 1.2em; border: 1px solid #b6243d; background: #db3652; color: #fff; width: 100%; }

.home-menu { position: relative; height: 99%; overflow: auto; width: 50em; max-width: 100%; margin: 0 auto; text-align: center; font-size: 1em; }

.doc { margin: 0.2em 1em; }
    .doc .doc-show { background: url("../images/asc.png") no-repeat; background-position-y: center; }
    .doc .doc-hide { background: url("../images/desc.png") no-repeat; background-position-y: center; }
    .doc .doc-summary { border: 1px solid #f2f2f2; width: 15em; height: 20em; padding: 0.5em; cursor: pointer; margin: 0.5em; float: left; }
    .doc .doc-img { width: 100%; height: 18em; border: 0; }
    .doc .doc-title { text-align: center; font-size: 1em; }

.tab-btn-container { width: 100%; height: 2em; background: #2f8ab9; border-top: 2px solid #2f8ab9; }
.tab-btn { width: 10em; float: left; text-align: center; height: 100%; font-size: 1.2em; cursor: pointer; }
.selectedTab { background: #f2f2f2; }


.listContent { margin: 0; border-top: 1px solid #c2c2c2; font-size: 1.2em; position: relative; background: #fff; width: 100%; }
.listHeader { font-weight: bold; text-align: center; border-bottom: 1px solid #f2f2f2; display: block; background: #f2f2f2; line-height: 2.5em; height: 2.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sublistHeader { font-weight: bold; text-align: center; border-bottom: 2px solid #c4c4c4; display: block; background: #f2f2f2; line-height: 2.5em; height: 2.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listItemRow { border-bottom: 1px solid #f2f2f2; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0; margin: 0; line-height: 2.5em; height: 2.5em; }
.listItemRowEx { border-bottom: 1px solid #f2f2f2; line-height: 10em; height: 10em; display: block; }
    .listItemRow:hover, .listItemRowEx:hover { background: #cbe2ff; }
.listCell { float: left; border-right: 1px solid #c2c2c2; height: 100%; vertical-align: middle; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.5em; }
.lastCell { float: left; height: 100%; vertical-align: middle; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.5em; }
.listItemRow .btnImg { cursor: pointer; height: 2em; margin: 0.2em 0; }
    .listItemRow .btnImg:hover { background: #db3652; }
.oprbtn { position: absolute; right: 0; }
.fixed { position: fixed; }
.rptHeader { font-weight: bold; text-align: center; border-bottom: 2px solid #c4c4c4; display: block; background: #f2f2f2; line-height: 2.5em; height: 2.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rptRow { border-bottom: 1px solid #f2f2f2; line-height: 2.5em; height: 2.5em; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rptCell { float: left; border-right: 1px solid #c2c2c2; height: 100%; vertical-align: middle; padding-left: 0px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rptCellLast { float: left; height: 100%; vertical-align: middle; padding-left: 0px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.selected-dev { background: #2f8ab9; }