*{
	padding: 0;
	margin:0;
	position: absolute;
}

#ad {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;  
}

#banner{
	width:300px;
	height: 600px;
	display: block;
	overflow: hidden;
	border: 1px solid #575b5f;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

.logo-bar{
	top:0;
	left:147px;
}

.bg{
	top: -138px;
	left: -67px;
	-webkit-animation : zoom_out 9s .5s linear forwards;
	   -moz-animation : zoom_out 9s .5s linear forwards;
	     -o-animation : zoom_out 9s .5s linear forwards;
	        animation : zoom_out 9s .5s linear forwards;
}

.frm1-copy1{
	top: 26px;
	left: 6px;
	opacity: 0;
	-webkit-animation : first_copy 3.5s .5s forwards;
	   -moz-animation : first_copy 3.5s .5s forwards;
	     -o-animation : first_copy 3.5s .5s forwards;
	        animation : first_copy 3.5s .5s forwards;
}

.frm2-copy1{
	top: 26px;
	left: 6px;
	opacity: 0;
	-webkit-animation : second_copy 3.5s 3.5s forwards;
	   -moz-animation : second_copy 3.5s 3.5s forwards;
	     -o-animation : second_copy 3.5s 3.5s forwards;
	        animation : second_copy 3.5s 3.5s forwards;
}

.frm3-copy1{
	top: 26px;
	left: 6px;
	opacity: 0;
	-webkit-animation : third_copy 3.5s 6.5s forwards;
	   -moz-animation : third_copy 3.5s 6.5s forwards;
	     -o-animation : third_copy 3.5s 6.5s forwards;
	        animation : third_copy 3.5s 6.5s forwards;
}


.frm4-copy1{
	top: 26px;
	left: 6px;
	opacity: 0;
	-webkit-animation : fourth_copy 3.5s 9.5s forwards;
	   -moz-animation : fourth_copy 3.5s 9.5s forwards;
	     -o-animation : fourth_copy 3.5s 9.5s forwards;
	        animation : fourth_copy 3.5s 9.5s forwards;
}

.frm4-copy2{
	top: 235px;
	left: 7px;
	opacity: 0;
	-webkit-animation : fourth_copy 3.5s 10.5s forwards;
	   -moz-animation : fourth_copy 3.5s 10.5s forwards;
	     -o-animation : fourth_copy 3.5s 10.5s forwards;
	        animation : fourth_copy 3.5s 10.5s forwards;
}

.button { 
	width: 137px; 
	height: 32px;
	top: 310px;left: 23px;
	background: url(images/button.png) no-repeat;
	opacity: 0;
	-webkit-animation : arrow 14s 10.8s forwards;
	   -moz-animation : arrow 14s 10.8s forwards;
	     -o-animation : arrow 14s 10.8s forwards;
	        animation : arrow 14s 10.8s forwards;

}
.button:hover{  background-position: 0 -32px;}

#banner .ie-fallback{width: 300px; height: 250px; display: block; z-index: 100; background: url('Q1CMB-2016-GTRF-English-012816-300x600.jpg');}

@-webkit-keyframes zoom_out{
	0%   {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(.7) rotate(0.02deg);}
}

@-moz-keyframes zoom_out{
	0%   {-moz-transform: scale(1);}
	100% {-moz-transform: scale(.7) rotate(0.02deg);}
}

@-o-keyframes zoom_out{
	0%   {-o-transform: scale(1);}
	100% {-o-transform: scale(.7) rotate(0.02deg);}
}

@keyframes zoom_out{
	0%   {transform: scale(1);}
	100% {transform: scale(.7) rotate(0.02deg);}
}

@-webkit-keyframes first_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes first_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes first_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes first_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes second_copy{
	0%   { opacity: 0;}
	20%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes second_copy{
	0%   { opacity: 0;}
	20%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes second_copy{
	0%   { opacity: 0;}
	20%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes second_copy{
	0%   { opacity: 0;}
	20%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes third_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes third_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes third_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes third_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 0;}
}


@-webkit-keyframes fourth_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 1;}
}

@-moz-keyframes fourth_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 1;}
}

@-o-keyframes fourth_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 1;}
}

@keyframes fourth_copy{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 1;}
}


@-webkit-keyframes arrow{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 1;}
}

@-moz-keyframes arrow{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 1;}
}

@-o-keyframes arrow{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 1;}
}

@keyframes arrow{
	0%   { opacity: 0;}
	10%  { opacity: 1;}
	60%	 {opacity: 1;}
	100% {opacity: 1;}
}