/* reapmenu */
.respmenu>.menuBtn {
	position:absolute; top:20px; right:15px;
	border:2px solid rgba(255,255,255,0.7); border-radius:10px;
	color:rgba(255,255,255,0.7); font-size:250%; padding:5px 7px; 
}
.respmenu>.menuBtn:hover { cursor:pointer; color:#fff; border-color:#fff; }

.respmenu>.menuList { display:none;}
.respmenu>.menuList .btn { display: block; border-radius:0; margin-left: 0; font-size:150%; padding:10px 0 0 0; }

.respmenu .btn-text { color:#fff; padding-bottom:10px; }
/*.respmenu .btn-text-sub { display:none; }*/
.respmenu .btn { margin: 0; }
.respmenu .btn-text-sub {
	display: block; border-top:1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.2);
	padding: 10px 0;
}

/* menutop */
.menutop { position: fixed; top:137px; left:0; width:100%; z-index:1; }
.index .menutop { position: relative; top:0; }
.menutop +div { margin-top: 70px; }
@media (max-width:767px) {
.xresp.menutop + div { margin-top: 0px; }
}
.menutop .btn { border-radius: 0 0 10px 10px!important; vertical-align: top; }
.menutop .btn-text { color:#fff; }
.menutop .btn-text-sub { display: none;  }
/*.menutop .active>.btn-text-sub { display: block;  }*/
/*.menutop .active { padding-top:20px; }*/
.menutop .btn:hover>div>.btn-text-sub { display: block;  }

@media (max-width:1336px) {
	.menutop .btn { letter-spacing: 6px;text-indent:6px;  padding:5px 11px; }
	.menutop .btn+.btn { margin-left: 5px; }
}
@media (max-width:1079px) {
	.menutop .btn { letter-spacing: 5px;text-indent:5px; padding:4px 10px;font-size:90%; }
	.menutop .btn+.btn { margin-left: 5px; }
}
@media (max-width:912px) {
	.menutop .btn { letter-spacing: 1px;text-indent:1px; padding:3px 0px; font-size:90%; }
	.menutop .btn+.btn { margin-left: 5px; }
}

@media (max-width:834px) {
	.menutop .btn { letter-spacing: 1px;text-indent:1px; padding:3px 0px; font-size:90%; min-width:90px; }
	.menutop .btn+.btn { margin-left: 3px; }
}