/*--------- slider ---------*/
#slide { position:relative; width: 100%; height: 50%; padding:0px 0px 0 0px; z-index:2; margin: 0 auto;}
.line-left {position:absolute; left:87px; top:-78px; background:#cedde1; width:1px; height:462px; z-index:111;}
.line-right {position:absolute; right:87px; top:-78px; background:#cedde1; width:1px; height:462px; z-index:111;}

.slider { margin:0 auto; position:relative; z-index:2; width:1400px; height:415px;}
.items { display:none;}

.pagination {
	position: absolute;
	bottom: 26px;
	left: 39%;
	display: inline-block;
	z-index: 10;
	padding: 5px 5px 5px 10px;
	border-radius: 7px;
}
.pagination li {float:left; margin: 0px 10px;}
.pagination a { display:block; width:16px; height:16px; background:url(../images/pagination.png) right 0 no-repeat; margin-right:4px; border-radius: 10px; box-shadow: 1px 2px 4px #000;}
.pagination li.current a, .pagination li:hover a { background-position: 0 0;}

.next {	
	position: absolute;
	bottom: 50%;
	right: 5%;
	width: 41px;
	height: 80px;
	background: url(../images/prev.png) 0 1px no-repeat;
	display: block;
	z-index: 999;
	opacity: 0.8;
}

.prev {
	position: absolute;
	bottom: 50%;
	left: 5%;
	width: 41px;
	height: 79px;
	background: url(../images/next.png) 0px 1px no-repeat;
	display: block;
	z-index: 999;
	opacity: 0.5;
}

.next:hover, .prev:hover {background-position:0 bottom;}

.banner-01 {
	background: url(../images/banner-001.png) 0 0 no-repeat;
	width: 312px;
	height: 190px;
	position: absolute;
	right: 120px;
	top: 90px;
}

.banner-02 {
	background: url(../images/banner-002.png) 120px 0 no-repeat;
	width: 428px;
	height: 300px;
	position: absolute;
	right: 120px;
	top: 60px;
}

.banner-03 {
	background: url(../images/banner-003.png) 0 0 no-repeat;
	width: 312px;
	height: 190px;
	position: absolute;
	right: 120px;
	top: 90px;
}
.banner-04 {
	background: url(../images/banner-004.png) 0 0 no-repeat;
	width: 312px;
	height: 190px;
	position: absolute;
	left: 120px;
	top: 90px;
}
.banner-05 {
	background: url(../images/banner-005.png) 0 0 no-repeat;
	width: 312px;
	height: 190px;
	position: absolute;
	right: 120px;
	top: 90px;
}
.banner-06 {
	background: url(../images/banner-006.png) 0 0 no-repeat;
	width: 312px;
	height: 190px;
	position: absolute;
	right: 120px;
	top: 90px;
}

.banner-07 {
	background: url(../images/banner-007.png) 0 0 no-repeat;
	width: 312px;
	height: 190px;
	position: absolute;
	left: 120px;
	top: 90px;
}

.banner-08 {
	background: url(../images/banner-008.png) 0 0 no-repeat;
	width: 312px;
	height: 300px;
	position: absolute;
	left: 120px;
	top: 50px;
}

.banner-09 {
	background: url(../images/banner-009.png) 0 0 no-repeat;
	width: 312px;
	height: 190px;
	position: absolute;
	left: 120px;
	top: 90px;
}

.banner{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner-box {width: 100%;position: relative;display: block;height: 100%;}

.banner-box p{	
	color: #fff;
	font-size: 18px;
	text-align: right;
	float: left;
	margin-bottom: 10px;
	text-shadow: 3px 2px 3px #000000;
	width: 100%;
	line-height: 18px;
	margin-top: 155px;
	padding-top: 15px;
	line-height: 20px;
	border-top: 1px solid #cdcdcd;
}

.banner-box a{
	float: left;
	text-shadow: 2px 1px 7px #000000;
	text-transform: uppercase;
}


.banner a.button-1{position: absolute;
bottom: 0;
right: 0px;}