#dwrapper {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.65);
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
/*style="position: relative; left: -50%; border: dotted red 1px;*/
#ddialog-div {
	position: fixed;
	top: 40%;
	left: 50%;
	width: 35%;
}



#ddialog {
	z-index: 1000001 ;
	position: relative;
	left: -50%;
	padding: 40px;
	background: #FFF;
	color: #003;
	opacity: 1;
    filter: alpha(Opacity=100);
}
#ddialog A {
	margin: 10px 20px 10px 0;
	padding: 4px;
	border: 1px solid #003;
}

@media all and (max-width: 1280px) {
#ddialog-div {
	position: fixed;
	top: 40%;
	left: 10%;
	width: 70%;
}
	#ddialog {
		left: 30%;
		width: 40%;
	}
}
@media all and (max-width: 760px) {
	
	#ddialog {
		left: 10%;
		width: 80%;
	}
	#ddialog A {
		display: block;
		clear: right;
		text-align: center;
	}
#ddialog-div {
	position: fixed;
	top: 30%;
	left: 10%;
	width: 80%;
}
}
#ddialog2 A {
	margin: 10px 0 10px 0;
	padding: 4px 0 4px 0;
	border: 0px;
}
@media all and (max-width: 1280px) {
	#ddialog2 {
		left: 30%;
		width: 100%;
	}
}
@media all and (max-width: 760px) {
	
	#ddialog2 {
		left: 10%;
		width: 80%;
	}
	#ddialog2 A {
		display: block;
		clear: right;
		text-align: center;
	}
}