.ypopup{position:absolute;z-index: 900;left:100px;top:120px;background-color:#dedede;box-shadow: 0 0 10px rgb(0,0,0,0.3);padding-bottom:37px;}
.ypopup>.img_wrap{cursor: move;}
.ypopup>.btn_wrap{padding:5px 5px;position: absolute; bottom: 0; left: 0; width: 100%;}
.ypopup>.btn_wrap>button{border:none;border-radius: 3px; padding:4px 15px;cursor:pointer;	font-family: sans-serif;background-color:#5d5d5d;color:white;}
.ypopup>.btn_wrap>button:first-child{}
.ypopup>.btn_wrap>button:last-child{float:right;}

@media(max-width:600px){
	.ypopup{position:fixed;left:0;top:0;width:90%;max-width:100vh;}
	.ypopup>.img_wrap{max-height: 100%;overflow-y: scroll;max-height: 87vh; max-height:calc(87vh - 37px);}
	.ypopup>.img_wrap>img{width:100%;}
}



.ypopup2{position:absolute;z-index: 900;left:510px;top:120px;background-color:#dedede;box-shadow: 0 0 10px rgb(0,0,0,0.3);padding-bottom:37px;}
.ypopup2>.img_wrap{cursor: move;}
.ypopup2>.btn_wrap{padding:5px 5px;position: absolute; bottom: 0; left: 0; width: 100%;}
.ypopup2>.btn_wrap>button{border:none;border-radius: 3px; padding:4px 15px;cursor:pointer;	font-family: sans-serif;background-color:#5d5d5d;color:white;}
.ypopup2>.btn_wrap>button:first-child{}
.ypopup2>.btn_wrap>button:last-child{float:right;}

@media(max-width:600px){
	.ypopup2{position:fixed;left:0;top:0;width:90%;max-width:100vh;}
	.ypopup2>.img_wrap{max-height: 100%;overflow-y: scroll;max-height: 87vh; max-height:calc(87vh - 37px);}
	.ypopup2>.img_wrap>img{width:100%;}
}