/*-------------------------------------
    Reset
---------------------------------------*/
*{
    margin: 0;
    padding: 0;
    position: absolute;
}

#banner{
  width: 320px;
  height: 480px;
  overflow: hidden;
  visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background:#fcb529;
  border: 1px solid #888888;
}

img{
  border: none;
}

.clicktag {
  width: 100%;
  height: 100%;
  z-index: 102;
  cursor: pointer;
}

.clicktag img {
  border: none;
  outline: none;
}

/*-------------------------------------
    Layout
---------------------------------------*/

#ad{
  width: 320px;
  height: 480px;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



/*-------------------------------------
    Frame one
---------------------------------------*/
.fairprice_logo{
	z-index:50;	
}


/*-------------------------------------
    Frame two
---------------------------------------*/
/* rect(top, right, bottom, left) */
#clip1{
	width: 320px;
	height: 240px;
	overflow: hidden;
	top: 0px;
	left: 0px;
}
#clip2{
	width: 320px;
	height: 240px;
	overflow: hidden;
	top: 240px;
	left: 0px;
}
.woman1{
	top: 240px;
	left: 0px;
	}
.broccoli{
	bottom: 240px;
	left: 0px;
	}
/*-------------------------------------
    Frame three
---------------------------------------*/
.woman2{
	top: 0px;
	left: 320px;
	}
.eggplant{
	top: 240px;
	left: -320px;
	}

#clip3{
	width: 320px;
	height: 240px;
	overflow: hidden;
	top: 0px;
	left: 0px;
}
#clip4{
	width: 320px;
	height: 240px;
	overflow: hidden;
	top: 240px;
	left: 0px;
}
.woman3{
	top: 240px;
	left: 0px;
	}
.tomato{
	bottom: 240px;
	left: 0px;
	}
#replay{
	z-index:106;
}
#replay_area{
	cursor: pointer;
	left: 19px;
    top: 19px;
	width: 45px;
	height: 15px;
	z-index:105;
}
#lastframe{
	opacity:0;
}