﻿#bb_box {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
 
#bb_path {
	width: 100%;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	padding-top:5px;
	padding-bottom:5px;
	background: #f7f7f7;
	font-family: Tahoma;
	font-size: 13px;
	color:#555555;
	over-flow:hidden;
}

#topicFigure {
	display:none;
}

#bb_path a {
	font-family:Tahoma;
	font-size:13px;
	text-decoration:none;
	color:#0066b9;
}

#bb_path a:hover {
	text-decoration:underline;
	color:#dd6900;
}

#boardmessage_detail {
	color: #999999;
}

.bbm {
	width: 100%;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:
		0px 1px 2px rgba(105,105,105,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(105,105,105,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 2px rgba(105,105,105,0.4),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);	
	border: #cccccc solid 1px;
	*/
	background:url(../../images/dash_line.gif) repeat-x bottom;
	padding-top: 15px;
	padding-bottom: 20px;
	margin-top: 15px;
}

.bbm1 {
	float: left;
	width: 130px;
	padding-right: 10px;
	text-align: center;
	font-family: Tahoma;
	font-size: 0.8em;
	color: #888888;
	margin-top: 10px;
	background: url(../../template/000/images/bulletin/mempic_dashline.png) repeat-y right;
	clear: left;
}

.bbm1 img {
	max-width:100px;
}









.bbm21_1 {
	float: left;
	padding-left: 10px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	box-sizing:border-box;
}

.bbm21_2 {
	float: right;
	width: 300px;
	height: 25px;
	text-align: right;
	padding-right: 10px;
	clear: both;
}

.bbm22 {
	margin-left:140px;
	font-family: Tahoma;
	font-size: 1.2em;
}

.bbm_likeby {
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 500px;
	font-family: Tahoma;
	font-size: 0.8em;
	color: #bbbbbb;
	word-wrap: break-word;
}

.bbm_signature {
	clear: left;
	float: left;
	margin-top: 10px;
	padding-top: 5px;
	margin-left: 20px;
	padding-bottom: 10px;
	width: 96%;
	font-family: Tahoma;
	font-size: 0.8em;
	word-wrap: break-word;
	border-top: #cccccc dotted 1px;
}

.bbm_data {
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-left: 20px;
	font-family: Tahoma;
	font-size: 0.8em;
	color: #000000;
	word-wrap: break-word;
}

.bbm_data img {
	max-width:100%;
}

.bbms {
	border-top: #eaeaea solid 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 100px;
	box-sizing: border-box;
}

.bbms_1 {
	float:left;
	width:22px;
	height:34px;
	background:url(../../template/000/images/comment/arrow_up.png);
}
.bbms_2 {
	float:left;
	width:40px;
	height:40px;
}

.bbms_2 img {
	max-width:34px;
	max-height:34px;
}

.bbms_3 {	
	margin-left:62px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	word-wrap: break-word;
}

.bbms_time {
	float: left;
	width: 100%;
	height: 20px;
}

.bbms_del {
	float: left;
	width: 30px;
	height: 20px;
	text-align: right;
}

.bttn_dels {
	float:right;
	width:14px;
	height:14px;
	background:url(../../images/icon_delete_square_disable.png);
	cursor:pointer;
}

.bbms_content {
	float: left;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	word-wrap: break-word;
}

.bbms_content img {
	max-width:380px;
}

.bttn_dels:hover {
	background:url(../../images/icon_delete_square.png);
}



.bbm_name {
	font-family:Tahoma;
	font-size:0.8em;
	color:#777777;
}

.bbm_date {
	font-family:Tahoma;
	font-size:0.8em;
	color:#afafaf;	
}

.bbm_likeby {
	display:none;	
}


#bbt_bttnbox {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:10px;
	text-align:right;
}

#dialogMoveToForum {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	padding-top:40px;
	text-align:center;
	font-family:Tahoma;
	font-size:13px;
}

#divbttnReply2 {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 70px;
	text-align: right;
}


.spoiltopic {
	color:#51a300;
	text-decoration:underline;
	cursor:pointer;
}

.spoilbox {
	margin-top:7px;
	border:#51a300 dashed 1px;
	padding:10px;
}

.lockbox {
	margin-top:30px;
	margin-bottom:150px;
	border:#FF9A9A dashed 2px;
	padding:20px;
	text-align:center;
}

.hidebox {
	margin-top:30px;
	margin-bottom:150px;
	background:#FFFEDF;
	border:#FFD971 dashed 2px;
	padding:20px;
	text-align:center;
}

.linkstyle {
	text-decoration:underline;
	cursor:pointer;
	color:#0066b9;
}

.linkstyle a:hover {
	text-decoration:none;
	color:#dd6900;
}

@media only screen and (max-width:1073px) {
	.bbm1 {
		display:none;
	}
	
	.bbm22 {
		margin-left:0px;
		width:100%;
	}
}


/*
@media only screen and (max-width:726px) {

	.bbm_signature {
		display:none;	
	}
	
}

@media only screen and (max-width:585px) {

	.bbm1 {
		width:70px;
	}
	
	.bbm_join {
		display:none;	
	}
	
	.bbm1 img {		
		max-width:98%;
	}	
	
	.bbm22 {
		margin-left:70px;
	}
	
}

@media only screen and (max-width:424px) {

	.bbm1 {
		display:none;
	}
	
	.bbm22 {
		margin-left:0px;
		width:100%;
	}
	
}

*/

@media only screen and (max-width:556px) {

	.bbms {
		margin-left: 50px;
	}
	
}

@media only screen and (max-width:536px) {

	.bbms {
		margin-left: 20px;
	}
	
	.bbms_2 {
		display:none;	
	}

	.bbms_3 {
		margin-left:25px;
	}
	
}

@media only screen and (max-width:355px) {

	.bbms {
		margin-left: 5px;
	}
	
}

@media only screen and (max-width:409px) {


	.bbm_date {
		display:none;	
	}
	
}





/* -------------------- Board Suggest Image ------------------------ */
#topic_figboard {
	margin-top:40px;
	height:32px;
	background:url(../../hfc/home/images/hfc_home/topic_figupdate_02.png) repeat-x;
}

#FixedBoardPic {
	padding-top:10px;
	padding-bottom:10px;
}

#FixedBoardPic div {
	float:left;
	box-sizing:border-box;
	padding-top:0px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	width:14.28%;
}

@media only screen and (max-width:1536px) {
	
	#FixedBoardPic div:nth-child(21) {
		display:none;
	}	
	
	#FixedBoardPic div {
		width:20%;
	}
	
		
}

@media only screen and (max-width:1206px) {	
	
	#FixedBoardPic div {
		width:25%;
	}
		
}

@media only screen and (max-width:829px) {
	
	#FixedBoardPic div:nth-child(21) {
		display:block;
	}	
	
	#FixedBoardPic div {
		width:33.33%;
	}
		
}

@media only screen and (max-width:617px) {
		
	#FixedBoardPic div:nth-child(21) {
		display:none;
	}	
	
	#FixedBoardPic div {
		width:50%;
	}
		
}

#FixedBoardPic div img {
	max-width:100%;
}

/* -------------------- End Board Suggest Image ------------------------ */


#boxToSelected {
	border:#f00 solid 7px;
}