/* 
#promo {
    background: url('//cdn.staticresourcecdn.com/h5lobby/live/common1/template1/images/promotion/promo2.jpg?v=1.0.965') center/contain no-repeat !important;
}
 */
 
/* 
#effectCanvas {
	display: block!important;
}
 */

@media screen and (orientation:landscape) {
/* 
.wrapper{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template1/images/bg_cny.jpg) left/cover no-repeat !important;
}
 */

.loginLogo{
  top: -13%;
    left: 50%;
    width: 60vh;
    height: 25.4vh;
    position: absolute;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url('Images?image=logo.png') left top/60vh 25.4vh no-repeat;
}
.logoTopLeft{
	position: absolute;
	top: 48%;
	left: 43%;
	width: 30vh;
	height: 12.6vh;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url('Images?image=logo.png') left top/30vh 12.6vh no-repeat;

}
#annoucement{
	bottom:-2vh !important;
	left: 64% !important;
	width: calc(100% - 38vh) !important;
}

#version{
	right:1vh!important;
	top:5.5vh!important;
	font-size: 2vh!important;
}

}

@media screen and (orientation:portrait) {
/* 
.wrapper{
	background: url(//cdn.staticresourcecdn.com/h5lobby/staging/common1/template1/images/bg_cny.jpg) center/cover no-repeat !important;
}
 */

.loginLogo{
     top: -30%;
    left: 50%;
    width: 80vw;
    height: 33.7vw;
    position: absolute;
     -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, -0%);
    background: url('Images?image=logo.png') left top/80vw 33.7vw no-repeat;
}
.logo{
	position: absolute;
    top: -3vw;
    left: calc(50% - 15vw);
    width: 28vw;
    height: 11.8vw;
    background: url('Images?image=logo.png') left top/28vw 11.8vw no-repeat;
}
#version{
	top:7vw !important;
}

}