@charset "UTF-8";
/*===========================================
Hospital
===========================================*/
.partTitle{
	font-size:22px;
}
/*-------------------------------------------
Hospital Quick Links
-------------------------------------------*/
.hospitalQuickLinks{
	list-style:none; margin:0; padding:0;
}
	.hospitalQuickLinks li{
		float:left;
		width:50%;
		padding:5px;
	}
		.hospitalQuickLinks li .btn{
			width:100%;
			padding-left:10px; padding-right:10px;
			/* white-space:nowrap; */
			box-shadow: inset 0 0 0 1px #61bc0e, inset 0 -2px 0 rgba(0,0,0,.2), 0 2px 5px rgba(0,0,0,.15);
		}
/*-------------------------------------------
hospital Tabs
-------------------------------------------*/
.hospitalTabs{
	list-style:none;
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:2px solid #ccc;
}
	.hospitalTabs li{
		float:left;
		width:33.33333%;
		text-align:center;
		padding:0 5px;
	}
		.hospitalTabs li a{
			width:100%;
		}
/*-------------------------------------------
hospital info buttons
-------------------------------------------*/
.hospitalInfoButtons{
	position:relative;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:20px;
}
	input[value="前期資料下載"],
	input[value="專科住院醫師提報名單"],
	input[value="兒科專科醫師訓練狀況表"]{
		background:url(../images/icon-xls@2x.png?v=20190201) no-repeat right 10px center;
		background-size:16px 16px !important;
		padding-right:34px;
	}
	input[value="訓練醫院基本資料"]{
		background:url(../images/icon-xls@2x.png?v=20190201) no-repeat right 10px center;
		background-size:16px 16px !important;
		padding-right:45px !important;
	}
/*-------------------------------------------
hospital form
-------------------------------------------*/
.inputHospitalName{width:100%;}
.inputAddr{width:350px;}
input.department{margin:0; float:none;}
.inputDepartment{width:250px;}
.inputEmail{width:100%;}
.inputDrNumber{width:150px;}
/*-------------------------------------------
hospital table
-------------------------------------------*/
.departmentWrap{
	margin-top:5px;
}
	.departmentWrap .department{
		margin:3px 10px 3px 0;
	}

/*===========================================
RWD
===========================================*/
@media screen and (max-width:1024px){

}
@media screen and (max-width:992px){
	.explanation{
		display:block;
	}
	/*-------------------------------------------
	hospital table
	-------------------------------------------*/
	.tableWrap{
		position:relative;
		overflow-x:auto;
		overflow-y:hidden;
		padding-right:15px;
	}
		.tableWrap:before,
		.tableWrap:after{
			content:"內容太長可以左右滑動表格觀看";
			color:brown;
			font-size:80%;
		}
		.tableWrap .tableList{
			border-collapse:collapse;
		}
			.tableWrap .tableList th,
			.tableWrap .tableList td{
				white-space:nowrap;
			}
			.tableWrap .tableList td{
				font-size:85%;
			}
}
@media screen and (max-width:768px){/* iPad Portrait */

}
@media screen and (max-width:736px){/* i6 Plus ~ i8 Plus Landscape */
	.tableContent tr,
	.tableContent th,
	.tableContent td{
		display:block;
		text-align:left;
		width:100%;
	}
	.tableContent tr{
		background-color:#fff;
	}
	.tableContent th{
		
	}
	.tableContent td{
		background-color:#fff;
	}
}
@media screen and (max-width:667px){/* i6 ~ i8 Landscape */

}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */

}
@media screen and (max-width:576px){
	/*-------------------------------------------
	hospital info buttons
	-------------------------------------------*/
	.hospitalInfoButtons{
		padding-bottom:60px;
		text-align:center;
	}
		.hospitalInfoButtons [type=button],
		.hospitalInfoButtons [type=submit]{
			width:100%;
			margin:0 0 8px;
		}
		.hospitalInfoButtons input[value="新增"],
		.hospitalInfoButtons input[value="登出"]{
			position:absolute;
			bottom:15px;
		}
		.hospitalInfoButtons input[value="新增"]{
			left:0;
			width:30%;
		}
		.hospitalInfoButtons input[value="登出"]{
			right:0;
			width:30%;
		}
}
@media screen and (max-width:440px){/* i16 Pro Max */
	.hospitalQuickLinks li{
		width:100%;
	}
	/*-------------------------------------------
	hospital Tabs
	-------------------------------------------*/
	.hospitalTabs li{
		width:100%;
		padding:2px 0;
	}
	/*-------------------------------------------
	hospital form
	-------------------------------------------*/
	.inputHospitalName,
	.inputAddr,
	.inputDepartment,
	.inputEmail{
		width:100%;
	}
	.colTimeYear{
		display:block;
		padding-left:5em;
	}
}
@media screen and (max-width:375px){/* i6 ~ iX */

}
@media screen and (max-width:360px){/* Xiaomi 2S */

}
@media screen and (max-width:320px){/* i5 */

}