@charset "utf-8";

/*---------------reset start---------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family:Arial,Helvetica,sans-serif;
	vertical-align: baseline;
	color: #aa7024;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

em {
	font-style: normal;
}

/*---------------reset end---------------*/


/*------------------body-----------------*/
body {
	font-family: 'Arial', '新細明體';
	font-size: 12px;
}

h2, h3 {
	color: #323232;
}

a {
	color: #7b7b7b;
	text-decoration: none;
}

a:hover {
	color: #333333;
}

p {
	margin-bottom: 20px;
}

/* 
img {
	background-position: left;
	margin-left: 0px;
	float: left;
	margin-top: 0px;
}
*/

img, div, a {

}





#wrap {
	width: 100%;
	height: 100%;
}

#container {
	width: 935px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#language_bar {
	margin-top:4px;
	height: 69px;
	float:left:;
	width: 935px;
	float: left;
}



#logo {
	width: 287px;
	display: block;
	height: 69px;
	float: left;
}

#top_menu {
	line-height: 35px;
	display: block;
	height: 35px;
	background: url('../tmul_images/btn_bg.jpg') no-repeat;
	float: left;
	width: 935px;
}

#top_menu li {
	float: left;
	height: 35px;
}


#top_menu li a {
	float: left;
	height: 35px;
	text-decoration: none;
	padding: 0 0px;
	display: block;
}

#top_menu li a:hover, #top_menu li.active a {
	background-color: #F89B00;
    float: left;
	height: 35px;
	text-decoration: none;
	padding: 0 0px;
	display: block;
}



#top_menu li.home a {
	background: url('../tmul_images/btn1.jpg') no-repeat;
	width: 60px;
	height: 35px;
	padding: 0;
}

#top_menu li.home a:hover {
	background: url('../tmul_images/btn1_hover.jpg') no-repeat;
}



#top_menu li.about a {
	background: url('../tmul_images/btn2.jpg') no-repeat;
	width: 87px;
	height: 35px;
	padding: 0;
}

#top_menu li.about a:hover {
	background: url('../tmul_images/btn2_hover.jpg') no-repeat;
}



#top_menu li.service a {
	background: url('../tmul_images/btn3.jpg') no-repeat;
	width: 87px;
	height: 35px;
	padding: 0;
}

#top_menu li.service a:hover {
	background: url('../tmul_images/btn3_hover.jpg') no-repeat;
}


#top_menu li.search a {
	background: url('../tmul_images/btn4.jpg') no-repeat;
	width: 87px;
	height: 35px;
	padding: 0;
}

#top_menu li.search a:hover {
	background: url('../tmul_images/btn4_hover.jpg') no-repeat;
}


#top_menu li.book_list a {
	background: url('../tmul_images/btn5.jpg') no-repeat;
	width: 87px;
	height: 35px;
	padding: 0;
}

#top_menu li.book_list a:hover {
	background: url('../tmul_images/btn5_hover.jpg') no-repeat;
}



#top_menu li.resource a {
	background: url('../tmul_images/btn6.jpg') no-repeat;
	width: 87px;
	height: 35px;
	padding: 0;
}

#top_menu li.resource a:hover {
	background: url('../tmul_images/btn6_hover.jpg') no-repeat;
}



#top_menu li.collection a {
	background: url('../tmul_images/btn7.jpg') no-repeat;
	width: 87px;
	height: 35px;
	padding: 0;
}

#top_menu li.collection a:hover {
	background: url('../tmul_images/btn7_hover.jpg') no-repeat;
}

#top_menu li.summon a {
	background: url('../tmul_images/btn8.jpg') no-repeat;
	width: 87px;
	height: 35px;
	padding: 0;
}/*20150120增加by xiao  待上線半年後需改為87*35  */

#top_menu li.summon a:hover {
	background: url('../tmul_images/btn8_hover.jpg') no-repeat;
} /*20150120增加by xiao   */









#gary {
	height: 13px;
	width: 935px;
	background-color: #cccccc;
	float: left;
}


#header h1, #header h2, #header h3.slogan {
	text-indent: -9999px;
	float: left;
}

table th, table td {
	color: #333333;
	border: 0px;
}

#footer {
	width: 100%;
	height: 25px;
	background: #999999;
	float: left;
}

#footer li {
	color: #FFFFFF;
	display: block;
	width: 935px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	margin: 0px auto 0px auto;
}
#footer li a {
	color: #FFFFFF;
	display: block;
	width: 935px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	margin: 0px auto 0px auto;
}
#footer li.ss01 {
	color: #333333;
	display: block;
	width: 935px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	margin: 0px auto 0px auto;
}






#footer_copyright {
	width: 400px;
	height: 25px;
    background: none;
	float : right;
}

#footer_copyright li {
	color: #666666;
	display: block;
	width: 400px;
	height: 25px;
	line-height: 25px;
	text-align: right;
}

#footer_copyright li a {
	color: #666666;
	display: block;
	width: 400px;
	height: 25px;
	line-height: 25px;
	text-align: right;
}








#visited_no {
	width: 300px;
	height: 25px;
	background: none;
	float : left;
}

#visited_no li {
	color: #666666;
	display: block;
	width: 140px;
	height: 25px;
	line-height: 25px;
	text-align: left;
	float: left;
}
#visited_no li.other {
	color: #666666;
	display: block;
	width: 160px;
	height: 25px;
	line-height: 25px;
	text-align: left;
	float: left;
}
#visited_no li a {
	color: #666666;
	display: block;
	width: 160px;
	height: 25px;
	line-height: 25px;
	text-align: left;
}
#visited_no li a:hover {
	color: #FF6600;
}




#footer3 {
	width: 935px;
	height: 25px;
	background: none;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}









#searh_menu {
	line-height: 24px;
	display: block;
	height: 24px;
	background: url('../tmul_images/btn_book_bg.jpg') no-repeat;
	margin-top:15px;
}

#searh_menu li {
	float: left;
	width: 71px;
	height: 24px;
	text-align: center;
	padding:  0px 1px 0px 1px;
}


#searh_menu li a {
	color: #666666;
	text-decoration: none;
	display: block;
	background: none;
}

#searh_menu li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
    background: #666666;
}
#searh_menu li.other {
    padding-left: 4px;
}










#other_menu {
    width:630px;
	display: block;
	height: 24px;
		float: right;
}

#other_menu1 {
	display: block;
	height: 24px;
}

#other_menu1 li {
    width: 84px;
	float: right;
	height: 24px;
}


#other_menu1 li a {
    width: 84px;
	float: right;
	height: 24px;
	background: url('../tmul_images/btn_otherhospital1.png') no-repeat;
	display: block;
}

#other_menu1 ul li.ss01 a {background: url('../tmul_images/btn_otherhospital4.jpg') no-repeat; left: 94px;}
#other_menu1 ul li.ss02 a {background: url('../tmul_images/btn_otherhospital3.jpg') no-repeat; left: 255px;}
#other_menu1 ul li.ss03 a {background: url('../tmul_images/btn_otherhospital2.jpg') no-repeat; left: 415px;}
#other_menu1 ul li.ss05 a {background: url('../tmul_images/btn_otherhospital1.jpg') no-repeat; left: 576px;}/*北醫大*/
#other_menu1 ul li.ss04 a {background: url('../tmul_images/btn_otherhospital5.jpg') no-repeat; left: 725px;}/*附醫*/
#other_menu1 ul li.ss06 a {background: url('../tmul_images/btn_mobile6.jpg') no-repeat; left: 874px;}/*行動版*/

#other_menu1 ul li.ss01 a:hover, #other_menu1 ul li.ss01 a.active {background: url('../tmul_images/btn_otherhospital4-r.jpg') no-repeat;}
#other_menu1 ul li.ss02 a:hover, #other_menu1 ul li.ss02 a.active {background: url('../tmul_images/btn_otherhospital3-r.jpg') no-repeat;}
#other_menu1 ul li.ss03 a:hover, #other_menu1 ul li.ss03 a.active {background: url('../tmul_images/btn_otherhospital2-r.jpg') no-repeat;}
#other_menu1 ul li.ss04 a:hover, #other_menu1 ul li.ss04 a.active {background: url('../tmul_images/btn_otherhospital1-r.jpg') no-repeat;}
#other_menu1 ul li.ss05 a:hover, #other_menu1 ul li.ss05 a.active {background: url('../tmul_images/btn_otherhospital5-r.jpg') no-repeat;}
#other_menu1 ul li.ss06 a:hover, #other_menu1 ul li.ss06 a.active {background: url('../tmul_images/btn_mobile6-r.jpg') no-repeat;}/*行動版*/

#pagetopbox {
	line-height: 26px;
	display: block;
	height: 26px;
	margin-top: 0px;
	width: 422px;
	float: right;
	background: url('../tmul_images/btn_pagetop.jpg') no-repeat;
}


#pagetop {
	line-height: 26px;
	display: block;
	height: 26px;
	margin-top: 0px;
	width: 268px;
	float: left;
}

#pagetop li {
	float: left;
	width: 64px;
	height: 26px;
	text-align: center;
	padding-top: 0px;
	padding-right: 1.3px;
	padding-bottom: 0px;
	padding-left: 1.3px;
}

#pagetop li a {
	color: #999999;
	text-decoration: none;
	padding: 0 0px;
	display: block;
}

#pagetop li a:hover, #pagetop li.active {
	color: #666666;
}




#pagetop1 {
	line-height: 26px;
	display: block;
	height: 26px;
	margin-top: 0px;
	width: 58px;
	float: right;
}

#pagetop1 li {
	float: right;
	width: 58px;
	height: 26px;
	text-align: center;
	margin-top: -1px;
}

#pagetop1 li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 0px;
	display: block;
}

#pagetop1 li a:hover, #pagetop li.active {
	color: #FFFF99;
}







#pagetop2 {
	line-height: 26px;
	display: block;
	height: 26px;
	margin-top: 0px;
	width: 92px;
	float: right;
}

#pagetop2 li {
	float: left;
	width: 89px;
	height: 26px;
	text-align: center;
}

#pagetop2 li a {
	color: #999999;
	text-decoration: none;
	padding: 0 0px;
	display: block;
}

#pagetop2 li a:hover, #pagetop li.active {
	color: #666666;
}
#searhbox {
	width: 240px;
	float: right;
	margin-top: 10px;
	vertical-align: baseline;
	height: 22px;
	background-image: url(../tmul_images/searhbox_bg.jpg);
}
#searhbox_keytext {
	height: 22px;
	width: 165px;
	margin-right: 0px;
	float: right;
	background-image: url(../tmul_images/searhbox_bg.jpg);
	background-repeat: repeat-y;
}
#searhbox_botton {
	height: 22px;
	width: 24px;
	float: right;
	background:url('../tmul_images/searhlogo_bg.jpg') repeat-y;
}
#topbtnsearh {
	height: 40px;
	width: 370px;
	float: right;
}







#undertop_menu {
	height: 16px;
	margin-top:10px;
	margin-bottom:4px;
	float: left;
	width: 935px;

}

#undertop_menu li {
	float: left;
	height: 16px;
	border-right: 1px solid #FFFFFF;
}

#undertop_menu li.first {
	float: left;
	height: 16px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#undertop_menu li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 15px;
	display: block;
	line-height: 16px;
}

#undertop_menu li a:hover{
	color: #FFFF99;
}









#undertop_menu2 {
	line-height: 24px;
	display: block;
	height: 24px;
	margin-top:6px;

}

#undertop_menu2 li {
	float: left;
	height: 24px;
}


#undertop_menu2 li a{
	width: 88px;
	color:#FFFFFF;
    height: 24px;
	text-align: center;
	padding: 0 0px;
	display: block;
	float: left;
}

#undertop_menu2 li a:hover{
	width: 88px;
	color:#FFFF99;
    height: 24px;
	text-align: center;
	padding: 0 0px;
	display: block;
    float: left;
}

#undertop_menu2 li.other {
    width: 12px;
	color:#FFFFFF;
    height: 24px;
	text-align: center;
	padding: 0 0px;
	display: block;
    float: left;
}















#before_web {
	width: 214px;
	line-height: 24px;
	display: block;
	height: 25px;
	float: left;
	margin-top: 8px;
}

#before_web li {
	float: left;
	height: 25px;
	padding-left: 14px;
}


#before_web li a{
	padding-left: 14px;
	width: 173px;
	color:#FF6600;
    line-height: 25px;
	display: block;
	float: left;
	background:url('../tmul_images/botton_before.jpg') no-repeat;
}

#before_web li a:hover{
	color:#A67951;
}



#bbs_link {
	width: 214px;
	display: block;
	height: 100%;
	float: left;
}

#bbs_link li {
	width: 200px;
	height: 24px;
		bottom: 0px;
}



#left_botton {
	width: 214px;
	float: left;
	display: block;
	height: 100%;
	overflow:hidden;
}
#left_botton_index {
	width: 214px;
	float: left;
	display: block;
	overflow:hidden;
	background: url('../about_images/mend.jpg') repeat-y;

}


#left_continuous {
	width: 214px;
	float: left;
	display: block;
	overflow: hidden;
	height: auto;
}







.opentime1 {
	color: #FFFFFF;
	width: 57px;
	padding-left: 35px;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
}





#opentime2 {
	width: 214px;
	height: 70px;
	float: left;
	margin-top: 33px;
}

.opentime2   {
	color:#FFFF99;
	width: 122px;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
}




#closetime {
	width: 214px;
	height: 90px;
	float: left;
	margin-top: 10px;
}

.closetime   {
	color: #FFFFFF;
	width: 57px;
	padding-left: 10px;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
}






#opentime3 {
	width: 107px;
	height: 70px;
	margin-top:32px;
	float: left;
}

#opentime3  li {
    color:#FFFFFF;
	width: 62px;
	height: 20px;
	padding-left:45px;
	line-height: 20px;
	
}





#opentime4 {
	width: 107px;
	height: 70px;
	margin-top:32px;
	float: left;
}

#opentime4  li {
    color:#FFFF99;
	width: 107px;
	height: 20px;
	padding-left:0px;
	line-height: 20px;
}


#calendar {
	width: 214px;
	line-height: 24px;
	display: block;
	height: 24px;
	margin-top:29px;
	float: left;
}

#calendar li {
	float: left;
	height: 24px;
	padding-left: 27px;
}


#calendar li a{
	width: 187px;
	color:#7a5413;
    height: 24px;
	display: block;
	float: left;
}

#calendar li a:hover{
	width: 187px;
	color:#603804;
    height: 24px;
	display: block;
    float: left;
}




#othertime {
	width: 214px;
	line-height: 24px;
	display: block;
	height: 24px;
	margin-top:8px;
	float: left;
	margin-bottom: 8px;
}

#othertime li {
	float: left;
	height: 24px;
	padding-left: 27px;
}


#othertime li a{
	width: 187px;
	color:#FFFF33;
	height: 24px;
	display: block;
	float: left;
	font-weight: bold;
}

#othertime li a:hover{
	width: 187px;
	color:#FFFF00;
	height: 24px;
	display: block;
	float: left;
	font-weight: bold;
}




#searh_other_area {
	display: block;
	height: 24px;
	margin-top:15px;
	width: 935px;
	float: left;
}



#searh_menu_index {
	line-height: 24px;
	display: block;
	height: 24px;
	background: url('../tmul_images/btn_book_bg.jpg') no-repeat;
	width: 305px;
	float: left;
}

#searh_menu_index li {
	float: left;
	width: 71px;
	height: 24px;
	text-align: center;
	padding:  0px 1px 0px 1px;
}


#searh_menu_index li a {
	color: #666666;
	text-decoration: none;
	display: block;
	background: none;
}

#searh_menu_index li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
    background: #666666;
}
#searh_menu_index li.other {
    padding-left: 4px;
}










#other_menu_index {
    width:630px;
	height: 24px;
	float: right;
}

#other_menu_index {
	display: block;
	height: 24px;
	width: 625px;
}

#other_menu_index li {
    width: 84px;
	float: right;
	height: 24px;
}


#other_menu_index li a {
    width: 84px;
	float: right;
	height: 24px;
	background: url('../tmul_images/btn_otherhospital1.png') no-repeat;
	display: block;
}

#other_menu_index ul li.ss01 a {background: url('../tmul_images/btn_otherhospital4.jpg') no-repeat; left: 94px;}
#other_menu_index ul li.ss02 a {background: url('../tmul_images/btn_otherhospital3.jpg') no-repeat; left: 255px;}
#other_menu_index ul li.ss03 a {background: url('../tmul_images/btn_otherhospital2.jpg') no-repeat; left: 415px;}
#other_menu_index ul li.ss05 a {background: url('../tmul_images/btn_otherhospital5.jpg') no-repeat; left: 576px;}
#other_menu_index ul li.ss04 a {background: url('../tmul_images/btn_otherhospital1.jpg') no-repeat; left: 725px;}
#other_menu_index ul li.ss06 a {background: url('../tmul_images/btn_mobile6.jpg') no-repeat; left: 874px;}/*行動版*/


#other_menu_index ul li.ss01 a:hover, #other_menu_index ul li.ss01 a.active {background: url('../tmul_images/btn_otherhospital4-r.jpg') no-repeat;}
#other_menu_index ul li.ss02 a:hover, #other_menu_index ul li.ss02 a.active {background: url('../tmul_images/btn_otherhospital3-r.jpg') no-repeat;}
#other_menu_index ul li.ss03 a:hover, #other_menu_index ul li.ss03 a.active {background: url('../tmul_images/btn_otherhospital2-r.jpg') no-repeat;}
#other_menu_index ul li.ss04 a:hover, #other_menu_index ul li.ss04 a.active {background: url('../tmul_images/btn_otherhospital1-r.jpg') no-repeat;}
#other_menu_index ul li.ss05 a:hover, #other_menu_index ul li.ss05 a.active {background: url('../tmul_images/btn_otherhospital5-r.jpg') no-repeat;}
#other_menu_index ul li.ss06 a:hover, #other_menu_index ul li.ss06 a.active {background: url('../tmul_images/btn_mobile6-r.jpg') no-repeat;}/*行動版*/




#searchbook {
	height: 25px;
	margin-top: 10px;
}
#outside {
	width: 935px;
	display: block;
	height: auto;
	float: left;
	background-image: url(../about_images/mend2.jpg);
	background-repeat: repeat-y;
}
#pic {
	height: 100%;
	width: 721px;
	display: block;
	float: right;
}
#title_line {
	height: 3px;
	width: 100%;
}

#main_pic {
	height: 104px;
	width: 721px;
	display: block;
	float: right;
}



#dowm_outside {
	height: 0px;
}





#sub_menu {
	display: block;
	height: 100%;
	width: 707px;
	float: right;
	padding-bottom: 15px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F68F06;
	vertical-align: middle;	
}

#sub_menu li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;

}


#sub_menu li a {
	color: #666666;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
}

#sub_menu li a:hover  {
	color: #e60202;
}

#sub_menu li.home {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}
#sub_menu li.redbg {
	background-color: #e60202;
	float: left;

}
#sub_menu li.redbg a {
    color: #FFFFFF;
}