@charset "utf-8";


.radius{
	border-radius: 5px;
	background-color:#F2F2F2;
}

.textcenter{
	margin-left:auto;
	margin-right:auto;
}

table{ 
    width:80%; 
    border-collapse:collapse; 
    border-spacing:0; 
    border:1px solid #ccc; 
    padding:0; 
    margin:0; 
} 
  
table tr{ 
    border:1px solid #ddd; 
    padding:5px; 
} 

table th, table td{ 
    padding:10px; 
    text-align:center;
} 
  
table th{ 
    font-size:14px; 
    letter-spacing:1px; 
} 

table.brwsr1 {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
    
}
 
table.brwsr1 th {
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    color: #000;
    text-align:center;
}
 
table.brwsr1 td {
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    text-align:center;
}
 
table.brwsr1 th.r1 {
    background: #555;
}
 
table.brwsr1 th.r2,
table.brwsr1 td.r2 {
    background: #666;
}
 
table.brwsr1 th.r3,
table.brwsr1 td.r3 {
    background: #777;
}
  
@media screen and (max-width: 600px) { 
  
    table{ 
        border:0; 
        margin-left:auto;
        margin-right:auto;
    } 
  
    table thead{ 
        display:none; 
    }
    
    table th{ 
        display:block; 
        border:1px solid #ccc;
        background-color:#555;
    } 
  
    table td{ 
        display:block; 
        text-align:right; 
        font-size:13px; 
        border-bottom:1px dotted #ccc; 
    } 
  
  
    table td:before { 
        content:attr(data-label); 
        float:left; 
        font-weight: bold; 
    } 
    
table .none{
display:none;
}

table .title{
background-color:#555
}
}