.warn { color:#fff;}
.slideunlock-lable-tip{ font-family:微軟正黑體; font-weight:500; font-size:15px;}
.slideunlock-wrapper {
  width: 360px;
  position: relative;
  padding: 50px;
  background: #ECF0F1;
  margin: 0 auto;
}
.icons8-Double-Right{ margin-bottom:-7px;}
.slideunlock-slider {
  padding: 10px 20px;
  position: relative;
  border-radius:15px;
  background-color: #ddd;
  overflow: hidden;
  text-align: center;
}

.slideunlock-slider.success { background-color: #8b98a5;    color: #fff; }

.slideunlock-label {
	background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAuElEQVQ4T83UsQ0CMQwF0O8iPaOwAccEMEIonJpbJ27Y4GACGIGNjIJASnE5J9Eh4TbSU5wffcLKQyt7+D3ovd845yYAo4g80wbM7AHsRORkbTR7wxDCRVUPAPYJZeYtET1UdbLQ4sq96OIb9qBmKK2oCaYQWtAqsAVtAgEcVXX4Jg/gTkS3GGP6Vu+pAtPKNVgV2IKZYCu2CPZgRbAXmwU/5XAFcM7LgYiGPM1SSVSlbDVMfv7/4AtYDcAV5rOsSwAAAABJRU5ErkJggg==") no-repeat center;
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;

  z-index: 999;
  border-radius: 15px;
  cursor: pointer;
}

.slideunlock-label-tip { z-index: 9; }
@media screen and (max-width: 640px) {

.slideunlock-wrapper { width: 64%; }
}

#reset-btn { margin: 20px 0 10px 0; }

p {
  padding: 0 10px;
  word-wrap: break-word;
}