@charset "UTF-8";
/* CSS Document */

.label {
	font-size:16px;
	font-weight:bold;
  position: relative;
  display: inline-block;
  padding: 1px 15px 0 30px;
  color: #fff;
/*  border-radius: 100vh 0 0 100vh;*/
  border-radius: 0 100vh 100vh 0;
/*  background: #fa4141;*/
  background-image: linear-gradient(90deg, #00b4db, #003980);
/*  background-image: linear-gradient(90deg, #00b4db, #0083b0);*/

/* background: linear-gradient(to right, #1a2980, #26d0ce);*/
/*background: linear-gradient(to right, #1a2980 2%, #00b4db 40%);*/
 	z-index:10;
	top:180px;
}

.label:before {
  position: absolute;
  top: calc(50% - 4px);
  left: 10px;
  width: 10px;
  height: 10px;
  content: '';
  border-radius: 50%;
  background: #fff;
}

.label + div{
	position:relative;
	bottom:30px;
	z-index:1;
}


.catalog_thumbnail a:hover .mask {
  opacity: 1;
  padding-top: 85px;
}

.addlabel {
	  position: relative;
		bottom:40px;
}



.forlabelmargin{
	margin-top:-35px!important;
}






/*bnr*/
@media screen and (min-width: 961px){

	.bnr_beshide{
		width:939px!important;
		margin: -10px auto 30px;
	}

	.bnr_beshide:hover{
		opacity: 0.8;
		transition: 0.3s;
	}



	#bnr_top_area{
		width:871px!important;
		margin: 0 auto 50px;
		display:flex;
		justify-content:space-between;
	}

	#bnr_top_area figure:nth-child(1){
		margin-left:-5px;
	}

	#bnr_top_area figure:nth-child(2){
		margin-right:10px;
	}


	#bnr_top_area figure:hover{
		opacity: 0.8;
		transition: 0.3s;
	}




}

@media screen and (max-width: 960px){
	.bnr_beshide{
		width:96%!important;
		margin: 0 auto 30px;
	}
	.bnr_beshide:hover{
		opacity: 0.8;
		transition: 0.3s;
	}


	#bnr_top_area{
		width:90%!important;
		margin: 0 auto 30px;
		display:block;
	}
	#bnr_top_area figure:hover{
		opacity: 0.8;
		transition: 0.3s;
	}

	#bnr_top_area figure{
		display:block;
		margin-bottom:20px;
	}



}