#bgrmenu{ position:fixed; top:0; left:0; width: 100%; height: 100vh; z-index:40; display:none; opacity:0; transition-duration: 0.5s; }
#hdrmenu { position: fixed; top: -101px; z-index: 31; transition-duration: 0.8s; }

#photoz{ position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.85); width:100%; height:100%; z-index:140; display:none; }
#photoz .mainphtwk{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:145; display:none; }
#photoz .mmdiv{ position:absolute; top:50%; left:50%; max-width:90%; max-height:90%; transform: translate(-50%,-50%); }
#photoz .mainpht{ width:100%; height:100%; object-fit:contain; }
#photoz .loading{ position:absolute; top:50%; left:50%; display:inline-block; line-height:100%; color:rgba(255,255,255,0.5); z-index:141; opacity:0; transition-duration: 0.8s; transform: translate(-50%,-50%); }
#photoz .delbtn{ top:10px; right:10px; width:36px; height:36px; border:1px solid #ccc; }
#photoz .delbtn::before{
	position: absolute; top: 5px; left: 17px; width: 2px; height: 26px; content: "";
	background-color:#fff; transform: rotate(45deg);
}
#photoz .delbtn::after{
	position: absolute; top: 5px; left: 17px; width: 2px; height: 26px; content: "";
	background-color:#fff; transform: rotate(-45deg);
}
#photoz .covr{ position: absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; z-index:146; display:none; }
#photoz .slide{ position: absolute; bottom:30px; right:30px; margin:0; padding:5px; width:300px; height:20px; background-color:rgba(0,0,0,0.5); z-index:147; }
#photoz .slide:before{ content:""; position: absolute; top:14px; left:5px; width:300px; height:2px; background-color:#666; }
#photoz .slide > div{ position: absolute; top:5px; left:5px; width:20px; height:20px; background: linear-gradient(#ccc, #aaa); border-radius:50%; cursor:pointer; }
#photoz div.btnx{ position:absolute; z-index:147; cursor:pointer; background-color:rgba(0,0,0,0.5); }
#photoz .nx1{ top:50%; left:10px; width:30px; height:120px; border:1px solid #999; transform: translateY(-50px); }
#photoz .nx1::after{
	position: absolute; top: 0; bottom: 0; left: 12px; margin: auto; width: 10px; height: 10px; vertical-align: middle;
	content: ""; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(45deg);
}
#photoz .nx2{ top:50%; right:10px; width:30px; height:120px; border:1px solid #999; transform: translateY(-50px); }
#photoz .nx2::after{
	position: absolute; top: 0; bottom: 0; left: 7px; margin: auto; width: 10px; height: 10px; vertical-align: middle;
	content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);
}
#photoz .phototxtbox{ position: absolute; bottom:20px; left:5%; padding:10px; width:90%; font-size:1rem; line-height:175%; color:#fff; background-color:rgba(0,0,0,0.2); display:none; box-sizing:border-box; z-index:148; text-align:center; }
@media screen and (min-width: 640px) {
  #hdrmenu { top: -151px; }
}
@media screen and (min-width: 768px) {
  .movz{ opacity:0; transition-duration: 1s; }
  .movz3{ transform: translateY(20px); }
  .movz_d1{ transition-delay:0.2s; }
  .movz_d2{ transition-delay:0.4s; }
  .movz_d3{ transition-delay:0.6s; }
  .movz_d4{ transition-delay:0.8s; }
  .movz_d5{ transition-delay:1s; }
  .movz_d6{ transition-delay:1.2s; }
  .movz_d7{ transition-delay:1.4s; }
  .movz_d8{ transition-delay:1.6s; }
  .movz_d9{ transition-delay:1.7s; }
  .movz_d10{ transition-delay:2s; }
}