#IndexBackground {
    background: -webkit-linear-gradient(#FFF,#ABE0F1);
    background: -o-linear-gradient(#FFF,#ABE0F1);
    background: -moz-linear-gradient(#FFF,#ABE0F1);
    background: linear-gradient(#FFF,#ABE0F1);
    border-radius: 10px;
}

.cssPanel, .cssPanelSearchBar, cssPanelSearchBarBG, .cssPanelSearch {
    font-family: Microsoft JhengHei;
    font-size: 12pt;
    font-weight: bold;
}

.cssPanel {
    background-color: #FAFAFA;
    border-color: #336699; /* 海藍 */
    border-style: initial;
    border-width: 1px;
    color: #616161; /* 深灰 */
}

.cssPanelSearchBar {
    background-color: #FFF; /* 灰 */
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(20%,20%,40%,0.5);
}

.cssPanelSearchBarBG {
    background-color: #66C7DD;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(20%,20%,40%,0.5);
}


.cssPanelSearch {
    background-color: #FAFAFA;
    border-color: #336699;
    border-style: initial;
    border-width: 2px;
    color: #616161;
}

/* Table View */
table.lvView {
    font-family: Microsoft JhengHei;
    margin: 0 auto;
    border-spacing: 0px 5px;
    font-size: 14px;
    table-layout: fixed;
    word-break: break-all;
}

    table.lvView th {
        background: #3671B9;
        vertical-align: middle;
        text-align: center;
        overflow: visible;
        position: relative;
        color: #fff;
        font-weight: normal;
        font-size: 15px;
    }

    table.lvView td {
        padding: 10px;
        padding-left: 10px;
    }

    table.lvView tr.even td {
        background: #FFEFDE;
    }

    table.lvView tr.odd td {
        background: #E9F9FD;
    }

    table.lvView tr:hover td {
        /*滑鼠游標*/
        color: #FFF;
        background-color: #FFAB52;
    }


/* Table 查詢:紫 */
table.lvSearch {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
}

    table.lvSearch th {
        background: #6C4F73;
        vertical-align: middle;
        text-align: center;
        width: 100px;
        overflow: visible;
        position: relative;
        color: #fff;
        font-weight: normal;
        font-size: 15px;
    }

    table.lvSearch td {
        text-align: center;
    }

    table.lvSearch tr:hover td {
        /*滑鼠游標*/
        color: #FFF;
        background-color: #FFAB52;
    }


/* Table 填寫表單 */
table.InputCreatePage {
    width: 500px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 10px;
    font-size: 12px;
}

    table.InputCreatePage th {
        background: #3671B9;
        vertical-align: middle;
        text-align: center;
        overflow: visible;
        position: relative;
        color: #fff;
        font-weight: normal;
        font-size: 15px;
    }

    table.InputCreatePage td {
        background: #f8f8f8;
        padding: 10px;
        padding-left: 20px;
        border: 1px solid #90D3C7;
    }


/* Table 結果 */
table.InputReport {
    width: 500px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 10px;
    font-size: 12px;
}

    table.InputReport th {
        background: #3671B9;
        vertical-align: middle;
        text-align: center;
        overflow: visible;
        position: relative;
        color: #fff;
        font-weight: normal;
        font-size: 15px;
    }

    table.InputReport td {
        background: #f8f8f8;
        vertical-align: middle;
        text-align: center;
        padding: 10px;
        padding-left: 20px;
        border: 1px solid #90D3C7;
    }


/* Table 標題 */
table.Caption {
    margin: 0 auto;
    font-size: 14px;
    color: #FFF;
}

    table.Caption td {
        padding: 10px;
        background: #5E963C;
        padding-left: 20px;
    }

.Caption_Green {
    font-size: 14px;
    color: #FFF;
    background: #F09127;
    text-align: center;
}

#gotop /* 回頂部 for jquery */ {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    padding: 10px 15px;
    font-size: 20px;
    background: #777;
    color: white;
    cursor: pointer;
}


fieldset {
    border: 4px solid #1F497D;
    background: #FAFAFA;
    border-radius: 5px;
    padding: 15px;
}

    fieldset legend {
        background: #1F497D;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 5px;
        box-shadow: 0 0 0 5px #ddd;
        margin-left: 20px;
    }


.BtnOkay, .BtnLogin, .BtnGreen, .BtnClear, .BtnOrange, .BtnSky, .BtnCancel, .BtnBlack, .BtnPurple {
    font-weight: bold;
    font-family: "Microsoft JhengHei";
    color: #FFFFFF;
    border: 0px;
    background-repeat: no-repeat;
    background-position: 98% 48%;
    cursor: pointer;
}

.BtnYello {
    background-color: #FBBB13;
}

.BtnLogin {
    background-color: #9DC807;
}

.BtnGreen {
    background-color: #5E963C;
}

.BtnClear /* 灰 */ {
    background-color: #6E6E6E;
}

.BtnOrange {
    background-color: #F75821;
}

.BtnSky {
    border: 1px solid #0e93bd;
    background-color: #13a7d7;
}

.BtnCancel /* 紅 */ {
    background-color: #D00F31;
}

.BtnBlack {
    background-color: #000000;
}

.BtnPurple {
    background-color: #742894;
}

.LblCompany /* NTUH Logo */ {
    color: #616161;
    font-size: 12px;
}