@charset "utf-8";
/* CSS Document */

 
div#modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
z-index:100000;
}
div#modal div.background {
	position: fixed;
	top:0;
	width: 100%;
	height: 100%;
	background-color: #000000;
  opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	/*opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";*/
}
div#modal div.n-container {
	position: relative;
	width: 600px;
	height: auto;
	background-color: #ffffff;
  border-radius: 3px;
  margin-top:50px;
  z-index: 100000;
}


  a {text-decoration: none;}
  .close_x span {
    display:block;
    positon:relative;
    top:0;
    right:5px;
    width:40px;
    font-size:18px;
    font-weight:bold;
    backgorund-color:#ccc;
    text-align:right;
    margin-left:auto;
    padding-right:.5em;
    font-color:#000;
  }


@media screen and (max-width:767px){
  div#modal {
	display: none;
	position: fixed;
	  top:0;
	width: 100%;
	height: 100%;
z-index:100000;
}
  div#modal div.n-container {
	position: relative;
	width: 90vw;
	height: auto;
	background-color: #ffffff;
  border-radius: 2px;
  margin-top:50px;
}
  
  div#modal div.n-container {
	/*position: relative;
	width: 600px;
	height: 500px;
	background-color: #ffffff;
  border-radius: 3px;
  margin-top:50px;*/
  z-index: 100000;
  min-height: auto !important;
}
  
}