#banner{
	width:100%;
	margin:0 auto;
	clear:both;
	height:auto;
	background:#FFEDD9;
	overflow:hidden;
	position:relative;
/* 	background-size:auto 100%;
 */	padding:0;
}
#banner > .main{position:relative;}
#banner .left{
	float:left;
	width:48%;
	text-align:center;margin:0 auto;
	height:100%;
}
#banner .left img{
	width:auto;
	padding-top:2%;
	position:relative;
	top:4px;
	left:1%;
	text-align:center;
	height:auto;
}
#banner .right {
  float: right;
  height: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  right: 1%;
  text-align: center;
  width: 49%;
}
#banner .right .bn1 {
  display: block;
  float: left;
  height: auto;
  padding-top: 16%;
  position: relative;
  text-align: center;
  width: 100%;
}
#banner .right .bn2 {
  clear: both;
  position: relative;
  text-align: center;
  width: 100%;
}
#banner .right .bn3 {
  clear: both;
  position: relative;
  text-align: center;
  width: 100%;
}
#banner .bstuvan {
  clear: both;
  margin: 0 auto;
  max-height: 58px;
  max-width: 321px;
  padding: 6% 0;
  position: relative;
  text-align: center;
  width: 90%;
}
#banner .bstuvan a{
	width:321px;
	height:58px; 
	background:url(../images/tuvan_normal.png) no-repeat center;
	background-size:100%;
	text-align:center;
	display:block;
}
#banner .bstuvan a:hover{
	transition:all 0.2s ease;
	background:url(../images/tuvan_hover.png) no-repeat center;
	background-size:100%;
	animation-name: pulssing;
	-webkit-animation-name: pulssing;
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulssing {
	0% {
		transform: scale(1);
		opacity: 1;		
	}
	50% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}			
}

@-webkit-keyframes pulssing {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;		
	}
	50% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}			
}
@media screen and (max-width:1024px) {
	#banner{overflow:hidden;margin:0;padding:0;
	background-size:222% 100%;}
	#banner img{max-width:100%}
}
@media screen and (max-width:800px) {
	header{margin-top:44px;}
	#banner .bstuvan{margin-left:-9999px;display:none;}
	#banner .left img {padding-top: 1%;}
}
@media screen and (max-width:480px) {
	#banner{    background-size: 230% 100%;
    background-position: 47% 50%;}
}