@charset "UTF-8";
.fancybox-enabled {
	overflow:hidden
}
.fancybox-enabled body {
	overflow:visible;
	height:100%
}
.fancybox-container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99993;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.fancybox-container~.fancybox-container {
z-index:99992
}
.fancybox-bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#0f0f11;
	opacity:0;
	transition-timing-function:cubic-bezier(.55, .06, .68, .19);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.fancybox-container--ready .fancybox-bg {
	opacity:.87;
	transition-timing-function:cubic-bezier(.22, .61, .36, 1)
}
.fancybox-controls {
	position:absolute;
	top:0;
	left:0;
	right:0;
	text-align:center;
	opacity:0;
	z-index:99994;
	transition:opacity .2s;
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	direction:ltr;
}
.fancybox-show-controls .fancybox-controls {
	opacity:1
}
.fancybox-infobar {
	display:none
}
.fancybox-show-infobar .fancybox-infobar {
	display:inline-block;
	pointer-events:all
}
.fancybox-infobar__body {
	display:inline-block;
	width:70px;
	line-height:44px;
	font-size:13px;
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align:center;
	color:#ddd;
	background-color:rgba(30, 30, 30, .9);
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:transparent;
	-webkit-font-smoothing:subpixel-antialiased
}
.fancybox-buttons {
	position:absolute;
	top:0;
	right:0;
	display:none;
	pointer-events:all
}
.fancybox-show-buttons .fancybox-buttons {
	display:block
}
.fancybox-slider-wrap {
	overflow:hidden;
	direction:ltr
}
.fancybox-slider, .fancybox-slider-wrap {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:0;
	margin:0;
	z-index:99993;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-tap-highlight-color:transparent
}
.fancybox-slide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:auto;
	outline:none;
	white-space:normal;
	box-sizing:border-box;
	text-align:center;
	z-index:99994;
	-webkit-overflow-scrolling:touch
}
.fancybox-slide:before {
	content:"";
	height:100%;
	width:0
}
.fancybox-slide:before, .fancybox-slide>* {
	display:inline-block;
	vertical-align:middle
}
.fancybox-slide>* {
	position:relative;
	padding:24px;
	margin:44px 0;
	border-width:0;
	text-align:left;
	background-color:#fff;
	overflow:auto;
	box-sizing:border-box
}
.fancybox-slide--image {
	overflow:hidden
}
.fancybox-slide--image:before {
	display:none
}
.fancybox-content {
	display:inline-block;
	position:relative;
	margin:44px auto;
	padding:0;
	border:0;
	width:80%;
	height:calc(100% - 88px);
	vertical-align:middle;
	line-height:normal;
	text-align:left;
	white-space:normal;
	outline:none;
	font-size:16px;
	font-family:Arial, sans-serif;
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
	-webkit-overflow-scrolling:touch
}
.fancybox-iframe {
	display:block;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:100%;
	background:#fff
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
	background:transparent
}
.fancybox-placeholder {
	z-index:99995;
	background:transparent;
	cursor:default;
	overflow:visible;
	-webkit-transform-origin:top left;
	transform-origin:top left;
	background-size:100% 100%;
	background-repeat:no-repeat;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	border:0
}
.fancybox-image, .fancybox-spaceball {
	width:100%;
	height:100%;
	max-width:none;
	max-height:none;
	background:transparent;
	background-size:100% 100%
}
.fancybox-controls--canzoomOut .fancybox-placeholder {
	cursor:zoom-out
}
.fancybox-controls--canzoomIn .fancybox-placeholder {
	cursor:zoom-in
}
.fancybox-controls--canGrab .fancybox-placeholder {
	cursor:-webkit-grab;
	cursor:grab
}
.fancybox-controls--isGrabbing .fancybox-placeholder {
	cursor:-webkit-grabbing;
	cursor:grabbing
}
.fancybox-spaceball {
	z-index:1
}
.fancybox-tmp {
	position:absolute;
	top:-9999px;
	left:-9999px;
	visibility:hidden
}
.fancybox-error {
	position:absolute;
	margin:0;
	padding:40px;
	top:50%;
	left:50%;
	width:380px;
	max-width:100%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:#fff;
	cursor:default
}
.fancybox-error p {
	margin:0;
	padding:0;
	color:#444;
	font:16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}
.fancybox-close-small {
	position:absolute;
	top:0;
	right:0;
	width:44px;
	height:44px;
	padding:0;
	margin:0;
	border:0;
	border-radius:0;
	outline:none;
	background:transparent;
	z-index:10;
	cursor:pointer;
}
.fancybox-close-small:after {
	content:"×";
	position:absolute;
	top:5px;
	right:5px;
	width:30px;
	height:30px;
	/*font:20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;*/
	/*color:#888;*/
	color:red;
	line-height:26px;
	font-weight:600;
	font-size:30px;
	font-weight:300;
	text-align:center;
	border-radius:50%;
	border-width:0;
	background:#fff;
	transition:background .2s;
	box-sizing:border-box;
	z-index:2;
}
.fancybox-close-small:focus:after {
	outline:1px dotted #888;
}
.fancybox-slide--video .fancybox-close-small {
	top:-36px;
	right:-36px;
	background:transparent
}
.fancybox-close-small:hover:after {
	/*color:#555;
	background:#eee;*/
	color:#fff;
	background:red;
}

/*說明文的區塊*/
.fancybox-caption-wrap {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:60px 30px 0;
	z-index:99998;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	box-sizing:border-box;
	background:linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
	opacity:0;
transition:opacity .2s;
	pointer-events:none
}
.fancybox-show-caption .fancybox-caption-wrap {
	opacity:1
}
.fancybox-caption {
	padding:30px 0;
	/*border-top:1px solid hsla(0, 0%, 100%, .4);*/
	font-size:14px;
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	color:#fff;
	line-height:20px;
	-webkit-text-size-adjust:none
}
.fancybox-caption a, .fancybox-caption button {
	pointer-events:all
}
.fancybox-caption a {
	color:#fff;
	text-decoration:underline
}
.fancybox-button {
	display:inline-block;
	position:relative;
	width:44px;
	height:44px;
	line-height:44px;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	cursor:pointer;
	background:transparent;
	color:#fff;
	box-sizing:border-box;
	vertical-align:top;
	outline:none
}
.fancybox-button--disabled {
	cursor:default;
	pointer-events:none
}
.fancybox-button, .fancybox-infobar__body {
	background:rgba(30, 30, 30, .6);
}
.fancybox-button:hover {
	background:rgba(0, 0, 0, .8)
}
.fancybox-button:after, .fancybox-button:before {
	content:"";
	pointer-events:none;
	position:absolute;
	border-color:#fff;
	background-color:currentColor;
	color:currentColor;
	opacity:.9;
	box-sizing:border-box;
	display:inline-block
}
.fancybox-button--disabled:after, .fancybox-button--disabled:before {
	opacity:.5
}
.fancybox-button--left:after {
	left:20px;
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg)
}
.fancybox-button--left:after, .fancybox-button--right:after {
	top:18px;
	width:6px;
	height:6px;
	background:transparent;
	border-top:2px solid currentColor;
	border-right:2px solid currentColor
}
.fancybox-button--right:after {
	right:20px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.fancybox-button--left {
	border-bottom-left-radius:5px
}
.fancybox-button--right {
	border-bottom-right-radius:5px
}


.fancybox-button--close {
	float:right
}
.fancybox-button--close:after, .fancybox-button--close:before {
	content:"";
	display:inline-block;
	position:absolute;
	height:2px;
	width:16px;
	top:calc(50% - 1px);
	left:calc(50% - 8px)
}
.fancybox-button--close:before {
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.fancybox-button--close:after {
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.fancybox-loading {
	border:6px solid hsla(0, 0%, 39%, .4);
	border-top:6px solid hsla(0, 0%, 100%, .6);
	border-radius:100%;
	height:50px;
	width:50px;
	-webkit-animation:a .8s infinite linear;
	animation:a .8s infinite linear;
	background:transparent;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	z-index:99999
}
@-webkit-keyframes a {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
	}
	to {
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}
@keyframes a {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
	}
	to {
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}






/*修改左右按鍵*/
.fancybox-controls {
	position:absolute;
	top:0;
	height:100%;
	
}
.fancybox-infobar__body{
	position:absolute;
	top:0;
	left:50%;
	right:0;
	margin-left:-35px;
}

.fancybox-button--left , .fancybox-button--right{
	position:absolute;
	top:50%;
	width:60px;
	height:60px;
	margin-top:-30px;
	background:rgba(0,0,0,0.3);
}
.fancybox-button--left:hover , .fancybox-button--right:hover {
	background:rgba(0,0,0,0.9);
}
.fancybox-button--left{ left:0; border-radius:0 5px 5px 0; }
.fancybox-button--right{ right:0; border-radius:5px 0 0 5px; }
.fancybox-button--left:after, .fancybox-button--right:after {
	top:20px;
	width:20px;
	height:20px;
}
/*end 修改左右按鍵*/





@media (max-width:800px) {
	.fancybox-controls {
		text-align:left
	}

	
	/*---------------------------*/
	/*
	原本的
	.fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
	display:none!important
	}*/
	
	
	/*改*/
	.fancybox-buttons button:not(.fancybox-button--close) {
		display:none!important
	}
	.fancybox-button--left , .fancybox-button--right{
		width:30px;
		height:80px;
		/*background:#fff;*/
		border-radius:0;
		margin-top:-40px;
		background:rgba(0,0,0,0.5);
	}
	.fancybox-button--left:after{ left:12px; }
	.fancybox-button--right:after { right:12px; }
	.fancybox-button--left:after, .fancybox-button--right:after {
		top:34px;
		width:12px;
		height:12px;
		/*border-top:2px solid #975F6F;
		border-right:2px solid #975F6F;*/
	}
	/*.fancybox-button--left:hover , .fancybox-button--right:hover {
		background:#fff;
	}*/
	/*end 改*/
	/*---------------------------*/
	


	.fancybox-caption {
		padding:20px 0;
		margin:0
	}
}



.fancybox-button--fullscreen:before {
	width:15px;
	height:11px;
	left:15px;
	top:16px;
	border:2px solid;
	background:none
}
.fancybox-button--play:before {
	top:16px;
	left:18px;
	width:0;
	height:0;
	border-top:6px inset transparent;
	border-bottom:6px inset transparent;
	border-left:10px solid;
	border-radius:1px;
	background:transparent
}
.fancybox-button--pause:before {
	top:16px;
	left:18px;
	width:7px;
	height:11px;
	border-style:solid;
	border-width:0 2px;
	background:transparent
}
.fancybox-button--thumbs span {
	font-size:23px
}
.fancybox-button--thumbs:before {
	top:20px;
	left:21px;
	width:3px;
	height:3px;
	box-shadow:0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
	right:220px
}
.fancybox-thumbs {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:auto;
	width:220px;
	margin:0;
	padding:5px 5px 0 0;
	background:#fff;
	z-index:99993;
	word-break:normal;
	-webkit-overflow-scrolling:touch;
	-webkit-tap-highlight-color:transparent;
	box-sizing:border-box
}
.fancybox-thumbs>ul {
	list-style:none;
	position:absolute;
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:0
}
.fancybox-thumbs>ul>li {
	float:left;
	overflow:hidden;
	max-width:50%;
	padding:0;
	margin:0;
	width:105px;
	height:75px;
	position:relative;
	cursor:pointer;
	outline:none;
	border:5px solid #fff;
	border-top-width:0;
	border-right-width:0;
	-webkit-tap-highlight-color:transparent;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	box-sizing:border-box
}
li.fancybox-thumbs-loading {
	background:rgba(0, 0, 0, .1)
}
.fancybox-thumbs>ul>li>img {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	max-width:none;
	max-height:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.fancybox-thumbs>ul>li:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:2px;
	border:4px solid #4ea7f9;
	z-index:99991;
	opacity:0;
	transition:all .2s cubic-bezier(.25, .46, .45, .94)
}
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
	opacity:1
}
@media (max-width:800px) {
	.fancybox-thumbs {
		display:none!important
	}
	.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
		right:0
	}
}



/* --------------------------------------------------------------- */


.fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 10px;
  left: 0;
  right : 0;
  height: 80px;
  background: rgba(0,0,0,0.9);
}

.fancybox-thumbs > ul > li {
  border-color: transparent;
}

.fancybox-container--thumbs .fancybox-caption-wrap, 
.fancybox-container--thumbs .fancybox-controls, 
.fancybox-container--thumbs .fancybox-slider-wrap {
  right: 0;
  bottom: 90px;
}

@media all and (max-width: 800px) {

	.fancybox-thumbs {
		display: none !important;
	}

	.fancybox-container--thumbs .fancybox-controls,
	.fancybox-container--thumbs .fancybox-slider-wrap,
	.fancybox-container--thumbs .fancybox-caption-wrap {
		bottom: 0;
	}

}