﻿body {}

Div#Customer_Detail_Tab {
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    border: 0px;
    width: 99%;
}

Div#Multiview_Tabs {
    float: left;
    width: 97%;
    font-size: 93%;
    line-height: normal;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #BCD2E6;
    margin-left: 12px;
}

    Div#Multiview_Tabs ul {
        margin: 0;
        padding: 10px 10px 0 40px;
        list-style: none;
    }

    Div#Multiview_Tabs li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    Div#Multiview_Tabs a {
        float: left;
        background: url("../images/tab/tableft.gif") no-repeat left top;
        margin: 0;
        padding: 0 0 0 4px;
        text-decoration: none;
    }

    Div#Multiview_Tabs a span {
        font-size: 95%;
        padding: 6px 5px;
        font-family: Arial;
        font-weight: normal;
        text-decoration: none;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 4px;
        border: 1px solid #a7a7ff;
        background-color: #f7eeff;
        color: #000000;
        display: inline-block;
        text-shadow: 0px 0px 0px #a1a1e6;
        -webkit-box-shadow: inset 0px 0px 0px 0px #93d643;
        -moz-box-shadow: inset 0px 0px 0px 0px #93d643;
        box-shadow: inset 0px 0px 0px 0px #93d643;
    }
    Div#Multiview_Tabs span:hover {
        border: 1px solid #738061;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(42%, #b0df86), color-stop(63%, #caeaae) );
        background: -moz-linear-gradient( center top, #b3e85c 42%, #93d643 63% );
        background: -ms-linear-gradient( top,#b3e85c 42%, #93d643 63% );
        background-color: #93d643;
    }

    Div#Multiview_Tabs span:active {
        border: 1px solid #738061;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(42%, #b0df86), color-stop(63%, #caeaae) );
        background: -moz-linear-gradient( center top, #93d643 42%, #b3e85c 63% );
        background: -ms-linear-gradient( top, #93d643 42%, #b3e85c 63% );
        background-color: #b3e85c;
    }

    Div#Multiview_Tabs .current a span {
        border: 1px solid #738061;
        font-weight: bold;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(42%, #93d643), color-stop(63%, #b3e85c) );
        background: -moz-linear-gradient( center top, #93d643 42%, #b3e85c 63% );
        background: -ms-linear-gradient( top, #93d643 42%, #b3e85c 63% );
        background-color: #D10A0A;
    }

    .tabs {
        min-width: 100px !important;
        text-align: center;
    }

    Div#Customer_Detail_TabContent {
        float: left;
        margin: 0px;
        padding: 0px;
        border-top: 0px;
        border-right: 1px solid #BCD2E6;
        border-bottom: 1px solid #BCD2E6;
        border-left: 1px solid #BCD2E6;
        width: 99%;
        min-height: 500px;
    }
    .css_btn_purple[disabled] {
        background: #e8e8ff;
        background: linear-gradient(to bottom, #bdbded 5%, #adaded 100%);
        border-top: 1px solid #c5c5c5;
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #d9d9d9;
        border-left: 1px solid #cecece;
        color: #666;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        cursor: not-allowed;
        text-shadow: 0 -1px 1px #ebebeb;
    }

/* Div Reading_Result_GridView Start */
Div.Reading_Result_GridView {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 90%;
    height: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

Div#GV_RR_Top {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    position: relative;
}

.GV_RR_TopTable {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border: none;
    width: 100%;
    font-size: 14px;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
}

    .GV_RR_TopTable thead {
        color: #000;
        background-color: #DEF;
    }

        .GV_RR_TopTable thead th {
            border: none;
            color: #000;
            background-color: #7CB0FE;
        }

        .GV_RR_TopTable thead td {
            border-top: 1px solid #7CB0FE;
            border-bottom: 1px solid #7CB0FE;
            border-left: none;
            border-right: none;
        }

Div#GV_RR_Contain {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    position: relative;
}

Div.GV_RR_Contain_Main {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    position: relative;
}

.GV_RR_Style {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    font-size: 13px;
    width: 100%;
    text-align: left;
}

    .GV_RR_Style a {
        color: #06F;
        text-decoration: none;
    }

        .GV_RR_Style a:hover {
            color: #F00;
            text-decoration: underline;
        }

.GV_RR_header {
    background-color: #7CB0FE;
    color: #000;
    font-weight: bold;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    font-size: 13px;
}

    .GV_RR_header a {
        color: #000;
        text-decoration: none;
    }

        .GV_RR_header a:hover {
            color: #F00;
            text-decoration: underline;
        }

.GV_RR_footer {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    background-color: #247;
    color: #FFF;
    font-weight: bold;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    font-size: 13px;
    position: relative;
}

    .GV_RR_footer a {
        color: #FFF;
    }
/* Div Reading_Result_GridView End */


Div.Advance_Function_Style {
    margin: 10px 0px;
    padding: 0px;
    border: 0px;
    width: 90%;
    height: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto; 
    text-align: center; 
}

Div.Advance_FuncKey_style {
    margin: 0px;
    padding: 0px;
    border-color: #06F;
    background-color: #FFF;
    color: #000;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    width: 100%;
}

    Div.Advance_FuncKey_style a {
        color: #06F;
        text-decoration: none;
    }

        Div.Advance_FuncKey_style a:hover {
            color: #F00;
            text-decoration: underline;
        }

Div.Content_Search_Style {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    height: auto;
    position: relative;
}

.Search_Table_Style {
    margin: 0px;
    padding: 0px;
    border-color: #06F;
    background-color: #FFF;
    color: #000;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    font-weight: bold;
    font-size: 14px;
    line-height: 28px;
    width: 100%;
}

.Search_Table_Style_ltd {
    padding-right: 10px;
    text-align: right;
    border-bottom: 1px solid #ccc;
    background-color: #9CF;
}

.Search_Table_Style_rtd {
    padding-left: 5px;
    text-align: left;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.Search_Table_Style_mtd {
    padding-left: 5px;
    text-align: left;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.book_search_table {
    margin: 0px;
    padding: 0px;
    border: 3px solid #7CB0FE;
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    font-size: 13px;
}

    table.book_search_table th {
        border: none;
        color: #000;
        background-color: #7CB0FE;
    }

    table.book_search_table td {
        border-top: 1px solid #7CB0FE;
        border-bottom: 1px solid #7CB0FE;
        border-left: none;
        border-right: none;
    }

        table.book_search_table td a {
            color: #06F;
            text-decoration: none;
        }

            table.book_search_table td a:hover {
                color: #F00;
                text-decoration: underline;
            }

.colback {
    color: #000;
    background: #DEF;
}

.hardBack2 {
    position: relative;
    top: 0px;
}

/*button*/
.css_btn_sky {
    font-size: 15px;
    font-family: Arial;
    font-weight: normal;
    box-shadow: inset 0px 0px 1px 2px #d4ddf8;
    background: linear-gradient(to bottom, #94c9fc 5%, #5e94cb 100%);
    background-color: #7892c2;
    border-radius: 4px;
    border: 1px solid #47588d;
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-family: Arial;
    text-decoration: none;
    /*text-shadow: 0px 1px 0px #283966;*/
    text-shadow: 0px 0px 0px #a1a1e6;
    min-width: 100px;
    Height: 27px;
}

    .css_btn_sky:hover {
        color: #fff;
        background: linear-gradient(to bottom, #72aed5 5%, #4267a7 100%);
        background-color: #476e9e;
    }

    .css_btn_sky:active {
        position: relative;
        top: 1px;
    }

    .css_btn_sky[disabled] {
        background: #c3ddf7;
        background: linear-gradient(to bottom, #a5caed 5%, #91bfea 100%);
        border-top: 1px solid #c5c5c5;
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #d9d9d9;
        border-left: 1px solid #cecece;
        color: #666;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        cursor: not-allowed;
        text-shadow: 0 -1px 1px #ebebeb;
    }

        .css_btn_sky[disabled]:hover {
            background: -webkit-gradient( linear, left top, left bottom, color-stop(32%, #c3ddf7), color-stop(73%, #c3ddf7) );
            background: -moz-linear-gradient( center top, #c3ddf7 50%, #c3ddf7 73% );
            background: -ms-linear-gradient( top, #c3ddf7 32%, #c3ddf7 73% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3ddf7', endColorstr='#c3ddf7');
            background-color: #c3ddf7;
        }

        .css_btn_sky[disabled]:active {
            border: none;
        }

.lbl_Message_style {
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    font-size: 16px;
}

.lbl_StopMsg_Style {
    color: #F00;
    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';
    font-size: 16px;
}
