/* by Adon , CSS Document */


.service{ float:left; width:100%; margin-bottom:5%;}
.service ul li{ float:left; width:49%; border:solid 1px #e7e7e7; position:relative; padding:5%; height:300px; margin-bottom:25px;}
.service ul li img{ position:absolute; right:10%; top:25%; z-index:-1}
.service ul li span{ font-size:35px; font-weight:bold; max-width:325px; line-height:35px;}
.service ul li font{ font-size:15px; text-decoration:underline; margin-top:75px;}
.service ul li.l{ margin-right:1%}
.service ul li.r{ margin-left:1%}


@media (max-width:1024px){
.service ul li{ height:250px; padding:3.5%}
.service ul li span{ font-size:30px;}
}
@media (max-width:768px){
.service ul li{ height:200px;}
.service ul li span{ font-size:24px; line-height:30px;}
.service ul li font{ font-size:14px; margin-top:50px;}
.service ul li img{ height:75px;}
}
@media (max-width:480px){
.service ul li{ height:auto; width:100%; margin-right:0 !important; margin-left:0 !important; padding:10% 5%;}
.service ul li span{ font-size:18px; line-height: normal; padding-right:30%;}
.service ul li font{ font-size:13px; margin-top:5%;}
.service ul li img{ height:75px; right:5%}
}
@media (max-width:320px){
.service ul li span{ font-size:16px;}
.service ul li img{ height:55px;}
}