@charset "UTF-8";

/********************contact********************/
#contact {
	position: fixed; _position: absolute;
	width: 600px; height: 440px;
	left: 50%; top: 50%;
	margin: -220px 0 0 -300px;
	background: url("../images/contact/bg.png") no-repeat left top;
}

#contact .msg {
	position: absolute;
	left: 0; top: 140px;
	color: #3e3e3e; font-size: 12px; line-height: 24px;
}

#contact .form {
	position: absolute;
	width: 260px; height: 440px;
	right: 0; top: 0;
}

.form form > div {
	height: 35px;
	padding: 20px 0 5px 0;
}

.form form > div.content {
	height: 138px;
	padding: 12px 0 10px 0;
}

.form form > div.btn {
	height: 40px;
	padding: 0 18px 0 0;
	text-align: right;
}

.form input {
	width: 232px; height: 34px;
	padding: 0 5px;
	color: #5e3227; font-size: 13px; line-height: 34px;
	background: url("../images/contact/form.png") no-repeat;
	border: none;
}

.form input:focus {
	background-position: -243px 0;
}

.form textarea {
	width: 232px; height: 128px;
	padding: 5px;
	color: #5e3227; font-size: 13px; line-height: 18px;
	background: url("../images/contact/form.png") no-repeat 0 -38px;
	border: none;
	overflow: hidden;
}

.form textarea:focus {
	background-position: -243px -38px;
}

.form form > div.btn input {
	width: 110px; height: 40px;
	background: url("../images/contact/form.png") no-repeat 0 -180px;
	border: none;
}

.form form > div.btn input:hover , .form form > div.btn input:focus {
	background-position: -243px -180px;
}