@charset "utf-8";
/* CSS Document */
.black {
	position:relative;
	font-size: 1.5rem;
	color: #7b756d;
	padding: 2rem 0 0 0;
	margin: 3px;
	text-align: center;
	display: none;
	font-weight:300;
	top:2rem;
	}
.black2 {
	position:relative;
	font-size:1.5rem;
	padding:2rem 0 0 0;
	margin:3px;
	text-align:center;
	top:2rem;
}
.black2 a {
	position:relative;
	min-width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin:2px;
	color:#798399;
	text-decoration:none;
	border: 1px solid #90a2c7;
	display:inline-block;
	overflow:hidden;
	}
.black2 a:hover{
	border:1px solid #60b4bd; 
	color:#60b4bd;
	}
.black2 a:active{}
.black2 .current{
	background-color:#ab905b;
	border:1px solid #ab905b; 
	color:#fdfaf5;
	}
.black2 .current:hover{color:#fdfaf5;border:1px solid #ab905b;}
.black2 .disabled {opacity:.6;pointer-events: none;}
.black2 .disabled span{opacity:.35;}
.black2 a.disabled:hover{border: 1px solid #90a2c7;/*#798399*/}
.black2 .disabled:hover span.plf,.black2 .disabled:hover span.pri{background-image:url(../images/expand1.svg);}
.black2 .disabled:hover span.plf2,.black2 .disabled:hover span.pri2{background-image:url(../images/expand2.svg);}
.black2 .plf,.black2 .plf2{
	position:relative;
	width:40px;
	height:40px;
	display:block;
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-size: 24px auto;
	opacity:.8;		
	}
.black2 .plf{background-image:url(../images/expand1.svg);}
.black2 .plf2{background-image:url(../images/expand2.svg);}
.black2 .pri,.black2 .pri2{
	position:relative;
	width:40px;
	height:40px;
	display:block;
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-size: 24px auto;
	opacity:.8;
	/**/
	transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	}
.black2 .pri{background-image:url(../images/expand1.svg);}
.black2 .pri2{background-image:url(../images/expand2.svg);}
.black2 a:hover .plf,.black2 a:hover .pri{
	background-image:url(../images/expand1a.svg);
	}
.black2 a:hover .plf2,.black2 a:hover .pri2{
	background-image:url(../images/expand2a.svg);
	}

	
@media only screen and (max-width:900px){
/**/
}
@media only screen and (max-width:780px){
/**/
.black2 {
	font-size:1.2rem;
	/*padding:20px 0 0 0;*/
	margin:3px;
	top: 0;
	}
.black2 a {
	min-width:30px;
	height:30px;
	line-height:30px;
	margin:1px;}
.black2 .disabled {min-width:30px;margin:1px;}
.black2 .plf,.black2 .plf2,.black2 .pri,.black2 .pri2{width:30px;height:30px;background-size: 20px auto;}
	
}
@media only screen and (max-width:550px){
/**/
.black2 {/*display:none;*/margin:2px;}
.black2 a {
	min-width:25px;
	height:25px;
	line-height:25px;
	margin:1px;}
.black2 .disabled {min-width:25px;margin:1px;}
.black2 .plf,.black2 .plf2,.black2 .pri,.black2 .pri2{width:25px;height:25px;background-size: 18px auto;}
.black {
	font-size:1.3rem;
	/*padding:20px 0 0 0;*/
	margin:3px;
	display:block;
	}
}
@media only screen and (max-width:350px){
/**/


}