@charset "utf-8";
/* CSS 前台通用 */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
body { margin:0; padding:0; color:#000; font:16px/32px 'Arial','Microsoft YaHei','微软雅黑','SimSun','宋体'; background-color:#eee; }
img { border:none; }
a { color:inherit; text-decoration:none; }
.container { width:1170px; margin:0 auto; overflow:hidden; }

/* 页头 */
header { width:100%; height:180px; background: url(/images/header-bg.jpg) repeat-x left top #fff; }
header nav { position:relative; width:100%; height:50px; line-height: 50px; padding-left:210px; margin-top:105px; background-color: #555; }
header nav img { position:absolute; width:180px; height:180px; left:0; top:-105px; }
header nav a { height: 50px; line-height: 50px; padding:0 17px; font-size: 18px; color: #fff; background-color: #555; display: inline-block; transition:all .35s; }
header nav a:hover { background-color: #a40000; }
header nav a.focus { background-color: #a40000; }

/* 页脚 */
footer { padding:30px 0 100px 0; line-height: 24px; font-size: 14px; color: #555;  text-align:center; background-color: #eee; }

/* 表单元素样式 */
input[type="text"],input[type="password"] {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	width:100%;
	height: 30px;
    line-height: 20px;
	padding: 4px 6px;
	border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    color: #555;
	background-color: #fff;
}
textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	width:100%;
	line-height: 20px;
	padding: 4px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    color: #555;
	background-color: #fff;
}
select {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	height:30px;
	line-height: 20px;
	padding: 4px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    color: #555;
	background-color: #fff;
}
select:focus,input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
	border-color:rgba(82,168,236,0.8);
	box-shadow:0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(82,168,236,0.6);
}
.error input, .error select, .error textarea {
	border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #B94A48;
}