@charset "UTF-8";

body{
	width: 100%;
	min-width: 930px;
	background:url(../images/cp_bg.png) repeat;
	background-color:#000;
	text-align:center;
}


#wrapp{
	width: 930px;
	margin: 0 auto;
	background:#fff;
	box-shadow: 0 0 20px 20px rgba(0,0,0,0.5);
}

.share{
	width: 930px;
	text-align: right;
	background: #000;
}
/*.fb-share, .tw-share{display: inline-block;}*/
.fb-share{  margin-right: 15px; margin-top:16px; float:right;}
.tw-share{ margin-right: 15px; margin-top:20px; float:right;}

logo{
	text-align: center;
	width:100%;
}

.oubo{
	width: 930px;
}
.outline > p{
	margin-bottom: 40px;
}

#contens{
	width:100%;
	margin:0 auto;
	background:url(../images/back.jpg) no-repeat;
	background-size:cover;
	background-position:top;
}

#form{
	width:83%;
	margin:0 auto;
}

.box01,
.box02{
	width:356px;
}

.btn_box{
	position:relative;
}

#menber,
#menber02{
	position:absolute;
	top:0;
	left:0;
}

.box01{
	float:left;
	margin:0;
	padding:0;
}

.box02{
	float:right;
	margin:0;
	padding:0;
}


.btn_box #menber a{
	width:100%;
	display:block;
	padding:0;
}

.btn_box #menber a:hover{
	background-position:left bottom;
}

.btn_box #menber a:active{
	background-position:left bottom;
}
	
.btn_box #new a{
	background-image:url(../images/btn_new.png);
	width:283px;
	height:97px;
	display:block;
	background-position:left top;
	padding:0;
}
	
.btn_box #new a:hover{
	background-position:left bottom;
}
	
	
	
.btn_box #new a:active{
  	background-position:left bottom;
}
	


.attention{
	width: 930px;
	margin: 0 auto;
	padding: 40px 0;
}

.attention nav{
		width:83%;
	margin: 40px auto 0;
	text-align: center;
}

nav a{
	display: inline-block;
	margin:0;
	padding:0;
	width:63%;
}

nav a:nth-child(2){
	width:36%;
	margin:0 0 0 1%;
	padding:0;
}

.c_story{
	margin:0;
	padding:0;
	background:url(../images/story_back.jpg) no-repeat;
	background-size:cover;
	background-position:center top;
	width:100%
}

.story_dit{
	position:relative;
	z-index:1;
	text-align: center;
	margin:0 auto;
	padding:0 5%;
	padding-top:70px;
}

.c_story .story_img{
	margin:45px 0 90px 0;
	padding:0;
	display:block;
}


.c_story img{
	margin:0;
	padding:0;
	display:block;
}

.cast{
	padding:0 10%;
	margin-top:40px;
	padding-bottom:85px;
}

			
footer{
	width: 930px;
	text-align: center;
}
	
	
span{
	display:none;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */