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: 98px; 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:  10px ; font-size: 15px; color:#000099;   float: right;  height: 20px;}
    /* 暫存書單計算 */
    .div_header_count_style { padding-left:3px; margin-right:  10px ; 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: 15px; color: #753014; float: right; height: 20px; background-color:rgba(255,255,255,0.7); text-shadow: 2px 3px 5px #bdbdbd; }        
    .div_header_link_page_style a { text-decoration: none; font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial'; color: #000099; display: inline-block; position: relative;/*vertical-align: middle;*/ }
    .div_header_link_page_style a:after { content: ''; width: 0%; height: 1px; background-color: #ff0000; position: absolute; bottom: 0; left: 0; transition: all .3s linear; }
    .div_header_link_page_style a:hover { color: #F00;  text-decoration: none; }
    .div_header_link_page_style a:hover::after { width: 100%; }

    .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); text-shadow: 2px 3px 5px #bdbdbd;}

    /* 快速查詢 */
    .div_QuickSearch_style { float: right; margin-right: 50px;margin-top:5px; margin-bottom: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: 98px;margin-top: 5px; float: left; text-shadow: 2px 3px 5px #bdbdbd;}
    .div_header_main_title_style .title_img { display: block; height: 40px; padding-top: 0px; padding-left: 10px; margin-bottom: 5px; float: none; }
    .div_header_main_title_style .title_img .sys_title { font-size: xx-large; font-weight: bold; color: rgba(0, 0, 0, 0.7); /*font-family: 'Showcard Gothic';*/ }
    .div_header_main_title_style .title { display: block; height: 20px; padding-left: 10px; float: none; }
    .lbl_Name_Loc_Style { font-size: 17px; font-weight: bold; color: #000; overflow: visible; white-space: nowrap; }
    .lbl_Name_En_Style { font-size: 15px; font-weight: bold; color: #000; overflow: visible; white-space: nowrap; }
    .table_main_right_style { border-collapse: collapse; width: 100%; height: 68px; }
    
    /* 圖片功能 */
    .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 { display: inline; border-style: none; padding-top:8px; margin-left: 0; margin-top: 0; margin-bottom:5px;margin-right: 15px; font-size: 14px; background-color: RGBa(255,255,255,0.7); color: #000000; float: right; height: 20px; background-position: 0px 0px; text-shadow: 2px 3px 5px #bdbdbd; }

    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;}
    .header_menu { text-shadow: 2px 3px 5px #bdbdbd; }

    .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; text-shadow: 2px 3px 5px #bdbdbd; }
    .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#header_line {margin-left: auto; margin-right: auto; margin-top: 1px; margin-bottom:1px; padding: 0; border: 0; width: 98%; font-size: 13px;}
    Div#footer { position: relative ; bottom: 0px ; background-color: #F9F9F9; width: 100%; /*z-index: auto;*/ }         
    Div#footer_line { margin-left: auto;    margin-right: auto; margin-top: 0px; margin-bottom: 0; padding: 0;    border: 0;    width: 98%;    font-size: 13px; }
    Div#footer_content { font-family: '微軟正黑體', 'Lucida Sans Unicode', 'Arial'; margin-left: auto; margin-right: auto; margin-bottom: 1px; padding: 0; border: 0; width: 882px; text-align: center; font-size: 13px; color: #000; text-shadow: 2px 3px 5px #bdbdbd; }
    Div#footer_content a { text-decoration: underline;  color: #0000ff; } 

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

    .div_header_Language_style { padding-left: 20px;    float: left;    height: 20px;    }
    .div_header_Themes_style { padding-left: 15px;    float: left;    height: 20px;    }
    
    .header_left { margin-left: 12px; margin-right: 10px; margin-top: 5px; min-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; display: inline; margin-top: 5px;}
    .header_table_style { width: 100%; height: 98px; background-repeat: no-repeat; background-position: center; } /* background-image: url('../images/master/header/header.png');*/
    .header_right_left { float: left; height: 98px; min-width: 480px; }
    .header_right_right { width: auto; height: 68px; display:block; float: right; margin-top: 10px; }
    
    .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 for wucTopics instead*/
.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: 24px;
}
.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;
}
.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: 1px solid #FAFAFA;
    background: #FAFAFA;
    color: black;
    height: 24px;
}
.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;
}