@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/
.content_box{
	display: flex;
	flex-direction:column;
	row-gap:30px;
}
.supervisor{
	background: #f4f0ee;
	border-radius: 20px;
	padding: 30px;
	display: flex;
	align-items:center;
	gap:30px;
}
.supervisor .name{
	text-align: center;
	flex-shrink: 0;
}
.supervisor .name h1{
	color: #382b2c;
}
.supervisor .name .number{
	color: #8e826f;
}
.supervisor .info{
	border-left: 2px solid #382b2c;
	padding-left: 50px;
}
.supervisor .info .item{
	display: flex;
}
.supervisor .info .item .title{
	color: #8e826f;
	flex-shrink: 0;
}
/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

@media screen and (max-width: 999px) {

}
@media screen and (max-width: 1023px) {
}

/*iPhoe*/
@media screen and (max-width: 767px) {
}