html, body {
  background: linear-gradient(-20deg, #52e2f5, #a0ffef,#8cf7d7, #77e2d4, #b2dbfc, #a2f5ee) !important;
  background-attachment: fixed !important;
  background-size: 400% 400% !important;
}

.eyes-box-s {
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
}

.eyes-box-s .eyes {
  display: flex;
}

.eyes-box-s .eye {
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 50%;
  /*   border: 4px solid #333; */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.eyes-box-s .pupil {
  width: 32px;
  height: 32px;
  background: #000;
  border-radius: 50%;
  position: absolute;
}

/* --------------------------- */
/* FOOTER */
/* --------------------------- */




.wh-1 {
    background-image: url(../img/work/wh-1.jpg);
    background-size: cover;
    background-position: center;
}

.wh-2 {
    background-image: url(../img/work/wh-2.jpg);
    background-size: cover;
    background-position: center;
}

.wh-3 {
    background-image: url(../img/work/wh-3.jpg);
    background-size: cover;
    background-position: center;
}

.wh-4 {
    background-image: url(../img/work/wh-4.jpg);
    background-size: cover;
    background-position: center;
}

.wh-5 {
    background-image: url(../img/work/wh-5.jpg);
    background-size: cover;
    background-position: center;
}

.wh-6 {
    background-image: url(../img/work/wh-6.jpg);
    background-size: cover;
    background-position: center;
}
.ca-1 {
    background-image: url(../img/work/ca-1.jpg);
    background-size: cover;
    background-position: center;
}
.ca-2 {
    background-image: url(../img/work/ca-2.jpg);
    background-size: cover;
    background-position: center;
}
.ca-3 {
    background-image: url(../img/work/ca-3.jpg);
    background-size: cover;
    background-position: center;
}
.ca-4 {
    background-image: url(../img/work/ca-4.jpg);
    background-size: cover;
    background-position: center;
}
.ca-5 {
    background-image: url(../img/work/ca-5.jpg);
    background-size: cover;
    background-position: center;
}
.ca-6 {
    background-image: url(../img/work/ca-6.jpg);
    background-size: cover;
    background-position: center;
}

.exhibitorsRenting-place {
    color: #a420c5;
    font-weight: 600;
    border-top: 2px #e281ff solid;
    margin: 16px 16px 0 16px;
    padding: 16px 0;
    text-align: center;
}

.exhibitors-card-wh {
    padding: 12px 20px 0 20px;
    cursor: pointer;
}

/* 日本正職現場參展 */
/* .exhibitors-card-caB {
    padding: 12px 20px 0 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.exhibitors-card-caBL {
  display: flex;
  flex-direction: column;
  width: 45%;
  padding: 12px 0;
}
.exhibitors-card-info-ca {
  padding: 12px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
} */


.exhibitors-card-infojoin {
    background-color: #8d3df5;
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    padding: 8px 12px;
    position: absolute;
    bottom: 2px;
    left: -32px;
}
/* 日本正職現場參展 */


.exhibitors-card-infolevel {
    background-color: #daff0a;
    font-size: 20px;
    font-weight: 800;
    color: #000000;
    padding: 8px 12px;
    position: absolute;
    bottom: -32px;
    left: -32px;
}

.exhibitors-card-info-wh h4 {
    margin: 16px 0 0 0;
}
.exhibitors-card-info-wh h5 {
    text-align: center;
    color: #4649fd;
    font-size: 18px;
}

.exhibitorsWh-place {
  text-align: center;
  font-weight: 600;
  margin: 0 0 20px 0;
  color: #eb2626;
}


.bgj {
    background-image: url(../img/work/bgj.jpg);
    background-size: cover;
    background-position: center;
}
.kamikawa {
    background-image: url(../img/work/kamikawa.jpg);
    background-size: cover;
    background-position: center;
}
.e-heya {
    background-image: url(../img/work/e-heya.jpg);
    background-size: cover;
    background-position: center;
}
.takuto {
    background-image: url(../img/work/takuto.jpg);
    background-size: cover;
    background-position: center;
}

.ca-ri {
    background-image: url(../img/work/ca-ri.jpg);
    background-size: cover;
    background-position: center;
    height: 180px;
}

.ca-w1 {
    background-image: url(../img/work/ca-w1.jpg);
    background-size: cover;
    background-position: center;
    height: 180px;
}
.ca-w2 {
    background-image: url(../img/work/ca-w2.jpg);
    background-size: cover;
    background-position: center;
    height: 180px;
}
.ca-w3 {
    background-image: url(../img/work/ca-w3.jpg);
    background-size: cover;
    background-position: center;
    height: 180px;
}
.ca-w4 {
    background-image: url(../img/work/ca-w4.jpg);
    background-size: cover;
    background-position: center;
    height: 180px;
}
.ca-w5 {
    background-image: url(../img/work/ca-w5.jpg);
    background-size: cover;
    background-position: center;
    height: 180px;
}
.ca-w6 {
    background-image: url(../img/work/ca-w6.jpg);
    background-size: cover;
    background-position: center;
    height: 180px;
}


.exhibitors-ca-book {
  display: block;
}
.exhibitors-ca-book img {
  width: 100%;
}
