@charset "utf-8";

/*------------------------------------------------



   /organization/index


------------------------------------------------*/
.ci_bg .photo{
	background:url(../../imges/organization/ci_bg.jpg) center center no-repeat;
	background-size:100%;
	text-indent:-9999px;
}

ul.officer{
	padding:0;
	margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.officer li{
	width:25%;
	padding:0;
	margin:0;
	float:left;
}
ul.officer li:after,ul.officer li:before{
	display:none;
}
.of{
	border:1px solid #e8e8e8;
	margin:0 5px 5px;
	padding:5px;
}
.of_title{
	font-size:14px;
	text-align:center;
	line-height:120%;
	color:#1B3F7F;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:5px;
	margin-bottom:5px;
	min-height:30px;
}
.of_photo{
	text-align:center;
	margin-bottom:5px;
}
.of_photo img{
	width:90%;
	vertical-align:bottom;
}
.of_name{
	text-align:center;
	font-size:18px;
	line-height:100%;
	margin-bottom:5px;
}
.of_affiliation{
	text-align:center;
	font-size:14px;
	line-height:100%;
}
@media screen and (max-width: 480px) {
ul.officer li{
	width:50%;
}
.of_title{
	font-size:70%;
}
.of_name{
	font-size:90%;
}
.of_affiliation{
	font-size:70%;
}