iframe {
  border: none;
}
iframe canvas{
	background-color:rgba(0,0,0,0) !important;
}

iframe html, body {
	background-color:rgba(0,0,0,0) !important;
}


@media screen and (max-width: 1023px), screen and (max-height: 767px) {
  #if_outer {
    position: relative;
    width : 100%;
  }
  #if_div {
    position: absolute;
    left: 0px;
    top: 0px;
  }
}
@media screen and (min-width:1024px) and (min-height: 768px) {
  #if_outer {
    position: relative;
    width : 100%;
    height: 100vh;
  }
  #if_div {
    position: absolute;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%,50%);
  }
}
iframe.sub {
  position: absolute;
  background-color: transparent;
  display: block;
  z-index: 20;
  top: 0px;
}
iframe.icon {
  width : 150px;
}
iframe.icon.open {
  height: 180px;
}
iframe.icon.close {
  height: 120px;
}
iframe.icon.none {
  height: 0px;
}
#if_c1 {
  left: 0px;
}
#if_k1 {
  left: 130px;
}
#if_c2 {
  left: 260px;
}
#if_k2 {
  left: 390px;
}
#if_help.close {
  width : 200px;
  height: 120px;
  left: 800px;
}
#if_help.open {
  width : 1010px;
  height: 750px;
  left: 0px;
}
#if_help.none {
  width : 0px !important;
  height: 0px !important;
}