/** 
  * NEW: #10620 chartlet  by LiQian  2020-04-23 
  */
.char-w282-h150:hover .photo { box-shadow: 0 2px 15px rgba(0,0,0, .1); }
/* char-w282-h150 */
.char-w282-h150 { position: relative; width: 282px; height: 150px; }
	.char-w282-h150 .photo {
		overflow: hidden;
		height: 150px;
	}
.char-w282-h150 .photo img { transition: all .2s linear; transform: scale(1); transform-origin: right bottom; }
.char-w282-h150 .lawyer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; padding: 13px 65px 20px 20px; }
.char-w282-h150 .lawyer .tit {  line-height: 30px; height: 30px; overflow: hidden; }
.char-w282-h150 .lawyer .tit .name { font-size: 22px; display: inline-block; vertical-align: middle; max-width: 134px; height: 30px; overflow: hidden; }
.char-w282-h150 .lawyer .tit .post { font-size: 12px; margin-left: 5px; display: inline-block; vertical-align: middle; }
.char-w282-h150 .lawyer .skill { 
    overflow: hidden; height: 36px; line-height: 36px; color: #fff; margin: 10px 20px 0 0;
    padding: 0 10px; border-radius: 4px; background-color: rgba(0,0,0, .1);
    background: linear-gradient(to right, rgba(0,0,0, .1) 50%, rgba(0, 0, 0, 0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
}
.char-w282-h150 .lawyer .tel { height: 22px; overflow: hidden;  margin-top: 10px; }
.char-w282-h150 .lawyer .tel .iconfont { font-size: 13px; margin: -2px 8px 0 0; }
.char-w282-h150 .lawyer .tel .din-b { font-size: 16px; }
.char-w282-h150 .btn { position: absolute; left: 20px; bottom: 5px; z-index: 2; width: 80px; height: 24px; line-height: 24px; opacity: 0; filter:alpha(opacity=0); }
.char-w282-h150 .lawyer,
.char-w282-h150 .lawyer .skill,
.char-w282-h150 .btn { transition: all .2s linear; }
.char-w282-h150:hover .photo img { transform: scale(1.02); }
.char-w282-h150:hover .lawyer { padding-top: 8px; }
.char-w282-h150:hover .lawyer .skill { margin-top: 5px; }
.char-w282-h150:hover .btn { bottom: 10px; opacity: 1; filter:alpha(opacity=100); }
	/**/
.char-w282-h150 .char-no { position: relative; display: block; height: 150px; color: #bbb; font-weight: 300; }
.char-w282-h150 .char-no .char-txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; padding: 20px; }
.char-w282-h150 .char-no .char-txt .tit { font-size: 18px;  } 
.char-w282-h150 .char-no .char-txt .tx { margin-top: 7px; }
.char-w282-h150 .char-no .char-txt .line { width: 20px; height: 1px; background-color: #d9d9d9; margin: 14px 0 12px; }
.char-w282-h150 .char-no .char-txt .url { font-size: 12px; }

/* char-w282-h310 */
.char-w282-h310 { position: relative; width: 282px; height: 310px; }
.char-w282-h310 .photo { display: block; height: 180px; overflow: hidden; }
.char-w282-h310 .photo img { transition: all .2s linear; transform: scale(1); }
.char-w282-h310 .lawyer { 
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
	height: 130px; padding-top: 15px; box-sizing: border-box; text-align: center;
	background-color: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0, .1); 
}
.char-w282-h310 .lawyer .tit {  line-height: 30px; height: 30px; overflow: hidden; }
.char-w282-h310 .lawyer .tit .name { font-size: 22px; }
.char-w282-h310 .lawyer .tit .post { font-size: 12px; margin-left: 5px; }
.char-w282-h310 .lawyer .skill { overflow: hidden; height: 22px; margin-top: 10px; }
.char-w282-h310 .lawyer .tel { height: 22px; overflow: hidden;  margin-top: 10px; }
.char-w282-h310 .lawyer .tel .iconfont { margin: -2px 8px 0 0; }
.char-w282-h310 .lawyer .tel .din-b { font-size: 18px; }
.char-w282-h310 .btn { 
	position: absolute; left: 50%; bottom: 5px; z-index: 2; margin-left: -60px;
	width: 120px; height: 32px; line-height: 32px; opacity: 0; filter:alpha(opacity=0); 
}
.char-w282-h310 .lawyer, 
.char-w282-h310 .btn { transition: all .2s linear; }
.char-w282-h310:hover .photo img { transform: scale(1.02); }
.char-w282-h310:hover .lawyer { height: 180px; }
.char-w282-h310:hover .btn { bottom: 20px; opacity: 1; filter:alpha(opacity=100); }
	/**/
.char-w282-h310 .char-no { position: relative; display: block; height: 310px; color: #bbb; }
.char-w282-h310:hover .char-no .photo img { transform: scale(1); }
.char-w282-h310 .char-no .char-txt { 
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; 
	height: 130px; padding: 22px 20px; box-sizing: border-box; text-align: center; font-weight: 300;
	background-color: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0, .1); 
}
.char-w282-h310 .char-no .char-txt .tit { font-size: 18px; } 
.char-w282-h310 .char-no .char-txt .tx {  margin: 10px 0 ; }
.char-w282-h310 .char-no .char-txt .tel { font-size: 18px; }
.char-w282-h310 .char-no .tel .iconfont { margin: -2px 8px 0 0; }

/* char-w384-h338 */
.char-w384-h338 { display: block; position: relative; width: 384px; height: 338px; }
.char-w384-h338 .lawyer .photo { height: 180px; overflow: hidden; }
.char-w384-h338 .lawyer .photo img { transition: all .2s linear; transform: scale(1); }
.char-w384-h338 .lawyer { display: block; position: relative; }
.char-w384-h338 .lawyer .tag { 
	position: absolute; left: 10px; top: 10px; z-index: 5;
	padding: 0 12px; height: 24px; border-radius: 12px; line-height: 24px; font-size: 12px; color: #f8f8f8; 
	background-color: rgba(0,0,0, .2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
}
.char-w384-h338 .char-txt { height: 158px; padding: 18px 20px; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0, .05); }
.char-w384-h338 .char-txt .tit { line-height: 24px; height: 24px; overflow: hidden; }
.char-w384-h338 .char-txt .tit .name { font-size: 22px; }
.char-w384-h338 .char-txt .tit .post { font-size: 12px; color: #bbb; margin-left: 5px; }
.char-w384-h338 .char-txt .help { height: 22px; overflow: hidden; font-size: 12px; color: #bbb; margin-top: 8px; }
.char-w384-h338 .char-txt .help em { color: #333; font-style: normal; }
.char-w384-h338 .char-txt .txt { height: 22px; overflow: hidden; color: #999; margin-top: 5px; }
.char-w384-h338 .char-txt .tel {  height: 22px; overflow: hidden; margin-top: 15px; }
.char-w384-h338 .char-txt .tel .iconfont { font-size: 14px; margin: -4px 6px 0 0; }
.char-w384-h338 .char-txt .tel .num { font-size: 18px; }
.char-w384-h338 .btn { 
	position: absolute; right: 20px; bottom: 17px; z-index: 2; transition: all .2s ease-in-out;
	width: 104px; height: 28px; line-height: 28px; background-color: #fef0f0; color: #ec3b3b; 
}
.char-w384-h338:hover .lawyer .photo img { transform: scale(1.02); }
.char-w384-h338:hover .btn { background-color: #ec3b3b; color: #ffff; }
	/**/
.char-w384-h338 .char-no { position: relative; display: block; height: 310px; color: #bbb; }
.char-w384-h338 .char-no .char-txt { 
	height: 158px; padding: 19px 20px; box-sizing: border-box; font-weight: 300;
	background-color: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0, .05); 
}
.char-w384-h338 .char-no .char-txt .tit { font-size: 22px; } 
.char-w384-h338 .char-no .char-txt .tx {  margin: 10px 0 ; }
.char-w384-h338 .char-no .char-txt .line { width: 24px; height: 2px; background-color: #d9d9d9; margin: 15px 0 20px; }
.char-w384-h338 .char-no .char-txt .tel { font-size: 18px; }
.char-w384-h338 .char-no .tel .iconfont { margin: -2px 8px 0 0; }

/* char-w588-h230 */
.char-w588-h230 { display: block; position: relative; width: 588px; height: 230px; }
.char-w588-h230 .photo { display: block; width: 588px; height: 230px; overflow: hidden; box-shadow: 0 15px 20px rgba(0,0,0,.03); } 
.char-w588-h230 .magnify .photo { transition: all .2s linear; transform: scale(1); transform-origin: right bottom; }
.char-w588-h230 .tag { 
	position: absolute; top: 0; left: 0; font-style: normal; padding: 0 15px 0 17px; 
	font-size: 12px; color: #fff; background: #ef5858; background: linear-gradient(90deg, rgba(236,59,59,.7) 0%,rgba(239,88,88,.7) 100%); border-bottom-right-radius: 16px; 
}
.char-w588-h230 .lawyer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 38px 200px 0 40px; cursor: pointer; }
.char-w588-h230 .lawyer .name { line-height: 28px; height: 28px; overflow: hidden; }
.char-w588-h230 .lawyer .name b { font-size: 24px; color: #333; }
.char-w588-h230 .lawyer .name span { font-size: 14px; color: #999; line-height: 16px; margin-top: 12px; margin-left: 10px; }
.char-w588-h230 .lawyer .data { margin-top: 15px; font-size: 12px; color: #999; height: 14px; line-height: 14px; overflow: hidden; }
.char-w588-h230 .lawyer .data em { color: #ef5858 !important; font-style: normal; margin: 0 3px; }
.char-w588-h230 .lawyer .desc { margin-top: 17px; font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden; }
.char-w588-h230 .lawyer .tel { margin-top: 20px; font-size: 18px; color: #333; }
.char-w588-h230 .lawyer .tel .icon-phone-o { font-size: 15px; margin-right: 10px; }
.char-w588-h230 .btn { position: absolute; z-index: 2; bottom: 33px; left: 206px; padding: 0 24px; height: 28px; line-height: 28px; border-radius: 14px; font-size: 14px; visibility: hidden; opacity: 0; transition: all .3s linear; }
.char-w588-h230:hover .btn { visibility: visible; opacity: 1; }
.char-w588-h230:hover .magnify .photo { transform: scale(1.02); }
.char-w588-h230 .no-con { position: absolute; top: 60px; left: 40px; }
.char-w588-h230 .no-con .txt-a { font-size: 24px; color: #999; line-height: 28px; }
.char-w588-h230 .no-con .txt-b { font-size: 18px; color: #999;  margin-top: 17px;}
.char-w588-h230 .no-con .txt-c { margin-top: 16px; font-size: 12px; color: #bbb; }
.char-w588-h230 .no-con .line { display: block; margin-top: 20px; width: 20px; height: 2px; background-color: #d9d9d9; }
.char-w588-h230 .link { display: block; height: 230px; cursor: pointer; }

/* char-w384-h220 */
.char-w384-h220 { width: 384px; height: 220px; position: relative; }
.char-w384-h220 .photo { height: 220px; overflow: hidden; }
.char-w384-h220 .photo img { transition: all .2s linear; transform: scale(1); transform-origin: right bottom; }
.char-w384-h220 .lawyer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 25px 150px 25px 30px; }
.char-w384-h220 .lawyer .tit { line-height: 28px; height: 28px; overflow: hidden; }
.char-w384-h220 .lawyer .tit .name { font-size: 22px; }
.char-w384-h220 .lawyer .tit .post { font-size: 12px; margin-left: 10px; }
.char-w384-h220 .lawyer .txt { height: 44px; overflow: hidden; margin-top: 10px; transition: all .2s ease-in-out; }
.char-w384-h220 .lawyer .line { width: 16px; height: 2px; background-color: #ef5858; margin: 20px 0 25px; transition: all .2s ease-in-out; }
.char-w384-h220 .lawyer .tel { height: 22px; overflow: hidden; }
.char-w384-h220 .lawyer .tel .iconfont { font-size: 15px; margin-right: 8px; }
.char-w384-h220 .lawyer .tel .num { font-size: 18px; }
.char-w384-h220 .btn { 
	position: absolute; left: 30px; bottom: 20px; z-index: 2; transition: all .2s ease-in-out;
	width: 104px; height: 28px; line-height: 28px; opacity: 0; filter:alpha(opacity=0); 
}
.char-w384-h220:hover .photo img { transform: scale(1.02); }
.char-w384-h220:hover .lawyer .txt { margin-top: 5px; }
.char-w384-h220:hover .lawyer .line { margin: 13px 0; }
.char-w384-h220:hover .btn { opacity: 1; filter:alpha(opacity=100); }
	/**/
.char-w384-h220 .char-no { position: relative; display: block; height: 220px; color: #bbb; font-weight: 300; }
.char-w384-h220 .char-no .char-txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; padding: 40px; }
.char-w384-h220 .char-no .char-txt .tit { font-size: 18px;  } 
.char-w384-h220 .char-no .char-txt .tx { margin-top: 13px; }
.char-w384-h220 .char-no .char-txt .line { width: 20px; height: 2px; background-color: #d9d9d9; margin: 14px 0 12px; }
.char-w384-h220 .char-no .char-txt .url { font-size: 12px; }

/* char-w282-314 */
.char-w282-314 { position: relative; width: 282px; height: 314px; }
.char-w282-314 .lawyer { position: relative; display: block; 
	height: 314px; padding: 200px 20px 0; box-sizing: border-box; text-align: center;
	background-color: #fff; box-shadow: 0 5px 35px 0 rgba(0,0,0, .03); 
}
.char-w282-314 .lawyer .photo { position: absolute; left: 31px; top: -40px; right: 31px; height: 220px; overflow: hidden; border-radius: 4px; }
.char-w282-314 .lawyer .photo img { transition: all .2s linear; transform: scale(1);  }
.char-w282-314 .lawyer .tit { height: 30px; overflow: hidden; line-height: 30px; }
.char-w282-314 .lawyer .tit .name { font-size: 22px; }
.char-w282-314 .lawyer .txt { height: 22px; overflow: hidden; margin: 5px 0 10px; }
.char-w282-314 .tel { height: 22px; overflow: hidden; opacity: 1; filter:alpha(opacity=100); visibility: visible; transition: all .2s ease-in-out;  }
.char-w282-314 .tel .iconfont { font-size: 15px; margin-right: 8px; }
.char-w282-314 .tel .num { font-size: 18px; }
.char-w282-314 .btn { 
	position: absolute; left: 50%; bottom: 20px; width: 140px; margin-left: -70px; 
	opacity: 0; filter:alpha(opacity=0); visibility: hidden; transition: all .2s ease-in-out; 
}
.char-w282-314:hover .lawyer .photo img { transform: scale(1.02); }
.char-w282-314:hover .lawyer .tel { opacity: 0; filter:alpha(opacity=0); visibility: hidden; }
.char-w282-314:hover .btn { opacity: 1; filter:alpha(opacity=100); visibility: visible; }
	/**/
.char-w282-314 .char-no { position: relative; display: block; height: 220px; color: #bbb; font-weight: 300; }
.char-w282-314 .char-no .photo { position: absolute; left: 31px; top: -40px; right: 31px; height: 220px; overflow: hidden; border-radius: 4px; }
.char-w282-314 .char-no .char-txt { height: 314px; box-sizing: border-box; padding: 198px 20px 0; text-align: center; background-color: #fff; box-shadow: 0 5px 35px 0 rgba(0,0,0, .03); }
.char-w282-314 .char-no .char-txt .tit { font-size: 18px; } 
.char-w282-314 .char-no .char-txt .tx,
.char-w282-314 .char-no .char-txt .tel { margin-top: 10px; }

/* char-w384-h220b */
.char-w384-h220b { width: 384px; height: 220px; position: relative; box-shadow: 0 15px 20px rgba(0,0,0,.03); }
.char-w384-h220b .photo { display: block; width: 384px; height: 220px; transition: all .2s linear; transform: scale(1); transform-origin: right bottom; }
.char-w384-h220b .lawyer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 25px 150px 0 25px; cursor: pointer; }
.char-w384-h220b .lawyer .tit { line-height: 30px; height: 30px; overflow: hidden; }
.char-w384-h220b .lawyer .tit .name { font-size: 22px; color: #333; }
.char-w384-h220b .lawyer .tit .post { color: #999; margin-left: 5px; }
.char-w384-h220b .lawyer .tag { height: 20px; margin-top: 8px; }
.char-w384-h220b .lawyer .tag span { float: left; padding: 0 8px; height: 20px; overflow: hidden; background-color:#ef5858; background-color: rgba(239,88,88,.7); border-radius: 4px; font-size: 12px; color: #fff; line-height: 20px; }
.char-w384-h220b .lawyer .desc { height: 48px; overflow: hidden; color: #999; line-height: 24px; margin-top: 13px; }
.char-w384-h220b .lawyer .tel { font-size: 16px; color: #333; line-height: 24px; white-space: nowrap; height: 24px; overflow: hidden; margin-top: 18px; transition: all .3s linear; }
.char-w384-h220b .lawyer .iconfont { font-size: 14px; color: #333; margin-right: 5px; }
.char-w384-h220b .btn { 
    position: absolute; left: 25px; bottom: 20px; visibility: hidden; opacity: 0;
    width: 84px; height: 24px; border-radius: 12px; font-size: 12px; line-height: 24px; 
    transition: all .3s linear;
}
.char-w384-h220b:hover .magnify .photo { transform: scale(1.02); }
.char-w384-h220b:hover .lawyer .tel { margin-top: 2px; }
.char-w384-h220b:hover .btn { visibility: visible; opacity: 1; }
.char-w384-h220b .no-con { position: absolute; top: 38px; left: 40px; }
.char-w384-h220b .no-con .txt-a { font-size: 18px; color: #bbb; line-height: 22px; }
.char-w384-h220b .no-con .txt-b { font-size: 14px; color: #bbb;  margin-top: 12px;}
.char-w384-h220b .no-con .txt-c { margin-top: 12px; font-size: 12px; color: #bbb; }
.char-w384-h220b .no-con .line { display: block; margin-top: 16px; width: 20px; height: 2px; background-color: #d9d9d9; }
.char-w384-h220b .link { display: block; height: 220px; cursor: pointer; }

/* char-w282-h355 */
.char-w282-h355 { position: relative; width: 282px; height: 355px;  }
.char-w282-h355 .lawyer { 
	display: block; height: 355px; background-color: #fff; box-shadow: 0 5px 35px 0 rgba(0,0,0, .03);
	padding: 175px 20px 0; box-sizing: border-box; position: relative; text-align: center; 
}
.char-w282-h355 .lawyer .photo { position: absolute; left: 21px; top: -80px; right: 21px; height: 240px; border-radius: 4px; overflow: hidden; }
.char-w282-h355 .lawyer .photo img { transition: all .2s linear; transform: scale(1);  }
.char-w282-h355 .lawyer .tit { height: 30px; overflow: hidden; line-height: 30px; }
.char-w282-h355 .lawyer .tit .name { font-size:24px; }
.char-w282-h355 .lawyer .post { margin-top: 11px; }
.char-w282-h355 .lawyer .post span { color: #666; position: relative; z-index: 2; }
.char-w282-h355 .lawyer .post span:after { position: absolute; left: -10px; right: -10px; bottom: 0; z-index: -1; content: ''; height: 10px; background-color: #e8e8e8; }
.char-w282-h355 .lawyer .txt { height: 44px; overflow: hidden; margin: 12px 0 10px; }
.char-w282-h355 .tel { height: 22px; overflow: hidden; opacity: 1; filter:alpha(opacity=100); visibility: visible; transition: all .2s ease-in-out;  }
.char-w282-h355 .tel .iconfont { font-size: 15px; margin-right: 8px; }
.char-w282-h355 .tel .num { font-size: 18px; }
.char-w282-h355 .btn { 
	position: absolute; left: 50%; bottom: 20px; width: 140px; margin-left: -70px; 
	opacity: 0; filter:alpha(opacity=0); visibility: hidden; transition: all .2s ease-in-out; 
}
.char-w282-h355:hover .lawyer .photo img { transform: scale(1.02); }
.char-w282-h355:hover .lawyer .tel { opacity: 0; filter:alpha(opacity=0); visibility: hidden; }
.char-w282-h355:hover .btn { opacity: 1; filter:alpha(opacity=100); visibility: visible; }
	/**/
.char-w282-h355 .char-no { position: relative; display: block; height: 220px; color: #bbb; font-weight: 300; }
.char-w282-h355 .char-no .photo { position: absolute; left: 21px; top: -80px; right: 21px; height: 240px; overflow: hidden; border-radius: 4px; }
.char-w282-h355 .char-no .char-txt { padding: 180px 20px 0; text-align: center; height: 355px; box-sizing: border-box; background-color: #fff; box-shadow: 0 5px 35px 0 rgba(0,0,0, .03); }
.char-w282-h355 .char-no .char-txt .tit { font-size: 20px; } 
.char-w282-h355 .char-no .char-txt .tx { margin-top: 12px; }
.char-w282-h355 .char-no .char-txt .line { width: 32px; height: 2px; background-color: #e8e8e8; margin: 30px auto 38px; }
.char-w282-h355 .char-no .char-txt .tel { font-size: 18px; }

/* char-w220-h356 */
.char-w220-h356 { width: 220px; height: 356px; position: relative; }
.char-w220-h356 .photo { display: block; height: 220px; overflow: hidden; border-radius: 4px 4px 0 0; }
.char-w220-h356 .photo img { transition: all .2s linear; transform: scale(1); }
.char-w220-h356 .lawyer { 
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 1;
	height: 136px; padding: 15px 15px 0; box-sizing: border-box; text-align: center;
	background-color: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0, .1); 
}
.char-w220-h356 .lawyer .tit { line-height: 30px; height: 30px; overflow: hidden; }
.char-w220-h356 .lawyer .tit .name { font-size: 22px; }
.char-w220-h356 .lawyer .tit .post { font-size: 12px; margin-left: 5px; }
.char-w220-h356 .lawyer .skill { font-size: 12px; overflow: hidden; height: 22px; margin-top: 10px; }
.char-w220-h356 .lawyer .tel { height: 22px; overflow: hidden;  margin-top: 10px; }
.char-w220-h356 .lawyer .tel .iconfont { margin: -2px 8px 0 0; }
.char-w220-h356 .lawyer .tel .din-b { font-size: 18px; }
.char-w220-h356 .btn { 
	position: absolute; left: 50%; bottom: 5px; z-index: 2; margin-left: -60px;
	width: 120px; height: 32px; line-height: 32px; opacity: 0; filter:alpha(opacity=0); 
}
.char-w220-h356 .lawyer, 
.char-w220-h356 .btn { transition: all .2s linear; }
.char-w220-h356:hover .photo img { transform: scale(1.02); }
.char-w220-h356:hover .lawyer { height: 178px; }
.char-w220-h356:hover .btn { bottom: 20px; opacity: 1; filter:alpha(opacity=100); }
	/**/
.char-w220-h356 .char-no { position: relative; display: block; height: 356px; color: #bbb; }
.char-w220-h356 .char-no .char-txt { 
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; 
	height: 136px; padding: 22px 0; box-sizing: border-box; text-align: center; font-weight: 300;
	background-color: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0, .1); 
}
.char-w220-h356 .char-no .char-txt .tit { font-size: 18px; } 
.char-w220-h356 .char-no .char-txt .tx { font-size: 12px; margin: 12px 0 8px; }
.char-w220-h356 .char-no .char-txt .tel { font-size: 18px; }
.char-w220-h356 .char-no .tel .iconfont { margin: -2px 8px 0 0; }


/* hover box-shadow */
.char-w282-h150:hover .photo,
.char-w588-h230:hover .magnify,
.char-w282-h310:hover .lawyer,
.char-w384-h338:hover .lawyer,
.char-w384-h220:hover .photo,
.char-w282-314:hover .lawyer,
.char-w384-h220b:hover .magnify,
.char-w282-h355:hover .lawyer,
.char-w220-h356:hover .lawyer { box-shadow: 0 5px 15px rgba(0,0,0, .1); }