.warpper-line-blue .head-title .text-head img {
    margin-top: -13px;
}

.bg-white{ background: #fff; padding: 18px; margin: 32px auto 0;}
.bg-white .title-search{ color: #0279ff; font-size: 18px; border: 3px solid #0279ff; padding: 8px; font-weight: bold;}

.content-tab{ margin: 24px auto;}
.content-tab .tabs { list-style: none; text-align: left; width: 980px; margin:0 auto 30px; font-size: 0;}
.content-tab .tabs li { color:#fff; display: inline-block; width: 50%; padding: 10px 0; text-align: center; cursor: pointer; font-weight: bold; font-size: 22px; background: #d9e0e2; position: relative;}
.content-tab .tabs li i{display: block; font-size:80px; color: #FFF; bottom:-25px; position: absolute; text-align: center; width: 100%; line-height: 20pt;}
.content-tab .tabs li:hover{ background: #b7bdbf; color: #000}
.content-tab .tabs li.current { background: #28a6ff; color: #fff;}
.content-tab .tabs li.tab-yellow.current { background: #fcc400;}
.content-tab .tab-pane { display: none; margin: 0 auto; width: 980px;}
.content-tab .tab-pane.current { display: block;}
.content-tab .tab-yellow.current i{color: #fcc400 !important; bottom: -20px !important;}
.content-tab  .current i{color: #28a6ff !important; bottom: -20px !important;}
.content-tab .tab-contents{ padding: 12px; background:url(../images/pattern-line.png); margin: 0 0 -36px;  font-weight: normal; border-top: 3px solid #28A6FF;}

.staff-info{background: #FFF; padding:20px; margin: 0 0 20px}
.staff-info  figure, .staff-info >div{display: inline-block; vertical-align: top; font-size: 0; position: relative;}

.staff-info figure{width: 29%; overflow: hidden;} 
.staff-info figure >img{width:100%;}
.staff-info figure div{position: absolute; top: 0; left: 0; font-size: 12px;}
.staff-info figure div span{display: block; top: 15px; position: absolute; text-align: center; width: 110px;}

.staff-info >div{ width: 70%;}
.staff-info >div h2{font-size: 40px; background:url(../images/bg-border.png)0 bottom repeat-x; padding: 0 0 5px; margin: 0 0 10px;}
.staff-info >div h2 small{ font-size:18px;}
/* .staff-info >div h2 strong:last-child{font-size: 18px} */
.staff-info >div div{font-size: 12px; border-bottom: 1px solid #000; padding: 5px 0;}
.staff-info >div div strong,.staff-info >div div span{width: 48%; display:inline-block; vertical-align: top; padding: 0 2% 0 0;}
.staff-info >div div:nth-of-type(1) strong,.staff-info >div div:nth-of-type(1) span{width: 23%;}
.staff-info p{font-size: 12px; padding: 15px 0 0;}
.staff-info p strong{display: block; padding:10px 0;}
.staff-info .text-black{ margin: 0 -10px; }

.staff-blue >div strong{color: #006ee6;}
.staff-pink >div strong{color: #e6123f;}
.staff-yellow >div strong{color: #fb5a03;}

.ribbon-color{ border-bottom: 0 !important; width:123px; position: relative; display: inline-block; top:-10px;}
.ribbon-color span{position: absolute; display:block !important; width:85% !important; text-align: center; top:18px; left: 0;}

.line-footer{ background:url(../images/curve-top.png); height: 36px; width: 100%; border-bottom: 25px solid #FFF; position: relative; top: 22px;}

@media(max-width:980px){
.content-tab .tabs{width: 100%; padding: 0 1%;}
.content-tab .tabs li{font-size: 16px;}
.staff-info figure{width:48%;}
.staff-info >div{width:50%;}
.content-tab .tab-pane{width: 100%;}
.staff-info >div h2 small{display: block; width: 100%;}
.staff-info >div h2 strong:last-child{display: block;}
}

@media(max-width:480px){
	.staff-info figure, .staff-info >div{width:100%;}
	.staff-info figure{margin: 0 0 20px;}
	.staff-info >div div:nth-of-type(1) strong,.staff-info >div div:nth-of-type(1) span{width: 100%; padding: 0;}
	.staff-info >div div strong,.staff-info >div div span{width: 100%; padding: 0;}
	.staff-info >div div span{background: #EEE; padding: 5px 0;}
	.staff-info > div div{padding: 5px 0 0;}
	.ribbon-color span{background: none !important;}

}