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

header{position:fixed;}

/*=====================================
				大圖設定
=====================================*/

.wrapWork{
	position:relative;
	width:980px;
	height:100%;
	margin:0 auto;
/*	overflow:hidden;*/
}

.viewPort{
	position:relative;
	overflow:hidden;
	height:600px;
	margin:0 20px;
	border-bottom:none;
}

.viewPort img{
	position:absolute;
	height:100%;
	width:auto;
}

/*=====================================
				縮圖設定
=====================================*/

.thumbsMask{
	position:relative;
	margin:0px auto;
	width:900px;
	height:40px;
	overflow:hidden;
	z-index:99;
/*	display:none;*/
}

.thumbsBtn{
	margin:0px auto;
}

.thumbsBtn li{
	float:left;
	width:50px;
	height:40px;

	cursor:pointer;
	overflow:hidden;
}

.thumbsBtn li img{
	width:44px;
	height:34px;
	display:block;
	margin:3px;
	
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.thumbsBtn li.on{ background:#81D8D0; }
.thumbsBtn li.on img{		
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/*=====================================
				按鈕設定
=====================================*/

#controlPane{
	position:relative;
	margin:0 auto;
	width:64px;
	overflow:hidden;
}

.bnBox{
	float:left;
	width:24px;
	height:24px;
	padding:4px;
}



/*#idFull,
#idThumb,
#idStop,

#idNext{
	background:rgba(0,0,0,0.8);
}*/

#idPrev, #idNext{
	position:absolute;
	top:50%;
	margin-top:-12px;
	cursor:pointer;
	z-index:99;
	left:0px;
}

#idNext{
	left:auto;	
	right:0px;
}


#nextPage{
	position:absolute;
	right:0;
	top:8px;
	cursor:pointer;
	z-index:99;
}
#prevPage{
	position:absolute;
	left:0;
	top:8px;
	cursor:pointer;
	z-index:99;
}

/*=====================================
				others
=====================================*/

/*#display{
	position:relative;
}*/

#wrapThumb{
	position:relative;
	width:980px;
	margin:10px auto;
	display:block;
}

#name{
	margin-top:60px;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#81D8D0;
	color:#fff;
}