#main_slide{
width:100%;
overflow:hidden;}

ul, li{
display:block;
float: left;

	list-style: none;
	margin: 0;
	padding: 0;
}



li a:hover img {
  opacity: 0.5;
}



.li-filez a{
float:left;
display:block;
width:240px;
height:198px;
background-image:url(site-list/site-list_1.jpg)
}
.li-filez a:hover{
background-image:url(site-list/site-list_12.jpg)
}

.li-color a{float:left;

display:block;
width:240px;
height:198px;
background-image:url(site-list/site-list_2.jpg)
}
.li-color a:hover{
background-image:url(site-list/site-list_22.jpg)
}

.li-247 a{float:left;

display:block;
width:240px;
height:198px;
background-image:url(site-list/site-list_3.jpg)
}
.li-247 a:hover{
background-image:url(site-list/site-list_32.jpg)
}

.li-flower a{float:left;

display:block;
width:240px;
height:198px;
background-image:url(site-list/site-list_4.jpg)
}
.li-flower a:hover{
background-image:url(site-list/site-list_42.jpg)
}
@media screen and (max-width:560px){
#main_slide{
display:none;}
}