@charset "utf-8";
/* CSS Document */

.line-2 { margin-top:20px; }
.line-2:after {
	content: "";
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 0px;
	overflow: hidden;
	clear: both;
}
.left { float: left; }
.right { float: right; }
.left, .right { width: 450px; }

#reason { margin: 40px 0px; }
h4 {
	font-size: 14px;
	font-weight: normal;
	border-bottom:1px #666666 solid;
}

#pict,
#pict li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#pict { margin: 30px 0px; height: 320px; }
#pict:after {
	content: "";
	display: block;
	width: 100%;
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
}
#pict li {
	float:left;
	width: 240px;
	text-align: center;
}
#pict > li:last-child {
	width: 480px;
}
#pict li img { cursor: pointer; }
#pict li img:hover { opacity: 0.7; }

#show-bg {
	position: fixed;
	z-index: 99;
	display: none;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 700px;
	background:rgba( 0, 0, 0, 0.7 );
}
#show-box {
	position: relative;
	margin: 70px auto 0px;
	padding: 4px;
	width: 608px;
	height: 408px;
	background: #FFFFFF;
}
#show-box #close {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: -30px;
	right: -30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 30px;
	text-decoration: none;
}
#show-area {
	position: relative;
	width: 100%;
	height: 400px;
	text-align: center;
}
#loading {
	position:absolute;
	margin-top: -30px;
	margin-left: -30px;
	top: 50%;
	left: 50%;
}
#show-pic { display: none; }