/**
    * 默认样式表（结构）
    * author: PorPoise
    * edit: 2018-05-21
*/

/*  1.	位置属性（position, top, right, z-index, display, float等）
    2.	大小（width, height, padding, margin）
    3.	文字（font, line-height, letter-spacing, color, text-align等）
    4.	背景（background, border等）
    5.	其他（animation, transition等）
*/

* {
    margin: 0px;
    padding: 0px;
    outline: none;
    /*cursor: default;*/
    scrollbar-arrow-color: #0070C0;
    scrollbar-face-color: #E5E3E4;
    scrollbar-3dlight-color: #E5E3E4;
    scrollbar-highlight-color: #E5E3E4;
    scrollbar-shadow-color: #E5E3E4;
    scrollbar-darkshadow-color: #E5E3E4;
    scrollbar-track-color: #FEFEFE;
    scrollbar-base-color: #FEFEFE;
    font-family: Courier New, Courier, monospace, 微软雅黑;
    font-family: "Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei",sans-serif;
    /*font-family: 宋体,Tahoma,Helvetica,Arial,sans-serif;*/
    vertical-align: middle;
}

html, body {
    _zoom: 1;
    overflow: auto;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: rgba(9, 7, 5, 0.6);
}

body {
}

html, body, form, input, select, button, a, span {
}

div {
}

a {
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    color: rgba(9, 7, 5, 0.6);
}

    a:visited {
    }

    a:focus {
    }

    a:hover {
        text-decoration: none;
        color: #b80228;
    }

ul {
}

li {
    list-style-type: none;
}

span {
    /*vertical-align: middle;*/
}

span, input, select {
    /*margin: 0px 3px 0px 3px;*/
}


    /*=S input.text */
    input.text {
        /*height: 1.5em;*/
        /*line-height: 1.5em;*/
        width: 116px;
        width: 128px;
        border-style: solid;
        border-width: 1px;
        border-radius: 2px;
        padding: 6px 6px;
    }

        input.text:focus {
        }

    input.w768 {
        width: 756px;
        width: 768px;
    }

    input.w512 {
        width: 500px;
        width: 512px;
    }

    input.w384 {
        width: 372px;
        width: 384px;
    }

    input.w256 {
        width: 244px;
        width: 256px;
    }

    input.w96 {
        width: 84px;
        width: 96px;
    }

    input.w64 {
        width: 52px;
        width: 64px;
    }
    /* 仅下边框 */
    input.underline {
        border-style: none none solid none;
    }

    input.numberOnly, input.number {
        ime-mode: disabled;
    }
/*=E input.text */

/*=S textarea */
textarea {
    margin: 0px;
    padding: 6px;
    border: solid 1px #ACA899;
    border-radius: 2px;
}
/*=E textarea */

/*=S button */
.button {
    border-radius: 2px;
    text-align: center;
    cursor: default;
    background-color: #cb9b68;
    color: #fff;
    border-radius: 2px;
}
/*=E button */

/*=S select */
.select {
    /*width: 128px;*/
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    padding: 5px;
}
/*=E select */

/*=S selectmenu */
.selectmenu {
}

select.w512 {
    width: 512px;
}

select.w256 {
    width: 256px;
}

select:focus {
}
/*=E selectmenu */

/*=S img */
img {
    border: none 0px;
}
/*=E img */

/*=S table */
table {
    border-collapse: collapse;
    border-spacing: 0px;
}

    table tr td {
        padding: 0px;
    }
/*=E table */

/*=S 功能性样式 */

/* html5 Compatible */
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block;
}

/* 滚动条样式 */
.ifb {
    scrollbar-arrow-color: #818181;
    scrollbar-face-color: #E5E3E4;
    scrollbar-3dlight-color: #E5E3E4;
    scrollbar-highlight-color: #E5E3E4;
    scrollbar-shadow-color: #DCDCDC;
    scrollbar-darkshadow-color: #C3BFBE;
    scrollbar-track-color: #FFFFFF;
    scrollbar-base-color: #E5E3E4;
}

/* 模糊滤镜 Begin */
.blur {
    filter: url(/Module/blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}

/* 清除浮动 */
.clear {
    float: none;
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
}

/* 删除线 */
.line-through {
    text-decoration: line-through;
}

/* 上下边框 */
.doubleline {
    border-style: solid none solid none;
    /*border: none;*/
}

/*=S 字体颜色 */
.good {
    color: #0294FF;
}

.notgood {
    color: #ff006e;
}

.drakGreen {
    color: #007c00;
}

.orangeRed {
    color: #ff6600;
}

.alert {
    color: #FF0000;
}

.revoke {
    color: #999999;
    text-decoration: line-through;
}

.cancel {
    background: #999999;
}

    .cancel:hover {
        background: #FF0000;
    }
/*=E 字体颜色 */

/* 遮盖层 */
.cover {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

/* 超宽文本自动省略 */
.ellipsis {
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽(www.111cn.net)度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使*/
}

/* 禁用输入法 */
.noime {
    ime-mode: disabled;
}
/*=E 功能性样式 */

/*=S 用于布局的 UL LI */
ul.layout {
}

    ul.layout li {
    }

        ul.layout li.cutline {
            margin: 12px;
            height: 1px;
            line-height: 1px;
            font-size: 0px;
            background-color: #999999;
        }

        ul.layout li ul {
        }

            ul.layout li ul li {
                width: 128px;
                line-height: 4em;
                display: inline-block;
                _display: inline;
            }

                ul.layout li ul li.label {
                    margin-left: 12px;
                    text-align: center;
                    width: 128px;
                    color: #0070C0;
                }

                ul.layout li ul li input,
                ul.layout li ul li select,
                ul.layout li ul li textarea {
                    width: 100%;
                }

                ul.layout li ul li ul {
                }

                    ul.layout li ul li ul li {
                        display: inline-block;
                        _display: inline;
                    }
/*=E 用于布局的 UL LI */

.datatable {
    margin: 0 auto;
}

    .datatable td {
        min-width: 60px;
    }

    .datatable thead tr {
        background-color: #0070C0;
        color: #fff;
    }

        .datatable thead tr td {
            text-align: center;
        }

    .datatable tfoot tr {
        background-color: #DCDCDC;
        border-top: 1px solid #818181;
    }

    .datatable tbody tr.deleted {
        text-decoration: line-through;
        background-color: #f5d2d2;
    }

        .datatable tbody tr.deleted input {
            text-decoration: line-through;
        }

    .datatable tbody tr.selected {
        background-color: #b5d6ed;
    }

.layout_table {
    margin: 0 auto;
}

    .layout_table tbody tr {
    }

        .layout_table tbody tr td {
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .layout_table tbody tr:first-child td {
            padding-top: 12px;
        }

        .layout_table tbody tr:last-child td {
            padding-bottom: 12px;
        }

    .layout_table label {
        display: block;
        width: 64px;
        text-align: right;
    }

    .layout_table .null {
        width: 32px;
    }

.layout_ul {
    padding: 0px;
}

    .layout_ul li {
        padding: 6px;
    }

        .layout_ul li label {
            display: inline-block;
            _display: inline;
            width: 96px;
            font-size: 14px;
            text-align: right;
        }

.data_table {
    margin: 0 auto;
    border: 1px solid #3e3e3e;
    min-width: 1000px;
}

    .data_table td {
        min-width: 60px;
        padding: 12px;
    }

    .data_table thead tr {
        background-color: #0070C0;
        background: #E5E3E4;
        /*color: #fff;*/
    }

        .data_table thead tr td {
            text-align: center;
        }

    .data_table tfoot {
        background-color: #dcdcdc;
        border-top: 1px solid #818181;
    }


    .data_table tbody tr:nth-child(2n) {
        background: #E5E3E4;
    }

    .data_table tbody tr:nth-child(2n+1) {
        background: #fff;
    }

    .data_table tbody tr:hover {
        background: #b5d6ed;
    }

    .data_table tbody tr.deleted {
        text-decoration: line-through;
        background-color: #f5d2d2;
    }

    .data_table tbody tr.hide {
        display: none;
    }

    .data_table tbody tr.deleted input {
        text-decoration: line-through;
    }

    .data_table tbody tr.selected {
        background-color: #b5d6ed;
    }

    .data_table tbody tr td {
        text-align: center;
    }

        .data_table tbody tr td.operation {
            padding-top: 0px;
            padding-bottom: 0px;
            text-align: right;
        }

            .data_table tbody tr td.operation a {
                visibility: hidden;
                margin-left: 16px;
                width: 20px;
                height: 20px;
            }

            .data_table tbody tr td.operation img {
                margin-left: 16px;
                width: 20px;
                height: 20px;
                visibility: hidden;
            }

    .data_table tbody tr:hover td.operation a {
        visibility: visible;
    }

    .data_table tbody tr:hover td.operation img {
        visibility: visible;
    }

    .data_table tfoot.paging {
        text-align: center;
        font-size: 14px;
        background-color: transparent;
        background: #f5f5f5;
    }

        .data_table tfoot.paging tr td span {
            font-size: 14px;
            border: 1px solid #ACA899;
            background: #fff;
            margin: 0px;
            margin-right: -1px;
            padding: 4px 8px;
            cursor: pointer;
        }

            .data_table tfoot.paging tr td span.first {
                /*margin-right: 12px;*/
            }

            .data_table tfoot.paging tr td span.last {
                /*margin-left: 12px;*/
            }

            .data_table tfoot.paging tr td span.selected {
                border: 1px solid #0070C0;
                background: #0294FF;
                color: #fff;
            }

        .data_table tfoot.paging tr td label {
        }

        .data_table tfoot.paging tr td .text {
            width: 32px;
            text-align: center;
        }

.editor_main {
    display: none;
    position: absolute;
    border: 1px solid #818181;
    border-radius: 2px;
    z-index: 3;
}

    .editor_main .editor_title {
        padding: 12px;
        background-color: #0294FF;
    }

        .editor_main .editor_title span {
            color: #fff;
            font-size: 16px;
        }

        .editor_main .editor_title a.close {
            float: right;
            display: block;
            width: 20px;
            height: 20px;
            /*background-image: url('http://199.168.200.200/porpoise/image/icon/close.png');
            background-repeat: no-repeat;
            background-size: contain;*/
        }

    .editor_main .editor_content {
        padding: 24px 36px;
        background-color: #fff;
    }

        .editor_main .editor_content .editor_board {
            background-color: #fafafa;
            border: 1px solid #E4E8ED;
            border-radius: 2px;
        }

            .editor_main .editor_content .editor_board .editor_split {
                float: left;
                padding-right: 16px;
            }

            .editor_main .editor_content .editor_board .editor_split_line {
                display: block;
                padding: 0px;
                width: 1px;
                border: none;
                background-color: #E4E8ED;
                margin: 12px 24px;
            }

    .editor_main .editor_foot {
        padding: 16px 0px 0px 0px;
        text-align: right;
    }

        .editor_main .editor_foot .editor_save {
            width: 60px;
        }

        .editor_main .editor_foot .editor_cancel {
            color: #0294FF;
            border-style: none;
            background-color: transparent;
            text-decoration: underline;
            padding-top: 12px;
            padding-bottom: 0px;
        }


.ui-datepicker-title select {
    border: none;
    background-color: transparent;
}