@charset "UTF-8";
/* CSS Document */

#portfolio-pic {
	width:180px;
	height:130px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	background-color: #3D4754;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 40px;
	font-size: 11px;
	line-height: 160%;	/*opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8; filter:alpha(opacity=80);*/
	-moz-box-shadow: 3px 3px 6px #000; /* Firefox */
	-webkit-box-shadow: 3px 3px 6px #000;/* Safari 和 Chrome */
	box-shadow: 3px 3px 6px #000;	/* filter:dropshadow(color=#000000,offx=5,offy=5,Positive=1);
	filter:shadow(color=red,direction=225) ;*/
}

#portfolio-pic:hover {
	width:180px;
	height:130px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	background-color: #58697C;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 40px;
	font-size: 11px;
	line-height: 160%;	/*opacity:0.8;-moz-opacity:0.8;-khtml-opacity: 0.8; filter:alpha(opacity=80);*/
	-moz-box-shadow: 3px 3px 6px #000; /* Firefox */
	-webkit-box-shadow: 3px 3px 6px #000;/* Safari 和 Chrome */
	box-shadow: 3px 3px 6px #000;/* Opera 10.5 + */	/* filter:dropshadow(color=#000000,offx=5,offy=5,Positive=1);
	filter:shadow(color=red,direction=225) ;*/
}

#div-shadow {
	width:180px;
	height:130px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	
	
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 40px;
	background-image: url(../image/pic-shadow-trans.png);
	background-position: 20px 20px;
}

#pic-title {
	width:165px;
	font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #B1B7BE;
	float: left;
	margin-top: 10px;
	font-size: 11px;
	line-height: 160%;
	padding-left: 10px;
	padding-right: 0px;
}