#header{
 opacity: 0;
 visibility: hidden;
 position: fixed;
 z-index: 9999;
 width: 100%;
}
#header.active{
 transition: 1s;
 opacity: 1;
 visibility: visible;
}
#header ul{
 text-align: right;
 padding: 20px;
}
#header ul li{
 display: inline-block;
 padding: 10px;
 cursor: pointer;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.3),1px 1px 3px rgba(0,0,0,0.3);
}
#header ul li.btnBgm .fa-volume-up{
 display: none;
}
#header ul li.btnBgm.active .fa-volume-up{
 display: inline-block;
}
#header ul li.btnBgm.active .fa-volume-mute{
 display: none;
}
#header ul li.btnFull .fa-compress{
 display: none;
}
#header ul li.btnFull.active .fa-compress{
 display: inline-block;
}
#header ul li.btnFull.active .fa-expand{
 display: none;
}
#page_home .mainContainer{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#page_home #thum{
	visibility: hidden;
}
.pushStateLoadDom{
	opacity: 0;
}

@media screen and (max-width: 768px) {
 #header ul{
  text-align: right;
  padding: 10px;
 }
}