@charset "utf-8";

#sub_greeting {overflow:hidden; width:100%; word-break:keep-all;}
#sub_greeting .img{float:left; width:15%; padding:0 3% 0 0;}
#sub_greeting .name{max-width:120px; padding:5px 0; text-align:center; font-size:110%;}
#sub_greeting .txt{float:left; width:82%; line-height:180%;}
#sub_greeting .tit{font-size:28px; color:#1f9998; line-height:130%; }
#sub_greeting .tit p{padding:0.5em 0 1em; font-size:90%; line-height:110%; color:#1f6199;}

#sub_work ul{min-height:250px; padding:8% 0 8% 10%;  box-sizing:border-box; background:#e7e4dc url(/images/committee/sub/bg_work.gif) no-repeat 100% 0;}
#sub_work ul li{margin:0 0 5px 0;}

.profile{float:left; width:435px; margin:0 0 36px 0; padding:20px 0 0 0; border:1px solid #d2d2d2;}
.profile.none{float:right;}
.profile dl{float:left; width:100%;}
.profile dt{float:left; width:119px; padding:0 0 1.3em 19px;}
.profile dt img{width:120px; height:145px;}
.profile dd{float:left; width:268px; min-height:195px; padding:0 0 0 25px;}
.profile dd .name{display:block; padding:0 0 8px 0; font-size:20px; font-weight:bold;}
.profile dd li{padding:0 0 2px 7px; line-height:135%; color:#5b5b5b;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li em{width:63px; white-space:pre;}
.profile dd li span{width:60%;}
.profile .btns{clear:both; overflow:hidden; width:100%; padding:10px 0 0 0;;}
.profile .btns a{float:left; width:82px; height:33px; margin:0 5px 0 0; line-height:33px; font-weight:bold; color:#fff; background:#909090; text-align:center; text-decoration:none;}
.profile .btns .end{width:104px; margin:0; background:#384a7a;}

@media all and (max-width:1200px) {
	.profile{width:48%; margin:0 0 2em 0;}
	.profile dt{width:38%; max-width:155px; padding:0 0 1em 0; text-align:center;}
	.profile dt img{width:90%; max-width:119px; height:auto;}
	.profile dd{width:62%; padding:0;}
	.profile dd ul{width:100%;}
	.profile dd ul li{width:97%;}
}
@media all and (max-width:768px) {
	#sub_greeting .tit{font-size:22px;}
	#sub_greeting .tit p{font-size:85%;}
	#sub_greeting .img{width:20%;}
	#sub_greeting .txt{width:75%;}

	#sub_work ul{min-height:200px; background-size:auto 200px;}

	.profile .btns a{width:72px; margin:0 2px 0 0;}
	.profile .btns .end{width:85px;}
}
@media all and (max-width:568px) {
	#sub_greeting .txt{float:none; width:100%;}
	#sub_greeting .tit{font-size:20px;}
	#sub_greeting .img{width:25%;}
	
	#sub_work ul{padding:25px 75px 25px 5%; min-height:150px; background-size:auto 150px;}

	.profile{overflow:hidden; width:99.5%; height:auto; margin:0 0 1.5em 0; padding:0.6em 0 0.8em;}
	.profile dd{min-height:0;}
	.profile .btns{padding:5px 0 0 0;}
}
@media all and (max-width:360px) {
	#sub_greeting .img{width:30%;}
}