@charset "utf-8";

#slide{
	width:100%;
	position:relative;
}
#back{
	position:relative;
	width:100%;
	z-index:1;
}
#front{
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	z-index:2;
}


#tList{
	position:absolute;
	left:50%;
	bottom:3.6%;
	bottom:2%;
	z-index:300;
}
#tList li{
	margin-left:8px;
	margin-right:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
	border-radius: 8px;
	width:16px;
	height:16px;
	background-color:rgba(0,0,0,0.8);
	float: left;
	border:2px solid #FFF;
}
#tList li.cr{
	background-color:#FFF;
}

#tList li:hover{
	cursor:pointer;
}
.arrow{
	position:absolute;
	max-width:45x;
	height:100%;
	z-index:99;
	top:0px;
	display:table;
	cursor:pointer;
}
.arrow p{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:40px;
	font-weight:bold;
}
.arrow p img{
	max-width:100%;
	width: 40px;
	/* height: 45px; */
}
*::-ms-backdrop, .arrow p,
*::-ms-backdrop, .arrow{
	display:block;
	height:100%;
	width:45px;
}
*::-ms-backdrop, .arrow p img{
	top:50%;
	position:absolute;
	left:0px;
	width:45px;
	height:45px;
}

_::-webkit-full-page-media, _:future, :root .arrow p,
_::-webkit-full-page-media, _:future, :root .arrow{
	display:block;
	height:100%;
	width:45px;
}
_::-webkit-full-page-media, _:future, :root .arrow p img{
	top:50%;
	position:absolute;
	left:0px;
	width:45px;
	height:45px;
}

#prev{
	left:0px;
}
#prev img{
	margin-left:0%;
}
#next{
	right:0px
}
#next img{
/* 	float:right; 
	margin-right:2%;*/
}
@media only screen and (max-width:750px){
.arrow{
	position:absolute;
	width:10%;
	width: 6%;
	height:100%;
	z-index:99;
	top:0px;
	display:table;
}

.arrow p{
	
	max-width: 100%;
}
.arrow p img{
	max-width: 100%;
}
#tList{
	bottom:4%;
	bottom:10.9%;
}
#tList li{
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	border-radius: 6px;
	width:12px;
	height:12px;
} /* */

}