.this{
	opacity:0.4;
	}
	
#left_menu a.list-group-item{
/*-º¸¥á¥Ë¥å¡¼-*/
font-size:14px;
padding:0 0 0 6px;
}
#left_menu small{
display:block;
margin-left:40px;
margin-top:-10px;
font-size:9px;
color:#999999;
}
#left_menu img{
margin-right:6px;
}
.disabled{
	opacity:0.6;
  filter: saturate(0%);
  cursor:wait;
}
div.list-group > a.list-group-item:first-child{
background-color:#333;

}

div.list-group > a.list-group-item:last-child{
margin-bottom:2rem;

}

.table{
color:var(--main_text) !important;
}

 a.list-group-item > h3{
	color:#FFFFFF
	}
	
.eco{
background-color:#FFFF00;
}

.list-group-item.disabled, .list-group-item:disabled {

    background-color:  var(--main_bg_light);
	opacity: 0.5;
}

 div.one{
background-color: var(--main_bg_light);
    border: 1px solid  var(--main_bg_light_border) ;
	color:var(--main_text);
border-radius:4px;
	}
	

		
		
		.fmark{
display:inline-block;
height:16px;
width:auto;
}
.table td, .table th {
    border-top: 1px solid  var(--main_bg_light_border);
}

	.top_item_name{
	font-size:1rem;
	}
	
		.top_item_name small{
		font-size:0.8rem;
		color:#999;
		}
		
.one_record{
padding:0 0.5rem  0.5rem  0.5rem;
background-color: var(--main_bg_light);
    border: 2px solid  var(--main_bg_light_border) ;
border-radius:4px;
text-align:center;
}
.one_record h3.my-2{
font-weight:bold;
text-align:left;
}
.one_record table.table{
font-size:0.8rem;
font-weight:normal;
}

th{
font-weight:normal;
}
.table td, .table th
{
  padding-top: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.3rem;
  padding-left: 0.3rem;
  vertical-align: middle;
}

#spec > article > h1{
font-size:2rem;
font-weight:bold;
padding-bottom:1rem;
}

#spec img{
max-width: 100%;
}

.jancode{
color: var(--main_bg_light);
font-size:8px;
}

#logos img{
height: 2rem;
}

@media (min-width: 576px) { 
img{
max-width:100%;
}
.one_record{
width:100%;
}
div.one{
width:calc(100% / 2 - 0.5rem);
}

}

@media (min-width: 768px) { 
.one_record,div.one{
width:calc(100% / 2 - 0.5rem);
}
}

@media (min-width: 992px) { 
.one_record,div.one{
width:calc(100% / 3 - 0.5rem);
}
}

@media (min-width: 1200px) { 
.one_record,div.one{
width:calc(100% / 4 - 0.5rem);
}

}

@media (min-width: 1500px) { 
.one_record,div.one{
width:calc(100% / 5 - 0.5rem);
}

}

@media (min-width: 1800px) { 
.one_record,div.one{
width:calc(100% / 6 - 0.5rem);
}

}