Title1

Title2

Title3

4-1 FB客服

請自行替換 47 行,粉絲頁ID

<!-- Facebook 客服 -->
<!-- fontawesome -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">        
  .fab-fixed-wrap {
    position: fixed;
    z-index: 1045;
    right: 30px;
    bottom: 30px;
  }
  .fa {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  .fab {
      font-size: 32px;
      display: block;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      color: #fff;
      background-color: #e89a3e;
      text-align: center;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.175);
      text-decoration: none;
      line-height: 50px;
      opacity: 0.8;
  }
  .fab-facebook {
    background-color: #e8ac3e;
  }
  .fab-facebook:hover, .fab-facebook:focus, .fab-facebook:active {
    outline: 0; opacity: 0.6; color: #eee;
  }
  .fab-fixed-wrap span.h2{
    position: absolute;
    top: 14px;
    left: 14px;
  }
</style>
<div>
  <div class="fab-fixed-wrap">
    <a href="https://www.messenger.com/t/tw.ugm" target="_blank" class="fab fab-facebook" title="Facebook 客服">
    <span class="h2">
      <span class="fa fa-comments-o"></span>
    </span>
    </a>
  </div>
</div>