@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

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

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

.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: #f87c97 !important;
    font-weight: bold;
    color:white;
}