/*************** roster public ********************************/

div#tab_rost_base{
	width: 100%;
	position: relative;
}


.tab_rost_1,
.tab_rost_2{
	width: 5%;
	display: inline-block;	
}

.tab_rost_6,
.tab_rost_3,
.tab_rost_10{
	width: 15%;
	display: inline-block;
}

.tab_rost_5{
	width: 15%;
	display: inline-block;	
}

.tab_rost_9{
	width: 25%;
	display: inline-block;	
}

.tab_rost_up{
	font-size: 17px;
	color: #7E8AA2;
	padding: 5px 0;
}

.tab_rost_form{
	vertical-align: top;
	padding-top: 8px;
	margin-bottom: -5px;
}

.tab_rost_form_rank{
	vertical-align: top;
	padding-top: 5px;
	margin-bottom: -5px;
}


/*======  768 ============================================================*/ 

@media screen and (max-width: 768px)
{
	
.tab_rost_6,
.tab_rost_3,
.tab_rost_10{
	width: 10%;
}	

.tab_rost_9{
	width: 30%;
}
	
	
}


/*======  640 ============================================================*/ 

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

.tab_rost_10{
	display: none;
}		
	
.tab_rost_6,
.tab_rost_3,
.tab_rost_10{
	width: 15%;
}	


.tab_rost_9{
	width: 35%;
}

}




/*======  480 ============================================================*/ 

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

.tab_rost_6,
.tab_rost_9{
	display: none;
}

.tab_rost_1,
.tab_rost_2{
	width: 15%;
}

.tab_rost_3,
.tab_rost_5{
	width: 25%;
}

}