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

/*特效*/
#fancybox-loading {	position: fixed;	top: 50%;	left: 50%;	width: 40px;	height: 40px;	margin-top: -20px;	margin-left: -20px;	cursor: pointer;	overflow: hidden;	z-index: 9999999;	display: none;}
#fancybox-loading div {	position: absolute;	top: 0;	left: 0;	width: 40px;	height: 480px;	background-image: url(../images/fancybox.png);}
#fancybox-overlay {	position: fixed;	top: 0;	left: 0; width: 100%; z-index: 9999999; display: none; background-color:none; background: none;pointer-events: none;}
#fancybox-tmp {	padding: 0;	margin: 0;	border: 0;	overflow: auto;	display: none;}
#fancybox-wrap {	position: fixed;	top: inherit !important;	padding: 0px;	z-index: 9999999;	outline: none;	display: none; left:inherit !important; right:0px !important; bottom:0 !important;}
#fancybox-outer {	position: relative;	width: 100%;	height: 100%;}
#fancybox-content {	width: 0;	height: 0;	padding: 0;	outline: none;	position: relative;	overflow: hidden;	z-index: 1102;	border: 0px solid #fff;}
#fancybox-hide-sel-frame {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: transparent;	z-index: 1101;}
#fancybox-close {	position: absolute;	top: -16px;	left:-12px;	width: 40px;	height: 40px;	background: url(https://www.gemstw.com/lightbox/close_btn.png) no-repeat; background-size: 100%;	cursor: pointer;	z-index: 9999999;	display: none;}
#fancybox-error {	color: #444;	font: normal 12px/20px Arial;	padding: 14px;	margin: 0;}
#fancybox-img {	width: 100%;	height: 100%;	padding: 0;	margin: 0;	border: none;	outline: none;	line-height: 0;	vertical-align: top;}
#fancybox-frame {	width: 100%;	height: 100%;	border: none;	display: block;}
#fancybox-frame img{ width:100%; height:auto;}
#fancybox-left, #fancybox-right {	position: absolute; top:50%; margin:-25px 0 0 0;	height: 50px;	width: 50px;	cursor: pointer; outline: none;	z-index:9999999;	display: none; background:url(../images/main.png) no-repeat;}
#fancybox-left {	left: -100px; background-position:-556px -502px;}
#fancybox-left:hover { background-position:-616px -502px;}
#fancybox-right {	right: -100px;  background-position:-556px -442px;}
#fancybox-right:hover { background-position:-616px -442px;}
#fancybox-left-ico, #fancybox-right-ico {	position: absolute;	top: 50%;	width: 23px;	height: 57px;	margin-top: -15px;	cursor: pointer;	z-index: 9999999;	display: block;}
#fancybox-left-ico {background: url(../images/btn.png) no-repeat 0 0; left:-35px;}
#fancybox-right-ico {background: url(../images/btn.png) no-repeat -23px 0; right:-35px;}
#fancybox-left:hover, #fancybox-right:hover {	visibility: visible; /* IE6 */}
#fancybox-left:hover span{ left: -35px;}
#fancybox-right:hover span{ right: -35px;}
.fancybox-bg {	position: absolute;	padding: 0;	margin: 0;	border: 0;	width: 20px;	height: 20px;	z-index: 9999999;}
#fancybox-bg-n {	top: -20px;	left: 0;	width: 100%;}
#fancybox-bg-ne {	top: -20px;	right: -20px;}
#fancybox-bg-e {	top: 0;	right: -20px;	height: 100%; }
#fancybox-bg-se {	bottom: -20px;	right: -20px;}
#fancybox-bg-s {	bottom: -20px;	left: 0;	width: 100%;}
#fancybox-bg-sw {	bottom: -20px;	left: -20px; }
#fancybox-bg-w {	top: 0;	left: -20px;	height: 100%; }
#fancybox-bg-nw {	top: -20px;	left: -20px;}
#fancybox-title {	font-family: Helvetica;	font-size: 12px;	z-index: 9999999; font-size:18px; text-align:center; font-family:"微軟正黑體"; color:#ffefbf; letter-spacing:2px;}
.fancybox-title-inside {	padding-bottom: 10px;	text-align: center;	color: #333;	background: #fff;	position: relative;}
.fancybox-title-outside {	padding-top: 10px;	color: #fff;}
.fancybox-title-over {	position: absolute;	bottom: 0;	left: 0;	color: #FFF;	text-align: left;}
#fancybox-title-over {	padding: 10px;	background-image: url(../images/fancy_title_over.png);	display: block;}
.fancybox-title-float {	position: absolute;	left: 0;	bottom: -20px;	height: 32px;}
#fancybox-title-float-wrap {	border: none;	border-collapse: collapse;	width: auto;}
#fancybox-title-float-wrap td {	border: none;	white-space: nowrap;}
#fancybox-title-float-left {	padding: 0 0 0 15px;	background: url(../images/fancybox.png) -40px -90px no-repeat;}
#fancybox-title-float-main {	color: #FFF;	line-height: 29px;	font-weight: bold;	padding: 0 0 3px 0;	background: url(../images/fancybox-x.png) 0px -40px;}
#fancybox-title-float-right {	padding: 0 0 0 15px;	background: url(../images/fancybox.png) -55px -90px no-repeat;}
@media screen and (max-width: 850px) {
	#fancybox-close {	width: 30px;	height: 30px; top: -3px; left:-3px; background-size:100%;}
}