body {
	background:url("tupian/body-bg.png") repeat left top; 
	width:100%; 
	height:100%; 
	margin:0px;
	position: absolute;
}
#page {
position:relative;
margin:0px auto;
width:1160px;
min-height:1100px;
}
#header-wrap{
background:white;
margin: 0 80px;
width: 1000px;
}
#header{
position: relative;
background: #CCD4CC;
width: 1000px;
height: 160px;
}
#main{
margin: 0 80px;
position: relative;
overflow:hidden;
background: white !important;
width: 1000px;
}
#left{
width: 712px;
float: left;
}
#right{
width: 288px;
float: right;
margin: 10px 0 0 0;
}
#footer{
position: relative;
background: #CCD4CC;
height: 75px;
margin: 0 auto;;
width: 1000px;
}
#bot-wrap{
height: 20px;
}
#logo{
position:absolute;
left:27px;
top:8px;
z-index:10006;
padding:5px;
color: #333;
font-size: 72px;
font-weight:bold;
}
#sublogo{
position: absolute;
left: 30px;
top: 85px;
z-index: 10008;
padding:5px;
color: white;
font-size: 24px;
}
.menu{
position:absolute;
left: -7px;
//left: -47px;
top: 100px;
//top:115px;
z-index: 20000;
padding: 7px;
}
.menu ul {
padding-left:0;
} 
.menu li {
padding-bottom:3px;
padding-top:3px;
padding-right:10px;
padding-left:10px;
float: left;
font-size:28px;
color:rgb(73, 74, 73);
font-family:georgia;
text-decoration: none;
background-color:rgb(252, 252, 252);
display:inline; 
list-style:none;
} 
.menu li.active {
background:#6B0A0A;
}
.menu li, a {
text-decoration: none;
color:black;
}
.menu li:hover {
color:white;
background:#6B0A0A;
}
.menu li, a:hover {
color:white;
//color:#6B0A0A;
}
.menu li.active a{
color:white;
}
#background{
background-image:url('tupian/background.jpg');
width: 712px;
height: 545px;
}
#intro-box{
height: 275px;
width: 712px;
}
#intro-top{
position: absolute;
z-index: 500;
text-align: right;
width: 432px;
padding: 15px;
margin: 0 0 0 250px;
}
#intro-top h1,h2{
text-align: center;
}
#group-list{
padding: 15px 15px 0 15px;
}
#group-alpha{
padding:15px;
text-transform: uppercase;
text-align: center;
font-size: 20px;
background:#CCD4CC;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#group-alpha a{
text-transform: uppercase;
color: #634626;
}
#group-alpha a:hover{
color: #BDA95A;
}
.box-title{
background: white url("tupian/box.jpg") no-repeat right bottom;
height:50px;
width:288px;
text-align:center;
margin: 15px 0 0 0;
}
.box-title h2{
padding: 7px;
font-size: 24px;
}
#widget-wrap{
background:black;
color:white;
width:288px;
}
#widget{
min-height: 280px;
width:200px;
padding: 40px 0 40px 40px;
}
#daogao-title{
font-size:22px;
font-weight:bold;
font-style: italic;
}
#daogao-text{
margin: 5px 0;
}
#daogao-text IMG{
border: 2px groove #999999;
width:100px;
float:left;
margin:0 10px 10px 0;
}
#daogao-url{
text-align:right;
}
#daogao-url a{
font-size:20px;
font-weight:bold;
font-style: italic;
color: #BDA95A;
}
#daogao-url a:hover{
color: white;
}
#name{
position: absolute;
right: 0px;
top: 35px;
white-space:nowrap;
background:black;
height: 85px;
padding: 5px;
font-size: 73px;
color:white;
text-align: right;
font-weight: bold;
border-top-left-radius: 5px;
-moz-border-top-left-radius-: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius-: 5px;
-webkit-border-bottom-left-radius: 5px;
}
#name-wrap{
min-width:472px;
//width:472px;
height:1px;
}
#infowrap{
background: white;
padding: 10px;
}
#info{
margin: 120px 0 0 0;
}
#picturebox{
position: absolute;
background: white;
width: 305px;
max-height: 449px;
left: 30px;
top: 20px;
overflow: hidden;
border: 15px solid white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#content{
background: black;
width: 672px;
min-height: 355px;
padding: 20px;
color:white;
}
#content-wrap{
background:white;
}
#guanyu{
font-size: 50px;
font-weight: bold;
}
.title{
font-size: 18px;
font-weight: bold;
line-height: 22px;
float:left;
}
p {
font-size: 18px;
line-height: 22px;
}
hr {
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(99, 70, 38, 0), rgba(99, 70, 38, 0.75), rgba(99, 70, 38, 0));
background-image: -moz-linear-gradient(left, rgba(99, 70, 38, 0), rgba(99, 70, 38, 0.75), rgba(99, 70, 38, 0));
background-image: -ms-linear-gradient(left, rgba(99, 70, 38, 0), rgba(99, 70, 38, 0.75), rgba(99, 70, 38, 0));
background-image: -o-linear-gradient(left, rgba(99, 70, 38, 0), rgba(99, 70, 38, 0.75), rgba(99, 70, 38, 0));
margin: 10px 0;
clear: both;
}
hr.sort-letter {
clear: both;
//margin: 0;
}
h1{
font-size: 34px;
font-weight: bold;
color: #634626;
margin:10px 0;
}
h2{
font-size: 20px;
color: #BDA95A;
margin:0;
}
h3 {
font-size: 15px;
color: #634626;
}
h3.letter {
text-align: center;
text-transform:uppercase;
}
#list-box {
margin: 15px 5px 25px 5px;
padding: 5px 15px 40px 15px;
background: #CCD4CC;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.group-box{
width:100%;
}
.group-box a{
padding: 0 0 0 15px;
background: url("tupian/list-style-arrow.gif") no-repeat left 3px;
color: #634626;
}
.group-box a:hover{
color: #BDA95A;
}
.top{
float: right;
position: relative;
}
.top a{
color:#634626;
text-align:right;
margin: 5px;
padding: 5px 10px 5px 25px;
background: url(tupian/shang.png) 5px 50% no-repeat;
display: block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.top a:hover{
color:#BDA95A;
background: url(tupian/shang.png) 5px 50% no-repeat;
}
.population {
font-size: 18px;
line-height: 22px;
display: block;
margin: 0 0 0 57px;
}
#next{
}
#next a{
background: url('tupian/next.png') left center no-repeat;
position: absolute;
right: 0px;
height: 550px;
width: 80px;
}
#next a:hover{
background: url('tupian/next-black.png') right center no-repeat;
position: absolute;
right: 0px;
height: 550px;
width: 80px;
}
#prev{
}
#prev a{
background: url('tupian/prev.png') right center no-repeat;
position: absolute;
left: 0px;
height: 550px;
width: 80px;
}
#prev a:hover{
background: url('tupian/prev-black.png') left center no-repeat;
position: absolute;
left: 0px;
height: 550px;
width: 80px;
}
#top-slide{ 
width: 280px; 
height: 255px;
padding: 20px 0 0 0;
		}
#bottom-slide{ 
		    width: 430px; 
		    height: 490px;  
		}
#slideshow IMG {
    position:absolute;
    z-index:8;
	border: none;
	}
#slideshow IMG.active {
    z-index:10;
	}
#slideshow IMG.last-active {
    z-index:9;
	}
#minzu-slideshow{
height: 350px;
	}
#minzu-slideshow IMG {
    position:absolute;
    z-index:8;
	border: none;
	}
#minzu-slideshow IMG.active {
    z-index:10;
	}
#minzu-slideshow IMG.last-active {
    z-index:9;
	}
#verse-box-top{
width: 495px;
height: 160px;
float: right;
}
#verse-box-top p{
margin:30px 30px 0 0;
font-size: 24px;
color: #BDA95A;
text-align:right;
line-height:28px;
font-style: italic;
}
.wanmin{
font-size: 24px;
color: black;
font-weight:bold;
font-style: regular;
}
	
#verse-box p{
width: 600px;
margin:40px 40px 20px 40px;
font-style: italic;
font-size: 24px;
background: white;
color: #BDA95A;
text-align:right;
}
.black{
font-size: 18px;
color: black;
font-weight:bold;
}
#lianxi{
margin:15px;
width: 650px;
}
#ckepop {
float: right;
position: relative;
margin: 0px 5px;
}
#jiathis_style_32x32 {
width: 285px;
margin: 0 auto;
height: 35px;;
padding: 5px 0;
}
#footer-links{
text-align: center;
color: #634626;
}
#footer-links a{
color: #634626;
}
#footer-links a:hover{
color: #BDA95A;
}
.form input, .form textarea{
color: #505050;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
//padding: 5px;
box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-moz-box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-webkit-box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
border: 1px solid silver;
margin: 0 3px;
//margin: 0;
}
#dianzi{
text-align: center;
padding:15px;
}
#error{
padding:15px 30px;
}
#error a{
font-weight:bold;
color: #BDA95A;
}
#jwebtolead{
margin: 0 auto;
width: 100%;
}
#jwebtolead .errr_hide{
display: none;
}
#jwebtolead .errr_display{
margin: 0 0 0 120px;
}
 /*Error Messages*/ 
#jwebtolead .errosr, #errr { 
color:#F00; 
}  
/*Labels Left Container  */ 
#jwebtolead .l3ft{  
float: left;
width: 120px;
color: black;
font-size: 15px; 
}  
/*Inputs Right Container  */ 
#jwebtolead .r1ght{  
float:left;  
width:230px;
}
#jwebtolead .r1ght input{
width:210px;
height: 30px;   
color: #505050;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-moz-box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-webkit-box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
border: 1px solid #c0c0c0;
margin: 0 3px;
}  
#jwebtolead .r1ght textarea{
width:210px;
height: 180px;   
color: #505050;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-moz-box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-webkit-box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
border: 1px solid #c0c0c0;
margin: 0 3px;
}  
/*Clear class*/ 
#jwebtolead .cl3ar{  
clear:both;  
}  
/*Space between each row*/ 
#jwebtolead .jtlead_spacer{
height:5px;  
}   
/*General Fields Error */  
#jwebtolead #generalerror{
background-color:#C00;  
color:#FFF; 
text-align:center; 
border:solid 2px #000;  
padding:3px;  
margin: 12px 0;
}
#jwebtolead .jtlead_submit{
width: 80px!important;
margin: 20px 190px!important;
cursor: pointer;
padding: 5px!important;
display: block;
background: #639A13;
color: white!important;
font-weight: bold;
font-size: 17px;
line-height:24px;
}
#jwebtolead #cpt{
width: 161px;
text-align: center;
margin: 10px 0 10px 150px;
//margin: 10px 0 10px 50px;
height: 75px;
border: 2px solid white;
border-radius: 5px;
padding: 0;
display: inline-block;
float: left;
}
#jwebtolead .captcha-reload{
margin: 35px 10px;
height: 20px;
display: inline-block;
float: left;
}
.jwebtolead-message{
font-size: 150%;
color: black;
}