div.b-group.clearfix > form {
display:inline-block;
margin-right:10px;
}


h2.page_title > a{
font-size:120%;

}

article{

    background-color: var(--main_bg_light);
    border: 2px solid var(--main_bg_light_border);
	
	

padding:15px;
border-radius:4px;
}
div#feature > div#detail > h1{
font-size:200%;
background-color:#555;
color:#fff;
padding:6px 0 3px 8px;
border-radius:8px;
margin-bottom:20px;
}

#center_col .btn{
margin-bottom:12px;
}
 div.b-group.clearfix > form > button.btn.btn-info{
min-width:130px;
margin-bottom:12px;
}

/* Line 2111 */
.btn.disabled, .btn[disabled]
{
  opacity: 0.4;

}
div#result{
margin-bottom:20px;
}

	#center_col 	.eng {
		font-size:12px;
		color:#999;	
		margin-left:10px;	}
		
		
.smallimage{
height:24px;
margin-right:3px;
}
@media (prefers-color-scheme: dark) {
.inv{
filter: invert();
}

}



#page-wrap{
display:flex;
flex-wrap:wrap;
padding-top:20px;
justify-content:flex-start ;;
}

#page-wrap > div { 
    background-color: var(--main_bg_light);
    border: 2px solid var(--main_bg_light_border);
	width:19%;
border-radius:4px;
margin-bottom:7px;
margin-right:7px;
padding:10px;
}

 div.list > h3{
	font-size:12px;
	}
div.list > p{
font-size:12px;
}

 div.list > a >img{
	width:48%;
	border:none  !IMPORTANT;
	box-shadow:none !IMPORTANT;
	border-radius:none  !IMPORTANT;
	}
	
#feature > h1{
font-size:200%;

}

form#addtocart {
margin-bottom:0;
}
div#page-wrap.clearfix > div.list > a > h3,
div#page-wrap.clearfix > div.list > a > h4{
font-size:16px;
}





@media (max-width: 768px ) {


#page-wrap > div { 
width:33%;


}

}

@media (max-width: 600px ) {

 div.list > a >img{
	width:45%;
	}
	
	
#page-wrap > div { 
width:100%;
}

}