/* contact */
.wideBackground{}

/*-------------------------------------------
member form
-------------------------------------------*/
#member section{
	width:47%;
	margin:0 auto;
	border:2px solid #e1c9af;
	padding:30px;
}
.data-field{
	margin:0; padding:0; list-style:none;
}
.data-field li{
	padding-left:80px;
	padding-bottom:10px;
	position:relative;
}
.data-field h5{
	margin:0;
	position:absolute;
	left:0px; top:5px;
	font-size:13px; color:#be8b52;
}
.data-field input, .data-field select, .data-field textarea{
	width:100%;
}
.data-field .vCode{
	width:30%;
}
.data-field .imgCode{
	display:inline-block;*display:inline;zoom:1;
	line-height:38px;
	background-color:#f5f5f5;
	color:#333; font-size:18px;
	padding:0 20px;
}
.data-field .btn-submit{
	font-size:16px;
	width:30%;
}
/*-------------------------------------------
search block
-------------------------------------------*/
#searchBlock{}
#searchBlock ul li{float:left; margin-right:5%; padding:0;}
#searchBlock ul li input, #searchBlock ul li select{width:auto;}
#searchBlock input[type=submit]{width:100px;}
#searchBlock .datepicker{background-color:#fff !important;}
/*-------------------------------------------
login
-------------------------------------------*/
#login li a{
	color:#666;
}
/*-------------------------------------------
signup
-------------------------------------------*/
#signup li{
	padding-left:100px !important;
}
#signup a{
	color:#0499ef !important;
}
#signup .btn-check{
	background:#390; color:#fff !important;
}
#signup .btn-submit{
	margin-bottom:10px;
}
/*-------------------------------------------
profile
-------------------------------------------*/
#profile .photo{
	box-sizing:border-box;
	margin:0 auto; 
	width:126px; height:126px; 
	text-align:center;
	background:url(../images/user-photo-default.jpg) center 0 no-repeat;
	border:2px solid #be8b52;
	border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
	overflow:hidden;
	position:absolute; right:-93px; top:-93px; z-index:10;
}
#profile .photo img{width:100%;}
/*-------------------------------------------
reservation
-------------------------------------------*/
#reservation {
	width:100% !important;
	border:none !important;
	padding:0px !important;
}
#reservation .list{
	margin-top:18px;
}
#reservation .list thead th{
	padding:5px;
	border-bottom:2px solid #be8b52;
	color:#be8b52;
}
#reservation .list tbody td{
	padding:10px 15px;
	border-bottom:1px solid #e5dacf;
}
#reservation .list tbody tr:hover{
	background:#fdf8d7;
	color:#000 !important;
}
#reservation .list tbody td:nth-child(1), 
#reservation .list tbody td:nth-child(2), 
#reservation .list tbody td:nth-child(3), 
#reservation .list tbody td:nth-child(4), 
#reservation .list tbody td:nth-child(5), 
#reservation .list tbody td:nth-child(6), 
#reservation .list tbody td:nth-child(7){
	text-align:center;
}


/*-------------------------------------------
qz
-------------------------------------------*/
.topBlock{
	border-top:1px solid #e1c9af;
	border-bottom:1px solid #e1c9af;
	padding:30px 0;
	position:relative;
}
.btn-post{
	font-size:18px !important; font-weight:400 !important;
	width:100px;
	position:absolute; right:3px; top:20px;
}
/*-------------------------------------------
exchange
-------------------------------------------*/
.postBlock ul{
	margin:0; padding:0px; list-style:none;
}
.postBlock ul li{
	padding-left:80px;
	padding-bottom:10px;
	position:relative;
}
.postBlock h5{
	margin:0;
	position:absolute;
	left:0px; top:5px;
	font-size:13px; color:#be8b52;
}
.postBlock input, .postBlock select, .postBlock textarea{
	width:100%;
}
.postBlock .vCode{
	width:30%;
}
.postBlock .imgCode{
	display:inline-block;*display:inline;zoom:1;
	line-height:38px;
	background-color:#f5f5f5;
	color:#333; font-size:18px;
	padding:0 20px;
}
.postBlock .btn-submit{
	font-size:16px;
	width:30%;
}
/*-------------------------------------------
list
-------------------------------------------*/
.list{
	
}
.list ul{
	margin:0 0; padding:0 0; list-style:none;
}
.list ul li{
	position:relative;
	border-bottom:1px solid #e5dacf;
	padding:12px;
}
.list figure, .list .topic, .updateTime, .replyCount{
	display:inline-block;*display:inline;zoom:1;
	vertical-align:top;
	margin-left:1.5%;
}
.list figure{width:7%; height:55px; overflow:hidden; margin:0;}
.list figure img{width:100%;}
.list .topic{
	width:65%; 
	padding-right:1%;
	border-right:1px solid #e5dacf;
	font-size:18px; color:#333;
}
.list .postAuthor{font-size:12px; color:#be8b52;}
.list .postTime{font-size:12px; color:#777;}
.list .type{font-size:12px; color:#be8b52;}
.list a{color:#111;}
.list .updateTime{width:13%; text-align:center; color:#be8b52;}
.list .replyCount{width:8%; text-align:center; color:#be8b52;}
.list .updateTime strong, .list .replyCount strong{display:block; font-size:16px; color:#333;}
	/* hover */
	.list ul li:hover{background:#fdf8d7;}
	.list a:hover{color:#09F;}

/*-------------------------------------------
view
-------------------------------------------*/
#detail{}
.topicBlock{
	margin:0; 
	color:#111; font-size:18px; 
	padding:15px 0; 
	border-top:1px solid #e1c9af;
	border-bottom:1px solid #e1c9af;
}
.topicBlock figure, .topicBlock .topic, .updateTime, .replyCount{
	display:inline-block;*display:inline;zoom:1;
	vertical-align:top;
	margin-left:1.5%;
}
.topicBlock figure{width:7%; height:55px; overflow:hidden; margin:0;}
.topicBlock figure img{width:100%;}
.topicBlock .topic{
	width:65%; 
	margin-right:1%;
	padding-right:1%;
	border-right:1px solid #e1c9af;
	font-size:20px; color:#111;
}
.topicBlock .postAuthor{font-size:12px; color:#be8b52;}
.topicBlock .postTime{font-size:12px; color:#777;}
.topicBlock .type{font-size:12px; color:#be8b52;}
.topicBlock .updateTime{width:13%; text-align:center; color:#be8b52; font-size:12px;}
.topicBlock .replyCount{width:8%; text-align:center; color:#be8b52; font-size:12px;}
.topicBlock .updateTime strong, .topicBlock .replyCount strong{display:block; font-size:16px; color:#333;}
.topicBlock p{margin:0; clear:both; width:100%; border:1px solid #ddd;}

/*-------------------------------------------
replay
-------------------------------------------*/
.exchangeBody{
	word-wrap:break-word; word-break:normal;
}
.exchangeBody ul{margin:0 0 0 3.5%; padding:0 0 0 0; list-style:none;
	border-left:2px solid #e1c9af;}
.exchangeBody ul li{
	border-top:1px solid #e5dacf; 
	padding:0 0 0 4.5%; 
	margin-top:40px; 
	position:relative;
}
.exchangeBody .item{
	background-color:#fff; 
	padding:15px; 
	margin-top:-28px;
	border:1px solid #e5dacf;
	border-radius:3px;
	position:relative;
}
.exchangeBody .item.supervisor{
	background-color:#fbf7f3;
}
.exchangeBody .photo{
	position:absolute; left:-7.5%; top:0;
	width:60px; height:60px;
	background-color:#f7f7f7;
	background-image:url(../images/user-photo-default.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:60px 60px;
	border:2px solid #be8b52;
	border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
	overflow:hidden;
}
.exchangeBody .postAuthor{font-size:12px; color:#be8b52;}
.exchangeBody .postTime{font-size:12px; color:#777;}
.exchangeBody p{margin:0; width:90%;}
.exchangeBody .btn-reply{
	position:absolute; right:20px; bottom:20px;
}
	/* hover*/
	.exchangeBody ul li:hover .item{background:#fdf8d7;}