#neilhonorcontent {
	position: relative;
	padding: 10px 0px 0px 0px;
}



/*===榮譽榜首頁====*/
#neilhonorindex {
	position: relative;
	width: 99%;
	padding: 10px 0px 0px 0px;
}

#neilhonorindexcenter {
	position: relative;
	margin: 15px 0px 0px 0px;
}

#neilhonorindex #honorimgid {
	position: relative;
	width: 191px;
	height: 210px;
	border-radius: 10px;
	border: 1px solid #707070;
	overflow: hidden;
	margin: 12px 10px 0px 12px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFF url(../../img/frame/) repeat-y left top;
}

#neilhonorindex #honorimgid img {
	width: 191px;
	min-height: 210px;
}

#neilhonorindex #tableframetop {
	position: relative;
	width: 100%;
	height: 325px;
	margin: 0px 0px 10px 7px;
}

#neilhonorindex #tableframe {
	position: relative;
	width: 100%;
	height: 267px;
	background: #E8E8E8 url(../../img/frame/) repeat-y left top;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #989898;
}

#neilhonorindex #honortitle {
	position: relative;
	width: 98%;
	margin: 12px 0px 0px 0px;
	border-radius: 10px;
	height: 35px;
	padding: 1px 10px 0px 10px;
	overflow: hidden;
	background: #4B7CA7 url(../../img/frame/) repeat-y left top;
	font-size: 120%;
}

#neilhonorindex #honortitle a {
	color: #ffffff;
}

#neilhonorindex #honortitle a:hover {
	color: #EAC69F;
}

#neilhonorindex #honor_content {
	position: relative;
	width: 98%;
	margin: 9px 0px 0px 0px;
	padding: 6px 5px 5px 10px;
	background: #FFF7E4 url(../../img/frame/) repeat-y left top;
	border-radius: 10px;
	height: 166px;
	overflow: hidden;
	border: 1px solid #f7d687;
	line-height: 173%;
	word-break: break-all;
	font-size: 110%;
}

#neilhonorindex #tableunit ul li {
	float: left;
	margin-right: 8px;
}

#neilhonorindex #tableunit {
	position: relative;
	margin: 7px 0px 0px 12px;
	font-size: 93%;
}

#neilhonorindex #color01 {
	color: #1c4a72;
}

#neilhonorindex #color02 {
	color: #1f741d;
}

#neilhonorindex #color03 {
	color: #cf1c5b;
}

#neilhonorindex #color04 {
	color: #121212;
}

.popularclass  #color04 {
	color: #121212;
	padding: 2px 0px 5px 80px;
	background: url(../../../images/hotimg.png) no-repeat left top;
}

#neilhonormore {
	position: absolute;
	right: 13px;
	background: #ce5656 url(../../img/frame/) repeat-y left top;
	border-radius: 10px;
	padding: 0px 7px;
}

#neilhonormore a {
	color: #ffffff;
}

#neilhonormore a:hover {
	color: #592424;
}

#announcer {
	position: relative;
	margin: 3px 0px 0px 5px;
	height: 44px;
	padding: 10px 0px 0px 0px;
	font-size: 100%;
}

#announcer #fblike {
	position: absolute;
	top: 10px;
	right: -50px;
}

#neilhonorindex #adminbutton {
	position: relative;
	margin: -15px 0px 20px 0px;
}
/*====榮譽榜單頁內容====*/
#honorpage {
	position: relative;
	padding: 10px 0px 50px 0px;
}

#fbbox {
	position: relative;
}

#honorpage .page-header {
	color: #B53030;
}



#honorpage .honor_contentimg {
	position: relative;
	word-break: break-all;
	padding: 10px;
	min-height: 350px;
	line-height: 170%;
}

#honorpage #youtubebox iframe {
	width: 100%;
	height: 450px;
}

#honorpage #honortaurl a {
	background: #C9302C url(../../img/modules/neilhonorlist/) no-repeat left top;
	color: #FFFFFF;
	border-radius: 6px;
	padding: 3px 7px;
	margin-right: 5px;
}

#honorpage #honortaurl a:hover {
	background: #337AB7 url(../../img/modules/neilhonorlist/) no-repeat left top;
	color: #FFFFFF;
}

#sorthcid {
	position: relative;
	height: 35px;
	overflow: hidden;
	line-height: 170%;
}

#honorlink {
	word-break: break-all;
}

#datename {
	position: relative;
	padding: 2px 5px 2px 5px;
	word-break: break-all;
	font-size: 90%;
	text-align: center;
	height: 55px;
	overflow: hidden;
	line-height: 150%;
}


#honorfilebox #imghbox{
	position: relative;
	height: 190px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}



#honorfilebox #imghbox #browsebox{
	position: absolute;
		height: 190px;
		width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;	
background-color:transparent;
background-color: rgba(114, 114, 114, 0);
	opacity: 0;

}

#honorfilebox #imghbox #browsebox:hover{
	animation-duration: 0.2s; /* 執行時間  */
	animation-fill-mode: forwards;
	animation-name: browsebox;
	animation-timing-function: ease-in-out;
		opacity: 0;
}


@keyframes browsebox {
	0% {
transform:scale(0.5,0.5);
opacity: 0;
	}

	100% {
transform:scale(1,1);
opacity: 1;
background-color: rgba(114, 114, 114, .4);		
	}
}

#honorfilebox #imghbox #browsebox .glyphicon{
font-size: 500%;
	color: #FFFFFF;
}




/*==========發布榮譽榜=================*/
#helpBlocktext {
	text-align: center;
	font-size: 120%;
	margin: 5px 0px;
	color: #FF0087;
}

#facebook body {
	width: 100% !important;
}