/* 卡片 */
.card-pool {
	overflow: auto;
	font-size: 12pt;
	width: 100%;
	background-color: white; 
	
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.card-pool-detail {
	overflow: auto;
	font-size: 12pt;
	width: 100%;
}

/* 老師名稱 */
h1.card-title {
	color: rgb(0, 85, 100);
	margin-top: 10px;
	margin-bottom: 0px;
}

/* 老師職稱 */
h4.card-title {
	color: rgb(0, 120, 141);
	/*color: white;*/
	margin-bottom: 20px;
}

/* 其他資訊 */
.card-detail{
	color: black;
}

/* 圖片 */
.thumbnail{
	padding: 0 10px 0 0;
	float: left;
	width: 240px;
	height: 250px;
}

.thumbnail img{
	height:100%;
	width: 100%;
	object-fit: cover;
	display: block;
}

.faculty{
	width: 100%;
	word-break: break-word;
	/* background-image: url(/wp-content/uploads/2020/09/0613中央大學物理系小年會-389-2.jpg);*/
}

.article-header{
	text-overflow: ellipsis;
	border-radius: 5px;
	padding: 0 0 20px 0;
	margin-top: 50px;
}

.column-left {
	float: left;
	width: 50%;
	padding-right: 50px;
}

.column-left-2 {
	margin-top: -125px;
}

.column-right {
	float: left;
	width: 50%;
	padding-left: 50px;
	margin-top: 125px;
}

.column-right-2 {
	margin-top: 0px;
}

.article-header-detail{
	margin: 0 auto;
	text-overflow: ellipsis;
	border-radius: 5px;
	width: 100%;
	padding: 30px 5px 20px 5px;
}

.single-title a:hover {
	color: #fff;
}

.single-title a:visited {
	color: #fada5e;
}

.card-pool a:hover{
	opacity: 0.7;
}

.faculty-content{
	padding: 10px 10px 0 10px;
}

.thumbnail-stretch img{
	object-fit: fill!important;
}

.caption{
	color: #018b98;
	text-align: right;
	font-size: 11pt;
}

.title{
	float: left;
	color: #018b98;
}

.val{
	margin-left: 73px;
}

.val2{
	margin-left: 105px;
	text-overflow: ellipsis;
}

.twoslot{
	display: flex;
	flex-wrap: wrap;
}

.slot{
	float: left;
	flex: 0 50%;
	width: 100%;
}

.bar{
	background-color: #f1f1f1;
	width: fit-content;
	margin: auto;
	text-align: center;
}

.bar-item{
	padding: 10px 20px;
    width: auto;
    border: none;
    display: inline-block;
	outline: 0;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
	cursor: pointer;
	font-size: 15pt;
	border-radius: 0;
}

.bar-item:hover{
	background-color: #667;
}

.bar-item-active{
	color: #fff!important;
    background-color: #616161!important;
}

.card-detail-title-1{
	display: none;
}

@media screen and (max-width: 1100px) {
	.card-email {display: none;}
	.thumbnail {
		width: 200px;
		height: 210px;
	}
	.column-left {padding-right: 10px;}
	.column-right {padding-left: 10px;}
}

@media screen and (max-width: 768px) {
	.card-email {display: none;}
	.faculty {display: block;}
	.column-left {
		width: 100%;
		padding: 0;
	}
	.column-left-2 {
		margin-top: 0;
	}
	.column-right {
		width: 100%;
		margin-top: 0;
		padding: 0;
	}
	.thumbnail {
		width: 200px;
		height: 210px;
	}
	.twoslot {display: block;}
	.slot {flex: 1;}

	.card-detail-title-1 {display: block;}
	.card-detail-title-2 {display: none;}
	.card-pool-detail .thumbnail {width: 100%; margin-bottom: 10px; float: left; height: 250px;}
	.card-pool-detail img {width: 240px;}
}