body{
	padding: 0 0 30px;
}

#Navigation {
    background: none;
    border: none;
}
#Navigation .banner {
    border-bottom: 1px solid #ddd; border-top: none;
    position: relative; z-index: 53;
}

.bg{
	background-image:-webkit-linear-gradient(to top, rgb(135,237,252), rgb(1,181,252), rgb(79,178,247));
	background-image:-o-linear-gradient(to top, rgb(135,237,252), rgb(1,181,252), rgb(79,178,247));
	background-image:-ms-linear-gradient(to top, rgb(135,237,252), rgb(1,181,252), rgb(79,178,247));
	background-image:-moz-linear-gradient(to top, rgb(135,237,252), rgb(1,181,252), rgb(79,178,247));
	background-image:linear-gradient(to top, rgb(135,237,252), rgb(1,181,252), rgb(79,178,247));
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;
}

.top{
	height: 336px;
	position: relative;
}
.top:before{
	height: 500px;
	background: url(../../img/customer2/img_refunds_ranking.jpg) no-repeat center top; background-size: auto 500px;
	position: absolute; top: 0; left: 0; right: 0; z-index: 1;
	content: '';
}

#Rank{
	margin: 0 30px;
	border-radius: 20px;
	position: relative; z-index: 2;
}
label{
	color: #999;
}


#Rank div.tab{
	border-radius: 20px 20px 0 0;
	background: #fff;
	position: sticky; position: -webkit-sticky; position: -ms-sticky; position: -o-sticky; top: 0; left: 0; right: 0; z-index: 11;
}
#Rank thead{
	position: sticky; position: -webkit-sticky; position: -ms-sticky; position: -o-sticky; top: 88px; left: 0; right: 0; z-index: 11;
}
#Rank th{
	height: 50px;
	background: #edf5ff;
	color: #85b3ed;
}
#Rank th:nth-child(1){
	width: 24px;
}
#Rank th:nth-child(2){
	width: 54px;
}
#Rank th:nth-child(3){
	
}
#Rank th:nth-child(4){
	width: 240px;
}
#Rank th p{
	width: 60px;
	text-align: center; color: #85b3ed;
	float: left;
}
#Rank tbody{
	counter-reset: sectioncounter;
}
#Rank td{
	height: 150px;
	position: relative;
}
#Rank td:nth-child(1){
	border-top: none;
}
#Rank td:nth-child(2):before{
	content:counter(sectioncounter); counter-increment: sectioncounter;
}
#Rank tr:nth-child(1) td:nth-child(2):before,
#Rank tr:nth-child(2) td:nth-child(2):before,
#Rank tr:nth-child(3) td:nth-child(2):before{
	opacity: 0;
	position: absolute;
}
#Rank tr:nth-child(1) td:nth-child(2):after,
#Rank tr:nth-child(2) td:nth-child(2):after,
#Rank tr:nth-child(3) td:nth-child(2):after{
	width: 36px; height: 100%;
	margin: 0 auto;
	display: block;
	content: '';
}
#Rank tr:nth-child(1) td:nth-child(2):after{
	background: url(../../img/customer2/icon_refunds_1.png) no-repeat center #fff; background-size: 36px;
}
#Rank tr:nth-child(2) td:nth-child(2):after{
	background: url(../../img/customer2/icon_refunds_2.png) no-repeat center #fff; background-size: 36px;	
}
#Rank tr:nth-child(3) td:nth-child(2):after{
	background: url(../../img/customer2/icon_refunds_3.png) no-repeat center #fff; background-size: 36px;
}
#Rank td:nth-child(3){
	padding-left: 128px;
}
#Rank td img{
	width: 80px; height: 80px;
	margin-top: -40px;
	border-radius: 50%;
	position: absolute; top: 50%; left: 24px;
}
#Rank td p{
	font-size: 28px; line-height: 40px; text-align: left;
}
#Rank td:nth-child(4) p{
	text-align: center;
}
#Rank td span{
	padding: 0 10px;
}
#Rank td span.red{
	color: #bc1c25;
}
#Rank td span.green{
	color: #1CC075;
}