/*vue設定*/
[v-cloak] {
  display: none;
}

/*----查詢彈出窗樣是設定-----*/
.remake {
  cursor: pointer;
}

#pages {
  text-align: center;
}

/*layui*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  left: 0px !important;
  top: 0px !important;
  background-color: #FFDF70 !important;
  padding: 0 !important;
}

.layui-laypage .layui-laypage-curr em {
  color: #272553 !important;
}

.layui-laypage a,
.layui-laypage span {
  color: #dbdaf3 !important;
  background-color: transparent !important;
  border: 1px solid #605BA2 !important;
  height: 24px;
  line-height: 24px;
}

/* 上下業*/
.layui-laypage-prev,
.layui-laypage-next {
  /* padding:0 7px !important; */
}

/* 總頁數 */
span.layui-laypage-count {
  /* background-color: transparent !important;
  border: 1px solid #00b7fd !important;
  padding: 0 5px !important; */
}

.light {
  box-shadow: 0 0 10px 5px #fcf99b;
  border-radius: 100px;
  animation: light 0.5s linear infinite;
  animation-direction: alternate;
  width: 131px;
  bottom: 13px;
  left: 6px;
  height: 131px;
}

@keyframes light {
  0% {
    box-shadow: 0 0 5px 3px #fcf99b;
  }

  100% {
    box-shadow: 0 0 10px 5px #fcf99b;
  }

}

.layui-layer-shade {
  background-color: transparent !important;
}

/* system close message */
.system {
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  font-size: 24px;
}