[v-cloak] {
  display: none;
}

/*layui-頁碼*/
.layui-laypage a,
.layui-laypage span {
  /*手機版用*/
  /* padding: 0 7px !important; */
  /*共通用*/
  /* background: #171717 !important;
  color: #d2d2d2 !important; */
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: rgb(53, 53, 53) !important;
  left: 0px !important;
  top: 0px !important;
  padding: 0px !important;
}

.layui-laypage a,
.layui-laypage span {
  /* padding: 0 7px !important; */
  background: rgb(13, 13, 13) !important;
  color: #fff !important;
}

/*layui-日期*/
.layui-laydate .layui-this {
  background-color: #900000 !important;
  color: #fff !important;
}

.layui-laydate-content th {
  font-weight: 400;
  color: #fff !important;
}

/*補簽到提示窗*/
#tips {
  display: none;
  width: 300px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
}

.box1 table td {
  color: rgb(80, 80, 80)
}

.tccon .con2 table tr td {
  word-break: break-word;
}

.tccon .con2 {
  height: auto;
  max-height: 350px;
  overflow: auto;
}

#doform {
  color: red;
  text-align: center;
  margin: 40px;
  font-size: 20px;
  margin-left: -150px;
  width: calc(100% + 150px);
  word-break: break-word;
}

#querycon {
  display: none;
}