body {
    font-family: 'Microsoft JhengHei';
}

header {
    background-color: #fff;
}

.btn-success 
{
    background-color:#0081cc;
    border:#0081cc solid 1px;
}
.btn-success:hover{
    background-color:#e71828;
    border:#e71828 solid 1px;
    -webkit-filter:brightness(0.9);
}

.btn-outline-success
{
    background-color:#fff;
    border:#0081cc solid 1px;
}
    .text-success,
    .text-success2 
    {
        color:#0081cc !important;
    }
    .btn-outline-success:hover,
    .btn-outline-success:focus{
        background-color:#0081cc;
        border:#0081cc solid 1px;
    }
.loginFormTitle{
	background-color:#0081cc;
}

.body-content {
}

.bg-columnhead {
    background-color: #eee;
}

.bg-suverycolumnhead {
    background-color: #adaaaa;
}

.text-alert {
    color: #09046c;
}

.bg-flowcomplete {
    background-color: #adaaaa;
}

.bg-flowactive {
    background-color: #fcd481;
}

/*Home/Flow*/
.flowImg {
    max-width: 100%;
    height: auto;
}

/*Home/Read*/
.downloadListDiv {
    padding-left: 25%;
}



@media screen and (max-width: 768px) {
    .downloadListDiv {
        padding-left: 15px;
    }
}

.downloadListTitle {
    font-weight: bolder;
    font-family: 'Microsoft JhengHei';
}

.downloadWarn {
    color: red;
}

.downloadLink {
    color: #454545;
}

    .downloadLink:hover {
        color: red;
    }

/*Home/Schedule*/
table.table-bordered > thead > tr > th {
    border: 1px solid grey;
    border-collapse: collapse;
}

table.table-bordered > tbody > tr > td {
    border: 1px solid grey;
}

.scheduleBottomWarnFont {
    color: dimgray;
}

.scheduleTable {
    margin-bottom: 2.5em;
}

.scheduleTableHeader {
    font-size: 1.1em;
    font-weight: bold;
    color: #373737;
}

.scheduleTableTitle{
    font-size: 1em;
    font-weight: bold;
    color: #373737;
}

.scheduleTableContent{
    font-size: 1em;
    font-weight: initial;
    color: #373737;
}

.scheduleTableComment{
    font-size: 0.8em;
    font-weight: initial;
    color: #373737;
}

.scheduleTableHeaderRow{
    background-color: #7fb6d2;
}

.scheduleTableTitleRow{
    background-color:#e2f4f7;
}

.scheduleTableCommentRow{
   background-color: #aaccdd;
}
/*.tableDivMobile{
    display: none;
}*/

/*@media screen and (max-width: 992px) {
    .tableDivWeb {
        display: none;
    }

    .tableDivMobile{
        display: initial;
    }
}*/

.OpenIDMemberConfirmTitle{
    background-color: #2056ac;
}


header > h1 > img {
    position: absolute;
    top: 20px;
    left: 20px;
    /*background-color: #fff;*/
    /*border-radius: 20px;*/
}

header > h1 #title {
    font-size: 2rem;
    color: #0033CC;
    padding: 1em 2em;
    padding-top: 2.3em;
    line-height: 1.5em;
}

header > .navbar {
    background-color: #007bff;
    padding: 0.3em 0.5em;
    margin-bottom: 1em;
}

header > nav > div > #mainNav a {
    color: #fff;
}

header > nav > div > #mainNav .navbar-nav {
    background-color: #007bff;
    border-radius: 50px;
    padding: 0.7em 1em;
}

@media (max-width: 992px) {
    header > nav > div > #mainNav {
        position: absolute;
        top: 60px;
        z-index: 10000;
        background-color: #0095ff;
        width: 100%;
        margin-top: -16px;
    }
}

header > nav > div > #mainNav .navbar-nav {
    background-color: #007bff;
    border-radius: 50px;
    padding: 0.7em 1em;
}

@media (max-width: 992px) {
    header > h1 > img {
        margin: 0.2em auto;
        position: relative;
        top: 10px;
        left: 0;
    }
}

@media (max-width: 992px) {
    header > h1 #title {       
        padding-top: 1em;       
    }

    header > nav > div > #mainNav .navbar-nav {
        background-color: #0095ff;
    }

}

.dropdown-menu {
    background-color: #0095ff;
}