#crystals {
    position:fixed;
    top:0;
    left:0;
    width:480px;
    height:100%;
    pointer-events: none;
}
@-webkit-keyframes bg-crystal001 {	100%	{background-position: 0px 900px;}}
@-moz-keyframes bg-crystal001 {  	100%	{background-position: 0px 900px;}}
@-o-keyframes bg-crystal001 {		100%	{background-position: 0px 900px;}}
@keyframes bg-crystal001 {			100%	{background-position: 0px 900px;}}
#crystals .crystal_01 {
    position:absolute;
    width:100%;
    height:100%;
    background:url(/res/crystal/crystal_01.png)repeat-y;
    -webkit-animation: bg-crystal001 30s infinite;
    -moz-animation: bg-crystal001 30s infinite;
    -o-animation: bg-crystal001 30s infinite;
    animation: bg-crystal001 30s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    pointer-events: none;
}
@-webkit-keyframes bg-crystal002 {	100%	{background-position: 0px 900px;}}
@-moz-keyframes bg-crystal002 {  	100%	{background-position: 0px 900px;}}
@-o-keyframes bg-crystal002 {		100%	{background-position: 0px 900px;}}
@keyframes bg-crystal002 {			100%	{background-position: 0px 900px;}}
#crystals .crystal_02 {
    position:absolute;
    width:100%;
    height:100%;
    background:url(/res/crystal/crystal_02.png)repeat-y;
    -webkit-animation: bg-crystal002 60s infinite;
    -moz-animation: bg-crystal002 60s infinite;
    -o-animation: bg-crystal002 60s infinite;
    animation: bg-crystal002 60s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    pointer-events: none;
}
@-webkit-keyframes bg-crystal003 {	100%	{background-position: 0px -1200px;}}
@-moz-keyframes bg-crystal003 {  	100%	{background-position: 0px -1200px;}}
@-o-keyframes bg-crystal003 {		100%	{background-position: 0px -1200px;}}
@keyframes bg-crystal003 {			100%	{background-position: 0px -1200px;}}
#crystals .crystal_03 {
    position:absolute;
    width:100%;
    height:100%;
    left:50%;
    margin-left:-180px;
    background:url(/res/crystal/crystal_03.png)repeat-y;
    -webkit-animation: bg-crystal003 90s infinite;
    -moz-animation: bg-crystal003 90s infinite;
    -o-animation: bg-crystal003 90s infinite;
    animation: bg-crystal003 90s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    pointer-events: none;
}

#worldCrystals {
    position:fixed;
    top:150px;
    left:0;
    width:100%;
    height:520px;
    pointer-events: none;
}
#worldCrystals .crystal_01 {
    position:absolute;
    width:100%;
    height:100%;
    background:url(/res/crystal/world_cloud.png)no-repeat -500px 0px;
    pointer-events: none;
}
@-webkit-keyframes bg-crystal004 {	100%	{background-position: 1198px 0px;}}
@-moz-keyframes bg-crystal004 {  	100%	{background-position: 1198px 0px;}}
@-o-keyframes bg-crystal004 {		100%	{background-position: 1198px 0px;}}
@keyframes bg-crystal004 {			100%	{background-position: 1198px 0px;}}
#worldCrystals .crystal_02 {
    position:absolute;
    width:100%;
    height:100%;
    background:url(/res/crystal/world_crystal_01.png)repeat-x;
    -webkit-animation: bg-crystal004 60s infinite;
    -moz-animation: bg-crystal004 60s infinite;
    -o-animation: bg-crystal004 60s infinite;
    animation: bg-crystal004 60s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    pointer-events: none;
}
@-webkit-keyframes bg-crystal005 {	100%	{background-position: 1086px 0px;}}
@-moz-keyframes bg-crystal005 {  	100%	{background-position: 1086px 0px;}}
@-o-keyframes bg-crystal005 {		100%	{background-position: 1086px 0px;}}
@keyframes bg-crystal005 {			100%	{background-position: 1086px 0px;}}
#worldCrystals .crystal_03 {
    position:absolute;
    width:100%;
    height:100%;
    left:50%;
    margin-left:-180px;
    background:url(/res/crystal/world_crystal_02.png)repeat-x;
    -webkit-animation: bg-crystal005 90s infinite;
    -moz-animation: bg-crystal005 90s infinite;
    -o-animation: bg-crystal005 90s infinite;
    animation: bg-crystal005 90s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    pointer-events: none;
}