/* Column */
#column  {border: 1px solid #e0e0e0;border-left:none;border-right:none;width:100%;padding:1% 0;margin:8px 0 8px;display:flex;flex-wrap: wrap;}
#column a {color:#333;}
#column a:hover{color:#CE991E;text-decoration: none;}
/*#column .topline {width:100%;display:block;border-top: 1px solid #e0e0e0;margin: 15px auto;}*/
#column .column_title {vertical-align: middle;color: #FFFFFF;background-color: #E1AB2D;border-radius: 8px 0px 0px 8px;border-right: #E6E6E6 solid 8px;width:14%;padding: 14% 0 0;}
.column_page{width:85%;}

#column .column_title_big {display:block;color:#FFFFFF;}
.teacher_group,.teach_photo,.teach_intro{display: inline-table;vertical-align: top;}
.teacher_group ul{margin: 0 10px 0 0;}
.teacher_group li{font-size: 0.9em;line-height: 20px;color:#565656;}
.teacher_group > .cell-grid-3 + .cell-grid-9 >ul li:nth-child(1){font-size: 1.10em;color: black;
font-family: 'Noto Sans TC', sans-serif;font-weight: 500;}
.teach_photo{width:8%;}
.teach_intro{width:68%;text-align:left;margin-left:1%;}
.teach_title:before{content:'|';margin-right:3%;}
.teach_content{color:#656565;}
@media all and (min-width: 1px) and (max-width: 1200px){
.column_title{float:left;}
#column .column_title{width:100%;border:0;border-radius:0;height:auto;margin:2% auto;text-align: center;}	
.teacher_group{width:100%;margin:1% auto;}
.teacher_group,.teach_photo,.teach_intro{vertical-align:middle;}
#column .column_title_big{display:inline-block;}
}

/*#column .title_bg_gr {
	background-color: #E6E6E6;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 2px;
	color: #E6E6E6;
	font-size: 12.5px;
	line-height: 15px;
	height: 172px;
	_height: 205px;
}
#column li {
	list-style-type:none;
}
#column a img {
	border:none;
	vertical-align:middle;
}
#column a {
	color:#333333;
	font-size:13px;
	font-weight: bold;
}
#column a:hover{
	color:#CE991E;
	text-decoration: none;
}
#column .info {
	font-size:13px;
	color:#666666;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 20px;
	padding-top: 6px;
	float: left;
}
#column .info img {
	margin-bottom: 3px;
	float: left;
	margin-top:-10px;
	_margin-top:-5px;
	margin-right:0px;
}

#column .info .img2 {
	display:inline-block;
	clear:both;
	margin-top:0px;
}
#column .coltitle{
}

#column .div_title {
	float: left;
	width: 6px;
	height: 2em;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#column .info p {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 60%;


}

#column .on {
	display:block;
}
*/