@charset "UTF-8";
/************************************************
																	
nav
																		
************************************************/
/* slideNav */
#slideNav{
	z-index: 99;
	/*display:none;*/
}
#slideBtn {
    display: block;
}
#slideBtn {
    display: none;
}
#slideBtn .txt{
	color: #fff;
	font-size: 0.6em;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 8px;
	margin-left: -13px;
}
#slideBtn {
    display: inline-block;
    position: fixed;
    width: 50px;
    height: 50px;
		top: 0;
    right: 0;
    z-index: 20;
    cursor: pointer;
    background: #000;
}
#slideBtnIcon {
	display: block;
	position: absolute;
	top: 60%;
	left: 50%;
	width: 20px;
	height: 1px;
	margin: -1px 0 0 -10px;
	background: #fff;
	transition: .2s;
}
#slideBtnIcon:before, #slideBtnIcon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 1px;
	background: #fff;
	transition: .3s;
}
#slideBtnIcon:before {
 margin-top: -8px;
}
#slideBtnIcon:after {
 margin-top: 6px;
}
#slideBtn .close::before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#slideBtn .close::after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
#slideBtn .close{
	background: none;
}
#slideBtn .close:before, #slideBtn .close:after {
	margin-top: 0;
}
#slideWrap{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	background-color: rgba(2,2,2,0.88);
	background-repeat:repeat;
	text-align: center;
	overflow: auto;
	padding: 0;
	z-index: 10;
	height: 100%;
}
#slideWrap ul{
	margin-bottom: 20px;
	border-bottom: 1px solid #222;
}
#slideWrap li {
	border-top: 1px solid #222;
	float:none;
}
#slideWrap li img{
	padding-top: 5px;
	width: 200px;
	height: auto;
}
#slideWrap li:first-child {
	border-top: none;
}
#slideWrap li a{
	color: #fff;
	font-size: 1.6rem;
	line-height: 180%;
	padding: 10px 0;
	width: 100%;
	display:block;
	border-bottom: 1px solid #111;
	z-index: 99;
}
#slideWrap li a:hover {
	background: #333;
}
#slideWrap p{
	color: #fff !important;
}
@media all and (max-width: 816px) {
	#slideNav{		
		display: block;
	}
}