#headerDiv {
    margin: 0px auto;
    text-align: center;
    width: 100%;
    border-bottom: 0px solid #17baff;
}

body {
    padding-top: 0;
    padding-bottom: 0;
}

.fontRed {
    font-weight: bold;
    color: red;
}

.fontWhite {
    font-weight: bold;
    color: white;
}

.fontBlue {
    font-weight: bold;
    color: #428bca;
}

.fontYello {
    font-weight: bold;
    color: yellow;
}


.fontLarge {
    font-size: 16px;
}

.fontLeft {
    text-align: left;
}

.fontRight {
    text-align: right;
}

.fontbgcRed {
    background-color: red;
}

.fontbgcYellow {
    background-color: yellow;
}

#logoDiv {
    text-align: -webkit-center;
    font-family: "Microsoft Yahei", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", sans-serif;
    position: relative;
    width: 744px;
    margin: 0px auto;
}

    #logoDiv #radiuslogo {
        width: 744px;
        height: 126px;
        background: #17baff;
        border-top-left-radius: 2em;
        border-top-right-radius: 2em;
        margin-top: 10px;
    }

#systemTitle {
    letter-spacing: 2px;
    position: relative;
    z-index: 99;
    font-size: 12pt;
    font-weight: 600;
    color: #FFFFFF;
    text-align: left;
    padding-top: 9px;
    padding-left: 25px;
}

#systemName {
    position: relative;
    z-index: 99;
    font-size: 26pt;
    font-weight: 700;
    color: #003366;
    letter-spacing: 2px;
    text-shadow: 2px 2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
    text-align: left;
    padding-left: 25px;
}

#systemOrg {
    letter-spacing: 2px;
    position: relative;
    z-index: 99;
    font-size: 12pt;
    font-weight: 600;
    color: #FFFFFF;
    text-align: right;
    padding-right: 3px;
}

#systemInfo, #footerDiv {
    background-color: #17baff;
    color: #FFFFFF;
    padding: 5px 0;
    text-align: center;
    font-size: 10pt;
    /*float: left;*/
    width: 100%;
}


/* navbar */
.navbar-default {
    background-color: #e6e6e6;
    border-color: #E7E7E7;
}
    /* Title */
    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #5E5E5E;
        }
    /* Link */
    .navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #333;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #E7E7E7;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #D5D5D5;
    }
    /* Caret */
    .navbar-default .navbar-nav > .dropdown > a .caret {
        border-top-color: #777;
        border-bottom-color: #777;
    }

    .navbar-default .navbar-nav > .dropdown > a:hover .caret,
    .navbar-default .navbar-nav > .dropdown > a:focus .caret {
        border-top-color: #333;
        border-bottom-color: #333;
    }

    .navbar-default .navbar-nav > .open > a .caret,
    .navbar-default .navbar-nav > .open > a:hover .caret,
    .navbar-default .navbar-nav > .open > a:focus .caret {
        border-top-color: #555;
        border-bottom-color: #555;
    }
    /* Mobile version */
    .navbar-default .navbar-toggle {
        border-color: #DDD;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #DDD;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #CCC;
        }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
        }
}

.Text_1 {
    display: none;
}

.Text_2 {
    display: none;
}

.Text_3 {
    display: none;
}

table.table th {
    background: #17baff;
    text-align: center;
}

table.table tr:nth-child(even) {
    background: #bee5f7;
    text-align: center;
}

table.table tr:nth-child(odd) {
    text-align: center;
}

table.table tr .tLable {
    background: #f5baf6;
    text-align: center;
}

#departmentSelect {
    width: 300px;
}

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

    table.setRuletable td.colorchange {
        background: #f5baf6;
    }

    table.setRuletable textarea, table.setRuletable select, table.setRuletable input {
        max-width: none;
    }

    table.setRuletable .form-group {
        margin-bottom: 0;
    }

    table.setRuletable textarea {
        resize: none;
        height: 200px;
    }

    table.setRuletable td.td120 {
        width: 120px;
    }

    table.setRuletable td.td260 {
        width: 260px;
    }

    table.setRuletable div.padding20 {
        padding-left: 20px;
    }

    table.setRuletable input.percent {
        width: 50px;
        position: relative;
        float: left;
    }

    table.setRuletable span.percentText {
        position: relative;
        float: left;
        padding-top: 5px;
        padding-left: 3px;
    }

form input.saverulebtn {
    float: right;
    font-size: 18px;
}


table.table, table.table td, table.table th {
    border: solid 1px;
}

#myModal .modal-dialog {
    width: 60%;
}

#myModal2 .modal-dialog {
    width: 60%;
}

#myModal3 .modal-dialog {
    width: 60%;
}

#viewPdf, #viewPdf2, #viewPdf3 {
    width: 100%;
    height: 600px;
}

.div30p {
    width: 30%;
}

.div70p {
    width: 70%;
}

.table39p {
    width: 39%;
}

.table59p {
    width: 59%;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearFloat {
    clear: both;
}

.navHead {
    border-style: double;
    border-color: red;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
}

.navHead td {
    border-style: solid;
    border-width: thin;
    border-color: red;
}

.bgYellow {
    background-color: yellow;
}

.bgRed {
    background-color: red;
    color: white;
}

.btnfeature {
  color: #333333;
  background-color: #f5baf6;
  border-color: #cccccc;
}