.bg{
margin:0 auto;
width:100%;
max-width:637px;
height:845px;
padding:0px;
background-image:url(../img/xmas/ak_bg.jpg);
/*background-size: 100% auto;*/
background-size: 100% 100%;
background-repeat:no-repeat;
}

.bg_end{
margin:0 auto;
width:100%;
max-width:637px;
height:845px;
padding:0px;
background-image:url(../img/xmas/ak_bg_end.jpg);
background-size: 100% 100%;
background-repeat:no-repeat;
}

.abox{
width: 16.6666%;
/*max-width: 100px;*/
height: 25%;
margin: 0;
padding:0%;
float: left;
position: relative;
display:block;
cursor:pointer;
z-index: 0;
/*display:none;*/
}

.abox_border {
width:100%;
height:100%;
display:block;
position: relative;
border: 1px solid rgba(255, 255, 255, 0.5);
}

/*
.box_content {
background: #fff;
width: 100%;
max-width: 100px;
height: 205px;
background-color:transparent;
display:block;
cursor:pointer;
border: 1px solid rgba(255, 255, 255, 0.5);
z-index: 0;
}
*/

.bg_w {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height:100%;
display:block;
cursor:pointer;
background-image:url(../img/xmas/ak_bg_end.jpg);
background-size: 600% 400%;
background-repeat:no-repeat;
}

.bg_w .w_text {
font-size:1em;
line-height:1em;
text-align:center;
padding:100% 0 0 2%;
color:#000;
}

.door {
position: relative;
width: 100%;
height: 100%;
background-color:transparent;
background-image:url(../img/xmas/ak_bg.jpg);
background-size: 600% 400%;
background-repeat:no-repeat;
top: 0;
left: 0;
/*
opacity:0;
filter:alpha(opacity=0);
*/
z-index: 1;
}

.day_nr{
position:absolute;
left:0;
top:0;
z-index:999; 
width:20px;
height:17px;
margin-left:0px;
padding:3px 0 0 0;
color:#fff;
/*background-color:#fff;*/
font-weight:bold;
}

#t1,#door1{
 background-position:0% 0%;
}

#t2,#door2{
 background-position:100% 66%;
}

#t3,#door3{
 background-position:100% 0%;
}

#t4,#door4{
 background-position:80.6666% 0%;
}

#t5,#door5{
 background-position:100% 100%; 
}

#t6,#door6{
 background-position:0% 33%;
}

#t7,#door7{
 background-position:60.6666% 33%;
}

#t8,#door8{
 background-position:20.6666% 33%;
}

#t9,#door9{
 background-position:40.6666% 66%; 
}

#t10,#door10{
 background-position:20.6666% 100%;
}

#t11,#door11{
 background-position:100% 33%;
}

#t12,#door12{
 background-position:0% 66%;
}

#t13,#door13{
 background-position:80.6666% 33%;
}

#t24,#door24{
 background-position:40.6666% 100%;
}

#t15,#door15{
 background-position:20.6666% 0%;
}

#t16,#door16{
 background-position:20.6666% 66%;
}

#t17,#door17{
 background-position:60.6666% 66%;
}

#t18,#door18{
 background-position:80.6666% 66%;
}

#t19,#door19{
 background-position:0% 100%;
}

#t20,#door20{
 background-position:60.6666% 0%;
}

#t21,#door21{
 background-position:60.6666% 100%; 
}

#t22,#door22{
 background-position:40.6666% 0%;
}

#t23,#door23{
 background-position:40.6666% 33%;
}

#t14,#door14{
 background-position:80.6666% 100%; 
}

@media only screen
and (min-width : 481px) 
and (max-width : 640px) {
	.bg, .bg_end{
		height:650px;
	}
}

@media only screen
and (min-width : 320px) 
and (max-width : 400px) {
	.bg, .bg_end{
		height:440px;
	}
	
	.bg_w .w_text {
		font-size:0.8em;
		line-height:0.8em;
	}
}

@media only screen
and (min-width : 401px) 
and (max-width : 480px) {
	.bg, .bg_end{
		height:550px;
	}
}