@charset "UTF-8";
/*
 performance_title
----------------------------------------------------------- */

.performance_top_font {
	text-align:center;
	padding: 140px 0 0 0 ;
	font-weight: bolder;
	font-size: 23px;
	line-height: 130%;
}


.performance_top_font p {
	font-size: 30px;
		color: #007BC1;
		line-height: 135%;
		margin: 0 0 20px 0 ;
}

.performance_title {
	text-align:center;
	padding: 0 0 0 0 ;
	margin: -630px 0 0 0 ;
}

/*
 performance_bg
----------------------------------------------------------- */

.performance_bg {
	width:1024px;
	height:404px;
	background-color:#FFF100;
	margin: 300px auto 0 auto;
	
}

/*
 performance
----------------------------------------------------------- */

#performance01 {
	margin: 0 0 -10px 0 ;
}


.performance-in {
	text-align: center;
	width: 830px;
	margin: -10px auto 100px auto;
}

.performance-item {
	width: 250px;
	float: left;
}

.performance_link {
	margin: 0 7.5px 10px 7.5px;
}

.performance_link-in img {
	margin: 0 0 0 28px ;
	padding: 0 0 0 0 ;
	border: 1px solid #3E3A39 ;
	width: auto
}



.performance-img {
	width: 235px;
	height: 293px;
	background-color: #DA3A14;
	padding: 7px 0 0 0;
	margin: 0 0 0 20px;
}
.performance-img p {
	margin: 22px 0 0 0;
	color: #FFF;
	font-size: 11.5pt;
	line-height: 140%;
	letter-spacing: 2px;
}
.round {
	position: absolute;
	text-align: left;
	margin: -20px 0 0 0;
}

.performance_link-in img:hover {
	opacity: 0.8 ;
}

/*
performance p
----------------------------------------------------------- */
.performance_p {
	width: 100%;
	display: flex;
}
.performance_p img {
	width: 100%
}



 @media screen and (max-width:1280px) {
#performance {
	width: 1000px;
}
.border-performance {
	width: 1000px;
}
}
 @media screen and (max-width:1024px) {
#performance {
	width: 1024px;
}
}



/*
 performance_introduction
----------------------------------------------------------- */

.performance_introduction {
	text-align:center;
	margin: -480px 0 0 0 ;
			font-weight: bolder;
				font-size: 20px;
				line-height: 140%;
}

.performance_introduction_title {

	font-size: 30px;
			color: #C9CACA;
			margin: 0 0 10px 0
}
.performance_introduction-img {
	text-align:center;
	margin: 10px 0 30px 0 ;
}

.performance_introduction-font {
	margin: 0px 0 70px 0 ;
}
.performance_introduction-b {
	background-color: #007BC1;
	height: 625px;
}

.performance_introduction-g {
	background-color: #F1F1F1;
	height: 625px;
}

 @media screen and (max-width:750px) {
/*
 performance_title
----------------------------------------------------------- */

.performance_top_font {
	width:750px;
	font-size: 25px;
	line-height: 130%;
	background-color:#fff;
}

.performance_top_font p {
	font-size: 30px;
		color: #007BC1;
		line-height: 135%;
		margin: 0 0 20px 0 ;
}

.performance_title {
	text-align:center;
	padding: 0 0 0 0 ;
	margin: -630px 0 0 0 ;
}

/*
 performance_bg
----------------------------------------------------------- */

.performance_bg {
	width:750px;
	height:404px;
	background-color:#FFF100;
	margin: 300px auto 0 auto;
	
}


/*
 performance
----------------------------------------------------------- */

#performance01 {
	margin: 0 0 -10px 0 ;
}


.performance-in {
	text-align: center;
	width: 650px;
	margin: -10px auto 100px auto;
}

.performance-item {
	width: 300px;
	float: left;
	margin: 0 12.5px 35px 12.5px;
}

.performance_link-in img {
	margin: 0 0 0 9px ;
	padding: 0 0 0 0 ;
	border: 1px solid #3E3A39 ;
	width: auto
}

.performance-img {
	width: 300px;
	height: 374px;
	background-color: #DA3A14;
	padding: 7px 0 0 0;
	margin: 0 0 0 0px;
}
.performance-img img {
	width: 280px;
		padding: 0px 0 0 7.5px;
}

.performance-img p {
	font-size: 22px;
	padding: 2px 0 0 0;
}
.round {
	position: absolute;
	text-align: left;
	margin: -20px 0 0 -15px;
	width: 100px;
}
.round img{
	width: 100px;
}
.performance_link-in img:hover {
	opacity: 0.8 ;
}




/*
 performance_introduction
----------------------------------------------------------- */

.performance_introduction {
	text-align:center;
	margin: -480px 0 0 0 ;
			font-weight: bolder;
		font-size: 25px;
		line-height:140%;
}

.performance_introduction_title {

	font-size: 30px;
			color: #C9CACA;
			margin: 0 0 10px 0
}
.performance_introduction-img {
	text-align:center;
	margin: 10px 0 30px 0 ;
}

.performance_introduction-font {
	margin: 0px 0 70px 0 ;

}
.performance_introduction-b {
	background-color: #007BC1;
	height: 625px;
}

.performance_introduction-g {
	background-color: #F1F1F1;
	height: 625px;
}

/*
performance p
----------------------------------------------------------- */
.performance_p {
	width: auto;
	display: inline;

}
.performance_p p {
	float: left;
}

.performance_p img {
	width: 250px
}



	 }