/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License
*/

body {
	margin: 0;
	padding: 0;
	background: #e5e8da url(../images/wrapper-bg.png) repeat-x;
}

strong {
	color: #222222;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 {
	font-size: 2em;
}

h2 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	letter-spacing: -2px;
	font-size: 2.8em;
	color: #FFFFFF;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 200%;
}

p, ol {
}

ul, ol {
}

a {
	color: #333333;
}

a:hover {
}

img{border:0px;}

#wrapper {
	background: #E5E8DA;
}

.container {
	width: 1000px;
	margin: 0px auto;
}

/* Header */

#header {
	width: 800px;
	height: 115px;
	margin: 0 auto;
	padding: 0px;
}

/* Logo */

#logo {
	margin: 39px 0 0 0;
	padding: 0;
	width:300px;
	float:left;
}

/* Splash */

#splash {
	height: 413px;
	background-color:#FFF;
}

#splash .radiusT {
	border-radius: 10px 10px 0 0;
	background:url('../images/header-photo.jpg') no-repeat;
	height: 413px;
	margin:0 10px;
}

#main {
	width:770px;
	margin:0px auto;
	border-radius: 10px;
	box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.1);
	background: #FFFFFF;
	position: relative;
}

#content_mask {
	width:770px;
	height:775px;
	overflow:hidden;
	margin:0px auto;
	position: relative;
}

#content_mask > div{
	position:absolute;
	width: 770px;
	height: 750px;
	margin: 0px auto;
	padding: 10px 0px;
	margin:0 auto;
}

.btn_left{ position:absolute; float:left; left:-30px; top: 236px; z-index:2; cursor:pointer;}
.btn_right{ position:absolute; float:right; right:-30px; top: 236px; z-index:2; cursor:pointer;}




/* Search */

#search {
	float: right;
	width: 280px;
	height: 60px;
	padding: 20px 0px 0px 0px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 20px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 170px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #E7EBED;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	width: 50px;
	height: 22px;
	border: none;
	background: #B9B9B9;
	color: #000000;
}

/* Menu */

#menu {
	height: 35px;
	margin: 0 auto;
	padding: 0px;
	float:left;
}

#menu ul {
	margin: 80px 0 0  10px;
	padding:0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	padding:0px;
	float:left;
}

/* 固定章*/
#stamp{ left: 580px;position: relative;top: -108px; width: 192px; z-index: 2;}



/* Page */

#page {
	width: 770px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

#content {
	float: right;
	width: 530px;
}

#sidebar {
	float: left;
	width: 270px;
}

#poptrox {
	width: 740px;
	margin: 0px auto;
	padding: 40px 20px 0px 20px;
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.1);
}

#footer {
	overflow: hidden;
	width: 800px;
	height:30px;
	margin: 0px auto 0px auto;
	padding: 0px 0 0 0;
}

#footer p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	color: #425704;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

#footer a {
	color: #607e05;
	text-decoration: none;
}

#box1 {
	margin-bottom: 20px;
	padding: 20px;
	background: #FFFFFF;
	color: #707070;
}

.poptrox-popup {
	border-radius: 10px 0px 10px 10px;
	box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.5);
}

.poptrox-popup .closer {
	border-radius: 0px 10px 10px 0px;
}
	
.photo{ padding:8px 0px 0 20px;}
.photo ul{
	list-style:none;
	margin:0px;
	padding:0px;
		}
		
.photo li{
	width:120px;
	height:90px;
	margin:10px;
	float:left;
	padding:2px;
	border:1px #999999 solid;
	box-shadow: 0px 1px 5px 1px #878787;
	position:relative;
	transition: all 200ms ease-out;
}

.photo li a{
	display:block;
	width:120px;
	height:90px;
	position: absolute;
}
	
.photo li:hover{
	border:1px #78b71f solid;
	box-shadow: 0px 1px 5px 1px #78b71f;
	-webkit-transform:scale(1.1, 1.1);
}

.photo li div{
	width:120px;
	height:90px;
	background-repeat:no-repeat;
	background-size:cover;
}




.photo li a:hover{
	background:url(../images/btn_zoom.jpg) 95% 95% no-repeat;
}