@media print, screen and (min-width:922px){
	.officialList{
		width:100%;
	}
	.officialBox{
		width:50%;
		padding:20px 0;
		float:left;
		margin:0;
		height:165px;
	}
	.officialBox img{
		width:23.5%;
		float:left;
	}
	.officialText2{
		width:55%;
		float:left;
		padding:0 20px;
		line-height:1.5;
		font-size:12px;
	}
	.officialName2{
		font-size:20px;
		line-height:2.0;
	}
	.career{
		color:#6eb92b;
		padding-top:10px;
		float:left;
		cursor: pointer;
	}
	.career i{
		padding-left:3px;
	}
	.career:hover{
		text-decoration: underline;
	}
	.officialList h4{
		color:#6eb92b;
		font-size:12px;
		padding:40px 0 5px;
		margin:0;
		border-bottom: 1px dotted #e5e5e5;
		clear:both;
	}
	.officialText{
		width:100%;
		float:left;
		font-size:12px;
		padding:10px 0;
		margin:0;
		border-bottom: 1px dotted #e5e5e5;
	}
	.officialText dt{
		line-height:1.8;
		font-weight: normal;
		float:left;
		width:166px;
	}
	.officialText dd{
		line-height:1.8;
		font-weight: normal;
		float:left;
		padding-left:25px;
		border-left:1px solid #e5e5e5;
	}
	.officialName{
		width:140px;
	}
	.careerInner{
		display:none;
	}
	.careerInnerText{
		position: fixed;
		z-index:1000;
		background-color: #000000;
		background-color:rgba(0,0,0,0.85);
		width:60%;
		max-height: 350px;		
		left:20%;
		top:25%;
		color:#ffffff;
		padding:20px 1% 1%;
		font-size:12px;
		line-height:2.0;
		overflow-y: scroll;
	}
	.careerInnerText p{
		z-index:1000;
		position: relative;
	}
	.careerInnerText dl{
		margin-bottom:10px;
	}
	.careerInnerText dt{
		font-weight:normal;
		float:left;
		padding-right:15px;
	}
	.careerInnerText dd{
		margin-left:90px;
	}
	.careerInnerBack{
		position: fixed;
		z-index:999;
		height:100%;
		width:100%;
		background:#ffffff;
		opacity:0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
		top:0;
		left:0;
	}
	.careerClose{
		font-size:20px;
		text-align:right;
		margin:0;
		cursor: pointer;
		position: fixed !important;
		right: 21%;
		top: 25%;
		z-index: 1001 !important;		
	}
}
@media only screen and (min-width:767px) and (max-width:992px) {
	.officialList{
		width:100%;
	}
	.officialBox{
		width:50%;
		padding:20px 0;
		float:left;
	}
	.officialBox img{
		width:50%;
		float:left;
	}
	.officialText2{
		width:50%;
		float:left;
		padding:0 20px;
		line-height:1.5;
		font-size:12px;
	}
	.officialName2{
		font-size:20px;
		line-height:2.0;
	}
	.career{
		color:#6eb92b;
		padding-top:10px;
		float:left;
		cursor: pointer;
	}
	.career i{
		padding-left:3px;
	}
	.career:hover{
		text-decoration: underline;
	}
	.officialList h4{
		color:#6eb92b;
		font-size:12px;
		padding:40px 0 5px;
		margin:0;
		border-bottom: 1px dotted #e5e5e5;
		clear:both;
	}
	.officialText{
		width:100%;
		float:left;
		font-size:13px;
		padding:15px 0;
		margin:0;
		border-bottom: 1px dotted #e5e5e5;
	}
	.officialText dt{
		line-height:1.8;
		font-weight: normal;
		float:left;
		width:166px;
	}
	.officialText dd{
		line-height:1.8;
		font-weight: normal;
		float:left;
		padding-left:25px;
		border-left:1px solid #e5e5e5;
	}
	.officialName{
		width:140px;
	}
	.careerInner{
		display:none;
	}
	.careerInnerText{
		position: fixed;
		z-index:1000;
		background-color:rgba(0,0,0,0.70);
		width:80%;
		max-height: 350px;
		left:10%;
		top:20%;
		color:#ffffff;
		padding:20px 1% 1%;
		font-size:12px;
		line-height:2.0;
		overflow-y: scroll;		
	}
	.careerInnerText p{
		z-index:1000;
		position: relative;
	}
	.careerInnerText dl{
		margin-bottom:10px;
	}
	.careerInnerText dt{
		font-weight:normal;
		float:left;
		padding-right:15px;
	}
	.careerInnerBack{
		position: fixed;
		z-index:999;
		height:100%;
		width:100%;
		background:#ffffff;
		opacity:0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
		top:0;
		left:0;
	}
	.careerClose{
		font-size:20px;
		text-align:right;
		margin:0;
		cursor: pointer;
		position: fixed !important;
		right: 11%;
		top: 20%;
		z-index: 1001 !important;
	}
}
@media only screen and (max-width: 767px) {
	.officialList{
		width:100%;
	}
	.officialBox{
		width:100%;
		padding:20px 0;
		float:left;
	}
	.officialBox img{
		width:23.5%;
		float:left;
	}
	.officialText2{
		width:55%;
		float:left;
		padding:0 10px;
		line-height:1.5;
		font-size:12px;
	}
	.officialName2{
		font-size:20px;
		line-height:2.0;
	}
	.career{
		color:#6eb92b;
		padding-top:10px;
		float:left;
		cursor: pointer;
	}
	.career i{
		padding-left:3px;
	}
	.career:hover{
		text-decoration: underline;
	}
	.officialList h4{
		color:#6eb92b;
		font-size:12px;
		padding:40px 0 5px;
		margin:0;
		border-bottom: 1px dotted #e5e5e5;
		clear:both;
	}
	.officialText{
		width:100%;
		float:left;
		font-size:13px;
		padding:15px 0;
		margin:0;
		border-bottom: 1px dotted #e5e5e5;
	}
	.officialText dt{
		line-height:1.8;
		font-weight: normal;
		float:left;
		width:50%;
	}
	.officialText dd{
		line-height:1.8;
		font-weight: normal;
		float:left;
	}
	.managerial{
		padding-top:15px;
	}
	.officialName{
		width:50%;
		border-left:1px solid #e5e5e5;
		padding:0 0 0 25px;
	}
	.careerInner{
		display:none;
	}
	.careerInnerText{
		position: fixed;
		z-index:1000;
		background-color:rgba(0,0,0,0.85);
		width:95%;
		height:75%;
		left:2.5%;
		top:15%;
		color:#ffffff;
		padding:0 1% 1%;
		font-size:12px;
		line-height:2.0;
		overflow-y: scroll;
	}
	.careerInnerText p{
		z-index:1000;
		position: relative;
		width:92%;
		margin:20px auto 0;
	}
	.careerInnerText dl{
		z-index:9999;
		width:92%;
		margin:0 auto 20px;
		position: relative;
	}
	.careerInnerText dt{
		font-weight:normal;
		width:100%;
		margin-bottom:5px;
	}
	.careerInnerText dd{
		width:100%;
	}
	.careerInnerBack{
		position: fixed;
		z-index:999;
		height:100%;
		width:100%;
		background:#ffffff;
		opacity:0;
		filter: alpha(opacity=0);
		-moz-opacity:0;
		top:0;
		left:0;
	}
	.careerClose{
		font-size:20px;
		padding: 20px !important;
		width:20px !important;
		z-index: 10001 !important;
		text-align:right;
		margin:-20px 0 0 0!important;
		cursor: pointer;
		position: fixed !important;
		top:15%;
		right: 20px;
	}
}