@charset "utf-8";
/* CSS Document */

a:hover {
  color: var(--main-color);
  text-decoration: none;
}
a:focus {
  color: var(--main-color);
  text-decoration: underline;
}
:root {
  --border: #eee solid 1px;
  --wrapper: 1620px;
  --main-color: #484848;
  --main2-color: #1aa9eb;
  --main3-color:#000;
  --linearX: linear-gradient(#70b92f, #8cbc61);
  --linearY: linear-gradient(90deg, #245442, #009944);
  --listbg: #e5e5e5;
  --tit-color: rgba(22,22,22,1);
  --sum-color: rgba(22,22,22,1);
}

  :root {
    --padding: 80px 10px;
    --margin: 90px auto;
    --m80: 80px 0;
    --m50: 50px 0;
    --f80: 80px;
    --f70: 70px;
    --f60: 60px;
    --f50: 50px;
    --f48: 48px;
    --f40: 40px;
    --f36: 36px;
    --f30: 30px;
    --f28: 28px;
    --f26: 26px;
    --f24: 24px;
    --f22: 22px;
    --f20: 20px;
    --f18: 18px;
  } 
  
  span, div {
    font-family: arial,helvetica,sans-serif;word-wrap: break-word;    word-break: normal;
}

@media only screen and (max-width: 1400px) and (min-width: 1200px){


}
@media only screen and (max-width: 1200px) and (min-width: 768px){
  

  

}
@media screen and (max-width:768px){
 
}
@media screen and (min-width:768px){


}