/**top.css**/
.girlsno{
	position: absolute;
    top: 52%;
    left: 56%;
    background: repeating-linear-gradient(-45deg, #353535, #353535 5px, #202020 5px, #202020 10px);
    width: 50px;
    text-align: center;
    padding: 4px;
    color: white;
    border-top: 1px solid white;
    border-left: 1px solid white;
}
.mainbox{
	margin:0 0 10px;
	padding:0;
}

#news{
	width:306px;
	height:450px;
	margin-right:11px;
	background:#fff;
	float:left;
	border-bottom:10px solid #ff51a3;
}

#update{
	width:306px;
	height:450px;
	margin-right:11px;
	background:#fff;
	float:left;
	border-bottom:10px solid #34abfe;
}

#imaike{
	width:306px;
	height:450px;
	background:#fff;
	float:left;
	border-bottom:10px solid #f99928;	
}

#new_info{
	width:306px;
	height:450px;
	background:#fff;
	float:left;
	border-bottom:10px solid #6cd731;
}

.topic_inner{
	width:276px;
	height:380px;
	margin:5px auto 0;
	background:#f6f6f6;
	border:1px solid #ccc;
	padding:5px;
	overflow-y: scroll;
	overflow-x: hidden;
	word-wrap:break-word;
}

.topic_cont{
	border:2px solid #ff96c7;
	background:#fff;
	padding:5px;
	line-height:1.2em;
	margin-bottom:5px;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;

}

.topic_cont h4{
	background:#ff51a3;
	color:#fff;
	height:22px;
	line-height:22px;
	padding-left:4px;
}

h4 img{
line-height:0em;
vertical-align:top;
}

.news_title{
	line-height:20px;
	height:20px;
	color:ff51a3;
	border-bottom:1px solid #ff51a3;
	color:#ff51a3;
	margin-bottom:5px;
}

dl {
  width:255px;
}
dt {
  float:left;
  width:90px;
}

dt img{
	width:100%;
}

dd {
  margin-left:94px;
   font-size:14px;
}

.n_name a{
	font-weight:bold;
	color:#ff51a3;
}

.n_text{
	border:1px solid #ff96c7;
	padding:3px 2px;
	width:150px;
	font-size:13px;
	line-height:1.2em;
	background:#fff0f7;
}

.up_cont{
	border:2px solid #34abfe;
	background:#fff;
	padding:5px;
	line-height:1.2em;
	margin-bottom:5px;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;	
}

.up_cont h4{
	background-color:#34abfe;
	color:#fff;
	height:22px;
	line-height:22px;
	padding-left:2px;
}

.up_title{
	line-height:20px;
	height:20px;
	color:34abfe;
	border-bottom:1px solid #34abfe;
	color:#2b9ff0;
	margin-bottom:5px;
}

.up_text{
	border:1px solid #34abfe;
	padding:3px 2px;
	width:150px;
	font-size:13px;
	line-height:1.2em;
	background:#eff8ff;
}

/**----ni_cont---------------------------------------------------------------------------**/

.ni_cont{
	border:2px solid #6cd731;
	background:#fff;
	padding:5px;
	line-height:1.2em;
	margin-bottom:5px;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;	
}

.ni_cont h4{
	background-color:#6cd731;
	color:#fff;
	height:22px;
	line-height:22px;
	padding-left:2px;
}

.ni_title{
	line-height:20px;
	height:20px;
	color:6cd731;
	border-bottom:1px solid #6cd731;
	color:#5bbf24;
	margin-bottom:5px;
}

.ni_text{
	border:1px solid #6cd731;
	padding:3px 2px;
	width:150px;
	font-size:13px;
	line-height:1.2em;
	background:#eaf7e3;
}

/**-------------------------------------------------------------------------------**/

#cover_ug{
	width:300px;
	height:520px;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	float:left;
	margin:10px 0 10px 10px;
	background:url(../images/top/cover_bg.png) no-repeat;
	position:relative;
}

#cover_nf{
	width:300px;
	height:520px;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	float:left;
	margin:10px 0 10px 10px;
	background:url(../images/top/cover_nf.png) no-repeat;
	position:relative;
}

#cover_sta{
	width:300px;
	height:520px;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 4px 6px 0px;
	float:left;
	margin:10px 0 10px 10px;
	background:url(../images/top/cover_sta.png) no-repeat;
	position:relative;
}

.cover_thumb{
	width:270px;
	height:320px;
	margin:85px 15px 0;
}

.cover_thumb img{
	border:2px solid #fff;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 4px 0px;
}

.cover_data{
	width:274px;
	height:54px;
	background:rgba(255,255,255,0.6);
	position:absolute;
	bottom:72px;
	left:15px;
	text-align:center;
	z-index:5;
}

.cover_data p{
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-top:6px;
	line-height:1.35em;
}

.cover_icon{
	position:absolute;
	z-index:6;
	top:70px;
	left:-15px;
}

/**-------------------------------------------**/
h3{
	line-height:0em;
	margin:0;
	padding:0;
}

.autoplay{
	 width:1000px;
	 margin:20px auto;
	 background:pink;
	 	box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
}

.autoplay div{
	background:#fff;
}

.box{
	width:1000px;
	margin:0 auto 20px;
}

.covergirl{
	width:320px;
	height:320px;
	float:left;
	background:url(../images/top/cov_bg.png);
	box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
}

.covergirl a,.pickup a{
	display:block;
	width:225px;
	height:300px;
	background:#fff;
	border:3px solid #fff;
	position:relative;
	top:7px;
	left:80px;
	text-decoration:none;
	color:#e51672;
	font-size: 15px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 3px 0px;
}


/* Push */
@-webkit-keyframes covergirl{
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes covergirl{
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.covergirl a:hover,.pickup a:hover{
	  -webkit-animation-name: covergirl;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.covname{
	position:absolute;
	top:225px;
	width:100%;
	height:32px;
	line-height:32px;
	text-align:center;
	background: rgba(255,255,255,0.8);
	font-weight:bold;
}

.covsize{
	position:absolute;
	top:262px;
	width:100%;
	height:32px;
	line-height:32px;
	text-align:center;
	background: rgba(255,255,255,0.8);
}

.covergirl a .thumb,.pickup a .thumb{
	width:100%;
}

.c_icon{
	width:100px;
	height:100px;
	position:absolute;
	top:-8px;
	left:-48px;
	
}

.pickup{
	width:320px;
	height:320px;
	float:left;
	background:url(../images/top/pick_bg.png);
	box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	margin-left:20px;
}

.news,.update,.blog{
	width:320px;
	float:left;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 7px 7px 0px;
}


.update{
	margin-left:20px;
}

.blog{
	margin-left:20px;
}


.box_wnew {
  border-bottom: dotted 2px #f79ccc;
  margin-bottom: 10px;
  padding:0 5px 5px;
  min-height:265px;
}

.news_update_date{
	color:#fc1490;
	font-weight:bold;
}

.wtitle{
border-radius: 3px;
height:24px;
line-height:24px;
background: #fff;
background: #fc1490;
text-align:center;
margin:2px 0 4px;
color:#fff;
}

.update_photo{
	width:62px;
	height:82px;
	margin:5px 0 5px 0px;
	float:left;
}

.update_photo img{
	border:#ddd 1px solid;
}

.update_info{
	width:;
	margin:15px 0 5px 5px;
	float:left;

}

.update_info a{
	font-weight:bold;
}

.update_comment{
	clear:both;
	margin:5px 0px 5px;
	padding:5px;
	color:#353535;
}

.update_comment a {
	font-weight:bold;
	color:#FF8500;
	text-decoration:underline;
}

.inner iframe{
	margin:0 10px;
	height:300px;
}

.sideinner iframe{
	margin:0 10px;
}

.wnthumb{
	float:left;
	margin-right:5px;
}

.wnthumb img{
	width:120px !important;
	height:180px !important;
}

.wnspec{
	margin-left:5px;
	line-height:1.5em;
}

.wtitle{
	background:#ff6ea8;
	text-align:center;
	color:#fff;
	border-radius:5px;
	padding:4px;
	margin:5px 0;
	
}

.wn_text{
	line-height:1.4em;
	margin-top:10px;
}

.top_h2{
width:1200px;
text-align:center;
height:64px;
margin:10px auto;
position:relative;
top:0;
left:0;
}