/* modal */
.madal-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3;
  filter: alpha(opacity=30);
  display: none;
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  margin: 0 0 0 -170px;
  width: 340px;
  background: #f8f8f8;
  box-shadow: 0 0 10px #888;
  display: none;
}
.modal-hd {
  position: relative;
  padding: 0 20px;
  line-height: 35px;
}
.modal-hd .icon {
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 24px;
  color: #666;
}
.modal-cont {
  padding: 25px 35px;
}
.modal-handle {
  margin: 25px 0 0;
  overflow: hidden;
  text-align: right;
}
.modal-handle .btn {
  margin-left: 1em;
}
.model-msg {
  overflow: hidden;
}
.model-msg .icon {
  float: left;
  margin-right: 6px;
}
.model-msg-cont .msg {
  font-weight: bold;
}
.model-msg-cont .sub {
  color: #999;
}
.modal-primary .modal-hd {
  color: #fff;
  background: #4776c8;
}
.modal-primary .modal-hd .icon {
  color: #fff;
}
.modal-success .modal-hd {
  color: #fff;
  background: #53AA3F;
}
.modal-success .modal-hd .icon {
  color: #fff;
}
.modal-warning .modal-hd {
  color: #fff;
  background: #fea700;
}
.modal-warning .modal-hd .icon {
  color: #fff;
}
.modal-danger .modal-hd {
  color: #fff;
  background: #DD514C;
}
.modal-danger .modal-hd .icon {
  color: #fff;
}