#ofg {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color:#fff;
}
#outerdiv {
	height: 370px;
	overflow: hidden;
	position: relative;
	width: 82%;
	margin: 0 auto;
}
#inneriframe {
	height: 870px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 1288px;
}
 @media only screen and (min-width: 768px) and (max-width: 1130px) {
 #outerdiv {
 width:100%;
 height: 560px;
 overflow:hidden;
 position:relative;
 left:0px
}
#inneriframe {
 height: 1100px;
 left: -490px;
 position: absolute;
 top: -685px;
 width: 1288px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 990px) {
 #outerdiv {
 width:100%;
 height:560px;
 overflow:hidden;
 position:relative;
 left:0px
}
#inneriframe {
 height: 1100px;
 left: -551px;
 position: absolute;
 top: -685px;
 width: 1288px;
}
.offer_list .offer_aside {
 float: left;
 width: 96%;
 padding: 15px 10px 10px 10px;
}
}
 @media only screen and (min-width: 30px) and (max-width: 767px) {
 #outerdiv {
 width:100%;
 height:560px;
 overflow:hidden;
 position:relative;
 left:0px
}
#inneriframe {
 height: 1100px;
 left: -540px;
 position: absolute;
 top: -685px;
 width: 1288px;
}
.offer_list .offer_aside {
 float: left;
 width: 96%;
 padding: 15px 10px 10px 10px;
}
}
 @media only screen and (min-width: 30px) and (max-width: 480px) {
 #outerdiv {
 width:100%;
 height:400px;
 overflow:hidden;
 position:relative;
 left:0px
}
#inneriframe {
 height: 1100px;
 left: -540px;
 position: absolute;
 top: -685px;
 width: 1276px;
}
}