@font-face {font-family:'flexslider-icon';src:url('fonts/flexslider-icon.eot');src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal;}


/*照片圖說*/
.flex-caption {width:80%;padding:2%;color:#474f59;}

.flex-container a:hover,.flex-slider a:hover {outline:none;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin:0;padding:0;list-style:none;}
.flex-pauseplay span {text-transform:capitalize;}

/**/

.flexslider {margin:0;padding:0;}
.flexslider .slides > li {display:none;-webkit-backface-visibility:hidden;}
.flexslider .slides img {width:99.5%;display:block;}
.flexslider .slides:after {content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}

/**/

.flexslider {margin:0 0 60px 0;background:#fff;position:relative;zoom:1;}
.flexslider .slides {zoom:1;}
.flexslider .slides img {height:auto;-moz-user-select:none;}
.flex-viewport {}
.loading .flex-viewport {max-height:450px;}



.carousel li {margin:0;}
.flex-direction-nav {*height:0;}
.flex-direction-nav a {text-decoration:none;display:block;width:20px;height:25px;margin:-30px 0 0 0;padding:10px;position:absolute;top:40%;z-index:10;overflow:hidden;border-radius:5px;/*opacity:0;cursor:pointer;*/}
.flex-direction-nav a:before {font-family:"flexslider-icon";content:'\f002';font-size:22px;display:inline-block;margin:2px 0 5px 0}
.flex-direction-nav a.flex-next:before {content:'\f001';}
.flex-direction-nav .flex-prev {right:0px;top:92%;color:#FFF;border-radius: 0 0 20px 0;background-image:url(../../images/button/prev.jpg);background-size:100% 100%}
.flex-direction-nav .flex-next {right:41px;top:92%;color:#FFF;border-radius:0 0 0 20px;background-image:url(../../images/button/prev.jpg);background-size:100% 100%}
.flex-direction-nav .flex-prev:hover {background-image:url(../../images/button/prevs.jpg);background-size:100% 100%}
.flex-direction-nav .flex-next:hover {color:#FFF;background-image:url(../../images/button/prevs.jpg);background-size:100% 100%;}

.flexslider:hover .flex-direction-nav .flex-prev {opacity:0.7;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity:1;}
.flexslider:hover .flex-direction-nav .flex-next {opacity:0.7;}
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity:1;}
.flex-direction-nav .flex-disabled {opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1;}

.flex-pauseplay a {display:block;width:60px;height:25px;padding:5px;position:absolute;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#666;border-radius:5px;}
.flex-pauseplay a:before {font-family:"flexslider-icon";content:'\f004';font-size:20px;display:inline-block;}
.flex-pauseplay a:hover {opacity:1;background-color:#e60012;color:#FFF}

.flex-pauseplay a.flex-play:before a {color:#666}
.flex-pauseplay a.flex-play:before {content:'\f003';}
.flex-pauseplay a.flex-play:hover {content:'\f003';background-color:#e60012;color:#FFF}

.flex-control-nav {width:100%;position:absolute;text-align:center;}
.flex-control-nav li {display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a {width:11px;height:11px;display:block;background:#666;cursor:pointer;text-indent:-9999px;}
.flex-control-paging li a:hover {background:#333;}
.flex-control-paging li a.flex-active {background:#000;cursor:default;}
.flex-control-thumbs {position:static;overflow:hidden;}
.flex-control-thumbs li {width:25%;float:left;margin:0;}
.flex-control-thumbs img {width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1;cursor:default;}



@media screen and (max-width:668px){
.flex-caption {width:96%;padding:4% 2% 5% 2%;text-align:center;background-color:#f4f7fa;}
.flex-direction-nav .flex-prev {top:101.3%;}
.flex-direction-nav .flex-next {top:101.3%;}
.flex-pauseplay a {bottom:-10px;left:0;}}
@media screen and (max-width:641px){
.flex-direction-nav .flex-prev {top:101.3%;}
.flex-direction-nav .flex-next {top:101.3%;}
.flex-pauseplay a {bottom:-20px;left:0;}}
@media screen and (max-width:599px){
.flex-caption {padding:4% 2% 8% 2%;height:60px}
.flex-direction-nav .flex-prev {top:96%;}
.flex-direction-nav .flex-next {top:96%;}
.flex-pauseplay a {bottom:0px;left:0;}}
@media screen and (max-width:321px){
.flex-direction-nav .flex-prev {top:94.5%;}
.flex-direction-nav .flex-next {top:94.5%;}}