.target { background-color:#D85150!important; color:#FFF!important; }

@media screen and (min-width:701px){ 

.rankingBox1 { background-color:transparent; height:65px; position:relative; padding:15px 20px 15px 0; box-sizing:border-box; text-align:center; font-family:Arial, Helvetica, sans-serif;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#848484+19,848484+19&1+10,0+57 */
background: -moz-linear-gradient(left,  rgba(132,132,132,1) 10%, rgba(132,132,132,0.81) 19%, rgba(132,132,132,0) 57%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(132,132,132,1) 10%,rgba(132,132,132,0.81) 19%,rgba(132,132,132,0) 57%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(132,132,132,1) 10%,rgba(132,132,132,0.81) 19%,rgba(132,132,132,0) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#00848484',GradientType=1 ); /* IE6-9 */

}
.rankingBox1.auto { height:auto; }

.selectBox { display:inline-block; font-size:15px; margin-left:20px; text-align:left;  vertical-align:middle; line-height:120%; }
.selectBox span {  vertical-align:middle; }
.selectBox select { margin-left:10px;  vertical-align:middle; }
.selectBox.last select { margin-top:-15px;}

.rankingBtBox { background-color:#47454A; padding:20px 0; text-align:center; }
.rankingBtBox a,.rankingBox1 a { display:inline-block; width:275px; height:50px; border-radius:0.3em; color:#FFF; font-size:18px; line-height:50px; text-decoration:none; margin-right:30px; box-shadow:1px 1px 3px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebbd44+0,ebbd44+50,cf9407+51,cf9407+51,b58e1b+100 */
background: rgb(235,189,68); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(235,189,68,1) 0%, rgba(235,189,68,1) 50%, rgba(207,148,7,1) 51%, rgba(207,148,7,1) 51%, rgba(181,142,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(235,189,68,1) 0%,rgba(235,189,68,1) 50%,rgba(207,148,7,1) 51%,rgba(207,148,7,1) 51%,rgba(181,142,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(235,189,68,1) 0%,rgba(235,189,68,1) 50%,rgba(207,148,7,1) 51%,rgba(207,148,7,1) 51%,rgba(181,142,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebbd44', endColorstr='#b58e1b',GradientType=0 ); /* IE6-9 */

 }
 .rankingBtBox p { display:inline-block; width:50%; text-align:center; height:27px; line-height:27px; }
 .rankingBtBox p.first { border-right:1px solid #ACABAE; box-sizing:border-box; }
 
 .mgT0 {  margin-top:0!important; }
 .rankingHeader { background-color:#111012; color:#EBBD44; font-size:10px; width:998px; overflow:hidden; }
 .rankingHeader li { height:30px; text-align:center; line-height:30px; box-sizing:border-box; float:left; }
 .rankingHeader li.rank { width:72px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.name { width:348px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.area { width:115px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.time { width:86px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.type { width:122px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.level { width:162px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.update { width:93px; }
 
 .rankingBody { background-color:#302D35; color:#fff; font-size:12px; width:998px; overflow:hidden; height: auto;  font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #5E5865; }
 .rankingBody li { box-sizing:border-box; float:left; padding:8px;
  padding-bottom: 32767px;  
    margin-bottom: -32767px; }
 .rankingBody li.rank { width:72px; border-right:1px solid #44404A;  text-align:center; font-size:20px; font-weight:bold; color:#CCCCCC; }
 .rankingBody li.name { width:348px; border-right:1px solid #44404A; position:relative; }
 .rankingBody li.area { width:115px; border-right:1px solid #44404A; }
 .rankingBody li.time { width:86px; border-right:1px solid #44404A; }
 .rankingBody li.type { width:122px; border-right:1px solid #44404A;  text-align:center; }
 .rankingBody li.level { width:162px; border-right:1px solid #44404A;  text-align:center; }
 .rankingBody li.update { width:93px; }
 .rankingBody li.type img { margin-bottom:8px; }
 .rankingBody li.level p { font-size:10px; margin-bottom:8px; }
 .rankingBody li.name span { margin-right:5px; }
 .rankingBody li.name img { vertical-align:middle; }
 
 .rankingBody li.name .you { width:50px; height:20px; text-align:center; color:#FFF; background-color:#E024A2; border-radius:.3em; font-size:12px; box-shadow:1px 1px 3px #000; position:absolute; top:10px; right:10px; line-height:20px; }
 
 .rankingBody.gold { color:#333333; text-shadow:none;
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcee81+0,b28b3e+100 */
background: rgb(252,238,129); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,238,129,1) 0%, rgba(178,139,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,238,129,1) 0%,rgba(178,139,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,238,129,1) 0%,rgba(178,139,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee81', endColorstr='#b28b3e',GradientType=0 ); /* IE6-9 */
  }
 .rankingBody.gold .rank,.rankingBody.gold li.level p { color:#333;  text-shadow:none;}
 
 
 .rankingBody.silver { color:#333333; text-shadow:none;
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b9b7b8+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(185,183,184,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(185,183,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(185,183,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b7b8',GradientType=0 ); /* IE6-9 */

  }
 .rankingBody.silver .rank,.rankingBody.silver li.level p { color:#333;  text-shadow:none;}
 
 .rankingBody.bronz { color:#333333; text-shadow:none;
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9d1ab+0,9e6144+100 */
background: rgb(233,209,171); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,209,171,1) 0%, rgba(158,97,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(233,209,171,1) 0%,rgba(158,97,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(233,209,171,1) 0%,rgba(158,97,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d1ab', endColorstr='#9e6144',GradientType=0 ); /* IE6-9 */
  }
 .rankingBody.bronz .rank,.rankingBody.bronz li.level p { color:#333;  text-shadow:none;} 
  .rankingBody.bronz .rank{ color:#613D2C; }
  
  .rankingPager { width:896px; overflow:hidden; height:47px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
  .rankingPager li { width:150px; border:1px solid #9DA1A7; border-bottom:none; box-sizing:border-box; background-color:#111012; float:left; margin-top:11px;  height:36px; margin-right:-1px; text-align:center; line-height:36px; }
.rankingPager li a { text-decoration:none; color:#FFF; display:block; width:100%; height:100%; }
.rankingPager li a:hover,.rankingPager li.selected a { color:#EBBD44; }
.rankingPager li.selected { width:150px; border:1px solid #9DA1A7; border-bottom:none; box-sizing:border-box; background-color:#111012; float:left; margin-top:0px;  height:47px; margin-right:-1px; text-align:center; line-height:47px; }

p.current { width:1000px; margin:-20px auto 30px auto; text-align:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; }

#rankingpager .pageCurrent { display:none; }

#status { width:248px; background-color:#BB0000; text-align:center; padding:7px 0; }

.clear { display:none; }

}

@media screen and (max-width:700px){ 

.rankingBox1 { background-color:transparent; height:auto; position:relative; padding:15px 20px 15px 0; box-sizing:border-box; text-align:center; font-family:Arial, Helvetica, sans-serif;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#848484+19,848484+19&1+10,0+57 */
background: -moz-linear-gradient(left,  rgba(132,132,132,1) 10%, rgba(132,132,132,0.81) 19%, rgba(132,132,132,0) 57%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(132,132,132,1) 10%,rgba(132,132,132,0.81) 19%,rgba(132,132,132,0) 57%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(132,132,132,1) 10%,rgba(132,132,132,0.81) 19%,rgba(132,132,132,0) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#00848484',GradientType=1 ); /* IE6-9 */

}

.rankingBox1.auto { padding:15px 0px 15px 0; }

.selectBox {  font-size:15px; margin-left:20px; line-height:120%; margin-bottom:15px; }
.selectBox span {  vertical-align:middle; }

.selectBox select { display:block; width:100%; position:relative; margin-top:8px;

	background-color:#B7B5BD;
	border-radius:.3em; 
	height:44px;
	
	padding:0 10px;
	box-sizing:border-box;
	line-height:44px;
}

	

.rankingBtBox { background-color:#47454A; padding:20px 0; text-align:center; }
.rankingBtBox a,.rankingBox1 a { display:block;  height:50px; border-radius:0.3em; color:#FFF; font-size:18px; line-height:50px; text-decoration:none; margin:0 20px 10px 20px; box-shadow:1px 1px 3px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebbd44+0,ebbd44+50,cf9407+51,cf9407+51,b58e1b+100 */
background: rgb(235,189,68); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(235,189,68,1) 0%, rgba(235,189,68,1) 50%, rgba(207,148,7,1) 51%, rgba(207,148,7,1) 51%, rgba(181,142,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(235,189,68,1) 0%,rgba(235,189,68,1) 50%,rgba(207,148,7,1) 51%,rgba(207,148,7,1) 51%,rgba(181,142,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(235,189,68,1) 0%,rgba(235,189,68,1) 50%,rgba(207,148,7,1) 51%,rgba(207,148,7,1) 51%,rgba(181,142,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebbd44', endColorstr='#b58e1b',GradientType=0 ); /* IE6-9 */

 }
 
 .rankingBtBox p { display:block;  text-align:center; }
 .rankingBtBox p.first {  }
 
 .mgT0 {  margin-top:0!important; }
 .rankingHeader { display:none;}
 .rankingHeader li { height:30px; text-align:center; line-height:30px; box-sizing:border-box; float:left; }
 .rankingHeader li.rank {  border-right:1px solid #9DA1A7; }
 .rankingHeader li.name { width:348px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.area { width:115px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.time { width:86px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.type { width:122px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.level { width:162px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.update { width:93px; }
 
 .rankingBody { background-color:#302D35; color:#fff; font-size:12px; overflow:hidden; height: auto;  font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #5E5865; position:relative; }
 .rankingBody li { box-sizing:border-box; float:left; padding:8px; text-align:center;
 }
 .rankingBody li.rank {  border-bottom:1px solid #44404A;  text-align:center; font-size:28px; font-weight:bold; color:#CCCCCC; float:none; }
 .rankingBody li.name { width:33.333%; border-right:1px solid #44404A; 
  padding-bottom: 32767px;  
    margin-bottom: -32767px; 
	}
 .rankingBody li.area { width:33.333%; border-right:1px solid #44404A;
  padding-bottom: 32767px;  
    margin-bottom: -32767px; 
	 }
 .rankingBody li.time { width:33.333%; border-right:0px solid #44404A; 
  padding-bottom: 32767px;  
    margin-bottom: -32767px; 
	}
 .rankingBody li.type { width:33.333%; border-right:1px solid #44404A; border-top:1px solid #44404A;  text-align:center;
  padding-bottom: 32767px;  
    margin-bottom: -32767px; 
	 }
 .rankingBody li.level { width:33.333%; border-right:1px solid #44404A; border-top:1px solid #44404A;  text-align:center; 
  padding-bottom: 32767px;  
    margin-bottom: -32767px; 
	}
 .rankingBody li.update { width:33.333%; border-top:1px solid #44404A;
  padding-bottom: 32767px;  
    margin-bottom: -32767px; 
	 }
 .rankingBody li.type img { margin-bottom:8px; width:70px; height:auto; }
 .rankingBody li.level p { font-size:10px; margin-bottom:8px;  text-align:center; line-height:120%;}
 .rankingBody li.level img { width:70px; height:auto; margin-bottom:5px; }
 .clear { width:0; clear:both; }
 .rankingBody li.name span { margin-right:5px; }
 .rankingBody li.name img { vertical-align:middle; }
 
 .rankingBody li.name .you { width:50px; height:20px; text-align:center; color:#FFF; background-color:#E024A2; border-radius:.3em; font-size:12px; box-shadow:1px 1px 3px #000; position:absolute; top:10px; right:10px; line-height:20px; }
 
 .rankingBody.gold { color:#333333; text-shadow:none;
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcee81+0,b28b3e+100 */
background: rgb(252,238,129); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,238,129,1) 0%, rgba(178,139,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,238,129,1) 0%,rgba(178,139,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,238,129,1) 0%,rgba(178,139,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee81', endColorstr='#b28b3e',GradientType=0 ); /* IE6-9 */
  }
 .rankingBody.gold .rank,.rankingBody.gold li.level p { color:#333;  text-shadow:none;}
 
 
 .rankingBody.silver { color:#333333; text-shadow:none;
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b9b7b8+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(185,183,184,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(185,183,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(185,183,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b7b8',GradientType=0 ); /* IE6-9 */

  }
 .rankingBody.silver .rank,.rankingBody.silver li.level p { color:#333;  text-shadow:none;}
 
 .rankingBody.bronz { color:#333333; text-shadow:none;
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9d1ab+0,9e6144+100 */
background: rgb(233,209,171); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,209,171,1) 0%, rgba(158,97,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(233,209,171,1) 0%,rgba(158,97,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(233,209,171,1) 0%,rgba(158,97,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d1ab', endColorstr='#9e6144',GradientType=0 ); /* IE6-9 */
  }
 .rankingBody.bronz .rank,.rankingBody.bronz li.level p { color:#333;  text-shadow:none;} 
  .rankingBody.bronz .rank{ color:#613D2C; }
  
  #rankingpager { overflow:hidden; min-height:44px; }
  .rankingPager {   margin:0 auto; font-family:Arial, Helvetica, sans-serif; margin-top:-1000px; font-size:14px;
  -moz-transition: margin-top 0.4s  ease 0s;
-webkit-transition: margin-top 0.4s  ease 0s;
-o-transition: margin-top 0.4s  ease 0s;
-ms-transition: margin-top 0.4s  ease 0s;
transition: margin-top 0.4s  ease 0s;
 }
  .rankingPager li {  border:0px solid #9DA1A7; border-bottom:none; box-sizing:border-box; background-color:#4F4D55;  height:44px; line-height:44px; margin-bottom:1px; }
.rankingPager li a { text-decoration:none; color:#FFF; display:block; width:100%; height:100%; padding:0 20px; box-sizing:border-box; }
.rankingPager li a:hover,.rankingPager li.selected a { color:#EBBD44; }
.rankingPager li.selected {  border:0px solid #9DA1A7; border-bottom:none; box-sizing:border-box; background-color:#4F4D55; margin-top:0px;  height:44px;  line-height:44px; }

#rankingpager .pageCurrent { height:44px; background-color:#010101; color:#FFF; padding:0 20px; line-height:44px; cursor:pointer; position:relative; z-index:1; }
#rankingpager .pageCurrent:after { content:""; display:block; width:44px; height:44px; position:absolute; top:0; right:0; background-image:url(../img/arrow.png); background-repeat:no-repeat; background-position:center; background-size:10px 13px; }
#rankingpager .pageCurrent.open:after { background-image:url(../img/arrow2.png);}

#rankingpager .pageCurrent.open+.rankingPager { margin-top:0px;}

p.current {  margin:10px auto 10px auto; text-align:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:0 20px; }

#status { background-color:#BB0000; text-align:center; padding:7px 0; }
#status img { height:10px; width:auto; vertical-align:middle; }
}



/**IE**/
.IE8 .rankingBox1 { background-color:transparent; height:65px; position:relative; padding:15px 20px 15px 0; box-sizing:border-box; text-align:center; font-family:Arial, Helvetica, sans-serif;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#848484+19,848484+19&1+10,0+57 */
background: -moz-linear-gradient(left,  rgba(132,132,132,1) 10%, rgba(132,132,132,0.81) 19%, rgba(132,132,132,0) 57%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(132,132,132,1) 10%,rgba(132,132,132,0.81) 19%,rgba(132,132,132,0) 57%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(132,132,132,1) 10%,rgba(132,132,132,0.81) 19%,rgba(132,132,132,0) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#00848484',GradientType=1 ); /* IE6-9 */

}
.IE8 .rankingBox1.auto { height:auto; }

.IE8 .selectBox { display:inline-block; font-size:15px; margin-left:20px; text-align:left;  vertical-align:middle; line-height:120%; }
.IE8 .selectBox span {  vertical-align:middle; }
.IE8 .selectBox select { margin-left:10px;  vertical-align:middle; }
.IE8 .selectBox.last select { margin-top:-15px;}

.IE8 .rankingBtBox { background-color:#47454A; padding:20px 0; text-align:center; }
.IE8 .rankingBtBox a,.rankingBox1 a { display:inline-block; width:275px; height:50px; border-radius:0.3em; color:#FFF; font-size:18px; line-height:50px; text-decoration:none; margin-right:30px; box-shadow:1px 1px 3px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebbd44+0,ebbd44+50,cf9407+51,cf9407+51,b58e1b+100 */
background: rgb(235,189,68); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(235,189,68,1) 0%, rgba(235,189,68,1) 50%, rgba(207,148,7,1) 51%, rgba(207,148,7,1) 51%, rgba(181,142,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(235,189,68,1) 0%,rgba(235,189,68,1) 50%,rgba(207,148,7,1) 51%,rgba(207,148,7,1) 51%,rgba(181,142,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(235,189,68,1) 0%,rgba(235,189,68,1) 50%,rgba(207,148,7,1) 51%,rgba(207,148,7,1) 51%,rgba(181,142,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebbd44', endColorstr='#b58e1b',GradientType=0 ); /* IE6-9 */

 }
 .IE8 .rankingBtBox p { display:inline-block; width:50%; text-align:center; height:27px; line-height:27px; }
 .IE8 .rankingBtBox p.first { border-right:1px solid #ACABAE; box-sizing:border-box; }
 
 .IE8 .mgT0 {  margin-top:0!important; }
 .rankingHeader { background-color:#111012; color:#EBBD44; font-size:10px; width:998px; overflow:hidden; }
 .rankingHeader li { height:30px; text-align:center; line-height:30px; box-sizing:border-box; float:left; }
 .rankingHeader li.rank { width:72px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.name { width:348px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.area { width:115px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.time { width:86px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.type { width:122px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.level { width:162px; border-right:1px solid #9DA1A7; }
 .rankingHeader li.update { width:93px; }
 
 .IE8 .rankingBody { background-color:#302D35; color:#fff; font-size:12px; width:998px; overflow:hidden; height: auto;  font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #5E5865; }
 .IE8 .rankingBody li { box-sizing:border-box; float:left; padding:8px;
  padding-bottom: 32767px;  
    margin-bottom: -32767px; }
 .IE8 .rankingBody li.rank { width:72px; border-right:1px solid #44404A;  text-align:center; font-size:20px; font-weight:bold; color:#CCCCCC; }
 .IE8 .rankingBody li.name { width:348px; border-right:1px solid #44404A; position:relative; }
 .IE8 .rankingBody li.area { width:115px; border-right:1px solid #44404A; }
 .IE8 .rankingBody li.time { width:86px; border-right:1px solid #44404A; }
 .IE8 .rankingBody li.type { width:122px; border-right:1px solid #44404A;  text-align:center; }
 .IE8 .rankingBody li.level { width:162px; border-right:1px solid #44404A;  text-align:center; }
 .IE8 .rankingBody li.update { width:93px; }
 .IE8 .rankingBody li.type img { margin-bottom:8px; }
.IE8  .rankingBody li.level p { font-size:10px; margin-bottom:8px; }
 .IE8 .rankingBody li.name span { margin-right:5px; }
.IE8  .rankingBody li.name img { vertical-align:middle; }
 
 .IE8 .rankingBody li.name .you { width:50px; height:20px; text-align:center; color:#FFF; background-color:#E024A2; border-radius:.3em; font-size:12px; box-shadow:1px 1px 3px #000; position:absolute; top:10px; right:10px; line-height:20px; }
 
 .IE8 .rankingBody.gold { color:#333333; text-shadow:none;
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcee81+0,b28b3e+100 */
background: rgb(252,238,129); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,238,129,1) 0%, rgba(178,139,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,238,129,1) 0%,rgba(178,139,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,238,129,1) 0%,rgba(178,139,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee81', endColorstr='#b28b3e',GradientType=0 ); /* IE6-9 */
  }
 .IE8 .rankingBody.gold .rank,.rankingBody.gold li.level p { color:#333;  text-shadow:none;}
 
 
 .IE8 .rankingBody.silver { color:#333333; text-shadow:none;
	  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b9b7b8+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(185,183,184,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(185,183,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(185,183,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b7b8',GradientType=0 ); /* IE6-9 */

  }
 .IE8 .rankingBody.silver .rank,.rankingBody.silver li.level p { color:#333;  text-shadow:none;}
 
 .IE8 .rankingBody.bronz { color:#333333; text-shadow:none;
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9d1ab+0,9e6144+100 */
background: rgb(233,209,171); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,209,171,1) 0%, rgba(158,97,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(233,209,171,1) 0%,rgba(158,97,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(233,209,171,1) 0%,rgba(158,97,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d1ab', endColorstr='#9e6144',GradientType=0 ); /* IE6-9 */
  }
 .IE8 .rankingBody.bronz .rank,.rankingBody.bronz li.level p { color:#333;  text-shadow:none;} 
  .IE8 .rankingBody.bronz .rank{ color:#613D2C; }
  
  .IE8 .rankingPager { width:896px; overflow:hidden; height:47px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
  .IE8 .rankingPager li { width:150px; border:1px solid #9DA1A7; border-bottom:none; box-sizing:border-box; background-color:#111012; float:left; margin-top:11px;  height:36px; margin-right:-1px; text-align:center; line-height:36px; }
.IE8 .rankingPager li a { text-decoration:none; color:#FFF; display:block; width:100%; height:100%; }
.IE8 .rankingPager li a:hover,.rankingPager li.selected a { color:#EBBD44; }
.IE8 .rankingPager li.selected { width:150px; border:1px solid #9DA1A7; border-bottom:none; box-sizing:border-box; background-color:#111012; float:left; margin-top:0px;  height:47px; margin-right:-1px; text-align:center; line-height:47px; }

.IE8 p.current { width:1000px; margin:-20px auto 30px auto; text-align:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; }

.IE8 #rankingpager .pageCurrent { display:none; }

.IE8 #status { width:248px; background-color:#BB0000; text-align:center; padding:7px 0; }

.IE8 .clear { display:none; }