/*ranking
--------------------------------------------------*/
#rank{ margin-bottom:10px; text-align: center; }
#rank ul{ background-image: url(../spimg/rank_bg.png); background-repeat: no-repeat; background-position: center top; }
#rank ul li a,#nf_rank ul li a,#acc_rank ul li a{display:block;margin:0 auto}
#rank ul li a p,#nf_rank ul li a p,#acc_rank ul li a p{ bottom:0; left:0; padding:3px 0; width:100%; color:#FFF; text-align:center; text-decoration:none; background:rgba(0,0,0,.7) }
#rank ul li:nth-child(2),#rank ul li:nth-child(4),#rank ul li:nth-child(7),#rank ul li:nth-child(11),#rank ul li:nth-child(15),#rank ul li:nth-child(19){clear:both}
/*no1
--------------------------------------------------*/
#rank ul li:nth-child(1){margin-top:10%;padding-bottom:25%;width:100%;background:url(../spimg/rank_no1_bg.png) no-repeat center top / 100% auto; z-index:5}
#rank ul li:nth-child(1) a{padding-top:3.2%;width:47%;max-width:300px;}
#rank ul li:nth-child(1) a p{font-size:12pt}
#rank ul li:nth-child(1) span{top:-10%;left:0;width:100%;	height:25%;background:url(../spimg/rank_no1.png) no-repeat center top / 100% auto;}

/*no2,3
--------------------------------------------------*/
#rank ul li:nth-child(2),#rank ul li:nth-child(3){padding-bottom:13%;width:50%}
#rank ul li:nth-child(2){background:url(../spimg/rank_no2_bg.png) no-repeat center top / 100% auto;z-index:6}
#rank ul li:nth-child(3){background:url(../spimg/rank_no2_bg.png) no-repeat center top / 100% auto;z-index:6}

#rank ul li:nth-child(2) a,#rank ul li:nth-child(3) a{margin-top:3%;width:75%}
#rank ul li:nth-child(2) span,#rank ul li:nth-child(3) span{top:-19%;width:43%;	height:31%;}
#rank ul li:nth-child(2) span{left:0;background:url(../spimg/rank_no2.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(3) span{right:0;background:url(../spimg/rank_no3.png) no-repeat center top / 100% auto}

#rank ul li:nth-child(2) span:after,#rank ul li:nth-child(3) span:after{content:"";position:absolute;top:250%;width:90%;height:124%;}
#rank ul li:nth-child(2) span:after{left:-10%;background:url(../spimg/rank_no2_w.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(3) span:after{right:-10%;background:url(../spimg/rank_no3_w.png) no-repeat center top / 100% auto}

/*no4,5,6
--------------------------------------------------*/
#rank ul li:nth-child(4),#rank ul li:nth-child(5),#rank ul li:nth-child(6){padding-bottom:8%;width:33.333%}
#rank ul li:nth-child(4) a,#rank ul li:nth-child(5) a,#rank ul li:nth-child(6) a{ width:85%; border:2px solid #FFCC33 }
#rank ul li:nth-child(4) a p,#rank ul li:nth-child(5) a p,#rank ul li:nth-child(6) a p{font-size:9pt}

#rank ul li:nth-child(4) span,#rank ul li:nth-child(5) span,#rank ul li:nth-child(6) span{top:-15%;left:14%;width:75%;height:20%;}
#rank ul li:nth-child(4) span{background:url(../spimg/rank_no4.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(5) span{background:url(../spimg/rank_no5.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(6) span{background:url(../spimg/rank_no6.png) no-repeat center top / 100% auto}

/*no7,8,9,10,11-20
--------------------------------------------------*/
#rank ul li:nth-child(7),#rank ul li:nth-child(8),#rank ul li:nth-child(9),#rank ul li:nth-child(10),#rank ul li:nth-child(11),#rank ul li:nth-child(12),#rank ul li:nth-child(13),#rank ul li:nth-child(14),#rank ul li:nth-child(15),#rank ul li:nth-child(16),#rank ul li:nth-child(17),#rank ul li:nth-child(18),#rank ul li:nth-child(19),#rank ul li:nth-child(20){width:25%}
#rank ul li:nth-child(11),#rank ul li:nth-child(12),#rank ul li:nth-child(13),#rank ul li:nth-child(14),#rank ul li:nth-child(15),#rank ul li:nth-child(16),#rank ul li:nth-child(17),#rank ul li:nth-child(18),#rank ul li:nth-child(19),#rank ul li:nth-child(20){margin-top:7%}
#rank ul li:nth-child(7) a,#rank ul li:nth-child(8) a,#rank ul li:nth-child(9) a,#rank ul li:nth-child(10) a,#rank ul li:nth-child(11) a,#rank ul li:nth-child(12) a,#rank ul li:nth-child(13) a,#rank ul li:nth-child(14) a,#rank ul li:nth-child(15) a,#rank ul li:nth-child(16) a,#rank ul li:nth-child(17) a,#rank ul li:nth-child(18) a,#rank ul li:nth-child(19) a,#rank ul li:nth-child(20) a{ width:90%; border:1px solid #FC3 }
#rank ul li:nth-child(7) a p,#rank ul li:nth-child(8) a p,#rank ul li:nth-child(9) a p,#rank ul li:nth-child(10) a p,#rank ul li:nth-child(11) a p,#rank ul li:nth-child(12) a p,#rank ul li:nth-child(13) a p,#rank ul li:nth-child(14) a p,#rank ul li:nth-child(15) a p,#rank ul li:nth-child(16) a p,#rank ul li:nth-child(17) a p,#rank ul li:nth-child(18) a p,#rank ul li:nth-child(19) a p,#rank ul li:nth-child(20) a p{font-size:8pt}
#rank ul li:nth-child(7) span,#rank ul li:nth-child(8) span,#rank ul li:nth-child(9) span,#rank ul li:nth-child(10) span,#rank ul li:nth-child(11) span,#rank ul li:nth-child(12) span,#rank ul li:nth-child(13) span,#rank ul li:nth-child(14) span,#rank ul li:nth-child(15) span,#rank ul li:nth-child(16) span,#rank ul li:nth-child(17) span,#rank ul li:nth-child(18) span,#rank ul li:nth-child(19) span,#rank ul li:nth-child(20) span{top:-17%;left:8%;width:75%;height:20%;}

#rank ul li:nth-child(7) span{background:url(../spimg/rank_no7.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(8) span{background:url(../spimg/rank_no8.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(9) span{background:url(../spimg/rank_no9.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(10) span{background:url(../spimg/rank_no10.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(11) span{background:url(../spimg/rank_no11.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(12) span{background:url(../spimg/rank_no12.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(13) span{background:url(../spimg/rank_no13.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(14) span{background:url(../spimg/rank_no14.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(15) span{background:url(../spimg/rank_no15.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(16) span{background:url(../spimg/rank_no16.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(17) span{background:url(../spimg/rank_no17.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(18) span{background:url(../spimg/rank_no18.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(19) span{background:url(../spimg/rank_no19.png) no-repeat center top / 100% auto}
#rank ul li:nth-child(20) span{background:url(../spimg/rank_no20.png) no-repeat center top / 100% auto}

/*new face ranking
--------------------------------------------------*/
#nf_rank ul{padding:8% 0}
#nf_rank ul li:nth-child(1),#nf_rank ul li:nth-child(2),#nf_rank ul li:nth-child(3),#nf_rank ul li:nth-child(4),#nf_rank ul li:nth-child(5),#nf_rank ul li:nth-child(6){padding-bottom:8%;width:33.3333%}
#nf_rank ul li:nth-child(1) a,#nf_rank ul li:nth-child(2) a,#nf_rank ul li:nth-child(3) a,#nf_rank ul li:nth-child(4) a,#nf_rank ul li:nth-child(5) a,#nf_rank ul li:nth-child(6) a{width:84.5%;border:2px solid}
#nf_rank ul li:nth-child(1) a{border-color:#ccbf4b}
#nf_rank ul li:nth-child(2) a{border-color:#cececf}
#nf_rank ul li:nth-child(3) a{border-color:#b78b5a}
#nf_rank ul li:nth-child(3):after {content: "";clear: both;display: block;}
#nf_rank ul li:nth-child(4) a,#nf_rank ul li:nth-child(5) a,#nf_rank ul li:nth-child(6) a{ border-color:#FFCC33 }
#nf_rank ul li:nth-child(1) a p,#nf_rank ul li:nth-child(2) a p,#nf_rank ul li:nth-child(3) a p,#nf_rank ul li:nth-child(4) a p,#nf_rank ul li:nth-child(5) a p,#nf_rank ul li:nth-child(6) a p{font-size:9pt}
#nf_rank ul li:nth-child(1) span,#nf_rank ul li:nth-child(2) span,#nf_rank ul li:nth-child(3) span{top:-16%;left:14%;width:75%;height:20%;}
#nf_rank ul li:nth-child(4) span,#nf_rank ul li:nth-child(5) span,#nf_rank ul li:nth-child(6) span{top:-13%;left:14%;width:75%;height:20%;}
#nf_rank ul li:nth-child(1) span{background:url(../spimg/rank_nf_no1.png) no-repeat center top / 100% auto}
#nf_rank ul li:nth-child(2) span{background:url(../spimg/rank_nf_no2.png) no-repeat center top / 100% auto}
#nf_rank ul li:nth-child(3) span{background:url(../spimg/rank_nf_no3.png) no-repeat center top / 100% auto}
#nf_rank ul li:nth-child(4) span{background:url(../spimg/rank_no4.png) no-repeat center top / 90% auto}
#nf_rank ul li:nth-child(5) span{background:url(../spimg/rank_no5.png) no-repeat center top / 90% auto}
#nf_rank ul li:nth-child(6) span{background:url(../spimg/rank_no6.png) no-repeat center top / 90% auto}
#nf_rank ul li:nth-child(7),#nf_rank ul li:nth-child(8),#nf_rank ul li:nth-child(9),#nf_rank ul li:nth-child(10){width:25%}
#nf_rank ul li:nth-child(7) a,#nf_rank ul li:nth-child(8) a,#nf_rank ul li:nth-child(9) a,#nf_rank ul li:nth-child(10) a{width:90%;border:1px solid #FFCC33 }
#nf_rank ul li:nth-child(7) a p,#nf_rank ul li:nth-child(8) a p,#nf_rank ul li:nth-child(9) a p,#nf_rank ul li:nth-child(10) a p{font-size:8pt}
#nf_rank ul li:nth-child(7) span,#nf_rank ul li:nth-child(8) span,#nf_rank ul li:nth-child(9) span,#nf_rank ul li:nth-child(10) span{top:-18%;left:10%;width:75%;height:20%;}
#nf_rank ul li:nth-child(7) span{background:url(../spimg/rank_no7.png) no-repeat center top / 100% auto}
#nf_rank ul li:nth-child(8) span{background:url(../spimg/rank_no8.png) no-repeat center top / 100% auto}
#nf_rank ul li:nth-child(9) span{background:url(../spimg/rank_no9.png) no-repeat center top / 100% auto}
#nf_rank ul li:nth-child(10) span{background:url(../spimg/rank_no10.png) no-repeat center top / 100% auto}

/*#nf_rank ul li a{position: relative;width: 100%;height: 100%;padding: 133% 0 0;}
#nf_rank ul li a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}*/


/*accsess ranking
--------------------------------------------------*/
#acc_rank ul{padding:8% 0}
#acc_rank ul li:nth-child(1),#acc_rank ul li:nth-child(2),#acc_rank ul li:nth-child(3),#acc_rank ul li:nth-child(4),#acc_rank ul li:nth-child(5),#acc_rank ul li:nth-child(6){padding-bottom:8%;width:33.3333%}
#acc_rank ul li:nth-child(1) a,#acc_rank ul li:nth-child(2) a,#acc_rank ul li:nth-child(3) a,#acc_rank ul li:nth-child(4) a,#acc_rank ul li:nth-child(5) a,#acc_rank ul li:nth-child(6) a{width:84.5%;border:2px solid}
#acc_rank ul li:nth-child(1) a{border-color:#ccbf4b}
#acc_rank ul li:nth-child(2) a{border-color:#cececf}
#acc_rank ul li:nth-child(3) a{border-color:#b78b5a}
#acc_rank ul li:nth-child(3):after {content: "";clear: both;display: block;}
#acc_rank ul li:nth-child(4) a,#acc_rank ul li:nth-child(5) a,#acc_rank ul li:nth-child(6) a{ border-color:#FFCC33 }
#acc_rank ul li:nth-child(1) a p,#acc_rank ul li:nth-child(2) a p,#acc_rank ul li:nth-child(3) a p,#acc_rank ul li:nth-child(4) a p,#acc_rank ul li:nth-child(5) a p,#acc_rank ul li:nth-child(6) a p{font-size:9pt}
#acc_rank ul li:nth-child(1) span,#acc_rank ul li:nth-child(2) span,#acc_rank ul li:nth-child(3) span{top:-16%;left:14%;width:75%;height:20%;}
#acc_rank ul li:nth-child(4) span,#acc_rank ul li:nth-child(5) span,#acc_rank ul li:nth-child(6) span{top:-13%;left:14%;width:75%;height:20%;}
#acc_rank ul li:nth-child(1) span{background:url(../spimg/rank_nf_no1.png) no-repeat center top / 100% auto}
#acc_rank ul li:nth-child(2) span{background:url(../spimg/rank_nf_no2.png) no-repeat center top / 100% auto}
#acc_rank ul li:nth-child(3) span{background:url(../spimg/rank_nf_no3.png) no-repeat center top / 100% auto}
#acc_rank ul li:nth-child(4) span{background:url(../spimg/rank_no4.png) no-repeat center top / 90% auto}
#acc_rank ul li:nth-child(5) span{background:url(../spimg/rank_no5.png) no-repeat center top / 90% auto}
#acc_rank ul li:nth-child(6) span{background:url(../spimg/rank_no6.png) no-repeat center top / 90% auto}
#acc_rank ul li:nth-child(7),#acc_rank ul li:nth-child(8),#acc_rank ul li:nth-child(9),#acc_rank ul li:nth-child(10){width:25%}
#acc_rank ul li:nth-child(7) a,#acc_rank ul li:nth-child(8) a,#acc_rank ul li:nth-child(9) a,#acc_rank ul li:nth-child(10) a{width:90%;border:1px solid #FFCC33 }
#acc_rank ul li:nth-child(7) a p,#acc_rank ul li:nth-child(8) a p,#acc_rank ul li:nth-child(9) a p,#acc_rank ul li:nth-child(10) a p{font-size:8pt}
#acc_rank ul li:nth-child(7) span,#acc_rank ul li:nth-child(8) span,#acc_rank ul li:nth-child(9) span,#acc_rank ul li:nth-child(10) span{top:-18%;left:10%;width:75%;height:20%;}
#acc_rank ul li:nth-child(7) span{background:url(../spimg/rank_no7.png) no-repeat center top / 100% auto}
#acc_rank ul li:nth-child(8) span{background:url(../spimg/rank_no8.png) no-repeat center top / 100% auto}
#acc_rank ul li:nth-child(9) span{background:url(../spimg/rank_no9.png) no-repeat center top / 100% auto}
#acc_rank ul li:nth-child(10) span{background:url(../spimg/rank_no10.png) no-repeat center top / 100% auto}