*,
  body,
  html {
      margin: 0px;
      padding: 0px;

  }

  a img {
      outline: none;
  }

  img {
      border: 0;
  }

  #content {
      position: absolute;
      width: 298px;
      height: 248px;
      background-color: #f63100;
  }

  #background_exit_dc {
      position: absolute;
      width: 300px;
      height: 250px;
      -ms-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      left: -30px;
      top: -25px;
      cursor: pointer;
      z-index: 600;
  }

  #outer_wrapper {
      border: 1px solid #000;
      position: absolute;
      width: 298px;
      height: 248px;
      position: absolute;
      top: 0px;
      left: 0px;
      overflow: hidden;
      z-index: 199;
  }

  .retina {
      position: absolute;
      left: 0;
      top: 0;
      width: 300px;
      height: 250px;
  }

  .hide {
      opacity: 0;
  }


  #guide {
      opacity: 0.5;
      z-index: 99999;
  }


  #logo {
      opacity: 1;
  }

  #orange_BG {
      opacity: 1;
      width: 300px;
      height: 250px;
      color: #ff4c00;
  }

  #bg {
      opacity: 1;
      /*    left: 425px; */
      width: 425px !important;
      height: 250px !important;

  }

  #products {
      opacity: 1;
  }



  #copy01 {}

  .copy {
      top: 0px;
      left: 0px;
  }