@charset "utf-8";
.list_detail{font-size:17px;line-height:1.7;}
.list_detail h1{ font-size:1.75em; line-height:1.3em; font-weight:normal; margin: 0.3em auto 0.25em;}
.list_detail cite{float:left;font-size:0.85em;vertical-align:inherit;padding:0.3em 0 0.3em 0;font-style:normal;line-height:1.1em;}
.list_detail cite > span{ margin:0 1em 0 0;padding:0.3em 0 0.3em 0.1em; display:block;}
.list_detail cite img{ vertical-align: inherit; height:1.2em; }
.list_detail .NewsSummary{margin:1.05em 0 1.2em 0;padding:0.5em 2%;background:#ffc;}
.list_detail .p::after{content:"";clear: both;display: block;}
.list_detail .p,
.list_detail p{margin:0.5em 0 1.1em 0;word-wrap:break-word; }
.list_detail .text{margin:0 auto 1.5em auto;}
.list_detail .text h3,
.list_detail .text h4,
.list_detail .text h5,
.list_detail .text h6{margin:1.2em 0 0 0}
.list_detail .icon-clock{vertical-align: middle;margin-right: 0.3em; font-size: 1.2em;}

.list_detail .label{font-size:0.9em;position: relative;margin: 0.2em 0;}
.list_detail .label a,
.list_detail .label b{position: relative;display:inline-block;text-align:center;width:3em;background:rgba(0,0,0,0.1);color:#444;transition:background 0.5s,color 0.5s;border-radius:3px;margin:2px 3px 1px 0;font-weight:normal;}
.list_detail .label a:hover{background:rgba(0,0,0,0.6);color:#fff;}
.list_detail .grid_label a{z-index:6;}

/* 撥放器圖 This rule is read by Galleria to define the gallery height:*/
#galleria{height:550px;margin:0 0 2em 0;}

#galleria .galleria-container{background:none;}
#galleria .galleria-stage{background:#fff;top:0;left:0;right:0;}
#galleria .galleria-thumbnails-container{left:0;right:0;}
#galleria .galleria-thumbnails .galleria-image{border:0;}
#galleria .galleria-image-nav{ margin:0; top:0; height:100%}
#galleria .galleria-image-nav-left, #galleria .galleria-image-nav-right{background:rgba(0,0,0,0);width:50px;opacity:0.7; height:100%;transition:background 0.5s, opacity 0.5s}
#galleria .galleria-image-nav-left::after,
#galleria .galleria-image-nav-left::before,
#galleria .galleria-image-nav-right::after,
#galleria .galleria-image-nav-right::before{content:'';width:40%;height:5px;display:block; position:absolute; right:34%; top:50%;background:#FFF}
#galleria .galleria-image-nav-left::after,
#galleria .galleria-image-nav-left::before{left:35%;}
#galleria .galleria-image-nav-left::after,
#galleria .galleria-image-nav-right::after{ margin-top:1px;}
#galleria .galleria-image-nav-left::after{transform-origin:left bottom;transform:rotate(-45deg);}
#galleria .galleria-image-nav-left::before{transform-origin:left top;transform:rotate(45deg);}
#galleria .galleria-image-nav-right::after{transform-origin:right bottom;transform:rotate(45deg);}
#galleria .galleria-image-nav-right::before{transform-origin:right top;transform:rotate(-45deg);}

#galleria .galleria-image-nav-left{left:0;background-position:right center;}
#galleria .galleria-image-nav-right{right:0px;background-position:left center;}
#galleria .galleria-image-nav-left:hover, #galleria .galleria-image-nav-right:hover{opacity:1;background-color:rgba(0,0,0,0.2)}
#galleria .galleria-thumbnails-container{height:70px;border-top:1px solid #ccc;padding:10px 0 0;}
#galleria .galleria-thumbnails .galleria-image{width:60px;height:60px;margin: 0 10px 0 0;}

#galleria .galleria-theme-classic .galleria-carousel .galleria-thumbnails-list{margin-left:20px;margin-right:20px;}
#galleria .galleria-carousel .galleria-thumb-nav-left,
#galleria .galleria-carousel .galleria-thumb-nav-right{height:60px;width:20px;background: none; top: 10px;}
#galleria .galleria-carousel .galleria-thumb-nav-left::after,
#galleria .galleria-carousel .galleria-thumb-nav-left::before,
#galleria .galleria-carousel .galleria-thumb-nav-right::after,
#galleria .galleria-carousel .galleria-thumb-nav-right::before{ margin:0; padding:0;content:'';width:60%;height:3px;display:block; position:absolute; right:34%; top:50%;background:#666}
#galleria .galleria-carousel .galleria-thumb-nav-left::after,
#galleria .galleria-carousel .galleria-thumb-nav-left::before{left:35%;}
#galleria .galleria-carousel .galleria-thumb-nav-left::after{transform-origin:left bottom;transform:rotate(-45deg);}
#galleria .galleria-carousel .galleria-thumb-nav-left::before{transform-origin:left top;transform:rotate(45deg);}
#galleria .galleria-carousel .galleria-thumb-nav-right::after{transform-origin:right bottom;transform:rotate(45deg);}
#galleria .galleria-carousel .galleria-thumb-nav-right::before{transform-origin:right top;transform:rotate(-45deg);}
#galleria .galleria-carousel .galleria-thumb-nav-left:hover, 
#galleria .galleria-carousel .galleria-thumb-nav-right:hover{background-color:#ccc;}
#galleria .galleria-thumbnails-container .disabled, 
#galleria .galleria-thumbnails-container .disabled:hover{opacity:0.1;}
#galleria .galleria-theme-classic .galleria-info{top:420px;left:0; width:100%;text-align: left;}
#galleria .galleria-theme-classic .galleria-info-text{background:none;}
#galleria .galleria-theme-classic .galleria-info-description{color:#000;font-size:15px;line-height:1.3em;font-style:normal; font-family:inherit}
#galleria .galleria-theme-classic .galleria-info-text{padding:10px 15px;}
#galleria .galleria-theme-classic .galleria-stage{ height:420px;}
#galleria .galleria-theme-classic .galleria-loader{ background-color:#000; background-position:center center;top:50%; right:50%; margin:-20px 0 0 -20px;height: 40px;width: 40px;border-radius:50%;}
#galleria .galleria-theme-classic .galleria-counter{ color:#000; left:auto; right:10px; bottom:10px;}

.box_ss{margin: 0 0 0.5em 0}
.box_ss::after{content:" ";clear: both;display: block;}
.box_ss a{white-space: nowrap}
.box_ss a::before{content:"［";color: #000}
.box_ss a::after{content:"］ ";color: #000}

/* */

@media screen and (max-width:970px){
.list_detail h1{ width:96%;}
.list_detail cite{ margin:0 0 0.5em 2%}
	.list_detail .NewsSummary {margin: 0.8em 0 1.2em 0;}
.list_detail .text{width:96%;}

	/* CSS Document */
.unfolded{overflow: hidden;position: relative;transition: max-height 3s;
/* 區塊沒開時多高 */
	max-height: 15em;
}
.unfolded.out{max-height: 900em;}


.unfolded::after,
.unfolded::before{content:" ";display: block;}


.unfolded.out::after,
.unfolded.out::before{display: none;}


.unfolded::before{position: absolute;bottom: 0;left: 0; right: 0; 
/* 漸層高 */
height: 8em;
	
background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.text_b{border-bottom: 1px solid #EEE; width: 100%;
    bottom: 1.2em;
    display: block;
    height: 0;
    position: absolute;}
.unfolded:hover:hover .text_b{border-bottom: 1px solid #CCC;}

.unfolded.out .text_b{display: none}

.unfolded::after{cursor: pointer;background: #FFF;content:"展開全文";width:6em;text-align: center; position: absolute;bottom: 0;left:50%;border: 1px solid #ccc;padding: 0.5em 0;margin: 0 0 0 -3em}
.unfolded:hover:after{background: #F2F2F2;border: 1px solid #999;}

}