.nav > li > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a, .dropdown-menu > li {
    border-bottom: 3px solid transparent;
    color: Black;
}

    .nav > li > a:focus, .nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        border-bottom: 3px solid transparent;
        background: none;
        color: Black;
    }

    .navbar a, .dropdown-menu > li > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .navbar-toggle {
        color: Black;
    }

.dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1) {
    border-bottom: #C4E17F 3px solid;
}

.nav li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2) {
    border-bottom: #F7FDCA 3px solid;
}

.nav li:hover:nth-child(8n+3), .nav li.active:nth-child(8n+3) {
    border-bottom: #FECF71 3px solid;
}

.nav li:hover:nth-child(8n+4), .nav li.active:nth-child(8n+4) {
    border-bottom: #F0776C 3px solid;
}

.nav li:hover:nth-child(8n+5), .nav li.active:nth-child(8n+5) {
    border-bottom: #DB9DBE 3px solid;
}

.nav li:hover:nth-child(8n+6), .nav li.active:nth-child(8n+6) {
    border-bottom: #C49CDE 3px solid;
}

.nav li:hover:nth-child(8n+7), .nav li.active:nth-child(8n+7) {
    border-bottom: #669AE1 3px solid;
}

.nav li:hover:nth-child(8n+8), .nav li.active:nth-child(8n+8) {
    border-bottom: #62C2E4 3px solid;
}

.navbar-toggle .icon-bar {
    color: #62C2E4;
    background: #62C2E4;
}


.imgcon {
    position: relative;
    margin: 0 auto;
}

.imnav {
    color: #ffffff;
    margin: 0 auto;
    opacity: 0.6;
    display: none;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}

.imgcon:hover .imnav {
    display: inline-block;
}

.control {
    float: left;
    height: 100%;
    width: 33%;
    opacity: 0;
}

    .control:hover {
        opacity: 0.8;
    }

.prim {
    background: url('pic/mm_021.ico')left center no-repeat;
}

.zmim {
    width: 34%;
}

.neim {
    background: url('pic/mm_022.ico')right center no-repeat;
}

.fixed {
    background-color: #DCF4F9;
    border: 1px solid white;
    padding: 15px;
    position: absolute;
    right: -50px;
    top: -90px;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.modalPopup {
    background-color: #eee;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 100px;
}

.shapeEx1 {
    background-color: #666;
    margin: 0 auto;
    animation: fade 10s linear 0s infinite;
}

@keyframes fade {
    from {
        opacity: 0.8;
    }

    to {
        opacity: 1;
    }
}

.styleCL1 {
    color: #009999;
}

.styleCL2 {
    color: #009900;
}

.styleCL3 {
    color: #CC9900;
}

.styleCL4 {
    color: #FF3399;
}

.styleCL5 {
    color: #FF0066;
}

.styleCP1 {
    color: #003399;
}

.styleCP2 {
    color: #6600CC;
}

.styleCP3 {
    color: #993366;
}

.styleCP4 {
    color: #993300;
}

.styleCP5 {
    color: #666633;
}

.styleCP6 {
    color: #339966;
}

.styleLBC {
    background-color: #F7FFFB;
}

.styleL1 {
    font-family: 微軟正黑體;
    font-size: 11pt;
    text-align: center;
}

.styleL1A {
    font-family: 微軟正黑體;
    font-size: 11pt;
    text-align: left;
}

.styleL1B {
    font-family: 微軟正黑體;
    font-size: 13pt;
    text-align: left;
}

.styleL1C {
    font-family: 微軟正黑體;
    font-size: 12pt;
    text-align: right;
}

.styleL1D {
    font-family: 微軟正黑體;
    font-size: 14pt;
    font-weight: bold;
    width: 150px;
    text-align: center;
}

.styleL1E {
    font-family: 微軟正黑體;
    font-size: 14pt;
    text-align: right;
}

.styleL1F {
    font-family: 微軟正黑體;
    font-size: 13pt;
    text-align: left;
}

.styleL1G {
    font-family: 微軟正黑體;
    font-size: 13pt;
    text-align: center;
}

.styleL1H {
    font-family: 微軟正黑體;
    font-size: 12pt;
    text-align: left;
}

.styleL1I {
    font-family: 微軟正黑體;
    font-size: 18pt;
    font-weight: bold;
    text-align: center;
}

.styleL1J {
    font-family: 微軟正黑體;
    font-size: 12pt;
    text-align: center;
}

.styleL2A10 {
    width: 10px;
}

.styleL2A20 {
    width: 20px;
}

.styleL2A30 {
    width: 30px;
}

.styleL2A50 {
    width: 50px;
}

.styleL2A60 {
    width: 60px;
}

.styleL2A70 {
    width: 70px;
}

.styleL2A80 {
    width: 80px;
}

.styleL2A90 {
    width: 90px;
}

.styleL2A100 {
    width: 100px;
}

.styleLmL {
    text-align: left;
}

.styleLmC {
    text-align: center;
}

.styleLmR {
    text-align: right;
}

.styleLmT {
    vertical-align: top;
}

.styleLmm {
    vertical-align: middle;
}

.styleLmCT {
    text-align: center;
    vertical-align: top;
}

.styleLm100 {
    width: 100%;
}

.styleL3 {
    border-radius: 5px 5px 5px 5px;
}

.styleL31 {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
}

.styleL32 {
    border: 1px solid #f2fcf2;
    border-radius: 5px 5px 5px 5px;
}

.styleL5 {
    font-family: 微軟正黑體;
    font-size: 14pt;
    text-align: left;
    font-weight: bold;
}

.styleL6 {
    text-align: center;
    background-image: url('RolePIC/6-檔案下載/img_file_download_bar_close.png');
    width: 100%;
}

.styleL61 {
    text-indent: 35%;
    background-image: url('RolePIC/3-人力分析/人力分析5-6/bg_blackboard.png');
    width: 100%;
}

.styleL7 {
    width: 100%;
}

.styleL8 {
    font-family: 微軟正黑體;
    font-size: 12pt;
    text-align: center;
    width: 100%;
    background-color: #666666;
    border-color: white;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px 5px 0px 0px;
}

.styleL9 {
    font-family: 微軟正黑體;
    font-size: 12pt;
    text-align: center;
    width: 100%;
    background-color: orange;
    border-color: white;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px 5px 0px 0px;
}

.Initial {
    font-family: 微軟正黑體;
    font-size: 12pt;
    border-width: 3px;
    height: 30px;
    width: 100px;
    border-style: ridge;
    color: White;
    background-color: #6B7194;
}

    .Initial:hover {
        font-family: 微軟正黑體;
        font-size: 12pt;
        border-width: 3px;
        height: 30px;
        width: 100px;
        border-style: ridge;
        color: red;
        background-color: #585577;
    }

.Clicked {
    font-family: 微軟正黑體;
    font-size: 12pt;
    border-width: 3px;
    height: 30px;
    width: 100px;
    border-style: ridge;
    color: lightsalmon;
    background-color: #585577;
}

.entry-date {
    display: block;
    width: 100%;
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 5% 5% 5% 5%;
    color: #F5F5F5;
    padding: 3px;
}

.entry-dateS {
    display: block;
    width: 100%;
    background: none repeat scroll 0 0 #E6E6E6;
    border-radius: 10px;
    color: #F5F5F5;
    padding: 3px;
}

.entry-dateZ {
    display: block;
    width: 100%;
    background: none repeat scroll 0 0 #E6E6E6;
    border-radius: 10px;
    color: #F5F5F5;
    padding: 3px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }


.accordionHeader {
    border: 1px solid #E6E6E6;
    color: black;
    border-radius: 5px 5px 5px 5px;
    background-color: #F5F5F5;
    font-family: 微軟正黑體;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.ADHeader {
    border: 1px solid #E6E6E6;
    color: black;
    border-radius: 5px 5px 5px 5px;
    background-color: #F5F5F5;
    font-family: 微軟正黑體;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    background-color: white;
    border: 1px dashed #eee;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.ADContent {
    background-color: white;
    border: 1px dashed #eee;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink {
    background-color: #D3DEEF;
    color: white;
}

.watermark {
    background: #FFAAFF;
}

.popupControl {
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.sampleStyleA {
    background-color: #FFF;
}

.sampleStyleB {
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC {
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD {
    background-color: orange;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}

.cpHeader {
    color: white;
    background-color: #719DDB;
    font: bold 11px auto "Trebuchet MS", Verdana;
    font-size: 12px;
    cursor: pointer;
    width: 450px;
    height: 18px;
    padding: 4px;
}

.cpBody {
    background-color: #DCE4F9;
    font: normal 11px auto Verdana, Arial;
    border: 1px gray;
    width: 450px;
    padding: 4px;
    padding-top: 7px;
}

.cspHeader {
    color: black;
    background-color: #F5F5F5;
    font: bold 11px auto "Trebuchet MS", 微軟正黑體;
    font-size: 12px;
    cursor: pointer;
    width: 100%;
    padding: 4px;
}

.cspBody {
    background-color: white;
    font-family: 微軟正黑體;
    font: normal auto;
    font-size: 12pt;
    border: 1px dashed #eee;
    border-top: none;
    width: 100%;
    padding: 5px;
    padding-top: 10px;
}

.cswBody {
    background-color: white;
    font-family: 微軟正黑體;
    font: normal auto;
    font-size: 12pt;
    border: 1px solid #eee;
    border-top: none;
    width: 100%;
    padding: 5px;
    padding-top: 10px;
}

.csColor1 {
    background: #565656;
    background: -moz-linear-gradient(#565656 0%, #323232 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #323232));
    background: -webkit-linear-gradient(#565656 0%, #323232 100%);
    background: linear-gradient(#565656 0%, #323232 100%);
}

.csColor2 {
    background: #FF9900;
    background: -moz-linear-gradient(#FF9900 0%, #FF6600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9900), color-stop(100%, #FF6600));
    background: -webkit-linear-gradient(#FF9900 0%, #FF6600 100%);
    background: linear-gradient(#FF9900 0%, #FF6600 100%);
    color: #fff;
}

.csColor3 {
    background: #F7F7F7;
    background: -moz-linear-gradient(#F7F7F7 0%, #C0C0C0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(100%, #C0C0C0));
    background: -webkit-linear-gradient(#F7F7F7 0%, #C0C0C0 100%);
    background: linear-gradient(#F7F7F7 0%, #C0C0C0 100%);
}

csBG1 {
    background: url('images/icon_plus.png') 98% center no-repeat;
}

csBG2 {
    background: url('images/icon_plus.png') 98% center no-repeat;
}


.gridStyle {
    margin-top: 10px;
}

.styleL1H.gridStyle tbody tr:nth-child(even) {
    background-color: #EBF0F0;
}

.gridStyle tr:first-child {
    background-color: #154C43 !important;
    color: white !important;
}

.gridStyle tr th, .gridStyle tr td {
    padding: 3px 9px !important;
    color: white;
}


.gridStyle tr td {
    color: black;
}

.gridStyleSelected {
    background-color: #CE5D5A !important;
    font-weight: bold;
    color: white;
}