@charset "utf-8";

#slide{
	width:100%;
	position:relative;
	line-height: 0;
}
#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:2.5%;
	z-index:300;
}
#tList li{
	margin-left:4px;
	margin-right:4px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width:12px;
	height:12px;
	background-color:#CCC;
}
#tList li.cr{
	background-color:#000;
}

#tList li:hover{
	cursor:pointer;
}
.arrow{
	position:absolute;
	width:10%;
	height:100%;
	z-index:99;
	top:0px;
	display:table;
}
.arrow p{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size:40px;
	font-weight:bold;
}
#prev{	left:0px;}
#next{	right:0px;}
#prev img{	margin-left:10px;}
#next img{	float:right;	margin-right:10px;}
@media only screen and (max-width:750px){

}