@charset "utf-8";

/* float btn */
body {
    position: relative;
}

.float_btn {
    display: block;
    position: fixed;
    bottom: 200px;
    right: 0;
    z-index: 999;
    content: "";
}

.float_btn.onlineExhibition {
    bottom: 50px;
}

.float_btn, .float_btn .btn3 {
    width: 120px;
    max-width: unset;
    height: 120px;
    border-radius: 10px;
    font-size: 18px;
    padding: 0;
}

/* .float_btn.onlineExhibition .btn3 {
      background: #3376D5;
      border-bottom: 1px solid #042238;
      border-right: 1px solid #042238;
  } */
.float_btn.onlineExhibition .btn3 {
    background: linear-gradient(90deg, #ee519a 0%, #ffa2c9 100%);
    border-bottom: 1px solid #F00064;
    border-right: 1px solid #F00064;
}

/* .float_btn.online .btn3 {
    background: rgb(11 90 148);
    border-bottom: 1px solid #042238;
    border-right: 1px solid #042238;
  } */

.float_btn .btn3::after {
    background: none;
}

@media screen and (max-width: 767px) {
    .float_btn {
        bottom: 0;
    }

    .float_btn.onlineExhibition {
        bottom: 0px;
        /* bottom: 50px; */
        top: revert;
    }

    .float_btn, .float_btn .btn3 {
        width: 100%;
        height: 50px;
        border-radius: revert;
    }

    .float_btn.onlineExhibition, .float_btn.onlineExhibition .btn3 {
        border-radius: 10px 10px 0 0;
    }
}

/* #main {
    padding: 50px 0 0;
  } */