/**ranking.css**/

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

#gl{
	width:640px;
	max-width:96%;
	margin:10px auto;
	margin-top:10px;
	background:rgba(255,255,255,0.8)
}
#gl ul{
	margin:10px auto 10px auto;
	width:98%;
}

#gl li{
	width:32%;
	float:left;
	margin:0;
	box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	position:relative;
}



.shi_top3{
	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;
	margin:0px auto 15px;
	position:relative;
}

.shi_top3 a img{
	border:2px solid #fff;
}

.shi_first{
	background:url(../images/ranking/shi_1.png) no-repeat;
}

.shi_second{
	background:url(../images/ranking/shi_2.png) no-repeat;
}

.shi_third{
	background:url(../images/ranking/shi_3.png) no-repeat;
}

.nf_first{
	background:url(../images/ranking/nf_1.png) no-repeat;
}

.nf_second{
	background:url(../images/ranking/nf_2.png) no-repeat;
}

.nf_third{
	background:url(../images/ranking/nf_3.png) no-repeat;
}

.t3_come{
	width:264px;
	height:38px;
	padding:5px;
	background:rgba(255,255,255,0.9);
	position:absolute;
	bottom:8px;
	left:15px;
	text-align:center;
	z-index:5;
	font-size:14px;
	line-height:1.4em;
	overflow:auto;
}

.four_r{
	height:18px;
	width:90%;
	margin:0px auto 4px;
	border:2px solid #fff;
	font-size:13px;
	background:#ff92dc;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	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;
}

.rank4{
	background:#2f2011;
}

.nm{
	margin:0;
}

.four_nf{
	height:18px;
	width:90%;
	margin:0px auto 4px;
	border:2px solid #fff;
	font-size:13px;
	background:#6cd731;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	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;
}

.four_sta{
	height:18px;
	width:90%;
	margin:-5px auto 4px;
	border:2px solid #fff;
	font-size:13px;
	background:#f99928;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	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_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:0 15px 0;
	position:absolute;
	top:85px;
}

.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;
}

.gl_rank_a{
	background:#ffe7d6;
	border:2px solid #70b8fc;
}

.gl_rank_b{
	background:#d4ffa7;
	border:2px solid #6cd832;
	margin:0;
	width:32%;
	float:left;
	box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
		position:relative;
}

.gl_rank_b li{

}

#no_rank{
	width:320px;
	margin:15px auto 20px auto;
	padding-top:0px;
	overflow:hidden;
	font-size:11px;
}

.gl_no{
	background:#ffea88;
	border:2px solid #f98a28;
	margin:0 0px 10px 5px;
	height:250px;
	width:96px;
	float:left;
	box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
}

#nf_list{
	width:320px;
	margin:15px auto 20px auto;
	padding-top:5px;
	overflow:hidden;
	font-size:11px;
}
#nf_list li a{
	width:98px;
	float:left;
	margin:0 0 10px 5px;
	padding:5px 0;
	background:#fff;
	border:1px solid #fd2777;
	text-align:center;
	display:block;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.75) inset,-1px -1px 1px 0px rgba(0,0,0,0.35) inset,4px 4px 4px 0 rgba(0,0,0,0.2);
	position: relative;
}

#nf_list li .newface_icon {
  position: absolute;
  top:-3px;
  left:-3px;
}

.data1{
	margin:3px 0;
	color:#333;
	white-space:nowrap
}

.data2{
	margin:3px 0;
	font-size:10px;
	color:#333;
	white-space:nowrap
}

.come{
	height:22px;
	margin:5px 0 0;
	font-size:10px;
	overflow:auto;
	color:#3e2711;
}

#shift_shift{
	width:320px;
	margin:15px auto 20px auto;
	padding-top:5px;
	overflow:hidden;
	font-size:11px;
}

#shift_shift li a{
	width:98px;

	float:left;
	margin:0 0 10px 5px;
	padding:5px 0;
	background:#fff;
	border:1px solid #fd2777;
	text-align:center;
	display:block;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.75) inset,-1px -1px 1px 0px rgba(0,0,0,0.35) inset,4px 4px 4px 0 rgba(0,0,0,0.2);
	position: relative;
}
#shift_shift li .newface_icon {
  position: absolute;
  top:-3px;
  left:-3px;
}

#shift_shift hr{
	border:none;
	border-top:1px solid #784256;
	height:2px;
}

.ico_shft_new{
	position:absolute;
	top:-6px;
	left:-8px;
}


#g_list{
	width:320px;
	margin:15px auto 20px auto;
	padding-top:5px;
	overflow:hidden;
	font-size:11px;
}

#g_list li a{
	width:154px;

	float:left;
	margin:0 4px 10px 0;
	padding:5px 0;
	background:#fff;
	border:1px solid #fd2777;
	text-align:center;
	display:block;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.75) inset,-1px -1px 1px 0px rgba(0,0,0,0.35) inset,3px 3px 3px 0 rgba(0,0,0,0.2);
	position: relative;
}

.gl_data1{
	margin:3px 0;
	color:#333;
	font-size:13px;
	white-space:nowrap
}

.gl_data2{
	margin:3px 0;
	font-size:13px;
	color:#333;
	white-space:nowrap
}

#g_list hr{
	border:none;
	border-top:1px solid #784256;
	height:2px;
}

.g_ico_rank{
	position:absolute;
	top:160px;
	right:-6px;
}

.g_ico_yes{
	position:absolute;
	top:-6px;
	right:-6px;
}

.g_ico_new{
	position:absolute;
	top:-6px;
	left:-7px;
}

.g_ico_rank img,.g_ico_yes img,.g_ico_new img{
	width:50px;
}

/**hypergrace girllist**/

.gl-taiken,.gl-today{
	position:absolute;
	top:-3px;
	left:-1px;
}

.gl-taiken img,.gl-today img{
	width:60px;
}

.gl-itiosi,.gl-sinjin{
	position:absolute;
	top:-3px;
	right:-1px;
}

.gl-sinjin img,.gl-itiosi img{
	width:44px;
}

.gl-p-up{
	position:absolute;
	top:148px;
	left:-1px;
}

.gl-p-up img{
	width:50px;
}

.gl-rank_a,.gl-rank_b,.gl-rank_c{
	position:absolute;
	top:156px;
	right:-1px;
}

.gl-rank_a img,.gl-rank_b img,.gl-rank_c img{
	width:50px;
}

.number{
	width:94%;
	margin:0px auto 2px;
	font-size:14px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	background:#ff0084;
	color:#fffae0;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.3);
}

.shiftselect{
	width:320px;
	margin:0 auto;
	text-align:center;
}

select{
width: 200px;
margin:20px auto 5px;
font-size: 17px;
background-color:#efefef;
}


dl {
	margin:10px 0;
	width:280px;
	font-size:13px;
	background:#fff;
	padding:10px;
}
dt {
  float:left;
  margin-bottom:15px;
  color:#f21d86;
  background:fff;
}
dd {
  margin-left:110px;
  margin-bottom:15px;
}

.prof_c{
	background:#fff;
	margin-top:10px;
}

h5{
	border-top:1px solid #f21d86;
	border-bottom:1px solid #f21d86;
	margin-top:5px;
	margin-bottom:10px;
	height:22px;
	line-height:22px;
	color:#f21d86;
	text-align:center;
	font-size:16px;
	background:#fff6fb;
}

.cometitle{
	margin:5px 5px;
	color:#f21d86;
	font-weight:bold;
}

.cometext{
	margin:0px 5px 10px;
	padding-bottom:10px;
	border-bottom:1px solid #999;
}

.option{
	border:1px solid #ffeaac;
	margin:5px 0px 15px;
	width:100%;
}

.option th{
		border:1px solid #ff75ae;
		background:#ffe5f0;
		width:50%;
		height:24px;
		vertical-align:middle;
		font-size:13px;
}

.option td{
		border:1px solid #ff75ae;
		background:#fff;
		width:50%;
		height:24px;
		vertical-align:middle;
		text-align:center;
		font-size:14px
}


/*ranking-----------------------------------*/


.top_third{
	width:295px;
	height:480px;
	margin:20px auto 10px;  
	background:rgba(255,255,255,0.5);
	box-shadow:rgba(200, 0, 100, 0.4) 5px 5px 5px 0px;
	-webkit-box-shadow:rgba(200, 0, 100, 0.4) 5px 5px 5px 0px;
	-moz-box-shadow:rgba(200, 0, 100, 0.4) 5px 5px 5px 0px;
	border:2px solid #ff0084;
}

.top_third .photo{
	width:240px;
	margin:20px auto 10px;
}

.top_third .photo img{
	width:100%;
}

.top_third .name{
	width:100%;
	text-align:center;
	height:22px;
	font-size:18px;
	font-weight:bold;
}

.top_third .name a{
	color:#ff0084;
}

.top_third .datas{
	text-align:center;
	font-size:15px;
	margin-top:5px;
}

.top_third .rancome{
	font-size:15px;
	text-align:center;
	border:none 0;
	font-weight:bold;
	color:#ff4d6a;
	margin-top:10px;
}

.number_sta{
	width:94%;
	margin:0px auto 2px;
	font-size:14px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
	background:#204c7a;
	color:#fffae0;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.3);
}

.obi{
	box-shadow:rgba(200, 0, 100, 0.4) 0px 3px 3px 0px;
	-webkit-box-shadow:rgba(200, 0, 100, 0.4) 0px 3px 3px 0px;
	-moz-box-shadow:rgba(200, 0, 100, 0.4) 0px 3px 3px 0px;
	line-height:0em;
}

.obi img{
	width:100%;
}

.rankbtn{
	width:320px;
	margin:10px auto 5px;
}

.rankbtn img{
	width:100%;
}

#gl{
	width:640px;
	max-width:98%;
	margin:10px auto;
	margin-top:10px;
	background:rgba(255,255,255,0.8)
}

#gl ul{
	margin:10px auto 10px auto;
	width:98%;
}

#gl li{
	width:32%;
	float:left;
	margin:0;
	box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.35) 0px 2px 3px 0px;
	position:relative;
}

.gl_ug{
	background:#ffa6ce;
	border:2px solid #ff52a4;
}

.gl_no{
	background:#444;
	border:2px solid #ff8292;
}

.gl_nf{
	background:#444;
	border:2px solid #5ec525;
}

.gl_thumb{
	100%;
	margin:0px auto 0px;
}

.gl_thumb img{
	width:100%;
}

.gl_come{
	height:36px;
	margin:1px 0 0;
	font-size:12px;
	overflow:auto;
	color:#6f3108;
	background:#fff;
	padding:2px;
}

.gl_name{
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding:4px 0 2px 0;
	margin:0px 0 0px;
	height:16px;
	line-height:16px;
	background:#ff52a4;
	overflow:auto;
	white-space:nowrap;
	text-align:center;
}

.gl_nf .gl_name{
	background:#5ec525;
}

.gl_size{
	font-size:12px;
	white-space:nowrap;
	text-align:center;
	height:13px;
	overflow:hidden;
	line-height:1.2em;
	padding-top:3px;
	color:#fff;
	letter-spacing:-0.06em;
}

.gl_today{
	height:16px;
	width:100%;
	background:#ffccd3;
	text-align:center;
	padding:2px 0 0;
}

.gl_today img{
	height:16px;
	max-width:100%;
}

.gl_icon_rank{
	position:absolute;
	bottom:96px;
	right:0px;
	width:35%;
}

.gl_icon_rank img{
	width:100%;
}

.gl_icon_nf{
	position:absolute;
	bottom:96px;
	left:0px;
	width:40%;
}

.gl_icon_nf img{
	width:100%;
}

.gl_icon_taiken{
	position:absolute;
	bottom:96px;
	right:0px;
	width:40%
}

.gl_icon_taiken img{
	width:100%;
}

.icon_ug{
	bottom:110px;
}

.icon_tech{
	top:18px;
}

.icon_looks{
	top:18px;
}

.rank_h3{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	height:40px;
	line-height:44px;
	text-align:center;
	margin:0px 0 10px 0;
	background:#ff92dc;;
	text-align:center;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

.nf_h3{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	height:40px;
	line-height:44px;
	text-align:center;
	margin:0px 0 10px 0;
	background:#6cd832;
	text-align:center;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

.today{
position: absolute;
top: 0px;
right: 0px;
width: 30%;
}