@charset "utf-8";
/* CSS Document */
/*--------- slider ---------*/
#slide { height:400px; width:600px; position:relative; overflow:hidden; z-index:2}

.slider {
	width:600px;
	margin:0 auto;
	position:relative;
	z-index:2;
	-webkit-transition: all 0.5s ease-in-out;    
	-moz-transition: all 0.5s ease-in-out;    
	-ms-transition: all 0.5s ease-in-out;    
	-o-transition: all 0.5s ease-in-out;    
	transition: all 0.5s ease-in-out;
}


	
.items {
	display:none;
}

.pagination {
	position: absolute;
	top: 351px;
	left: 219px;
	display: inline-block;
	height: 20px;
	width: 140px;
	border: 1px solid #000;
	background: url(images/pagination-bg.gif) left top repeat-x;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 5px 0 0 20px;
	z-index: 60;
	}
	.pagination li {
		float:left;
		padding:0 3px 0 0;
		font-size:0;
		line-height:0;
		margin:0;
		color:#252525;
		background:none !important;
	}
		.pagination a {
			display:block;
			width:15px;
			height:15px;
			background:url(images/pagination-a-bg.gif) left 0px no-repeat;
			font-size:0;
			line-height:0;
			text-decoration:none;
		}
			.pagination li.current a {
				background:url(images/pagination-a-active.gif) left 0px no-repeat;
			}


.banner{
	width:260px;
	overflow:hidden;
	position:absolute;
	top:200px;
	color:#fff;
	right:0px;
	z-index:15;
	background:url(images/png.png) left top repeat;
	padding:0px;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
}
	.banner span {
		display:block;
		padding:20px;
	}

.progbar {
	background:#000;
	width:100%;
	height:2px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
}
.numStatus {
	display:block;
	width:45px;
	height:22px;
	background:url(images/pagination-bg.gif) left top repeat-x;
	position:absolute;
	z-index:15;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	top:351px;
	left:483px;
	padding:2px 0 0 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
/*-------- end slider -----------*/

/*----------- preset ---------*/
#option {
	font-family:Georgia, "Times New Roman", Times, serif;
}
#options input[type=text] {
	background:#CCC;
	width:50px;
	border:1px solid #000;
	text-align:center;
}
	#options span {
		display:inline-block;
		width:100px;
		font-size:14px;
		color:#000;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	#options select {
		font-size:14px;
		width:150px;
		color:#000;
		font-family:Georgia, "Times New Roman", Times, serif;
		background:#CCC;
		border:1px solid #000;
	}
		#options select option {
			background:#CCC;
		}

	.feedback {
  background-color : #31B0D5;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  border-color: #46b8da;
}