﻿<style>
html, body {
}

#main-frame {
width:100%;
    frameborder: 0px;
	border:0px;
	
	
	position:relative;
	left:0;
	bottom:0;
	right:0;
	top:-280px;
	width:100%;
height:4500px;
	border:none;
	margin:0;
	padding:0;
	overflow:visible;
	z-index:1500;
}

#main_div {
width:100%;
min-width:100%;
margin:0 auto;
position:relative;
display:inline-block;
    frameborder: 0px;
	border:0px;
	background:white;
}

.full-frame {
}
.sp-container {
				text-align: center;
				max-width:600px;
				width:100%;
				left:0;
				right:0;
				margin:0 auto;
				top:-100px;
				position:relative;
}
.sp-container2 {
				text-align: center;
				width:100%;
				left:0;
				right:0;
				margin:0 auto;
				text-align:center;
				top:-100px;
				position:relative;
				overflow:hidden;
}
	#iframeTest{
		transform: scale(1);
		-ms-transform: scale(1); /* IE 9 */
		-webkit-transform: scale(1); /* Safari and Chrome */
		-o-transform: scale(1); /* Opera */
		-moz-transform: scale(1); /* Firefox */
		width:700;
		margin-left: 0; width: 760px; top:-40px;
		position:relative;
	}

@media (max-width: 800px){
#iframeTest{
transform: scale(.7);
-ms-transform: scale(.7); /* IE 9 */
-webkit-transform: scale(.7); /* Safari and Chrome */
-o-transform: scale(.7); /* Opera */
-moz-transform: scale(.7); /* Firefox */
 width:100%;
 margin-left: -2%; width: 760px; top:-100px;
position:relative;
}
}
@media (max-width: 655px){
#iframeTest{
transform: scale(.6);
-ms-transform: scale(.6); /* IE 9 */
-webkit-transform: scale(.6); /* Safari and Chrome */
-o-transform: scale(.6); /* Opera */
-moz-transform: scale(.6); /* Firefox */
margin-left: -15%;
top:-100px;
width: 700px;
position:relative;
}
}

@media (max-width: 419px){
 
#iframeTest{
transform: scale(.5);
-ms-transform: scale(.5); /* IE 9 */
-webkit-transform: scale(.5); /* Safari and Chrome */
-o-transform: scale(.5); /* Opera */
-moz-transform: scale(.5); /* Firefox */
top:-160px;
left:0;
width: 500px;
background-color:fuchsia;
position:relative;
}
}




#scaled-frame { width: 700px; height: 490px; border: 0px; }
#scaled-frame {
    zoom: 1;
    -moz-transform: scale(1);
    -moz-transform-origin: 0 0;
    -o-transform: scale(1);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #scaled-frame  { zoom: 1;  }
}
</style>