@charset "utf-8";

#lightbox {
	padding: 0px;/*右邊邊框設定*/
	text-align: center;
}

#lightboxCaption {
	color: #454545;
	padding: 0.6em;
	text-align: center;
	/*下面邊框設定+標題設定*/
}

#lightboxIndicator {/*border: 1px solid white;*/}

#lightboxOverallView,
#overlay {
	background-color: #efefef;/*f6f6f6*/
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
	/*背景黑幕設定*/
}
#lightbox #prevLink,
#lightbox #nextLink {
	cursor: pointer;
	top: 40%!important;
}
#lightbox #prevLink {left: 10%!important;}
#lightbox #nextLink {right: 10%!important;}
#lightbox #lightboxImage {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width:1200px){
	#lightbox #actionImage,
	#lightbox #closeButton {width: 3.8%;}
	#lightbox #prevLink,
	#lightbox #nextLink {width: 4%;}
	#lightboxCaption {font-size: 1.2em;}
}
@media (min-width: 991px) and (max-width: 1199px) {
	#lightbox #actionImage,
	#lightbox #closeButton {width: 5.5%;}
	#lightbox #prevLink,
	#lightbox #nextLink {width: 5.7%;}
	#lightboxCaption {font-size: 1.25em;}
}
@media screen and (max-width : 990px){
	#lightbox #actionImage,
	#lightbox #closeButton,
	#lightbox #prevLink,
	#lightbox #nextLink {width: 7%;}
	#lightboxCaption {font-size: 1.3em;}
}
@media (max-width:768px){
	#lightbox {right: 9%;}
	#lightboxCaption {font-size: 1.4em;}
}
@media (max-width:640px){
	#lightbox {right: 0px;}
	#lightbox #actionImage,
	#lightbox #closeButton,
	#lightbox #prevLink,
	#lightbox #nextLink {width: 12%;}
}