#icon { width:100%; overflow:hidden; padding:50px 0 60px 0; font-size:17px; border-bottom:1px solid #dfdfdf; }
#icon ul {padding:0; width:1100px; margin:0px auto;}
#icon ul li {float:left;  width:25%; list-style-type:none; padding:0;}
#icon ul li a{display:block; height:170px; text-align: center; padding-top:115px; box-sizing:border-box; 
background-position:center 25% !important; }
#icon ul li.ico1 a:hover,#icon ul li.ico2 a:hover,#icon ul li.ico3 a:hover,#icon ul li.ico4 a:hover,
#icon ul li.ico5 a:hover,#icon ul li.ico6 a:hover,#icon ul li.ico7 a:hover,#icon ul li.ico8 a:hover{
		background-position:center 15% !important; transition: all 0.3s; }

#icon ul li.ico1 a{ background:url("../img/icon_block01.png")no-repeat ; transition: all 0.3s;}
#icon ul li.ico2 a{ background:url("../img/icon_block02.png")no-repeat ; transition: all 0.3s; }
#icon ul li.ico3 a{ background:url("../img/icon_block03.png")no-repeat ;  transition: all 0.3s;}
#icon ul li.ico4 a{ background:url("../img/icon_block04.png")no-repeat ; transition: all 0.3s;}

#icon ul li.ico5 a{ background:url("../img/icon_block05.png")no-repeat ; transition: all 0.3s;}
#icon ul li.ico6 a{ background:url("../img/icon_block06.png")no-repeat ; transition: all 0.3s; }
#icon ul li.ico7 a{ background:url("../img/icon_block07.png")no-repeat ;  transition: all 0.3s;}
#icon ul li.ico8 a{ background:url("../img/icon_block08.png")no-repeat ; transition: all 0.3s;}

#icon div.tit { margin:0 auto; text-align:center; width:100%; margin-bottom:20px; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#icon {  border-bottom:0px solid #dfdfdf; }
#icon ul {width:100%; }
#icon ul li {float:left;  width:50%; list-style-type:none; padding:5px 0;}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}