@charset "big5";
/* 華崴醫資 CSS Document */
.Msg{color:red;}
*{margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif;}
body{margin:0; padding:0; font-size:13px; color:#666666; background:#fff;}
img{border:none;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:underline; color:#198de6;}
table{border-collapse:collapse;}
th, td{vertical-align:top;}
form, p, ul, ol, li{margin:0; padding:0;}
li{list-style:none;}
textarea{overflow:auto;}
.clear{clear:both; font-size:0px;}

/* font-size & color */
.font_11{font-size:11px;}
.font_12{font-size:12px;}
.font_13{font-size:13px;}
.font_14{font-size:14px;}
.font_15{font-size:15px;}
.red{color:#f00;}
.black{color:#000;}
.orange{color:#f60;}
.purple{color:#7a3258;}
.green{color:#59b20a;}
.blue{color:#006ed4;}


/* 透明PNG專用 */
.ie6png{behavior:url(../images/iepngfix.htc); display:block;}

/* clear float */
/* float clearing for IE6 */
* html .clearfix{height:1%; overflow:visible;}

/* float clearing for IE7 */
*+html .clearfix{min-height:1%;}

/* float clearing for everyone else */
.clearfix{display:inline-block;}
.clearfix:after{clear:both; content:" "; display:block; height:0; visibility:hidden; font-size:0;}
.clearfix{display:block;}


/* 版型 */
#wrap{width:970px; margin:0 auto; }
#header{
	height:147px;
	display:block;
	background:url(../images/img_topbg.jpg) right top no-repeat;
	position:relative;
	z-index:99;
	margin-bottom:20px;}
#container{height:auto!important;min-height:331px;height:331px; display:block; position:relative; margin-bottom:20px;}
#footer{width:970px; margin:0 auto 20px; border-top:1px solid #ccc; height:72px; display:block;}


/* Header */
.top_links{padding-top:5px; padding-right:5px; color:#ccc; font-size:12px;}
.top_links td{text-align:right; padding:5px;}
.top_links span{padding-left:10px; padding-right:10px;}
.top_links a{color:#0d82eb;}


/* Menu(navigation.css) */



/* Container */
#container{ line-height:150%;}	/*text-align:justify; text-justify:inter-ideograph;*/
#content{margin:0 auto; width:930px; height:auto!important;min-height:330px;height:330px; font-size:15px;}
.buttons_area{text-align:center; clear:both; margin-top:24px; padding-bottom:24px; padding-top:15px; border-top:1px dotted #ddd;}

.page_left{float:left; width:190px;}
.page_right{float:right; width:720px;}


/* Path */
.title_path{background:url(../images/title_path_bg.png) no-repeat; width:100%; height:35px; margin-bottom:20px;}
.title_path th b{display:block; font-size:18px; color:#0b88fd; padding-top:5px; padding-left:10px; font-family:"微軟正黑體";}
.title_path td.path{font-size:12px; color:#aaa; padding-top:5px; padding-right:14px; text-align:right;}


/* Footer */
#footer{position:relative; font-size:15px; color:#8e8e8e; line-height:18px;}
#footer b{color:#3e98e7; font-weight:normal;}
#footer a{color:#8e8e8e;}
#footer .info1{padding-top:12px; text-align:center;}


/* Home */
#home_left{width:453px; float:left;}
#home_right{width:453px; float:right;}
.home_list th{width:15px; text-align:left;}
.home_list td{padding-bottom:12px;}
.home_list, home_list a{color:#666; line-height:140%;}
.home_list a:hover{color:#0d82eb; text-decoration:underline;}
.home_list a.top{color:#f13e39;}
.home_list a.top:hover{color:#0d82eb;}
.home_list .date{width:60px; font-size:11px; color:#aaa; text-align:right; padding-left:10px;}
.home_list img{padding-top:4px;}


/* Menu Left */
.menu_left{width:160px; list-style:none; margin:0 auto; padding-bottom:15px;}
.menu_left li a{
	display:block; cursor:pointer;
	background:url(../images/menu_li.png) left bottom no-repeat; 
	line-height:18px;
	padding-left:20px; padding-top:7px; padding-bottom:7px;}
.menu_left li a:hover{color:#0b88fd; text-decoration:none; padding-left:21px;}
.menu_left ul.lv2{margin-bottom:5px;}
.menu_left ul.lv2 li a{
	background:url(../images/menu_li2.png) left center no-repeat; 
	font-size:15px; color:#000;
	padding-top:7px; padding-bottom:7px; 
	border-bottom:1px solid #ddd;}


/* banners */
#banners{position:absolute; width:173px; right:-180px; top:20px; z-index:10;}
#banners .bg{background:url(../images/ban_bg.png) left top repeat-y;}
#banners ul{width:145px; margin:0 auto; padding:0; overflow:hidden;}
#banners ul li{width:100%; text-align:center; padding-bottom:5px; position:relative;}
#banners ul li a img{border:1px solid #ddd;}
#banners ul li a:hover img{border:1px solid #0287ff;}
#banners a#bayer{position:absolute; z-index:100; top:0; left:12px; display:block; width:120px; height:50px; cursor:pointer; background:#fff;
	opacity:0.01;-moz-opacity:0.01;-khtml-opacity: 0.01; filter:alpha(opacity=1);}


/* Comm */
.tab_page{margin-top:5px; margin-bottom:12px;}
.tab_page ul li{float:left; line-height:24px; font-size:13px;}
.tab_page ul li a{display:block; height:24px; padding:5px 8px 2px 8px; border:1px solid #b9dbee; border-bottom:1px solid white;}
.tab_page ul li a.current{background:#45a0f5; color:#fff; border:1px solid white; border-bottom:1px solid #0b88fd; border-top:1px solid #c6e0f8;}

.downloads_list li{padding-left:24px; padding-bottom:2px;}
.downloads_list li img{padding-right:3px;}

.msgRow{text-align:center; background:#fff3f3; border:1px solid #ffcece; color:#f00; padding:12px; margin-bottom:5px;}
.required{color:#f00;}

.noneData{text-align:center; padding:10px; background:#f7f7f7;}

/* Tab */
#tab{text-align:right; padding-bottom:5px; margin-top:-12px;}
#tab ul{margin:0; padding:0; list-style:none; 
	display:inline-block;*display:inline;zoom:1;
	height:30px;
	overflow:hidden; 
	border:1px solid #ccc;
	border-radius:5px;
	font-size:0;
	border:1px solid #a8cced; border-bottom:1px solid #8bb7dd; border-top:1px solid #c2e0fb;
	box-shadow:0 1px 2px #cfe2f2;-moz-box-shadow:0 1px 2px #cfe2f2;-webkit-box-shadow:0 1px 2px #cfe2f2;
}
#tab ul li{display:inline-block;*display:inline;zoom:1;
	border-left:1px solid #ccc;
	margin-left:-1px;
	box-shadow:inset 0 -6px 10px -3px #e3e3e3;
}
#tab a{display:block;
	font-size:13px;
	line-height:30px;
	padding:0 12px;
}
#tab a:hover{text-decoration:none; background:#e6f2fd;}
#tab .active a{background:#e6f2fd; color:#111; cursor:default;}


/* 圓角 */
.pic img{
	width:120px;
	margin-bottom:3px;
	text-align: center;
	position:relative;
	z-index:2;
	zoom: 1;
	-webkit-border-radius:5px;	/* Chrome, Safari */
	-moz-border-radius:5px;	/* FireFox */
	border-radius:5px;	/* Opera 10.5+ IE6~8 */
	-webkit-box-shadow:2px 1px 2px #aaa;
	-moz-box-shadow:2px 1px 2px #aaa;
	box-shadow:2px 1px 2px #aaa;
	background:#ffffff;
	behavior:url(../images/pie.htc);
}


/* Input */
input[type=radio]{margin-right:5px;}
input.text{border:1px solid #aaa; padding:2px;}
.button_createpre{background:url(../images/button_createpre.png) no-repeat; width:78px; height:32px; border:none; cursor:pointer;}
.button_result{background:url(../images/button_result.png) no-repeat; width:78px; height:32px; border:none; cursor:pointer;}
input.button{background:url(../images/button_bg.png) top repeat-x #007bf9; border:1px solid #0d81f8; color:#fff; font-size:15px; height:29px; padding:3px 14px 3px 14px; cursor:pointer;}
input.button2{background:url(../images/button_bg2.png) top repeat-x #ebebeb; border:1px solid #aaa; color:#333; font-size:15px; height:29px; padding:3px 14px 3px 14px; cursor:pointer;}


/* Table */
.title1{font-size:15px; color:#0d72d4; line-height:30px; border-bottom:1px solid #ccc; margin-bottom:12px;}
.level_1{font-size:15px; line-height:24px; color:#000; font-weight:bold; padding-top:12px;}
.level_2{font-size:13px; line-height:24px; color:#444; font-weight:bold; padding-left:15px;}
.table_info1 th{text-align:right; padding-right:3px; font-size:12px; color:#333;}
.table_info1 td{padding:2px;}

.table_links th{text-align:center; color:#0d72d4; background:#dff3ff; padding:5px; border:1px solid #7cb7ec; border-top:2px solid #95c4ef; }
.table_links td{padding:5px; padding-left:5px; border-bottom:1px solid #ddd;}
.table_links td a{background:url(../images/img_li_icon2.png) left 3px no-repeat; padding-left:16px;}
.table_links a.links_top{font-size:12px; float:right;}

.detail_table th, .detail_table td{padding:5px;}
.detail_table th.title{color:#0783ea; font-size:18px; font-family:"微軟正黑體"; background:#f0f9ff; border-top:1px solid #c6dcef;}
.detail_table .date{text-align:right; font-size:12px; color:#666; background:#f5fbff; border-bottom:1px solid #c6dcef;}
.detail_table .content{line-height:140%; word-wrap:break-word; word-break:normal; width:720px;}
.detail_table .content ul, .detail_table .content ol{margin:auto; padding-left:2em;}
.detail_table .content ul li, .detail_table .content ol li{list-style:initial;}
.detail_table .other{border:2px solid #ffdb7b;}
.detail_table .other th, .detail_table .other td{padding:3px 5px 3px 5px;}
.detail_table .other th{text-align:left; width:85px; background:#fff5dc; color:#333; border-bottom:1px solid #ffe6a9;}
.detail_table .other td{text-align:left; border-bottom:1px solid #eee;}
.detail_table .other a{color:#06F;}

.roster_table th, .roster_table td{padding:3px;}
.roster_table th{background:#eef6fa; color:#3691de; text-align:center; border:1px solid #8ec5e4;}
.roster_table td{border-bottom:1px solid #ddd; text-align:center; font-size:13px; vertical-align:middle;}
.roster_table td b{color:#333; font-size:15px; text-shadow:1px 1px 1px #ddd}
.roster_table td span{font-size:12px;}
.roster_table .row2{background:#f6f6f6;}
.roster_table td td{border:none; text-shadow:1px 1px 1px #ddd}


/* Search Block */
#search_block{background-color:#f2faff; border:1px solid #d4ecfa; padding:15px; margin-bottom:20px;}


/* News */
.news_table th, .news_table td{padding:5px; border-bottom:1px solid #dddddd;}
.news_table th{font-weight:normal;}
.news_table td.date{font-size:13px; color:#0f89fc;}
.news_table .row2{background:#f3f3f3;}


/* 公文審查進度查詢 2016.12.20 */
#progress{}
#progress *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#progress .item{
		border:1px solid #ccc;
		padding:15px;
		margin-bottom:20px;
	}
	#progress .item:hover{
		border-color:#9fd0ff;
		box-shadow:0 1px 5px rgba(0,0,0,.2);
	}
		#progress .item > div{
			float:left;
			position:relative;
		}
		#progress .item .code, #progress .item .hospital, #progress .item .name{
			height:60px;
			border-bottom:1px solid #ddd;
		}
		#progress .item .code{
			width:25%;
			padding-right:10px;
		}
		#progress .item .hospital{
			width:37%;
			padding-right:10px;
		}
		#progress .item .name{
			width:38%;
		}
			#progress .item .title{
				font-size:13px;
				color:#777;
			}
			#progress .item strong{
				color:#111;
			}
		#progress .item .get, #progress .item .desc, #progress .item .status, #progress .item .wait, #progress .item .final{
			border-top:4px dashed #00a0e9;
			padding-top:25px;
			margin-top:25px;
		}
		#progress .item .get{
			width:20%;
			padding-right:10px;
		}
		#progress .item .desc{
			width:30%;
			padding-right:10px;
		}
			#progress .item .desc div{
				font-size:13px;
			}
		#progress .item .status{
			width:18%;
			padding-right:10px;
		}
		#progress .item .wait{
			width:15%;
		}
		#progress .item .final{
			width:17%;
			border-color:#fff;
		}
		#progress .item .final.status_ok{
			width:38%;
		}
			#progress .item .update{
				font-size:12px;
				color:#777;
			}
		#progress .item .dot{
			display:inline-block;*display:inline;zoom:1;
			width:22px; height:22px;
			background-color:#db3e23;
			border-radius:50%;
			border:3px solid #fff;
			position:absolute; left:0; top:-14px;
		}


/* Q&A */
.btn-contact{
	display:inline-block;*display:inline;zoom:1;
	background:url(../images/button_bg.png) repeat-x 0 bottom;
	color:#fff; line-height:18px; font-weight:700;
	padding:5px 18px;
	border-radius:3px;
	box-shadow:0 1px 3px #8bb7dd;
}
.btn-contact:hover{
	color:#fff;
	text-decoration:none;
}
.QA_list{
	margin-top:5px;
}
	.QA_list th, .QA_list td{
		padding:8px 5px !important;
	}
	.QA_list .row_Q{
		background:none !important;
		border:1px solid #ddd;
		border-radius:3px;
	}
	.QA_list .row_Q:hover{
		background:#e3f5ff !important;
		color:#000;
	}	
	.QA_list .row_A{
		color:#666;
	}
		.QA_list .row_A th, .QA_list .row_A td{
			padding-bottom:20px !important;
			border-bottom:none !important;
		}
			.QA_list .icon_Q, .QA_list .icon_A{
				font-size:18px;
			}
			.QA_list .icon_Q{
				color:#0b88fd;
			}
			.QA_list .icon_A{
				color:#cf4e38;
			}


/* Date Table  */
.cal_table{border-collapse:collapse; border:2px solid #339eff;}
.cal_table th{width:14%; background:#cbe4fb; font-size:12px; color:#333; padding:4px; border:1px solid #cbe4fb; text-align:center;}
.cal_table th span.en{font-size:11px; color:#333; padding:3px;}
.cal_table th.holiday{color:#f00;}
.cal_table td{line-height:140%; border:1px solid #cbe4fb; height:70px; padding:5px;}
.cal_table td span.date{display:block; font-size:11px; color:#333;}
.cal_table td.holiday span.date{display:block; font-size:11px; color:#c00;}
.cal_table td.holiday{background:#fff3f3;}
.cal_table td.today{background:#e1effa; border:2px solid #339eff;}
.cal_table td.today span.date{font-weight:bold; color:#ff7800;}
.cal_table td.holiday a{color:#0060ff;}
.cal_table td.holiday a:hover{text-decoration:underline;}
.cal_table td a{color:#0060ff;}
.cal_table td a:hover{text-decoration:underline;}
.cal_table td.today a{color:#0060ff;}
.cal_table td.today a:hover{text-decoration:underline;}
.cal_table td a.need{color:#b401e7;}


/* About */
.about_contact th, .about_contact td{padding:5px; line-height:150%;}
.about_contact th{border-bottom:1px solid #8ec5e4; background:#eef6fa; color:#3691de; text-align:left;}
.about_contact td{border-bottom:1px solid #ddd;}
.about_contact a{color:#198de6; text-decoration:underline;}
.about_contact th.atm{font-size:15px; border-bottom:2px solid #6cbcea; background:#fff; color:#333;}


/* 會員專區 */
.member_item{background:#108afc; color:#fff; text-align:left; font-weight:bold; font-size:15px; padding:5px;}
.member_table1 th, .member_table1 td{padding:3px 5px 3px 5px; border:1px solid #d3e2f0;}
.member_table1 th{ border:1px solid #b9d4ec; background:#f0f9ff; text-align:right; color:#000; font-weight:normal;}
.member_table1 td{ border:1px solid #ddd;text-align:left;}
.member_table1 .required{color:#f00; padding-right:5px;}
.member_table1 .comm{font-size:11px; font-weight:normal;}
.member_table1 .change{background:#fff0f0; color:#c00;}
.member_table1 .buttons_area{background:#f5f5f5; text-align:center;}
/*
.member_table1 input[type=text], .member_table1 select, .member_table1 textarea{
	padding:2px;
}
.member_table1 textarea{
	overflow:auto;
}
.member_table1 input[type=submit], .member_table1 input[type=reset], .member_table1 input[type=button]{
	padding:3px 8px;
}
*/
.member_table2 th, .member_table2 td{padding:3px 5px 3px 5px; border:1px solid #d3e2f0;}
.member_table2 th{ border:1px solid #b9d4ec; background:#f0f9ff; text-align:center; color:#000; font-weight:normal;}
.member_table2 td{ border:1px solid #ddd;text-align:center;}

.member_list1{margin-top:5px;}
.member_list1 th, .member_list1 td{
	padding:3px 5px 3px 5px;
	border:1px solid #d3e2f0;
	}
.member_list1 th{
	border:1px solid #b9d4ec;
	border-top:2px solid #4da8fe; background:#f0f9ff; text-align:center; color:#000; font-weight:normal;}
.member_list1 td{ border:1px solid #ddd;}
.member_list1 .date{text-align:center;}
.member_list1 .score{text-align:right; font-weight:bold;}
.member_list1 .row2{background:#f5f5f5;}
.member_list1 a{color:#198de6;}


/* 學術活動 */
.actions_list{border-top:2px solid #78b7f6;}
.actions_list th, .actions_list td{border-bottom:1px dotted #ccc; padding:6px 3px;}
.actions_list th{width:15px; text-align:left;}
.actions_list td.date{color:#aaa; text-align:right; padding-left:10px;}
.actions_list a{color:#468cd1; line-height:140%;}
.actions_list a:hover{color:#468cd1; text-decoration:underline;}
.actions_list img{padding-top:4px;}
.actions_list .buttons_area{background:#f5f5f5; text-align:center;}


/* 討論區 */
.topic{background:#f0f9ff; border:2px solid #98c1e5; padding:5px; margin-bottom:10px;}
.topic .name_date{color:#000; font-size:12px; border-bottom:1px solid #ddd;}
.topic p{padding:5px; background:#fff;}

.re_topic{background:#f5f5f5; border:1px solid #ccc; font-size:13px;padding:5px; width:94%; margin: 0 auto;}
.re_topic .number{color:#000; text-align:left;}
.re_topic .name_date{color:#000; font-size:12px; border-bottom:1px solid #ddd;}
.re_topic p{padding:5px; background:#fff;}
.re_topic .button{font-size:12px; height:24px; padding:3px 5px 3px 5px;}
.re_topic .row1{background:#f6ffdc; margin-bottom:24px;}
.re_topic .row2{background:#fff5dc; margin-bottom:24px;}


/* 年會專區 */
.annual_block1{margin:0 auto; width:90%; border:1px solid #98c1e5; margin-bottom:14px;}
.annual_block1 h4{background:#0688fe; border-top:2px solid #4da8fe; color:#fff; padding:5px; text-align:center;}
.annual_block1 h4 b{color:#fff000;}
.annual_block1 p{padding:5px;}

.annual_list th, .annual_list td{border-bottom:1px dotted #ccc; padding:6px 3px; vertical-align:top; line-height:18px;}
.annual_list th{text-align:left; font-size:13px;}
.annual_list td{}
.annual_list td.date{width:70px;color:#aaa; text-align:right; padding-left:10px;}
.annual_list, annual_list a{color:#666; line-height:140%;}
.annual_list a:hover{color:#0d82eb; text-decoration:underline;}
.annual_list a.top{color:#f13e39;}
.annual_list a.top:hover{color:#0d82eb;}
.annual_list img{padding-top:4px;}
.annual_list .PaperTitle{padding-left:10px;}
.annual_list tr:nth-child(odd){background-color:#f5f5f5;}

.annual_list.horizontal th{background:#f0f9ff; color:#000; border:1px solid #d3e2f0; text-align:center; vertical-align:middle;}
.annual_list.horizontal td{border:1px solid #ddd;}

.annual_table1 th, .annual_table1 td{padding:5px; border:1px solid #d3e2f0;}
.annual_table1 th{background:#f0f9ff; color:#111; text-align:right; font-size:15px; }
.annual_table1 td{}
.annual_table1 .buttons_area{background:#f5f5f5; text-align:center;}

.fields_tw{font-size:12px; color:#78a9ca; font-weight:normal; display:block;}
.fields_tw_h{font-size:12px; color:#78a9ca; font-weight:normal; margin-left:5px;}
.field_group h4{color:#111; font-size:12px;}
ul.explanation{padding-top:3px;}
.explanation{font-size:12px; color:#C60; margin-left:5px;}

.annual_table2 th, .annual_table2 td{padding:5px;}
.annual_table2 th{color:#000; text-align:left;}
.annual_table2 .buttons_area{text-align:center;}

.english_table th{font-size:13px;}


/* Annual 2014.07.01 */
#annLogin{padding:20px;}
#annLogin table{margin:0 auto;}
#annLogin table th{vertical-align:middle;}
#annLogin table td{padding:8px 5px;}
#annLogin .text{padding:3px;}



/* jrs 2012-07-03 */
.jrs{border-collapse:collapse;}
.jrs thead th{background:#0587c7; color:#fff; padding:2px; border:1px solid #0373ab; font-weight:normal;}
.jrs tbody th, .jrs tbody td{padding:5px; vertical-align:top; border:1px solid #c6d5dd;}
.jrs tbody th{font-size:20px; padding:10px;}
.jrs tbody td{word-wrap:break-word; word-break:break-all;}
.jrs tbody tr:nth-child(odd){background:#f5f5f5;}
.jrs ul{margin:0; padding:0; list-style:none;}
.jrs ul li{float:left;}
.jrs ul li a{display:block; width:62px; border:1px solid #ccc; background:#fff; text-align:center; padding:5px; margin:3px;}
.jrs ul li a b{font-size:15px;}
.jrs ul li a:hover{background:#d9f2ff; border:1px solid #5badd5;}


/* form 2014.07.01 */
input[type=text], input[type=password], input[type=email], input[type=tel], textarea, select{
	padding:5px 4px;
	border:1px solid #bbb;
	background:#fff;
	box-shadow:inset 0 1px 1px #eee; 
	-moz-box-shadow:inset 0 1px 1px #eee;
	-webkit-box-shadow:inset 0 1px 1px #eee;
	font-size:13px;
	margin:2px;
}
select{padding:3px; border:1px solid #ccc;}
select option{padding:3px; background:#fff;}
textarea{padding-bottom:10px;}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus, select:focus{
	outline:0;
	background:#d2f1f8;
	border:1px solid #67cfff; background:#fff;
	box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
	-moz-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd; 
	-webkit-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd;
	-ms-box-shadow:0 0 3px rgba(123,211,255,0.8), inset 0 1px 2px #ddd;
	webkit-appearance:none;
}

/* button 2014.07.01 */
.btn{display:inline-block; *display:inline; zoom:1;
	font-size:15px; font-weight:bold; color:#0b88fd; font-family:"微軟正黑體";
	padding:5px 12px;
	background:#e6f2fd;
	border:1px solid #a8cced; border-bottom:1px solid #8bb7dd; border-top:1px solid #c2e0fb;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	box-shadow:0 2px 2px #cfe2f2;-moz-box-shadow:0 2px 2px #cfe2f2;-webkit-box-shadow:0 2px 2px #cfe2f2;
	outline:none;
	cursor:pointer;
}