body {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    background-color: #fff;
    color: #333;
}

html {
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, "΢ÈíÑźÚ",sans-serif,"ËÎÌå";
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a, a:visited {
    text-decoration: underline;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #20abfc;
        text-decoration: underline;
    }

.left {
    float: left;
}

.right {
    float: right;
}

h1, h2, h3 {
    line-height: 1;
    font-weight: bold;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
    padding: 5px;
}

.h1 {
    font-size: 18px;
    color: red;
    font-style: italic;
    font-weight: bold;
}

.h2 {
    font-size: 16px;
    font-weight: 500;
}

.h3 {
    font-size: 14px;
    font-weight: bold;
}

.sp-box {
    padding: 15px 0;
    display: block;
    clear: both;
}

.align-l {
    text-align: left;
}

.align-r {
    text-align: right;
}

ul, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

b, strong {
    font-weight: bold;
    padding: 0px 5px;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #e5dfdf;
    padding: 0px;
}

img {
    border: 0;
    vertical-align: middle;
}

[hidden] {
    display: none;
}

form {
    margin: 0px;
    padding: 0px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

:-moz-placeholder {
    color: #999999;
    font-weight: normal;
}

::-moz-placeholder {
    color: #999999;
    font-weight: normal;
}

:-ms-input-placeholder {
    color: #999999;
    font-weight: normal;
}

::-webkit-input-placeholder {
    color: #999999;
    font-weight: normal;
}

input, input[type="text"] {
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, "΢ÈíÑźÚ",sans-serif,"ËÎÌå";
    vertical-align: middle;
}

    input, input[type="checkbox"] {
        vertical-align: middle;
        margin-right: 5px;
    }

        button,
        html input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            cursor: pointer;
            -webkit-appearance: button;
            margin: 0;
            font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, "΢ÈíÑźÚ",sans-serif,"ËÎÌå";
            font-size: 100%;
            line-height: normal;
        }

html input[type="text"] {
    color: #333;
    height: 100%;
    border: solid 1px #aca7a7;
    line-height: 1;
    padding: 5px 8px;
    vertical-align: middle;
    height: 16px;
    line-height: 16px;
}

html textarea {
    color: #333;
    border: solid 1px #aca7a7;
    line-height: 1;
    padding: 5px 8px;
    vertical-align: middle;
}

select {
    padding: 4px 8px;
    vertical-align: middle;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, "΢ÈíÑźÚ",sans-serif,"ËÎÌå";
    margin-right: 5px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

thead {
    display: table-header-group;
    background-color: #f0f4f6;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: center;
    padding: 10px 5px;
}

th, td {
    padding: 10px 5px;
    text-align: center;
}

.table-small td {
    font-size: 13px;
}

.align-l {
    text-align: left;
}

.align-m {
    text-align: center;
}

.align-r {
    text-align: right;
}

.table-header,
.table-header-org,
.table-header-lblue,
.table-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    padding: 5px 12px;
}

.table-header {
    background-color: #72c9f5;
    color: #fff;
}

.table-header-org {
    background-color: #fbbe13;
    color: #fff;
}

.table-header-lblue {
    background-color: rgba(102, 175, 233, 0.6);
    color: #fff;
}

.table-remark {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
}

.table-title {
    border-bottom: 1px solid #ccc;
}

.table-box {
    border: 1px solid #35bbe1;
    border-top: 3px solid #35bbe1;
    background-color: #fff;
}

.table-box-blue { /*border:1px solid #35bbe1;*/
    background-color: #fff;
    overflow: hidden;
}

.table-box-l {
    width: 800px;
    margin: auto;
    margin-top: 50px;
}

.table-body {
    padding: 5px 0px;
}

    .table-body .title {
        line-height: 30px;
        height: 30px;
        display: block;
        padding-left: 5px;
        font-weight: bold;
    }

    .table-body .h3 {
        line-height: 50px;
        height: 50px;
        font-weight: normal;
        display: block;
        padding-left: 5px;
    }

        .table-body .h3 > span, .table-body .h3 .col1 > span {
            padding-right: 30px;
        }

        .table-body .h3 .action a {
            color: #0a57ac;
        }

            .table-body .h3 .action a:hover {
                color: #20abfc;
                text-decoration: underline;
            }

    .table-body .empty {
        height: 30px;
        text-align: left;
    }

.table-box-blue .validation-summary-errors, .table-box .validation-summary-errors {
    clear: both;
    overflow: hidden;
    font-size: 14px;
    color: red;
    padding: 20px;
}

.alt > tbody > tr:nth-child(even) > td,
.alt > tbody > tr:nth-child(even) > th {
    background-color: #f6f6f6;
}

.query-table {
    overflow: hidden;
}

    .query-table > table > tbody > tr > td {
        cursor: pointer;
        border-top: 1px solid #e8e8e8;
    }

    .query-table > table > tbody > tr:hover > td {
        background-color: #f7f893;
    }

    .query-table > table {
        border: 1px solid #e5dfdf;
    }

    .query-table .empty {
        height: 40px;
        text-align: left;
        border-top: 1px solid #e5dfdf;
    }

    .query-table .action a {
        padding: 0 5px;
    }

    .query-table .box-button {
        padding: 10px 5px;
    }

.noborder > table {
    border: none;
}

.query {
    padding: 5px 0px;
}

    .query .action-buttons {
        padding: 10px 0px;
    }

    .query table {
        width: auto;
    }

        .query table td {
            padding: 4px;
        }

    .query, .query td {
        text-align: left;
    }

        .query td, .query tr {
            text-align: left;
            border: none;
        }

.bnt-blue, .bnt-org, .bnt-green, .bnt-gray {
    background-color: #00a2ca;
    padding: 5px 15px;
    border: none;
    vertical-align: middle;
}

.bnt-blue {
    background-color: #0398d6;
    color: #fff;
}

.bnt-org {
    background-color: #f69c0e;
    color: #fff;
}

.bnt-green {
    background-color: #35aa47;
    color: #fff;
}

.bnt-gray {
    background-color: #ccc;
    color: #fff;
}

.bt-red {
    border: none;
    width: 150px;
    height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color: #f35606;
}

.bt-blue {
    border: none;
    height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color: #00a2ca;
    padding: 0 15px;
}

.bt-gray {
    border: none;
    width: 150px;
    height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color: #ccc;
    padding: 0 15px;
}

.bt-blue-larg {
    border: none;
    width: 150px;
    height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color: #00a2ca;
    padding: 0 15px;
}

.font-red {
    color: red;
}

.font-blue {
    color: #4d90fe;
}

.font-gray {
    color: gray;
}

.font-green {
    color: #35aa47;
}

.font12 {
    font-size: 12px;
}

.small-font-gray {
    font-size: 12px;
    font-weight: normal;
    color: gray;
    font-style: normal;
}

.small-font {
    font-size: 12px;
    font-weight: normal;
    color: #333;
    font-style: normal;
}

.message {
    font-size: 14px;
    padding: 5px;
}

    .message table {
        border-collapse: collapse;
        border-spacing: 0;
    }

        .message table tr {
            height: 25px;
        }

        .message table[border] {
            border: 1px solid #e6e6e6;
        }

        .message table th {
            background-color: #edf4ff;
            text-align: left;
            font-weight: normal;
            border: 1px solid #e5dfdf;
        }

        .message table td {
            text-align: left;
            border: 1px solid #e5dfdf;
        }

    .message > table > tbody > tr {
        cursor: pointer;
        border-top: 1px solid #e5dfdf;
    }

.msg-border {
    border: 1px solid #edb10a;
}

.pop-panel {
    font-size: 14px;
    padding: 5px;
}

    .pop-panel table {
        border-collapse: collapse;
        border-spacing: 0;
        width: auto;
    }

        .pop-panel table tr {
            height: 30px;
        }

        .pop-panel table[border] {
            border: none
        }

        .pop-panel table th {
            text-align: right;
            font-weight: normal;
        }

        .pop-panel table td {
            padding: 5px;
            text-align: left;
        }

        .pop-panel table tr {
            border: none;
        }

    .pop-panel .remark {
        line-height: 40px;
        height: 40px;
        padding: 3px 40px;
    }

.warn {
    font-size: 12px;
    color: #333;
    padding: 10px;
    border: 1px solid rgba(102, 175, 233, 0.6);
    background-color: #f1fbfb;
    margin-bottom: 20px;
}

    .warn li {
        line-height: 25px;
    }