#main {
	max-width: 640px;
	margin: 0 auto;
}

#visitors table {
	max-width: 320px;
	margin: 0 auto;
}

#visitors table th {
	width: 50%;
}

/* make sticky footer  */
body, html {
	height: 100%;
}

footer, .push {
	height: 36px;
}

footer, footer .ul, footer .breadcrumb {
	margin-bottom: 0;
	background-color: transparent;
	text-align: center;
}

footer a:link, footer a:visited {
	text-decoration: none;
	color: #777;
}

footer a:hover {
	text-decoration: underline;
	color: #000000;
}

.wrapper {
	min-height: 100%;
	margin: 0 auto -36px; /* the bottom margin is the negative value of the footer's height */
}

#modal-result-url{
	overflow: hidden;
}

th[data-field="remark"] {    
    width: 40%;
}


/* end */

/*upload image*/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(5px); /* 模糊效果 */
}
.d-none {
  display: none;
}
.img-thumbnail.blurred {
  filter: blur(3px);
}
.position-relative {
	position: relative;
}
.mt-2{
	margin-top: 2rem;
}