/* Slider */
.slick-slider{position:relative;display:block;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-touch-callout:none;
-khtml-user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent;
}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{
-webkit-transform:translate3d(0, 0, 0);
-moz-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-o-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before, .slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;margin:0;padding:0;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slide{position:relative;}
.slick-slide>a:before{display:none;content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid #e00;}
.slick-slide>a:focus:before{display:block;}

.adloop{position:relative;float:left;width:800px;height:420px;overflow:hidden;text-align:center;}
.adloop a{display:block;}
.adloop img{display:block;width:800px;height:400px;}
.adloop .slick-arrow{opacity:.5;position:absolute;top:50%;z-index:1;color:transparent;border:none;width:60px;height:100px;margin-top:-50px;background:url(../images/btnArrowL.png) no-repeat 8px center;cursor:pointer;left:0;overflow: visible;transition:.1s;font-size: 1em;}
.adloop:hover .slick-arrow{opacity:1;} 
.adloop .slick-arrow:hover{background-color:rgba(0,0,0,.3);}
.adloop .slick-arrow:focus{background-color:rgba(0,0,0,.7);outline:none;}
.adloop .slick-arrow.slick-next{left:auto;right:0;background-position:-192px center;}
.adloop .slick-arrow:before{display:none;position:absolute;top:100px;line-height:1.5em;height:1.5em;padding:0 .5em;white-space:nowrap;background-color:rgba(255,255,255,.9);color: #000;}
.adloop .slick-arrow:focus:before{display:inline-block;}
.adloop .slick-next.slick-arrow:before{content:'按enter到下一張';right:0;}
.adloop .slick-prev.slick-arrow:before{content:'按enter到前一張';left:0;}

.adloop ul{list-style:none;margin:0 auto;padding:0;font-size:0;text-align:center;}
.adloop li{margin:6px;padding:0;display:inline-block;}
.adloop li button{font-size:0;padding:0; width:8px;height:8px;border-radius:50%;border:none;background:#bbb;}
.adloop li.slick-active button{background:#ff6e03;}
.no-js .adloop > div{position:absolute;}

.adloop+noscript{display:none;margin:1em;}
.adloop+noscript a{color:#000;}
.no-js .adloop+noscript{display:block;background:#ffb;border:dashed 1px #db0;}
.adloop+noscript:hover{border:1px solid #f60;}

.adloop .hide{display:none;position:absolute;left:240px;bottom:0;width:320px;}
.no-js .adloop .hide{display:block;}
@media (max-width:1023px){
	.adloop{float:none;margin:0 auto;}
}
@media (max-width:1000px){
	.adloop{width:100%;height:auto;margin-bottom:30px;}
	.adloop .slick-arrow{visibility:visible;outline:none;}
	.adloop img{width:100%;height:auto;}
}
@media (max-width:600px){
	.adloop .slick-arrow{background-size:auto 48px; width:40px;background-position:5px center;}
	.adloop .slick-arrow.slick-next{background-position:-127px center;}
}

/*照片內容頁*/
.album{margin:-15px 0 -30px;padding-top:15px;}
.album article{margin:0 40px;padding:2em 0 1em;font-size:1.2em;border-top:1px solid #aaa;}
.photoSlide{position:relative;width:100%;overflow:hidden;text-align:center;margin:0 auto 10px;}
.photoSlide>div{width:940px;height:560px;padding:16px;margin:0 auto;}
.photoSlide a{display:block;}
.photoSlide img{display:block;margin:0 auto;max-width:880px;max-height:500px;box-shadow:#888 0 1px 6px;border:8px solid #fff;}
.photoSlide .caption{display:inline-block;font-size:1em;line-height:1.5;margin:.8em 1em 0;}

.photoNav{position:relative;margin:0 auto 5px;padding:0;width:780px;}
.photoNav .slick-list{width:560px;margin:0 auto;padding:0 50px;background:#777; text-align:center;}
.photoNav .slick-slide img{display:block;margin:0 auto;width:100px;height:100px;object-fit:cover;border:1px solid #444;}
.photoNav .slick-slide>a{display:block;margin:12px 0;width:102px; border:4px solid transparent;outline:none;}
.photoNav .slick-slide>a:hover{border-color:#9ab;}
.photoNav .slick-slide>a:focus{border-color:#9ab;outline:none;}
.photoNav .slick-slide.slick-current>a{border-color:#df3;}
.photoNav .slick-arrow{position:absolute;top:50%;left:10px;z-index:1;font-size:0;border:none;width:32px;height:60px;margin-top:-30px;background:url(../images/btnArrow.png) no-repeat center 20px;cursor:pointer;z-index:99;border-radius:4px;opacity:.5}
.photoNav .slick-arrow.slick-next{ left:auto;right:10px;background-position:center -80px;}
.photoNav .slick-arrow:hover{background-color:rgba(0,0,0,.2);opacity:1;}
.photoNav .slick-arrow:focus{background-color:rgba(0,0,0,.2);opacity:1;}
@media (max-width:1000px){
	.album{margin-top:0;background:none;}
	.album article{font-size:1em;margin:0 16px;}
	.photoSlide>div{width:92%;height:600px;}
	.photoSlide img{max-width:100%;max-height:400px;}
	.photoSlide .caption{font-size:.88em;}
}
@media (max-width:800px){
	.photoSlide>div{width:auto;height:auto;padding:15px 20px;}
	.photoSlide img{max-width:90%;}

	.photoNav{width:auto;background:none;}
	.photoNav .slick-list{width:auto;margin:0 40px;background:none;}
	.photoNav .slick-slide:focus{outline:none;}
	.photoNav .slick-slide img{width:auto;max-width:100%;height:80px;border:1px solid #444;box-sizing:border-box;}
	.photoNav .slick-slide>a{margin:10px 1px 0;padding:5px;width:auto;border:none;background:#ccc;}
	.photoNav .slick-slide.slick-current>a{background:#444;}
	.photoNav .slick-arrow{left:5px;}
	.photoNav .slick-arrow.slick-next{right:5px;}
}
@media (max-width:600px){
	.photoNav .slick-slide{display:none;}
	.photoNav .slick-arrow{margin-top:200px;}
}