#customer_service {
  position: fixed;
  right: 32px;
  bottom: 100px;
  z-index: 101;
  display: flex;
  flex-direction: column; }
  #customer_service svg path {
    transition: all .3s; }
  #customer_service img {
    width: 100%; }
  #customer_service > div {
    margin-bottom: 11px;
    display: inline-block;
    width: 46px;
    height: 46px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer; }
    #customer_service > div .circle {
      display: flex;
      width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center;
      background: #fff; }
  #customer_service .fb_btn:hover path {
    fill: #3b5998; }
  #customer_service .line_btn {
    position: relative;
    overflow: unset; }
    #customer_service .line_btn .circle {
      width: 46px;
      height: 46px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%; }
      #customer_service .line_btn .circle path {
        transition: all .3s; }
    #customer_service .line_btn:hover .circle > svg path {
      fill: #00c300; }
    #customer_service .line_btn .QR_code_block {
      position: absolute;
      right: 75px;
      top: 50px;
      width: 304px;
      border-radius: 5px;
      overflow: hidden;
      background: #fff;
      visibility: hidden;
      opacity: 0;
      transition: all .3s ease-in-out; }
      #customer_service .line_btn .QR_code_block .QR_head {
        background: #02c206;
        color: #fff;
        position: relative;
        display: flex;
        align-items: center;
        padding: 11px; }
        #customer_service .line_btn .QR_code_block .QR_head span {
          padding-left: 10px; }
        #customer_service .line_btn .QR_code_block .QR_head button {
          position: absolute;
          right: 5px;
          background: none;
          border: none;
          color: #fff;
          cursor: pointer; }
      #customer_service .line_btn .QR_code_block .QR_body {
        padding: 15px 10px; }
        #customer_service .line_btn .QR_code_block .QR_body > div {
          text-align: center; }
        #customer_service .line_btn .QR_code_block .QR_body .QR_code {
          margin-bottom: 15px; }
          #customer_service .line_btn .QR_code_block .QR_body .QR_code img {
            border: #cdcdcd 1px solid; }
        #customer_service .line_btn .QR_code_block .QR_body .words p {
          margin-bottom: 5px; }
        #customer_service .line_btn .QR_code_block .QR_body .words .w_1 {
          font-size: 18px;
          color: #444; }
        #customer_service .line_btn .QR_code_block .QR_body .words .w_2 {
          font-size: 13px;
          color: #999; }
    #customer_service .line_btn .qr_show {
      opacity: 1;
      top: -250px;
      visibility: visible; }
  #customer_service .contact_page {
    background: #fff; }
    #customer_service .contact_page:hover path {
      fill: #d6000f; }
  @media (min-width: 992px) {
    #customer_service .line_btn a.circle {
      display: none; } }
  @media (max-width: 991px) {
    #customer_service {
      top: auto;
      right: -50px;
      bottom: 83px;
      transition: all .3s; }
      #customer_service .fb_btn path {
        fill: #3b5998; }
      #customer_service .line_btn #circle {
        display: none; }
      #customer_service .line_btn .circle path {
        fill: #00c300; }
      #customer_service .line_btn .QR_code_block {
        position: fixed;
        top: 110px;
        right: 50%;
        transform: translateX(50%); }
      #customer_service .line_btn .qr_show {
        top: 60px; }
      #customer_service .contact_page path {
        fill: #d6000f; } }

.mobile_customer_active {
  right: 8px !important; }