幻影顶部浮动边距

#f-wrap {
  position: relative;
  width:100%;
  margin: 0 auto;
}
.row {
  display: inline-block;
  vertical-align:top;
  width: 100%;
}
.col {
  display: inline-block;
  vertical-align:top;
  width: 45%;
  margin: 2em 1em;
  background: #f0f;
}

<section class="ctre s-f">
  <div id="t-wrap">
    <div class="row">
      <div class="col">
        <img src="img-bin/mgi-logo.png" alt="MGI Technology logo." width="20%"/>
      </div>
      <div class="col">
        <h3 class="f-h">Related Links</h3><br/>
        <ul>
          <li class="f-lnk"><a href="">Home</a></li>
          <li class="f-lnk"><a href="">About us</a></li>
          <li class="f-lnk"><a href="">Products</a></li>
          <li class="f-lnk"><a href="">News</a></li>
          <li class="f-lnk"><a href="">Contact us</a></li>
          <li class="f-lnk"><a href="">Recycle</a></li>
          <li class="f-lnk"><a href="">Site map</a></li>
        </ul>
      </div>
    </div>
    <hr class="style-two"/>
    <div class="row">
      <div class="col">
        <h3 class="f-h">Social</h3><br/>
        <ul>
          <li class="f-ico"><img src="img-bin/mgi-logo.png" alt="" width="100%" /></li>
          <li class="f-ico"><img src="img-bin/mgi-logo.png" alt="" width="100%" /></li>
          <li class="f-ico"><img src="img-bin/mgi-logo.png" alt="" width="100%" /></li>
        </ul>
      </div>
      <div class="col f-txt">
        <h3 class="f-h">Find Us</h3><br/>
        MGI Technology<br/>
        <br/>
        <a href="#" class="f-btn">MAP</a>
      </div>
    </div>
  </div>
</section>