/*--- modal ---*/
.MD-close #MD-wrapall{
}
.MD-close #MD-modal {
  display: none;
}

.MD-open{
  position: relative;
  overflow: hidden;
}
.MD-open #MD-wrapall{
}
.MD-open #MD-modal {
  display: block;
  position: fixed;
  z-index: 12000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: auto;
  overflow-y: scroll;
  overflow-x: auto;
}
.MD-open #MD-modal .MD-background {
  position: absolute;
  z-index: 12001;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #000;
  min-height: 900px;
}
.MD-open #MD-modal .MD-wrapper {
  position: relative;
  z-index: 12002;
  width: 100%;
  height: 100%;
}
.MD-open #MD-modal .MD-window {
  position: absolute;
  left: 50%;
  top: 50%;
}

.MD-open #MD-modal .MD-container {
}
.MD-open #MD-modal .MD-header {
  height: 31px;
  overflow: hidden;
  display: none;
}
.MD-open #MD-modal .MD-title {
  height: 29px;
  background: #ce181e;
  color: #FFF;
  float: left;
  font-weight:bold;
  line-height: 29px;
  font-size: 12px;
  padding: 0 0 0 15px;
  -webkit-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}
.MD-open #MD-modal .MD-closebtn {
  cursor: pointer;
  width: 29px;
  height: 29px;
  display: block;
  background: #ce181e 0 0 no-repeat;
  float: right;
  -webkit-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.MD-open #MD-modal .MD-closebtn:hover {
  background-color: #da5256;
}
#MD-modal iframe {
  border: none;
}
#MD-modal img {
  vertical-align: bottom;
}
.MD-close #MD-heroclosebtn{
}
.MD-open #MD-heroclosebtn{
  display: none;
  position: fixed;
  z-index: 12003;
  right: 25px;
  top: 0;
  cursor: pointer;
  width: 55px;
  height: 55px;
  background: url(../common/img/btnClose.png) 0 0 no-repeat;
  -webkit-background-size: 55px;
          background-size: 55px;
}

.MD-open #MD-heroclosebtn:hover {
	background-position: 0 100%;
}