body { background-color: #FAFAFA;   margin:0; margin-bottom: 0px;}
    Div#opac {background-color: #FAFAFA;  margin:0 0 0 0;  /*min-width: 980px;*/    position: relative;    z-index: 1;}
    /*#opac{ padding:0; border:0; background-color:White; position:relative; z-index: 1;margin:0; min-width: 980px;}*/
    Div#header { height: 100px;    background-color: #FAFAFA; margin-top:0px;  z-index: 80;    width: 100%;    margin-right: auto;    margin-left: auto; }
    .img_Logo_Style { margin-right: auto;    margin-left: auto; }

    /* 讀者與登入登出 */
    .div_header_link_login_style { margin-left: 5px; font-size: 14px;   float: left; height: 20px;}     
    .div_header_link_login_style a {   }   
    .div_header_link_login_style a:hover {  }
    .div_header_link_logout_style { margin-left: 5px; font-size: 14px;  float: left; height: 20px;}    
    .div_header_link_logout_style a {   }  
    .div_header_link_logout_style a:hover {  }
    /* 讀者名稱 */
    .div_header_patron_style { margin-right:  5px ; font-size: 14px; color:#000099;   float: right;  height: 20px;}
    /* 暫存書單計算 */
    .div_header_count_style { padding-left:3px; border: 0px; font-size: 14px;   float: right;  height: 20px;  background-color:rgba(255,255,255,.7);    }
    .div_header_ifun_Pic{width:45px;height:36px;    margin-right:5px;}
    /* 功能連結 */
    .div_header_link_page_style { font-size: 14px; color: #753014; float: right; height: 20px; background-color:rgba(255,255,255,0.7);    }        .div_header_link_page_style a {  }            .div_header_link_page_style a:hover {   }    
    .div_header_link_right_style { margin: 0;  padding: 0;  border: 0;  font-size: 14px;  float: right;    width:200px;    height: 20px;    background-color:rgba(255,255,255,0.7);    }
    /* 快速查詢 */
    .div_QuickSearch_style {    float: right;    margin-right: 5px;        min-width: 327px; height: 22px;    border:none;    border: solid 1px rgba(50,50,50,.7); }
    .div_QuickSearch_TextBox_style {    float: right;        min-width: 200px;    height: 20px;    line-height: 20px;    margin-top: 0px;    margin-right: 0px;    color: #1E1414;    text-indent: 10px;    border: none;    border-right: solid 1px rgba(0,0,0,.7);    background-color: rgba(255,255,255,.7);    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';    font-size: 15px;    font-weight: bold;    z-index: 100;}
    .div_QuickSearch_DropDownList_style {    float: right;    height: 22px;    line-height: 22px;    margin-top: 0px;    margin-right: 1px;    width: 103px;    text-indent: 5px;    border: none;    border-right: solid 1px rgba(0,0,0,.7);    background: #fAfAfA;    background-color: rgba(255,255,255,.7);    font-family: '微軟正黑體', 'Arial';    font-size: 15px;    font-weight: bold;    z-index: 200;    color: #1E1414;}
    .div_QuickSearch_ImageButton_style {    float: right;    height: 22px;    margin-top: 0px;    margin-right: 1px;}
    .grey_italic{    color:dimgrey;    font-style:italic;}

    .table_main_title_style { margin: 0; padding: 0; border: 0; border-collapse: collapse; width: 500px; height: 70px;}
        .table_main_title_style tr { margin: 0; padding: 0; border: 0;    }
        .table_main_title_style td { margin: 0; padding: 0;  border: 0;    }

    /* 網站標題 */
    .div_header_main_title_style { margin: 0; padding: 0; border: 0; width: 600px; height: 80px; float: left; }
        .div_header_main_title_style .title_img {
            display: block;
            height: 40px;
            padding-top: 0px;
            padding-left: 10px;
            float: none;
        }
        .div_header_main_title_style .title_img .sys_title {
            font-size: xx-large;
            font-weight: bold;
            /*font-family: 'Showcard Gothic';*/
            color: rgba(0, 0, 0, 0.7);
        }
        .div_header_main_title_style .title {
            display: block;
            height: 20px;
            padding-left: 10px;
            float: none;
        }
    .lbl_Name_Loc_Style { font-size: 16px; font-weight: bold; color: #000; overflow: visible; white-space: nowrap;}
    .lbl_Name_En_Style { font-size: 14px; font-weight: bold; color: #000; overflow: visible; white-space: nowrap;}

    .table_main_right_style { border-collapse: collapse;    width: 100%;    height: 80px;   }
    
    /* 圖片功能 */
    .div_header_ifun_style { margin: 0;  padding: 0;  border: 0; font-size: 14px;   color: #000;    float: right;    height: 36px;    background-color:rgba(255,255,255,0.5);    background-position: 0px 0px;}

    /* 參觀人次 */
    .div_header_counter_style { margin: 0;     margin-right:5px;   padding: 0;    border: 0;    font-size: 14px;            background-color: RGBa(255,255,255,0.7);    color: #000000;    float: right;    height: 20px;    background-position: 0px 0px;}

    Div.menu { margin: 0;    padding: 0;    border: 0;    width: 100%;    height: 20px;    background-color: #DEF;    position: relative;    z-index: 90;}
    #menu_location { border-style: none;    border-color: inherit;    border-width: 0;    margin: 0;    padding-top: 4px;    width: auto;    height: 20px;    line-height: 20px;    position: absolute;    top: 0px;    left: 10px;    z-index: 100;}

    .Table_Location_Style { margin: 0px;    padding: 0px;    border: 0px;    font-family: 微軟正黑體;    font-size: 14px;    line-height: 14px;    font-weight: normal;    font-style: normal;    color: #000;}
    .Location_Map_Style a { color: #000;    text-decoration: none;}
        .Location_Map_Style a:hover { color: #F00;    }
    .Location_Now_Style a { color: #06F;    text-decoration: none;}
        .Location_Now_Style a:hover { color: #F00;    }

    .menu_sitemap_css { border-style: none;    border-color: inherit;    border-width: 0;    margin: 0;    padding: 0;    width: auto;    height: 20px;    line-height: 20px;    position: absolute;    top: 0px;    right: 40px;    z-index: 100;}
    .menu_sitemap_net { border-style: none;    border-color: inherit;    border-width: 0;    margin: 0;    padding: 0;    width: auto;    height: 20px;    position: absolute;    top: 0px;    right: 40px;    z-index: 100;}
    .adjustedzindex { z-index: 100;}

    Div#content { margin: 0;    padding: 0;    border: 0;   background-color: #FAFAFA;     width: 100%;    height: auto;    position: relative;    z-index: 20;}
Div#footer {
    position: fixed;
    bottom: 0;
    height: 70px;
    background-color: #FAFAFA;
    width: 100%;
    /*z-index: 20;*/
}         
    Div#footer_logo { margin: 0;    padding: 0;    border: 0;    width: auto;    height: 40px;    float: left;}
    div#footer_line { margin-left: auto;    margin-right: auto;    margin-top: 5px;    padding: 0;    border: 0;    width: 98%;    font-size: 14px;    color: #000;}
    Div#footer_content { font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial'; margin-left: auto;    margin-right: auto;    margin-top: 5px;    padding: 0;    border: 0;    width: 882px;    text-align: center;    font-size: 14px;    color: #000;}
        Div#footer_content a { text-decoration:none;  color: #000099;     } 
    .GV_MReserve_Style { margin-left: auto;    margin-right: auto;    margin-top: 0px;    margin-bottom: 0px;    padding: 0px;    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';    font-size: 14px;    width: 100%;    text-align: left;}
    .GV_MReserve_header { background-color: #7CB0FE;    color: #000;}
        .GV_MReserve_header a { color: #000;    }
    .GV_MOverdue_Style { margin-left: auto;    margin-right: auto;    margin-top: 0px;    margin-bottom: 0px;    padding: 0px;    font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial';    font-size: 14px;    width: 100%;    text-align: left;}
    .GV_MOverdue_header { background-color: #7CB0FE;    color: #000;}
        .GV_MOverdue_header a { color: #000;    }

    .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;}

    /*2015/09/10 add*/
    .div_header_Language_style { padding-left: 20px; float: left; height: 20px; }
    .div_header_Themes_style { padding-left: 15px; float: left; height: 20px; }
    
    /*2016/12/7 add*/
    .header_left { margin-left: 12px; margin-right: 10px; margin-top: 10px; width: 180px; float: left; } /*border:solid 1px ;*/
    .header_right { margin-right: auto; margin-left: auto; } /*border:solid 1px ;*/
    .header_right_top { margin-right: auto; margin-left: auto; height: 20px; }

    .header_table_style { width: 100%; height: 100px; } /* background-repeat: no-repeat; background-position: center; background-image: url('../images/master/header/header.png');*/

    .header_right_left { float: left; height: 80px; min-width: 480px; }
    .header_right_right { width: auto; height: 80px; float: right; position: absolute; right: 0px; }
    
    /*2017/1/25 add*/
    .div_header_str { font-size: 13px; font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial'; text-indent: 0px; }
    .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
/* 主題色選單 */
.div_header_Themes_style .div_header_str {
    width: 70px;
}
.theme_blue {
    background-color: rgb(204, 238, 255);
}
.theme_brown {
    background-color: rgb(247, 230, 214);
}
.theme_class {
    background-color: rgb(219, 220, 220);
}
.theme_green {
    background-color: rgb(215, 251, 191);
}
.theme_purple {
    background-color: rgb(239, 217, 249);
}
.theme_red {
    background-color: rgb(250, 212, 213);
}
.theme_yellow {
    background-color: rgb(251, 253, 218);
}

    /*dialog*/
    .ui-dialog-titlebar-close {            visibility: hidden;        }
    .ui-dialog-buttonpane {            font-size: 18px;            height: 50px;        }
    .ui-dialog-titlebar {            font-size: 20px;            height: 25px; /* or whatever you want */           border: 1px solid #333;                    }
    .ui-dialog {            box-shadow:10px 10px 10px #333;        }

/*for topic tabs*/
.div_tabs_style .ui-state-default, .div_tabs_style .ui-widget-content .ui-state-default, .div_tabs_style .ui-widget-header .ui-state-default {
    color: rgba(0, 0, 0, .7);
    background: transparent;
    border: none;
    height: 25px;/*30px*/
}
.div_tabs_style .ui-state-default a, .div_tabs_style .ui-state-default a:link, .div_tabs_style .ui-state-default a:visited {
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
}
.div_tabs_style .ui-state-hover, .div_tabs_style .ui-widget-content .ui-state-hover, .div_tabs_style .ui-widget-header .ui-state-hover, .div_tabs_style .ui-state-focus, .div_tabs_style .ui-widget-content .ui-state-focus, .div_tabs_style .ui-widget-header .ui-state-focus {
    text-decoration: none;
    color: #FAFAFA;
    border: none;
    border-radius: 5px 5px 0px 0px;
    background-color: rgba(0, 0, 0, 0.3);
}
.div_tabs_style .ui-state-hover a, .div_tabs_style .ui-state-hover a:hover {
    color: #FAFAFA; /*border-radius: 5px 5px 0px 0px;            background-color: rgba(0, 0, 0, 0.3);*/
}
.div_tabs_style .ui-state-active, .div_tabs_style .ui-widget-content .ui-state-active, .div_tabs_style .ui-widget-header .ui-state-active {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 0px solid #FAFAFA;
    background: #FAFAFA;
    color: black;
    height: 25px;
}

.div_tabs_style .ui-state-active a, .div_tabs_style .ui-state-active a:link, .div_tabs_style .ui-state-active a:visited {
    color: black;
    text-decoration: none;
}

.div_tabs_style .ui-widget :active {
    outline: none;
}

/*.div_tabs_style .ui-widget-content {
    outline: none;
    height: auto;
}*/