@charset "utf-8";
/*----    commFeedback    ----*/
#commFeedback{
	font-family:Microsoft JhengHei,Arial;
}
#commFeedback .upperBG{
	width:100%;
	height:250px;
	opacity:.65;
	background-color:#e5ffd5;
}
#commFeedback .wrapper{
	position:relative;
	margin:0px auto;
	margin-top:-420px;
	max-width:1280px;
}
#commFeedback .index .topTitle{
	position:relative;
	margin-top:83px;
	width:533px;
	height:90px;
	margin-left:369px;
}
#commFeedback .index .topTitle .title{
	margin-left:168px;
	width:0px;
	height:38px;
	background:url(../../../images/heartPlan/community/commFeedback_sprites.png);
}
#commFeedback .index .topTitle .underLine{
	margin-top:5px;
	margin-left:0px;
	width:130px;
	height:4px;
	background-color:black;
}
#commFeedback .index .topTitle .pencil{
	margin-top:-56px;
	margin-left:90px;
	width:96px;
	height:56px;
	background:url(../../../images/heartPlan/community/commFeedback_sprites.png)-195px 0px;
}
#commFeedback .index .topTitle .heartHouse{
	position:relative;
	margin-top:90px;
	width:55px;
	height:86px;
	opacity:1;
	background:url(../../../images/heartPlan/community/commFeedback_sprites.png) 0px -38px;
}
#commFeedback .index .topTitle .heartHouseClip{
	position:relative;
	margin-top:-90px;
	margin-left:51px;
	width:55px;
	height:86px;
	opacity:1;
	overflow:hidden;
}
#commFeedback .index .intro{
	position:relative;
	margin-top:0px;
	margin-left:230px;
	width:826px;
	height:100px;
	font-size:1em;
	line-height:1.85em;
	letter-spacing:0.086em;
	text-align:justify;
	opacity:0;
}
#commFeedback .reports{
	position:relative;
	margin-top:180px;
	margin-left:230px;
	width: 826px;
	height: 862px;
}
#commFeedback .reports .BG_block{
	position:relative;
	margin:0px;
	width:383px;
	height:0px;
	border-radius:10px;
	float:left;
	opacity:0;
	overflow:hidden;
	background:url(../../../images/heartPlan/community/commFeedback_reports_BG_sprites.jpg);
}

#commFeedback .reports .BG_block .hoverBlock{
	position:absolute;
	width:383px;
	height:220px;
	border-radius:10px;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	background:rgba(0,0,0,0);
	transition:all .6s ease;
}

#commFeedback .reports .BG_block .hoverBlock:hover{
	background:rgba(0,0,0,.32);
}
#commFeedback .reports .BG_block .hoverBlock .hoverScale{
	transform:scale(1.25);
}
#commFeedback .reports .BG_block .hoverBlock .hoverColor{
	color:white;
}
#commFeedback .reports .BG_block .hoverBlock .titleGroup{
	position:relative;
	top:55px;
	height:70px;
	transition:all .6s ease;
}
#commFeedback .reports .BG_block .hoverBlock .titleGroup .date{
	position:relative;
	font-size:1.3em;
	text-align:center;
	transition:all 0.40s ease;
}
#commFeedback .reports .BG_block .hoverBlock .titleGroup .title{
	position:relative;
	top:10px;
	left:0px;
	font-size:1.6em;
	text-align:center;
	transition:all 0.40s ease;
}
#commFeedback .reports .more{
	margin-top:10px;
	margin-left:28px;
	width:41px;
	height:19px;
	transform:scale(0.95);
	background:url(../../../images/heartPlan/community/commFeedback_sprites.png) -55px -76px;
}
#commFeedback .reports .arrow{
	margin-top:-18px;
	width:15px;
	height:17px;
	float:right;
	transition:all .25s ease;
	transform:scale(0.68);
	background:url(../../../images/heartPlan/community/commFeedback_sprites.png) -110px -76px;
}
#commFeedback .reports .button .arrow:nth-last-child(2){
	margin-right:38px;
}
#commFeedback .reports .button .arrow:nth-last-child(1){
	margin-right:22px;
}
#commFeedback .reports .button{
	position:relative;
	margin-top:125px;/*125px*/
	width:133px;
	height:38px;
	float:right;
	cursor:pointer;
	display:none;
	opacity:0;
	transition:all .25s ease;
	background:url(../../../images/heartPlan/community/commFeedback_sprites.png) -55px -38px;
}