body {
  color: #3d3e3e;
  margin: 0;
  padding: 0;
  min-width: 320px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px/*;background:#f5f5f5*/
}

a {
  text-decoration: none
}

.body {
  text-align: center
}

.body strong {
  background: no-repeat center center / 119px auto #efefef;
  border-radius: 4px;
  box-shadow: 0 0 2px #d7d8d8 inset;
  display: inline-block;
  margin: 11px 30px 11px 0;
  width: 200px;
  position: relative;
  overflow: hidden
}

.body strong:hover {
  background-color: #ebebeb
}

.body strong div {
  border-radius: 0 4px 4px 0;
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0
}

.body strong div a {
  background: rgba(0, 0, 0, 0.56);
  border-bottom: 1px solid rgba(0, 0, 0, 0.33);
  color: #fff;
  display: block;
  padding: 7px;
  text-align: left
}

.a34 {
  border-radius: 0 4px 0 0
}

.body strong div a:hover {
  background: rgba(226, 90, 0, 0.66)
}

#vk_head {
  background: #c9c9c9;
  box-shadow: 0 0 3px #b3b4b4;
  height: 54px;
  left: 0;
  right: 0;
  top: 0
}

#vk_head span {
  width: 186px;
  background: url(/f/log.png) no-repeat center center;
  display: inline-block;
  font-weight: bold;
  height: 100%;
  line-height: 33px;
  text-decoration: none;
  position: relative
}

#vk_head span:hover {
  background-color: #bababa
}

.twitt {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute
}

p {
  text-indent: 17px;
  text-align: justify;
  margin: 8px 0
}

.body2>span {
  display: inline-block;
  height: 32px;
  width: 82px;
  float: left;
  position: relative
}

.body2>span>b, .body2>span>span {
  height: 32px;
  display: inline-block;
  background: no-repeat center center
}

.body2>span>b {
  float: left;
  width: 20px;
  background-image: url(/f/str.png);
  border-radius: 3px
}

.body2>span>span {
  background-size: auto 32px;
  width: 62px
}

.body2>span>b:hover {
  background-color: rgba(0, 0, 0, 0.08)
}

.body2>strong {
  display: inline-block;
  background: no-repeat center/200px;
  height: 125px
}

.tab_us {
  width: 100%
}

.tab_us td {
  border-bottom: 1px solid #c1c1c1
}

.tab_us tr:not(.tr1):hover, .acti {
  background: #ebebeb
}

.pc td:not(.td1) {
  width: 115px;
}

.pc td:not(.td1) hr {
  padding: 0;
  margin: 2px 0;
  border: 0;
}

.tab_us span {
  color: #777
}

.tab_us h2 span {
  color: #0053ED
}

h1 {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 19px
}

h2, h1, h3 span {
  color: #e25a00
}

i {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(/f/ps.png) no-repeat;
  margin: 1px 2px 1px 1px;
}

.x i {
  background-image: url(/f/x.png)
}

.r {
  background-position: 0 -17px
}

.b {
  background-position: 0 -34px
}

.l {
  background-position: 0 -51px
}

.kr {
  background-position: 0 -68px
}

.kv {
  background-position: 0 -85px
}

.tr {
  background-position: 0 -102px
}

.kt {
  background-position: 0 -119px
}

.l1 {
  background-position: 0 -136px
}

.l2 {
  background-position: 0 -153px
}

.r1 {
  background-position: 0 -170px
}

.r2 {
  background-position: 0 -187px
}

.tab_us .Start {
  background: url(/f/start.png) no-repeat center center;
  width: 36px
}

.lava {
  position: relative;
  height: 28px;
  margin: 0 0 0 87px;
  padding: 0 0 0 8px;
  display: block
}

.lava li {
  float: left;
  list-style: none
}

.lava li.back {
  width: 9px;
  height: 25px;
  z-index: 8;
  position: absolute
}

.lava li a {
  height: 20px;
  text-decoration: none;
  color: #3d3e3e;
  outline: none;
  text-align: center;
  z-index: 10;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  margin: auto 10px;
  font-size: 13px;
  font-weight: bold
}

.tab_us th {
  text-align: left
}

.rek {
  display: block;
}

#vk {
  margin: 10px auto
}

footer {
  width: 100%;
  margin: 16px 0 16px 0;
  font-size: 0;
}

footer * {
  box-sizing: border-box;
}

.footer-container {
  padding: 8px 24px;
}

.footer-content>span {
  display: inline-block;
  font-size: 14px;
}

.foot-year {
  width: 35%;
  text-align: left;
}

.foot-supp {
  width: 65%;
  text-align: right;
}

.foot-supp>a {
  color: #2a5885;
  text-decoration: none;
}

.foot-supp>a:hover {
  text-decoration: underline;
}

@media (max-width: 337px) {
  ins.rek {
    width: 300px;
    height: 250px
  }
}

@media (min-width: 338px) {
  ins.rek {
    width: 336px;
    height: 280px
  }
}

@media(max-width:739px) {
  .body, .body2 {
    padding: 0 4px;
  }
  .body strong {
    height: 200px;
    margin: 12px 8px;
  }
  .body strong div {
    width: 100%;
    margin-right: 0 !important;
    background: none;
  }
  .body2 strong {
    width: 100%;
    margin: 10px 0;
  }
  .lava li.back {
    border: none;
  }
  .lava li a {
    padding-top: 0;
    padding-bottom: 8px;
  }
  .tab_us td {
    display: block;
    width: 100%;
  }
  .tab_us td.td1 {
    padding: 12px 0 8px;
    border: none;
  }
  .tab_us td:not(.td1) {
    width: 100%;
    padding-bottom: 12px;
  }
  .pc td:not(.td1) {
    padding: 0 0 12px;
  }
  ins.rek {
    margin: 20px auto;
  }
  .ads {
    margin-right: -4px;
    margin-left: -4px;
  }
}

@media(min-width: 740px) {
  .body, .body2 {
    box-sizing: border-box;
    width: 728px;
    margin: 10px auto;
    padding: 0 20px
  }
  .body strong {
    height: 146px;
  }
  .body strong div {
    margin-right: -200px;
    background: rgba(0, 0, 0, 0.56);
  }
  .body strong.a33 {
    margin: 11px 0;
  }
  .lava {
    overflow: hidden;
    border-bottom: 1px solid #c1c1c1;
  }
  .lava li a {
    padding-top: 8px;
    padding-bottom: 0;
  }
  .body2 strong {
    width: 200px;
    margin: 10px 0 0 10px
  }
  .body2>strong {
    float: right;
  }
  .lava li.back {
    border-bottom: 3px solid #ed5f00;
  }
  .tab_us .td1 {
    padding: 8px 50px 8px 6px
  }
  .tab_us td:not(.td1) {
    min-width: 115px;
    max-width: 280px
  }
  .pc td:not(.td1) {
    padding: 3px 6px 3px 0;
  }
  h3 {
    margin: 14px 0
  }
  ins.rek {
    width: 728px;
    height: 90px;
    margin: 0 auto 14px;
  }
  .ads {
    margin-right: -20px;
    margin-left: -20px;
  }
}