.banner .banner-content{
	top:5%;
	width:100%;
	text-align:center;
}

.banner .banner-content .head{
	display:inline-block;
	padding:1px;
	background-color:#FFFFFF;
	cursor:pointer;
}

.modal-body img{
	display: block;
	max-width: 100%;
	height: auto;
}

.banner .follow-content{
	position:absolute;
	top:2%;
	right:1%;
}

.banner .banner-content .head img{
	max-width:320px;
	max-height:320px;
}
.helper-language .content, .helper-main-skill .content{
	padding:10px;
	padding-top:5px;
}
.helper-main-skill{
	border-left:1px solid #DDDDDD;
}
.helper-language span{
	display:inline-block;
	width:145px;
	height:29px;
	background-image:url("../images/skill_pink.png");
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:20px;
	padding-top:3px;
}

.helper-language .content .title, .helper-main-skill .content .title{
	font-size:1.1em;
	font-weight:bolder;
	margin-bottom:10px;
}

.helper-main-skill span{
	display:inline-block;
	width:145px;
	height:29px;
	background-image:url("/static/upload/image/20231031/1698717290382710.png");
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:20px;
	padding-top:3px;
}

.info-pink{
	border-top:2px solid #d3004a;
	background-color:#FFFFFF;
	padding-bottom:15px;
	border-bottom:2px solid #DDDDDD; 
	margin-bottom:20px;
}

.bottom-pink{
	border-bottom:2px solid #d3004a !important;
}

.info-pink .title{
	color:#d3004a;
	font-weight:bolder;
}

.info-pink .info1-item .inner, .info-blue .info2-item .inner{
	padding:20px;
}

.info1-item+.info1-item, .info2-item+.info2-item{
	border-left:1px solid #DDDDDD;
}


.info-blue, .header-skill{
	border-top:2px solid #0ba29a;
	background-color:#FFFFFF;
	padding-bottom:15px;
	border-bottom:2px solid #DDDDDD; 
	margin-bottom:20px;
}

.info-blue .title{
	color:#0ba29a;
	font-weight:bolder;
}

.helper-about{
	border-bottom:1px solid #DDDDDD;
}

.helper-about .title{
	color:#d3004a;
	font-size:20px;
	margin-bottom:10px;
	font-weight:bolder;
}
.helper-about  p{
	line-height:30px;
	font-weight:bolder;
}
.helper-other-skill .title{
	font-size:20px;
	padding:5px;
	color:#FFFFFF;
	background-color:#d3004a;
	text-align:center;
}
.helper-skill-row{
	border-radius:10px;
	border-bottom:2px solid #DDDDDD;
}

.helper-other-skill+.helper-other-skill{
	border-left:1px solid #CCCCCC;
}

.helper-other-skill .rating{
	padding:5px;
	background-color:#333333;
	text-align:center;
}

.helper-other-skill .content{
	background-color:#FFFFFF;
	padding:10px 30px;
	min-height:180px;
	font-weight:bolder;
}

.zodiac{
	width:33px;
	height:33x;
	background-image:url(../images/zodiac.png);
	background-size:67px 467px;
	background-repeat:no-repeat;
    line-height: 29px;
}

.zodiac-Rat{background-position: 0px 0px;}
.zodiac-Ox{background-position: 0px -40px;}
.zodiac-Tiger{background-position: 0px -79px;}
.zodiac-Rabbit{background-position: 0px -118px;}
.zodiac-Dragon{background-position: 0px -158px;}
.zodiac-Snake{background-position: 0px -198px;}
.zodiac-Horse{background-position: 0px -238px;}
.zodiac-Goat{background-position: 0px -278px;}
.zodiac-Monkey{background-position: 0px -318px;}
.zodiac-Rooster{background-position: 0px -358px;}
.zodiac-Dog{background-position: 0px -399px;}
.zodiac-Pig{background-position: 0px -438px;}

.zodiac-Aries{background-position: -40px 0px;}
.zodiac-Taurus{background-position: -40px -40px;}
.zodiac-Gemini{background-position: -40px -79px;}
.zodiac-Cancer{background-position: -40px -118px;}
.zodiac-Leo{background-position: -40px -158px;}
.zodiac-Virgo{background-position: -40px -198px;}
.zodiac-Libra{background-position: -40px -238px;}
.zodiac-Scorpio{background-position: -40px -278px;}
.zodiac-Sagittarius{background-position: -40px -318px;}
.zodiac-Capricorn{background-position: -40px -358px;}
.zodiac-Aquarius{background-position: -40px -399px;}
.zodiac-Pisces{background-position: -40px -438px;}

@media (max-width: 1200px){
	.banner .banner-content .head img{
		max-width:250px;
		max-height:250px;
	}
}
@media (max-width: 992px){
	.banner .banner-content .head img{
		max-width:200px;
		max-height:200px;
	}
}
@media (max-width: 768px){
	.banner .banner-content .head img{
		max-width:150px;
		max-height:150px;
	}
	
	.helper-banner .content .inner table td.skill{
		width:126px;
	}
	.helper-language span, .helper-main-skill span{
		width:116px;
		height:23px;
		background-size:116px 23px;
		padding-top:1px;
		margin-bottom:15px;
	}
	
	.info-pink, .info-blue{
		border-top:none;
		border-bottom:none;
		background-color:transparent;
		color:#000000;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	.info-pink .info1-item .inner, .info-blue .info2-item .inner{
		padding:10px;
	}
	 .info-blue .title, .info-pink table tr td, .info-blue table tr td{
		color: #000000;
	}
	.info-pink,.info-pink .title{
		color: #000000;
	}
	.info1-item+.info1-item, .info2-item+.info2-item{
		border-left:none;
	}
	.helper-skill-row{
		border-radius:0px;
		border-bottom:none;
	}
	.helper-other-skill{
		margin-bottom:20px;
	}
	
}

@media (max-width: 576px){
	.banner .banner-content .head img{
		max-width:110px;
		max-height:110px;
	}
	
	.helper-language span, .helper-main-skill span{
		width:101px;
		height:20px;
		background-size:101px 20px;
		font-size:12px;
	}

}