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


.conbody_title {
	background:url(../data/works/title_bg.png) center no-repeat;
}
#content{
	width:1000px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
	margin-bottom:40px;
}
#content .slide{
	padding-bottom:65px;
	position: relative;
}
#content .con{
	width:960px;
	margin:0 auto;
}
#content .con img{
	max-height:960px;
	height:auto !important;
}
#content_box{
	background:#EEEEEE;
}
#content_b{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-top:65px;
	padding-bottom:80px;
}
#content_b.nopm{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
}
#content_b li{
	width:244px;
	height:162px;
	list-style:none;
	float:left;
	margin-right:6px;
	margin-bottom:8px;
	text-align:center;
	position:relative;
}
#content_b li:last-child{
	margin-right:0px;
}
#content_b li img{
	max-width:244px;
	max-height:162px;
	vertical-align:middle;
}
#content_b li:hover .cover{
	filter: alpha(opacity=100);
	opacity: 1;
}
#content_b li .cover{
	width:212px;
	height:130px;
	display:block;
	padding:15px;
	background:rgba(63,73,78,0.9);
	position:absolute;
	top:0px;
	left:0px;
	font-size:0;
	filter: alpha(opacity=0);
	opacity:0;
	border:#E2E417 1px solid;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content_b li .cover:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
#content_b li .cover .info{
	width:212px;
	display: inline-block;
	vertical-align: middle;
	color:#FFF;
	line-height:20px;
	text-decoration:none;
	text-align:left;
	font-size:18px;
	padding-bottom:10px;
	background:url(../data/wrapper/line.jpg) 3px bottom no-repeat;
}
#content_b .more{
	font-size: 13px;
	font-family: Calibri, "微軟正黑體";
	position: absolute;
	top: 20px;
	right: 5px;
	width: auto;
	height: auto;
	float: none;
	margin-right: 0px;
}
#content_b .more a{
	color:#00B2B2;
	text-decoration:none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content_b .more a:visited{
	color:#00B2B2;
	text-decoration:none;
}
#content_b .more a:hover{
	text-decoration: underline;
}
/************************************************/
/************************************************/
#content_l{
	width:1000px;
	margin:0 auto;
	margin-bottom:20px;
}
#content_l li{
	width:196px;
	height:61px;
	line-height:61px;
	float:left;
	list-style:none;
	margin:0 5px 5px 0;
}
#content_l li:nth-child(5n+5){
	margin-right:0px;
}
#content_l li a{
	display:block;
	color:#3F474C;
	text-decoration:none;
	font-size:14px;
	line-height:61px;
	padding:0 50px 0 20px;
	overflow:hidden;
	background:url(../data/works/bg.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content_l li a:hover{
	font-weight:bold;
	background:url(../data/works/bg_.png) no-repeat;
}
#content_l li.active a{
	font-weight:bold;
	background:url(../data/works/bg_.png) no-repeat;
}
/************************************************/
/************************************************/
#content_in_title{
	background:#EFEFEF;
	border-bottom:#9DD944 1px solid;
	margin-bottom:25px;
}
#content_in_title .title{
	width:126px;
	color:#3F474C;
	text-decoration:none;
	font-size:14px;
	float:left;
	line-height:61px;
	padding:0 50px 0 20px;
	border-right:#FFF 1px solid;
	background:url(../data/works/bg_.png) left no-repeat;
}
#content_in_title .list{
	padding-top:15px;
	padding-left:210px;
	line-height:27px;
	color:#3F494E;
	font-size:18px;
	min-height:45px;

}


 
#content_in{
	width:1000px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
}
#content_in .photo{
	width:1000px;
	height:664px;
	text-align:center;
	margin-bottom:25px;
}
#content_in .photo img{
	max-width:1000px;
	max-height:664px;
	vertical-align:middle;
}

#photo_s_box{
	width:100%;
	height:100px;
	min-width:1000px;
	position:relative;
}
#photo_s_box{
	height:80px;
	display:block;
	position:relative;
	margin:0 auto;
	padding:11px 0 12px 0;
	border:#00B2B2 1px solid;
}
#photo_s{
	display:block;
	padding:0;
	margin:0 37px;
}
#photo_s li {
	float:left;
	margin:0 6px;
	list-style:none;
	width: 120px;
	height:80px;
}
#photo_s li img {
	max-width: 120px;
	max-height: 80px;
	
}
#photo_s_box .prev, #photo_s_box .next{
	width:25px;
	height:105px;
	position:absolute;
	display:block;
	top:0px;
	cursor:pointer;
}
#photo_s_box .prev{
	left:0;
	background: url(../data/works/prev.png) no-repeat;
}
#photo_s_box .next{
	right:0;
	background:url(../data/works/next.png) no-repeat;
}