@charset "utf-8";
/* CSS Document */

/* --------------------
	shop/bace/index.css
------------------------ */

			
/* -- base
---------------------------------------------------------- */

#backBody{
	}

#headContainer #header{
	height:110px;
	}
#headContainer #headerBg{
	height:70px;
	opacity:0.7;
	}
#headContainer #breadcrumbs{
	display:none;
	}

#mainContainer{
	}
	#mainContainer #sideArea{
		display:none;
		}
	#mainContainer #contentsArea{
		width:1000px;
		margin:-20px -5px 20px -5px;
		}

#bnArea{
	display:block;
	}


/* -- #contentsArea ------------------------ */

#mainCntents{
	padding-top:350px;
	}
	#mainCntents .boxshadow{
		overflow:hidden;
		}
	#mainCntents .pickUp span,
	#mainCntents .new span{
		position:absolute;
		margin:-5px;
		}

#contentsArea{
	padding-bottom:100px;
	}

.boxshadow{
	box-shadow: 0 0 3px #888888;
	float:left;
	margin:5px;
	}


.camp{
	float:left;
	width:230px;
	height:230px;
	overflow: hidden; 
	position: relative;
	border:#FFF solid 5px;
	}
	.camp a{
		display:block;
		}
	.camp h3 img{
		width:230px;
		height:230px;
		}
		
	.camp .ovb{
		width:230px;
		display:block;
		height:240px;
		top:200px;
		background:#efefef;
		color:#333;
		float: left; 
		position: absolute; 
		opacity:0.9;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		}
		
		
	.camp dl{
		margin-top:-4px;
		padding:0px 0px 0px 0px;
		}
	.camp dt{
		color:#00519e;
		font-weight:bold;
		padding:10px 10px 10px 12px;
		}
	.camp dd{
/*		display:none; */
		border-top:#aaa 2px solid;
		margin:-6px 5px 5px 10px;
		padding:10px 0px 10px 0px;
		font-size:95%;
		line-height:160%;
		}

	.camp dd img{
		display:inline;
		padding:4px;
		float:left;
	}

.reg{
	float:left;
	width:230px;
	height:90px;
	overflow: hidden; 
	position: relative;
	border:#FFF solid 5px;
	}
	.reg a{
		display:block;
		}/*
		.reg a:hover{
			opacity:0.75;
			filter:alpha(opacity=75);
			-ms-filter:"alpha(opacity=75)"; 
			-khtml-opacity:.75; 
			-moz-opacity:.75; 
			}
			*/
	.reg h4{
		display:table-cell;
		vertical-align:middle;
		height:90px;
		padding-left:95px;
		font-size:105%;
		line-height:130%;
		}
	.reg small{
		display:block;
		}
	.reg p{
		margin-top:-90px;
		}
	.reg img{
		width:90px;
		height:90px;
		}

	.reg .ovbs{
		display:block;
		font-size:10px;
		width:140px;
		height:90px;
		top:90px;
		left:90px;
		background:#eeeeee;
		color:#333;
		float: left; 
		position: absolute; 
		opacity:0.8;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}
		
		
	.reg .ovbs dt{
		color:#00519e;
		font-weight:bold;
		padding:6px 4px 6px 6px;
		line-height:120%;
		}
	.reg .ovbs dd{
/*		display:none; */
		border-top:#888 1px solid;
		margin:-4px 5px 5px 6px;
		padding:4px 4px 4px 0px;
		font-size:95%;
		line-height:150%;
		}

.ban{
	float:left;
	width:480px;
	height:90px;
	border:#FFF solid 5px;
	text-align:center;
	}
	.ban a{
		display:block;
		background:url(../commonImg/outLink_s1.png) right top no-repeat;
		}
	.ban a:hover{
		opacity:.7;
		}
	.ban img{
		width:auto;
		height:90px;
		}



.main{
	width:490px;
	height:490px;
	}
	.main h3 img{
		width:480px;
		height:480px;
		}
	.main span img{
		width:105px;
		height:105px;
		}
	.main dl{
		height:100px;
		margin-top:-100px;
		}
	.main dd{
		display:block;
		}

.news{
	padding:20px 10px;
	}
	.news h3{
		padding-bottom:5px;
		font-size:140%;
		border-bottom:3px solid #CCC;
		}
	.news dl{
		position:relative;
		overflow:hidden;
		border-bottom:1px dotted #ccc;
		}
	.news dt,
	.news dd{
		margin-top:-1px;
		padding:10px 0;
		border-top:1px dotted #ccc;
		}
	.news dt{
		clear:both;
		float:left;
		padding-right:10px;
		font-size:11px;
		}
	.news dd{
		}
	.news dd a{
		display:inline-block;
		padding-left:15px;
		background:url(../commonImg/point01.png) left 0.2em no-repeat;
		}
	.news span{
		display:block;
		float:right;
		width:5em;
		height:14px;
		margin:3px 0 0 5px;
		text-align:center;
		background:#08448a;
		color:#fff;
		border-radius:4px;
		font-size:10px;
		line-height:14px;
		overflow:hidden;
		}

.event{
	width:240px;
	height:240px;
	}
	.event h3{
		margin:10px 10px 10px 12px;
		padding-bottom:5px;
		font-size:140%;
		border-bottom:3px solid #CCC;
		}
	.event dl{
		padding:10px;
		margin-top:-10px;
		}
	.event dt{
		float:right;
		padding:0px 0px 5px 5px;
		}
	.event dd{
		font-size:95%;
		}
	.event img{
		width:100px;
		height:auto;
		}

.facebook{
	width:240px;
	height:240px;
	background:#36558f;
	}
	.facebook img{
		margin:3px;
		}

.more{
	float:right;
	}
	.more a{
		padding-left:10px;
		background:url(../commonImg/point02.png) left center no-repeat;
		}
		.more a:hover{
			opacity:0.75;
			filter:alpha(opacity=75); /* IE lt 8 */
			-ms-filter:"alpha(opacity=75)"; /* IE 8 */
			-khtml-opacity:.75; /* Safari 1.x */
			-moz-opacity:.75; /* FF lt 1.5, Netscape */
			}
			
/*     */


#mvPane{
/*	border:#ff0000 solid 3px;	*/
	display:block;
	height: 340px;
	width:100%;
	position:absolute;
	left:0px;
}
	#mvPane p{
		position:absolute;
		width:100%;
		height:340px;
		z-index:1;
		text-align:center;
		}
		#mvPane p img{
			width:30px;
			height:30px;
			margin:155px auto;
			}
		#mvPane a.noancher{
			cursor:default;
		}


#mvBlock{
/*	border:#00ff00 solid 3px;	*/
	display:block;
	width: 100%;
	height: 340px;
	padding-bottom:0px;
	overflow: hidden; 
	position:absolute;
	z-index:2;
}


	
#mvWrapper {
	width: 100%;
	height: 340px;
	align:center;
	overflow: hidden; 
	position: absolute;
}

#mvImages  {
	height: 340px;
}

#mvImages li {
	display: block;
	float: left;
	padding:0px;
	margin:0px;
}


#mvImages img{
	width:988px;
}


#prev, #next {
	background-color: rgba(245, 242, 232, 0.75);
	display: block;
	height: 340px;
	width: 50%;
	top: 0;
	position: absolute;
}
#prev:hover, #next:hover {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
}
#prev {
	left: -494px;
}
#next {
	right: -494px;
}
#pager {
	margin-left: -500px;
	position: absolute;
	left: 60%;
	bottom: 150px;
}
#pager a {
/*	border: 2px solid #fff;	*/
	border-radius: 10px;
	display:none;
/*	display: inline-block; */
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
}
#pager a:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
#pager a span {
	display: none;
}
#pager a.selected {
	background-color: #fff;
}

#thumWrapper{
	position: absolute;
	width:100%;
	display:block;
	float:left;
	height:10px;
	top:335px;
	overflow:visible;
	float:left;
}

#thumWrapper{
	position: absolute;
	width:100%;
	display:block;
/*	border: 1px solid #000fff;*/
	overflow:visible;
	text-align:center;
}

#thumPane{
	position: absolute;
	width:100%;
	height:66px;
	top:10px;
	background-color: rgba(255, 255, 255, 0.8);
	margin:0 auto;
	padding-top: 4px;
}
	
	#thumWrapper a{
		display:inline-block;
		padding:  1px 4px 0px 4px;
	}

	#thumWrapper a img{
		display:inline-block;
		overflow:hidden;
		border: 1px solid #dddddd;
	}
	

#shopMap{
	position:relative;
	}
	#shopMap p{
		position:absolute;
		top:485px;
		right:20px;
		}
	#shopMap a{
		padding:5px 15px 5px 10px;
		font-size:140%;
		}