@charset "utf-8";
/* CSS Document */
body{ /*background-image:url(../images/bg1.jpg);
background-repeat:repeat; 
background-color:#79A92F;*/
margin:0px;padding:0px;
font-family: 'NeoSansStdRegular';
font-size:13px;
:#fff;line-height:19px;
}
#layout{width:100%;margin:0px auto;}
#header{}

/*------------------------------------------------------*/


@media screen and (min-width: 320px) and (max-width: 699px) {


 .txt{
    font-size: calc(.4rem + 3.2vw);
	color:#00FFFF;
	text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
  }
  .photo-size{
  width:500px;
  height:700px;
}
.photo-size1{
  width:66px;
  height:66px;
}



#modal {
	visibility:hidden;
	width:500px;
	padding:8px;
	

	background:rgba(0,0,0,.3);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute !important;
	top:25% !important;
	left:50% !important;
	margin-top:-22px !important;
	margin-left:-250px !important;
	z-index:101;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}
.button {color: #CC0000;
    float: right;
    font-size: 13px;
    font-weight: bold;
    line-height: 33px;
    margin-bottom: -44px;
    margin-top: 22px;
    opacity: 1000;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    z-index: 1000;
	right:-8px;
	}

.button img { 
	float:left;
	width:40px;
	height:40px;
}

.sty1{ 
	font-size: 9px;
	}


}



/*------------------------------------------------------------*/


@media screen and (min-width: 700px) and (max-width: 1900px) {


 .txt{
    font-size: calc(.2rem + 2.0vw);
	color:#FFFF00;
	text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em Orange;
  }
  .photo-size{
  width:900px;
  height:1100px;
}
.photo-size1{
  width:88px;
  height:88px;
}

#modal {
	visibility:hidden;
	width:900px;
	padding:8px;
	

	background:rgba(0,0,0,.3);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute !important;
	top:25% !important;
	left:50% !important;
	margin-top:-22px !important;
	margin-left:-450px !important;
	z-index:101;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}
.button {color: #CC0000;
    float: right;
    font-size: 13px;
    font-weight: bold;
    line-height: 33px;
    margin-bottom: -44px;
    margin-top: -8px;
    opacity: 1000;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    z-index: 1000;
	right:-8px;
	}

.button img { 
	float:left;
	width:70px;
	height:70px;
	}
.sty1{ 
	font-size: xx-large;
	}

}