@charset "utf-8";
body {
	background-color: #E7E7E7!important;
	font-family: 微軟正黑體;
	border:0;
}

.top {
	width: 100%;
	max-width: 850px;
	background-color: #E7E7E7;
	margin-left: auto;
	margin-right: auto;
}
.topbg {
	background-color: #E7E7E7;
}
.photocol {
	max-width: 850px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;	
	padding: 10px;
	display: block;
}
.videowrap {
	margin-left: auto;
	margin-right: auto;
	padding: 2px 15px ;
	margin: 10px 0px;
	
	border-top-left-radius: 0px;
}

.coltext{
	font-size: 18px;
	color: #0D887F;
	font-weight: bold;
	margin-top: 10px;
	font-family: 微軟正黑體;
	
}

.photo {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 5px solid #FFFFFF;
	margin-bottom: 3px;
	-webkit-box-shadow: 1px 3px 5px #B8B8B8;
	box-shadow: 1px 3px 5px #B8B8B8;
	opacity: 1;
	transition: .5s ease;

}

.photo:hover{
	opacity: 0.8;
	-webkit-box-shadow: 3px 5px 5px #B8B8B8;
	box-shadow: 3px 5px 5px #B8B8B8;
}