/**
 * global reset
 */

html {
    color: #000;
    background-color: transparent;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
fieldset,
img {
    border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: normal;
    font-style: normal;
}
ol,
ul {
    list-style: none;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before,
q:after {
    content: "";
}
abbr,
acronym {
    font-variant: normal;
    border: 0;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
legend {
    color: #000;
}
body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    overflow: hidden;
    color: #333;
}

/*提高权重，避免使用important*/

html body select,
html body input,
html body textarea {
    font-family: simsun;
    font-size: 13px;
    line-height: 22px;
    color: #6d612f;
}
table {
    font: 100%;
    font-size: inherit;
}
pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    line-height: 100%;
    *font-size: 108%;
}

/* added later */

button {
    font-family: "Microsoft Yahei";
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #333;
}
a:hover {
    text-decoration: underline;
    color: #f00;
}
em,
strong {
    font-weight: bold;
}
p em,
p strong {
    margin-right: 3px;
    margin-left: 3px;
}
iframe {
    display: block;
}

/**
 * common for pages
 */

html,
body,
body > form,
.page-loading {
    width: 100%;
    height: 100%;
}
.page-loading {
    position: absolute;
    z-index: 9999;
    background-color: #fff;
    background-image: url("imagesajaxloading.gif");
    background-repeat: no-repeat;
    background-position: center center;
}
.scale100 {
    width: 100%;
    height: 100%;
}

/* 工具样式 */

.margin-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.hidden {
    display: none !important;
}
.invisible {
    visibility: hidden !important;
}
.hidden-accessible {
    position: absolute !important;
    top: 0;
    left: -999999em !important;
}
[class*="-wrap"]:before,
[class*="-wrap"]:after,
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
[class*="-wrap"]:after,
.clearfix:after {
    clear: both;
}
.l {
    float: left !important;
}
.r {
    float: right !important;
}

/* 文字排版 */

.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.text-nowrap,
.nobr {
    overflow: hidden;
    white-space: nowrap;
}
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 文字大小写转换 */

.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}

/* 文字颜色 */

.text-normal {
    color: #333;
}
a.text-normal:hover {
    color: #145ccd;
}
.text-primary {
    color: #3280fc;
}
a.text-primary:hover {
    color: #0462f7;
}
.text-danger {
    color: #d2322d;
}
a.text-danger:hover {
    color: #a82824;
}
.text-warning {
    color: #e48600;
}
a.text-warning:hover {
    color: #b16800;
}
.text-success {
    color: #229f24;
}
a.text-success:hover {
    color: #19751a;
}
.text-info {
    color: #39b3d7;
}
a.text-info:hover {
    color: #2596b8;
}
.text-minor,
a.text-minor:hover {
    color: #666;
}
.text-assist,
a.text-assist:hover {
    color: #999;
}
.text-special,
a.text-special:hover {
    color: #6e612f;
}
.text-bold {
    font-weight: bold;
}

/* 文字大小 [12~18]*/

.fs12 {
    font-size: 12px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs16 {
    font-size: 16px !important;
}
.fs18 {
    font-size: 18px !important;
}

/* margin-right: 5n 5~20 */

.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}

/* margin-bottom: 5n 5~20 */

.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}

/* 宋体 */

.ft-simsun {
    font-family: SimSun, sans-serif !important;
}
.trans {
    transition-timing-function: ease-in-out;
    transition-duration: .2s;
}

/* 一般输入框 */

.input-txt {
    line-height: 22px;
    width: 200px;
    height: 22px;
    padding: 0 3px 0 5px;
    border: 1px solid #b6af95;
    border: 1px solid #b6af95;
    background-color: #fff;
}
.input-txt[disabled] {
    cursor: not-allowed;
    color: #cdcdcd;
    border: 1px solid #dadada;
}
.toolbar .input-txt {
    margin-top: 5px;
}

/* button */

.btn {
    font-family: "microsoft yahei";
    font-size: 14px;
    font-weight: bolder;
    line-height: 34px;
    display: inline-block;
    height: 34px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
    border: none;
}
.btn-small {
    font-weight: normal;
    line-height: 24px;
    height: 24px;
}
.btn.btn-gray {
    color: #333;
    background-color: #cdcdcd;
}
.btn.btn-gray:hover {
    background-color: #acacac;
}
.btn.unfold-btn,
.btn.fold-btn {
    width: 29px;
    height: 34px;
    padding: 0;
    background-color: transparent;
}
.btn.unfold-btn {
    background-image: url("imagesbtn_bj_out.png");
}
.btn.fold-btn {
    background-image: url("imagesbtn_qx_out.png");
}
.btn.goback-btn {
    width: 34px;
    height: 34px;
    padding: 0;
    background-color: transparent;
    background-image: url("imagesbtn_fanhui_out.png");
}
.search-btn {
    width: 80px;
    padding: 0;
    background-image: url("imagesicon-search-btn.png");
    background-position: 0 0;
}
.search-btn:hover {
    background-position: 0 -50px;
}

/* 按钮组 */

.btn-group:before,
.btn-group:after {
    display: table;
    content: " ";
}
.btn-group:after {
    clear: both;
}
.btn-group > .btn {
    float: left;
}
.btn-group > .btn + .btn {
    margin-left: 1px;
}
.toolbar .btn-small {
    margin-top: 5px;
}

/* form helper */

.form-helper {
    font-weight: normal;
    color: #fff;
    background-color: #cecece !important;
}
.form-helper.active {
    color: #f00;
}
.form-helper-icon {
    margin-right: 4px;
}
.main-wrap {
    overflow: hidden;
    height: 100%;
}

/* toobar */

.toolbar:before,
.toolbar:after {
    display: table;
    content: " ";
}
.toolbar:after {
    clear: both;
}
.toolbar {
    /* TODO: toolbar上不建议直接定义line-height */
    line-height: 34px;
    position: relative;
    background-color: #e2e2e2;
}
.toolbar [class*="text-"] {
    line-height: 34px;
}
.toolbar > * {
    float: left;
}

/* history go back */

.toolbar > .goback-btn {
    position: absolute;
    right: 0;
}

/* 帮助信息 */

.description {
    line-height: 22px;
    padding: 8px 5px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #fbfce5;
}
.desc-info-item {
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
}
.desc-info-item + .desc-info-item {
    margin-top: 8px;
}
.desc-info-title,
.desc-info-text {
    float: left;
    box-sizing: border-box;
}
.desc-info-title {
    width: 16.6667%;
    min-height: 1px;
    padding-right: 10px;
    text-align: right;
}
.desc-info-text {
    font-family: simsun;
    font-size: 12px;
    width: 83.3333%;
}
@media (max-width: 480px) {
    .desc-info-title {
        width: 100%;
        margin-bottom: 3px;
        text-align: left;
    }
    .desc-info-text {
        width: 100%;
    }
}

/* condition 查询条件 */

.toolbar ~ .condition {
    background-color: #eeeced;
}
.condition {
    position: relative;
}

/* condition区域拉环 */

.cond-more {
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 26px;
    cursor: pointer;
    background-image: url("imagesicon-cond-drop.png");
    background-position: 0 -6px;
}
.cond-more:hover {
    height: 31px;
    background-position: 0 0;
}
.cond-more.opened {
    height: 45px !important;
    background-position: 20px 0 !important;
}

/* condition区域搜索按钮 */

.condition .search-btn {
    position: absolute !important;
    z-index: 10;
    top: 3px;
    right: 40px;
}

/* 条件表单 */

.condition .form-wrap {
    margin-right: 120px;
}

/* 表单布局 支持响应式 */

.form-wrap {
    padding: 5px;
}
.form-content {
    max-width: 900px;
    margin: 0 auto;
}
.form-row:before,
.form-row:after {
    display: table;
    content: " ";
}
.form-row:after {
    clear: both;
}
.form-row {
    padding: 3px 0;
}
.form-row > * {
    float: left;
}
.control-label {
    font-size: 14px;
    line-height: 24px;
    display: block;
    box-sizing: border-box;
    width: 16.6667%;
    min-height: 24px;
    padding-right: 5px;
    text-align: right;
}
.control-label.required {
    position: relative;
}
.control-label.required:after {
    font-size: 16px;
    position: absolute;
    top: 2px;
    display: inline-block;
    content: "*";
    color: #f00;
}
.control-field [class*="text-"] {
    line-height: 24px;
}
.form-control {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    border: 1px solid #b6af95;
}
.control-field {
    position: relative;
    box-sizing: border-box;
    min-height: 24px;
    padding-left: 5px;
}
.control-field.span1 {
    width: 16.6667%;
}
.control-field.span2 {
    width: 33.3333%;
}
.control-field.span3 {
    width: 50%;
}
.control-field.span4 {
    width: 66.6667%;
}
.control-field.span5 {
    width: 83.3333%;
}

/* NOTE: 考虑到IE9暂时有点问题，先注释掉一下代码 */


/* @media (max-width: 768px) {
    .condition .form-wrap {
        padding-top: 40px;
        margin-right: 0;
    }
    .form-row {
        padding: 0;
    }
    .form-content .control-label {
        width: 30%;
    }
    .form-content .control-field {
        width: 70%;
        margin-bottom: 6px;
    }
}
@media (max-width: 480px) {
    .form-content .control-label {
        text-align: left;
        width: 100%;
        margin-bottom: 0px;
    }
    .form-content .control-field {
        width: 100%;
        padding-left: 0;
    }
} */


/* checkbox|radio */

.chk-item {
    line-height: 24px;
    display: inline-block;
    overflow: hidden;
    height: 24px;
    cursor: pointer;
}
.chk-item > [type="radio"],
.chk-item > [type="checkbox"] {
    margin-top: -2px;
    margin-right: 5px;
    vertical-align: middle;
}
.chk-item + .chk-item {
    margin-left: 10px;
}

/* toolbar上的checkbox|radio */

.toolbar .chk-item {
    line-height: 34px;
    height: 34px;
}

/* content */

.content {
    overflow: auto;
    background-color: #f8f8f8;
}
.content > .condition {
    background-color: transparent;
}

/* 左（侧边栏）右（内容）布局 */

.left-col {
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    height: 100%;
    border-right: 1px solid #fff;
}

/* 左侧缩进按钮 默认不显示*/

.left-col .side-toggle {
    position: absolute;
    top: 6px;
    right: 0;
    display: block;
    visibility: hidden;
    width: 14px;
    height: 22px;
    opacity: .6;
    background-color: #acacac;
    filter: alpha(opacity=60);
}

/* 鼠标hover侧边栏时 显示缩进按钮 */

.left-col:hover .side-toggle {
    visibility: visible;
}
.left-col .side-toggle:hover {
    cursor: pointer;
    opacity: 1;
    background-color: #fcb50d;
    filter: alpha(opacity=100);
}

/* 缩进箭头 */

.left-col .side-toggle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    margin-left: -3px;
    content: "";
}

/* 左箭头 */

.left-col .side-toggle.left:after {
    border-top: 6px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 6px solid transparent;
}

/* 右箭头 */

.left-col .side-toggle.right:after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #fff;
}

/* 左侧收缩状态 */

.left-col.collapsed {
    width: 0;
    padding-right: 14px;
    background-color: #e2e2e2;
}

/* 左侧收缩状态下 显示展开按钮 */

.left-col.collapsed > * {
    display: none;
}
.left-col.collapsed > .side-toggle {
    display: block;
    visibility: visible;
}
.left-col .tree-wrap {
    overflow: auto;
    width: 210px;
    background-color: #f8f8f8;
}
.left-col .left-title {
    font-size: 18px;
    line-height: 34px;
    height: 34px;
    padding-left: 10px;
    color: #000;
    background-color: #e2e2e2;
}
.right-col {
    height: 100%;
    margin-left: 211px;
}

/* 上下2块页面布局 */

.top-row {
    margin-bottom: 3px;
}
.bottom-row {
    overflow: hidden;
}

/* accordion layout */

.accordion-layout {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 15px;
}
.accordion-layout .accordion-item {
    padding-top: 15px;
    background-image: url("imagesaccordionline.png");
    background-repeat: repeat-y;
    background-position: 20px 1px;
}
.accordion-layout .accordion-item.last {
    background-image: url("imagesaccordionline_15.png");
    background-repeat: no-repeat;
    background-position: 20px 0;
}
.accordion-layout .accordion-item:first-child {
    padding-top: 0;
}
.accordion-item .accordion-sequence {
    font-family: Arial;
    font-size: 28px;
    font-style: italic;
    line-height: 40px;
    float: left;
    width: 41px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    color: #968a5e;
    background-image: url("imagesaccordionicon-acc-circle.png");
    background-repeat: no-repeat;
    background-position: 0 -30px;
}
.accordion-item .accordion-content {
    margin-left: 60px;
}
.accordion-content .accordion-hd {
    overflow: hidden;
    height: 40px;
    padding: 0 20px;
    background-color: #d1d1d1;
}
.accordion-hd > .accordion-handle {
    float: right;
    width: 20px;
    height: 40px;
    cursor: pointer;
    background-image: url("imagesaccordionicon-acc-pm.png");
    background-repeat: no-repeat;
}
.accordion-item.expanded .accordion-handle {
    background-position: -29px 12px;
}
.accordion-item.collapsed .accordion-handle {
    background-position: 0 12px;
}
.accordion-hd .accordion-title {
    font-size: 20px;
    line-height: 40px;
    float: left;
}
.accordion-content .accordion-bd {
    padding: 15px 20px;
    background-color: #fff;
}
.accordion-item.collapsed .accordion-bd {
    display: none;
}

/* form layout in accordion */

.accordion-bd > .condition {
    padding: 0;
    background-color: transparent;
}
@media (max-width: 1024px) {
    .accordion-layout {
        padding-right: 5px;
        padding-left: 5px;
    }
    /* 去掉为序号预留的位置 */
    .accordion-item .accordion-content {
        margin-left: 0;
    }
    /* 去掉序号间的连接线 */
    .accordion-layout .accordion-item,
    .accordion-layout .accordion-item.last {
        background-image: none;
    }
    /* 让序号定位到.accordion-hd中 */
    .accordion-layout .accordion-item {
        position: relative;
    }
    .accordion-item .accordion-sequence {
        font-size: 20px;
        position: absolute;
        left: 0;
        color: #fff;
        background-color: #968a5e;
        background-image: none;
    }
    /* 在.accordion-hd上空出位置放置序号 */
    .accordion-content .accordion-hd {
        padding-left: 50px;
    }
}

/* tip dialog */

.tip-dialog {
    position: absolute;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}
.tip-dialog-hd {
    margin: 0 25px;
    border-bottom: 1px solid #ccc;
}
.tip-dialog-title {
    font-size: 18px;
    line-height: 2;
    padding: 11px 0 0 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tip-dialog-bd {
    position: relative;
    padding: 0 25px;
}
.tip-dialog-msg {
    font-size: 16px;
    line-height: 30px;
    margin: 32px 0 0 30px;
    word-break: break-all;
}
.tip-dialog-btns {
    position: absolute;
    bottom: 25px;
    left: 225px;
}
.tip-dialog-btn {
    font-size: 16px;
    line-height: 35px;
    display: block;
    width: 90px;
    height: 35px;
    margin-right: 10px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #333;
    border: 1px solid #d2d2d2;
    background-color: #f0f0f0;
}
.tip-dialog-btn:hover {
    background-color: #dcdcdc;
}
.tip-dialog-btn:active {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2) inset;
}

/* tip dialog icons */

.tip-dialog-icon {
    width: 128px;
    height: 128px;
    margin: 20px 0 0 15px;
}
.tip-dialog-icon.info {
    background-image: url(imagestipdialoginfo.png);
}
.tip-dialog-icon.warn {
    background-image: url(imagestipdialogwarn.png);
}
.tip-dialog-icon.deny {
    background-image: url(imagestipdialogdeny.png);
}
.tip-dialog-icon.success {
    background-image: url(imagestipdialogsuccess.png);
}
.tip-dialog-icon.confirm {
    background-image: url(imagestipdialogconfirm.png);
}
.tip-dialog-icon.error {
    background-image: url(imagestipdialogerror.png);
}

/* epoint dialog */

.epdialog {
    position: absolute;
    box-sizing: border-box;
    border: 1px solid #bbb;
}
.epdialog.ui-resizable-resizing,
.epdialog.ui-draggable-dragging {
    opacity: .6;
    filter: alpha(opacity=60);
}
.epdialog.ui-resizable-resizing iframe,
.epdialog.ui-draggable-dragging iframe {
    display: none;
}
.epdialog-hd {
    height: 32px;
    /* 去除头部默认颜色，采用ep-bg-1 */
    /* background-color: #048FD2; */
}
.epdialog.ui-resizable-resizing .epdialog-hd {
    cursor: pointer;
}
.epdialog-title {
    font-size: 18px;
    line-height: 32px;
    padding-left: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
}
.epdialog-bd {
    position: absolute;
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-color: #fff;
}
.epdialog .ui-resizable-handle {
    font-size: .1px;
    position: absolute;
    display: block;
}
.epdialog .ui-resizable-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    cursor: s-resize;
}
.epdialog .ui-resizable-e {
    top: 0;
    right: 0;
    width: 7px;
    height: 100%;
    cursor: e-resize;
}
.epdialog .ui-resizable-se {
    right: 1px;
    bottom: 1px;
    width: 12px;
    height: 12px;
    cursor: se-resize;
}
.epdialog-hd-btn {
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border: none;
    background-color: transparent;
}
.epdialog-hd-btn:hover {
    background-color: #33a0d2;
}

/* 刷新 */

.epdialog-hd-btn.refresh {
    background-image: url("imagesepdialogrefresh.png");
}

/* 最大化 */

.epdialog-hd-btn.maxwin {
    background-image: url("imagesepdialogmax.png");
}

/* 恢复 */

.epdialog-hd-btn.restore {
    background-image: url("imagesepdialogrestore.png");
}

/* 关闭 */

.epdialog-hd-btn.close {
    background-image: url("imagesepdialogclose.png");
}
.epdialog-hd-btn.close:hover {
    background-color: #f96e40;
}

/* 最小化 */

.epdialog-hd-btn.min {
    background-image: url("imagesepdialogmin.png");
}

/* 配置 */

.epdialog-hd-btn.config {
    background-image: url("imagesepdialogconfig.png");
}

/* EpContextMenu */

.ep-context-menu img {
    border: 0;
}
.ep-context-menu ul {
    list-style: none;
}
.ep-context-menu {
    position: absolute;
}
.ep-context-menu .cm-btn-icon {
    width: 1.23em;
    height: 1.23em;
    margin-right: 5px;
    vertical-align: text-top;
    border: none;
}
.ep-context-menu .cm-btn-text {
    display: inline-block;
}
.ep-context-menu .menu {
    padding: .1em 0 0;
    border: 1px solid #b8cbcb;
    background-color: #fff;
    box-shadow: 2px 2px 5px #666;
}
.ep-context-menu .sep {
    height: 0;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #f1f1f1;
}
.ep-context-menu .cm-item {
    margin-bottom: 3px;
}
.ep-context-menu .has-menu {
    position: relative;
}
.ep-context-menu .has-menu > .cm-btn-default {
    background: url(data:image/gif;base64,R0lGODlhDwAJAJEAADMzM////////wAAACH5BAEHAAIALAAAAAAPAAkAAAISlI9poC3AHIJRPmpvlTAvDxoFADs=) no-repeat right center transparent;
}
.ep-context-menu .has-menu > .cm-btn-disabled {
    background: url(data:image/gif;base64,R0lGODlhDwAJAJEAAJmZmf///////wAAACH5BAEHAAIALAAAAAAPAAkAAAISlI9poC3AHIJRPmpvlTAvDxoFADs=) no-repeat right center transparent;
}
.ep-context-menu .has-menu .sub-menu {
    position: absolute;
    top: 0;
    left: 93px;
}
.ep-context-menu .cm-btn {
    font-size: 12px;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    padding: .4em 1.8em .4em .5em;
    transition: all .1s ease-in;
    white-space: nowrap;
    text-decoration: none;
    color: #000;
}
.ep-context-menu .cm-btn-default:hover {
    color: #fff;
    background-color: #348ccc;
}
.ep-context-menu .cm-btn-disabled {
    cursor: no-drop;
    color: #999;
    background: #f8f8f8;
}
.ep-context-menu .cm-btn-active {
    color: #fff;
    background-color: #5e4bd8;
    box-shadow: 0 0 5px rgba(25, 7, 115, .7) inset;
}

/* ajax loading */

.ajax-loading {
    position: absolute;
    padding: 20px;
    border: 5px solid #f2f2f2;
    background-color: #fff;
}
.ajax-loading-icon {
    width: 60px;
    height: 60px;
    background-color: transparent;
    background-image: url("imagesajaxloading.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.ajax-loading-msg {
    line-height: 60px;
    color: #666;
}

/* dialog模板 */

.modal-dialog-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: .3;
    background-color: #000;
    filter: alpha(opacity=30);
}
.modal-dialog-cover-inner {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-dialog-cover > iframe {
    opacity: 0;
    filter: alpha(opacity=0);
}

/* 门户切换 */

.portal-sel-panel {
    font-size: 18px;
    width: 285px;
    height: 80px;
    background-color: #1e1f27;
}
.portal-sel-panel > * {
    margin-top: 18px;
}
.portal-sel-panel p {
    width: 40px;
    margin-left: 15px;
    color: #fff;
}
.portal-sel-panel a {
    line-height: 44px;
    display: block;
    width: 82px;
    height: 44px;
    text-align: center;
    color: #fff;
    background-color: #383a49;
}
.portal-sel-panel a:hover {
    text-decoration: none;
    background-color: #9297a9;
}

/* css3 enhancement */
.btn,
.ui-button {
    transition-duration: 200ms;
    transition-property: background-color;
}

/**
 * icon13x13 操作图标
 */
[class^="icons1313-"],
[class*="icons1313-"] {
    background-color: transparent;
    background-image: url("imagesicon-13x13.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
}
button[class*="icons1313-"] {
    border: none;
}
.icons1313-add {
    background-position: -14px -74px;
}
.icons1313-add:hover {
    background-position: -14px -154px;
}
.icons1313-del {
    background-position: -44px -74px;
}
.icons1313-del:hover {
    background-position: -44px -154px;
}
.icons1313-edit {
    background-position: -74px -74px;
}
.icons1313-edit:hover {
    background-position: -74px -154px;
}
.icons1313-view {
    background-position: -104px -74px;
}
.icons1313-view:hover {
    background-position: -104px -154px;
}
.icons1313-setting {
    background-position: -134px -74px;
}
.icons1313-setting:hover {
    background-position: -134px -154px;
}
.icons1313-copy {
    background-position: -164px -74px;
}
.icons1313-copy:hover {
    background-position: -164px -154px;
}
.icons1313-init {
    background-position: -194px -74px;
}
.icons1313-init:hover {
    background-position: -194px -154px;
}
.icons1313-pause {
    background-position: -224px -74px;
}
.icons1313-pause:hover {
    background-position: -224px -154px;
}
.icons1313-play {
    background-position: -254px -74px;
}
.icons1313-play:hover {
    background-position: -254px -154px;
}
.icons1313-stop {
    background-position: -284px -74px;
}
.icons1313-stop:hover {
    background-position: -284px -154px;
}
.icons1313-disable {
    background-position: -314px -74px;
}
.icons1313-disable:hover {
    background-position: -314px -154px;
}
.icons1313-import {
    background-position: -344px -74px;
}
.icons1313-import:hover {
    background-position: -344px -154px;
}
.icons1313-list {
    background-position: -374px -74px;
}
.icons1313-list:hover {
    background-position: -374px -154px;
}
.icons1313-design {
    background-position: -404px -74px;
}
.icons1313-design:hover {
    background-position: -404px -154px;
}
.icons1313-property {
    background-position: -434px -74px;
}
.icons1313-property:hover {
    background-position: -434px -154px;
}
.icons1313-print {
    background-position: -464px -74px;
}
.icons1313-print:hover {
    background-position: -464px -154px;
}
.icons1313-history {
    background-position: -494px -74px;
}
.icons1313-history:hover {
    background-position: -494px -154px;
}
.icons1313-generate {
    background-position: -554px -74px;
}
.icons1313-generate:hover {
    background-position: -554px -154px;
}
.icons1313-refresh {
    background-position: -584px -74px;
}
.icons1313-refresh:hover {
    background-position: -584px -154px;
}
.icons1313-info {
    background-position: -614px -74px;
}
.icons1313-info:hover {
    background-position: -614px -154px;
}
.icons1313-mail {
    background-position: -644px -74px;
}
.icons1313-mail:hover {
    background-position: -644px -154px;
}
.icons1313-sms {
    background-position: -674px -74px;
}
.icons1313-sms:hover {
    background-position: -674px -154px;
}
.icons1313-unread {
    background-position: -704px -74px;
}
.icons1313-unread:hover {
    background-position: -704px -154px;
}
.icons1313-read {
    background-position: -734px -74px;
}
.icons1313-read:hover {
    background-position: -734px -154px;
}
.icons1313-save {
    background-position: -764px -74px;
}
.icons1313-save:hover {
    background-position: -764px -154px;
}

/* lg.png circle background icon */
[class^="icons2020-"],
[class*="icons2020-"] {
    background-color: transparent;
    background-image: url("imageslg.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}
.icons2020-ask {
    background-position: -281px -11px;
}
.icons2020-ask:hover {
    background-position: -281px -56px;
}
.icons2020-light {
    background-position: -426px -188px;
}
.icons2020-light:hover {
    background-position: -426px -219px;
}
.icons2020-yes {
    background-position: -409px -11px;
}
.icons2020-yes:hover {
    background-position: -409px -56px;
}
.icons2020-delete {
    background-position: -384px -11px;
}
.icons2020-delete:hover {
    background-position: -384px -56px;
}
.icons2020-feedback {
    background-position: -204px -11px;
}
.icons2020-feedback:hover {
    background-position: -204px -56px;
}
.icons2020-edit {
    background-position: -229px -11px;
}
.icons2020-edit:hover {
    background-position: -229px -56px;
}
.icons2020-stop {
    background-position: -488px -11px;
}
.icons2020-stop:hover {
    background-position: -488px -56px;
}
.icons2020-up {
    background-position: -179px -11px;
}
.icons2020-up:hover {
    background-position: -179px -56px;
}
.icons2020-down {
    background-position: -359px -11px;
}
.icons2020-down:hover {
    background-position: -359px -56px;
}
.icons2020-copy {
    background-position: -254px -11px;
}
.icons2020-copy:hover {
    background-position: -254px -56px;
}
.icons2020-mail {
    background-position: -11px -11px;
}
.icons2020-mail:hover {
    background-position: -11px -56px;
}
.icons2020-offline {
    background-position: -74px -11px;
}
.icons2020-online {
    background-position: -72px -56px;
}
.icons2020-sms {
    background-position: -151px -11px;
}
.icons2020-sms:hover {
    background-position: -151px -56px;
}
.icons2020-view {
    background-position: -126px -11px;
}
.icons2020-view:hover {
    background-position: -126px -56px;
}
.icons2020-view2 {
    background-position: -98px -11px;
}
.icons2020-view2:hover {
    background-position: -98px -56px;
}
.icons2020-public {
    background-position: -43px -11px;
}
.icons2020-public:hover {
    background-position: -43px -56px;
}
.icons2020-process {
    background-position: -384px -188px;
}
.icons2020-process:hover {
    background-position: -384px -220px;
}
.icons2020-duban {
    background-position: -345px -188px;
}
.icons2020-duban:hover {
    background-position: -345px -220px;
}
.icons2020-delete2 {
    background-position: -11px -181px;
}
.icons2020-delete2:hover {
    background-position: -11px -216px;
}
.icons2020-phone {
    background-position: -71px -180px;
}
.icons2020-qq {
    background-position: -98px -180px;
}
.icons2020-mail2 {
    background-position: -126px -180px;
}
.icons2020-home {
    background-position: -71px -216px;
}
.icons2020-person {
    background-position: -98px -216px;
}

/**
 * 框架模块图标，一般用于导航菜单配置
 */
@font-face {
    font-family: "ModIcon";
    src: url('fontsmoduleicon.eot');
    src: url('fontsmoduleicon.eotiefix') format('embedded-opentype'), 
        url('fontsmoduleicon.woff') format('woff'), 
        url('fontsmoduleicon.ttf') format('truetype'), 
        url('fonts/module/icon.svg#modicon') format('svg');
}
[class^="modicon-"],
[class*="modicon-"] {
    font-family: "ModIcon" !important;
    font-size: 14px;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modicon-12:before {
    content: "\e600";
}
.modicon-13:before {
    content: "\e601";
}
.modicon-14:before {
    content: "\e602";
}
.modicon-15:before {
    content: "\e603";
}
.modicon-17:before {
    content: "\e604";
}
.modicon-18:before {
    content: "\e605";
}
.modicon-19:before {
    content: "\e606";
}
.modicon-20:before {
    content: "\e607";
}
.modicon-1:before {
    content: "\e608";
}
.modicon-2:before {
    content: "\e609";
}
.modicon-3:before {
    content: "\e60a";
}
.modicon-4:before {
    content: "\e60b";
}
.modicon-5:before {
    content: "\e60c";
}
.modicon-6:before {
    content: "\e60d";
}
.modicon-7:before {
    content: "\e60e";
}
.modicon-8:before {
    content: "\e60f";
}
.modicon-9:before {
    content: "\e610";
}
.modicon-10:before {
    content: "\e611";
}
.modicon-11:before {
    content: "\e612";
}
.modicon-35:before {
    content: "\e613";
}
.modicon-36:before {
    content: "\e614";
}
.modicon-37:before {
    content: "\e615";
}
.modicon-38:before {
    content: "\e616";
}
.modicon-39:before {
    content: "\e617";
}
.modicon-40:before {
    content: "\e618";
}
.modicon-21:before {
    content: "\e619";
}
.modicon-22:before {
    content: "\e61a";
}
.modicon-23:before {
    content: "\e61b";
}
.modicon-24:before {
    content: "\e61c";
}
.modicon-25:before {
    content: "\e61d";
}
.modicon-26:before {
    content: "\e61e";
}
.modicon-27:before {
    content: "\e61f";
}
.modicon-28:before {
    content: "\e620";
}
.modicon-29:before {
    content: "\e621";
}
.modicon-30:before {
    content: "\e622";
}
.modicon-31:before {
    content: "\e623";
}
.modicon-32:before {
    content: "\e624";
}
.modicon-33:before {
    content: "\e625";
}
.modicon-34:before {
    content: "\e626";
}
.modicon-45:before {
    content: "\e627";
}
.modicon-46:before {
    content: "\e628";
}
.modicon-47:before {
    content: "\e629";
}
.modicon-48:before {
    content: "\e62a";
}
.modicon-49:before {
    content: "\e62b";
}
.modicon-50:before {
    content: "\e62c";
}
.modicon-51:before {
    content: "\e62d";
}
.modicon-52:before {
    content: "\e62e";
}
.modicon-53:before {
    content: "\e62f";
}
.modicon-54:before {
    content: "\e630";
}
.modicon-55:before {
    content: "\e631";
}
.modicon-56:before {
    content: "\e632";
}
.modicon-57:before {
    content: "\e633";
}
.modicon-58:before {
    content: "\e634";
}
.modicon-59:before {
    content: "\e635";
}
.modicon-60:before {
    content: "\e636";
}
.modicon-41:before {
    content: "\e637";
}
.modicon-42:before {
    content: "\e638";
}
.modicon-43:before {
    content: "\e639";
}
.modicon-44:before {
    content: "\e63a";
}
.modicon-74:before {
    content: "\e63b";
}
.modicon-75:before {
    content: "\e63c";
}
.modicon-76:before {
    content: "\e63d";
}
.modicon-77:before {
    content: "\e63e";
}
.modicon-78:before {
    content: "\e63f";
}
.modicon-79:before {
    content: "\e640";
}
.modicon-80:before {
    content: "\e641";
}
.modicon-61:before {
    content: "\e642";
}
.modicon-62:before {
    content: "\e643";
}
.modicon-63:before {
    content: "\e644";
}
.modicon-64:before {
    content: "\e645";
}
.modicon-65:before {
    content: "\e646";
}
.modicon-66:before {
    content: "\e647";
}
.modicon-67:before {
    content: "\e648";
}
.modicon-68:before {
    content: "\e649";
}
.modicon-69:before {
    content: "\e64a";
}
.modicon-70:before {
    content: "\e64b";
}
.modicon-71:before {
    content: "\e64c";
}
.modicon-72:before {
    content: "\e64d";
}
.modicon-73:before {
    content: "\e64e";
}
.modicon-100:before {
    content: "\e64f";
}
.modicon-81:before {
    content: "\e650";
}
.modicon-82:before {
    content: "\e651";
}
.modicon-83:before {
    content: "\e652";
}
.modicon-84:before {
    content: "\e653";
}
.modicon-85:before {
    content: "\e654";
}
.modicon-86:before {
    content: "\e655";
}
.modicon-87:before {
    content: "\e656";
}
.modicon-88:before {
    content: "\e657";
}
.modicon-89:before {
    content: "\e658";
}
.modicon-90:before {
    content: "\e659";
}
.modicon-91:before {
    content: "\e65a";
}
.modicon-92:before {
    content: "\e65b";
}
.modicon-93:before {
    content: "\e65c";
}
.modicon-94:before {
    content: "\e65d";
}
.modicon-95:before {
    content: "\e65e";
}
.modicon-96:before {
    content: "\e65f";
}
.modicon-97:before {
    content: "\e660";
}
.modicon-98:before {
    content: "\e661";
}
.modicon-99:before {
    content: "\e662";
}
.modicon-101:before {
    content: "\e663";
}
.modicon-102:before {
    content: "\e664";
}
.modicon-103:before {
    content: "\e665";
}
.modicon-104:before {
    content: "\e666";
}
.modicon-105:before {
    content: "\e667";
}
.modicon-106:before {
    content: "\e668";
}
.modicon-107:before {
    content: "\e669";
}
.modicon-108:before {
    content: "\e66a";
}
.modicon-109:before {
    content: "\e66b";
}
.modicon-110:before {
    content: "\e66c";
}
.modicon-111:before {
    content: "\e66d";
}
.modicon-112:before {
    content: "\e66e";
}
.modicon-113:before {
    content: "\e66f";
}
.modicon-114:before {
    content: "\e670";
}
.modicon-115:before {
    content: "\e671";
}
.modicon-117:before {
    content: "\e672";
}
.modicon-118:before {
    content: "\e673";
}
.modicon-119:before {
    content: "\e674";
}
.modicon-120:before {
    content: "\e675";
}
.modicon-116:before {
    content: "\e676";
}
.modicon-16:before {
    content: "\e677";
}
.modicon-121:before {
    content: "\e678";
}

/* 辅助解决IE8有关content的issue */
.content-empty:before {
    display: block;
    content: " " !important;
}

/* icons from bootstrap */
[class^="icon-"] {
    height: 14px;
    width: 14px;
    display: inline-block;
    background-image: url("imagesglyphicons-halflings-white.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.icon-remove {
    background-position: -312px 0;
}
.icon-refresh {
    background-position: -240px -24px;
}
.icon-share {
    background-position: -120px -72px;
}
.icon-minus-sign {
    background-position: -24px -96px;
}