#service {width:100%; margin:0 auto; overflow:hidden;}
#service h3 {font-size:20px; padding:0 0 20px 16px; position:relative; }
#service h3::before {content:""; height:20px; width:4px; background-color:#555; position:absolute; top:6px;  left:0px; }
#service ul li {font-size:18px; position:relative; padding-left:13px; margin-bottom:20px; }
#service ul li:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0;
 top: 12px;   border-radius: 50%;}
#service ul.li2 li {font-size:18px; position:relative; padding-left:13px; margin-bottom:5px; }

#service p.tit {font-size:22px; padding-bottom:20px;}
#service ul.li1 li {font-size:18px; position:relative; padding-left:0px; margin-bottom:10px; }
#service ul.li1 li:before { display:none;}
#service .box01 {border:1px solid #ccc; padding:45px 10px 40px 10px; margin-top:60px;}
#service .btn a{display:block; margin:60px auto 0 auto; border:1px solid #c10e23; background-color:#c10e23; color:#fff; width:250px; padding:12px 20px; 
text-align:center; font-size:18px; }
 #service .btn a:hover {color:#c10e23; background-color:#fff; }
 
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service ul li {font-size:15px; padding-left:10px; margin-bottom:10px; }
#service ul li:before { content: "";  width: 3px; height: 3px;  top: 9px;   border-radius: 50%;}
#service ul.li2 li {font-size:15px; padding-left:10px;  }
#service p.tit {font-size:18px; }
#service ul.li1 li {font-size:15px;  }

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

