#registrationbody #modal9

{  height: 100%;}



/* ****************
 * Open modal button (trigger)
 * *************** */
.md-btn-area {   margin-bottom:50px;}
.md-btn {   background-color:#fff;  cursor: pointer;  }



/* ****************
 * Modal window
 * *************** */
.modal {
  opacity:0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
z-index:1000;
  color: #000;
  text-align: left;
  font-size: 13px;
line-height:22px;
  -webkit-transition: opacity .4s linear;
  transition: opacity .4s linear;
  -webkit-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  transform: translate(0,100%);
}
/* Modal content */
.modal-inner {
  position:relative;
  margin:60px 5% 5%;
  padding:20px 20px 20px 20px ;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
  box-shadow: 0 0 15px rgba(0,0,0,0.8);
  border-radius:10px;
  background-color:#fff;
  z-index:10;
}
.modal h2 {
  border-bottom:1px solid;
  padding-bottom:20px;
}


/* ****************
 * Modal close button
 * *************** */
.modal .close {
  display:block;
  position: absolute;
  top: 0;
  left 0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,.74);
  z-index:1;
}
.modal .close span {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
/*  background-color: rgba(255,255,255,.5);*/
  cursor:pointer;
}
.modal .close span {
  text-indent: -9999px;
}
.modal .close span:before,
.modal .close span:after {
  content: "";
  position: absolute;
  top: 4px;
  border: 2px solid #fff;
  height: 30px;
}
.modal .close span:before {
  left: 18px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal .close span:after {
  right: 18px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* ****************
 * Append modal(target id)
 * *************** */
#modal1:target,
#modal2:target,
#modal3:target,
#modal4:target,
#modal5:target,
#modal6:target,
#modal7:target,
#modal8:target,
#modal9:target,
#modal10:target,
#regi1:target,
#regi2:target,
#regi3:target,
#regi4:target,
#regi5:target,
#regi6:target,
#regi7:target,
#regi8:target,
#guide1:target,
#guide2:target,
#guide3:target,
#guide4:target,
#inquiry1:target,
#inquiry2:target

 {
  opacity: 1;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
}


.modal-inner h1{    font-size:16px;line-height:19px;color:#333333;white-space:nowrap}




.modal ul i{
display:block;
padding:5px 5px 5px 10px ;
background-color:#888;color:white;
    list-style: none;
}
.modal ul p{
background-color:#ededed;
padding:10px;
}



#modal5 ul,#modal6 ul {
    padding-left: 13px;
    list-style: disc outside;
    margin: 0;text-align: left;
}
#modal5 li,#modal6 li {background: transparent;
  font-size: 13px;
line-height:22px;
    margin: 0px 0px 3px 0px ;
    padding: 0px 0px 0px 0px;
}
#modal5 ol,#modal6 ol {
    margin: 0;color:red;
    padding-left: 15px;
    text-align: left;
    list-style-type: decimal;
}