@charset "UTF-8";

div#scarab {
    display: none;
    position: absolute;
    width: 256px;
    height: 256px;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none;
    opacity: 0.9;
    -webkit-animation: scarab_anim 1s ease-in-out infinite alternate;
}

div#scarab > img {
    -webkit-animation: scarab_anim2 1s ease-in-out infinite alternate;
}

.home div#scarab {
}

@-moz-keyframes scarab_anim {
    0% { transform:translateX( -4px); }
  100% { transform:translateX(  0px); }
}

@-webkit-keyframes scarab_anim {
    0% { transform:translateX( -4px); }
  100% { transform:translateX(  0px); }
}

@-o-keyframes scarab_anim {
    0% { transform:translateX( -4px); }
  100% { transform:translateX(  0px); }
}
/*
@-ms-keyframes scarab_anim {
    0% { transform:translateX( -4px); }
  100% { transform:translateX(  0px); }
}
*/
@keyframes scarab_anim {
    0% { transform:translateX( -10px); }
  100% { transform:translateX(  0px); }
}

@-moz-keyframes scarab_anim2 {
    0% { transform:translateY( -10px); }
  100% { transform:translateY(  0px); }
}

@-webkit-keyframes scarab_anim2 {
    0% { transform:translateY( -10px); }
  100% { transform:translateY(  0px); }
}

@-o-keyframes scarab_anim2 {
    0% { transform:translateY( -10px); }
  100% { transform:translateY(  0px); }
}
/*
@-ms-keyframes scarab_anim2 {
    0% { transform:translateY( -10px); }
  100% { transform:translateY(  0px); }
}
*/
@keyframes scarab_anim {
    0% { transform:translateY( -4px); }
  100% { transform:translateY(  0px); }
}


#malls-pickup h1 {
	background: url(../images/ico_malls-pickup.png) no-repeat;
	font-size: 150%;
	line-height: 1;
	font-weight: normal;
	padding: 3px 0 2px 19px;
	margin-bottom: 15px;
}

#malls-pickup h1 a {
	color: #333;
}

.malls-group {
	clear: both;
}

.malls-group article:first-child {
	margin-right: 40px;
}

#malls-pickup article {
	width: 308px;
	float: left;
	padding-bottom: 10px;
	border-bottom : dotted;
	border-color  : #FFFFFF;
}

#malls-pickup article:after {
	content: '.';
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#malls-pickup article img {
	background: #fff;
	padding: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

#latest-columns {
	clear: both;
}

#latest-columns-title {
	background: url(../images/ico_latest-columns-title.png) no-repeat;
	font-size: 150%;
	line-height: 1;
	font-weight: normal;
	border-bottom: solid 2px #ddd;
	padding: 4px 0 10px 32px;
	margin-bottom: 5px;
}

#latest-columns .archive-link {
	position: absolute;
	width: 670px;
}

#latest-columns .archive-link a {
	display: block;
	float: right;
	margin-top: -3.4em;
}

#latest-columns article {
	width: 312px;
	float: left;
	border-top: solid 1px #e6decd;
	padding-top: 15px;
}

#latest-columns .head article {
	border: none;
	padding-bottom: 30px;
}

.column-group article:first-child {
	margin-right: 28px;
}

#latest-columns article h1 {
	font-size: 115%;
	font-weight: normal;
}

#latest-columns article h1 a {
	color: #333;
}

#latest-columns article time {
	display: block;
	margin-bottom: 7px;
}

#latest-columns article img {
	background-color: #fff;
	float: left;
	padding: 4px;
	border: solid 1px #ddd;
}

#latest-columns article p {
	margin-left: 112px;
}
#right-content article h3 {
	margin :0px;
}

div.malls-group h3 {
	font-size : 12pt;
}

article.top_game_list {
	margin:5px;
	width : 100%;
}

article.top_game_list h3 {
	border :0px;
	background: none;
	/*padding-left : 5px;*/
}

.top_game_list img {
	/* width : 100px; */
}

section.top_game_list {
	height: 240px;
}

div.youtubelink {
	border: none;
	text-align: center;
}

div.youtubelink > iframe {
	width: 295px;
	height: 166px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

#promotion div.oasis {
    display: block;
	/*position: absolute;*/
    width: 300px;
    height: 214px;
    padding: 10px;
    word-wrap: break-word;
    white-space: normal;
}


/*
.oasis > p {
	display: block;
    margin: 10px;
    font-size: 10pt;
}

*/

#top-body a{
	color: #0c3158;
}

.bxslider {
	display: none;
}

.bxslider > li > a > img {
	position: absolute;
    max-width: initial;
}

.copyright_oasis {
	position: absolute;
	z-index: 10;
	bottom: -307px;
	left: 12px;
	float: left;
}
/*
#top-body ul {
    white-space: nowrap;
    width: calc(100% - 100px);
    margin: 0 0 0 50px;
    padding-top: 30px;
    overflow: hidden;
}

#topix ul {
    white-space: nowrap;
    width: calc(100% - 100px);
    margin: 0 0 0 80px;
    overflow: hidden;
    padding-top: 30px;
}
*/

#top-body ul {
    white-space: nowrap;
    width: calc(100% - 100px);
    margin: 0 0 0 88px;
    overflow: hidden;
    padding-top: 30px;
}

img.pen {
    background-color: #FFF;
}


#top-body li {
    display: inline-block;
    position: relative;
    list-style: none;
    border: 1px solid #FFF;
    margin: 0 10px;
    z-index: 300;
    white-space: nowrap;
    overflow-x: visible;
    vertical-align: top;
    float: none;
}

#top-body h1 {
    font-size: 16pt;
    text-align: left;
    margin: 0 0 20px 0;
    padding: 20px 0 0 15px;
    border-bottom: 1px solid #FFF;
    height: 30px;
    line-height: 30px;
    background-image: none;
}

/*
#top-body p {
    font-size: 10pt;
    line-height: 12pt;
    margin: 10px 0;
}
*/

section#promotion {
    position: relative;
    width: calc(100% - 30px);
    padding: 0px 0 0 0px;
    margin: 0 0 0 30px;
    overflow: hidden;
    clear: left;
}

section#promotion ul {
    width: calc(100% - 95px);
    margin: 0 0 0 87px;
    font-size: 0;
}

div.oasis > p {
    font-size: 9pt;
    margin: 10px 5px;
}

section#promotion > h1 {
    font-size: 14pt;
}

section#topix {
    position: relative;
    /* width: calc(100% - 30px); */
    height: auto;
    padding: 0;
    margin: -20px 0 0 30px;
    overflow: hidden;
    z-index: 100;
}

section#topix > h1 {
    font-size: 14pt;
}

div.topix {
    width: 190px;
    padding-top: 10px;
    text-align: center;
}

.topix > ul > li {
    white-space: nowrap;
}

.topix img {
    width: 170px !important;
    height: 96px;
    display: inline !important;
}

.topix a {
    display: block;
}

#fourcomics {
    width: calc(100% - 30px);
    height: 250px;
    padding: 0px 0 0 0px;
    margin: 0 0 0 30px;
    font-size: 0;
}

#fourcomics > h1 {
    font-size: 14pt;
}

#fourcomics li {
    width: 82px;
    height: 123px;
    margin: 40px 5px 0 5px;
}

#fourcomics li.pen_next_comic {
    width: 98px;
    height: 120px;
    margin-top: 40px;
    border: none;
}


#fourcomics li > img {
    width: 82px;
    height: 123px;
    cursor: pointer;
}

#fourcomics li.pen_next_comic > img {
    width: 98px;
    height: 120px;
}

#comicNo01 {
    background: url(../images/eo/HP_top_comic_no01.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}

#comicNo02 {
    background: url(../images/eo/HP_top_comic_no02.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}

#comicNo03 {
    background: url(../images/eo/HP_top_comic_no03.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}

#comicNo04 {
    background: url(../images/eo/HP_top_comic_no04.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}

#comicNo05 {
    background: url(../images/eo/HP_top_comic_no05.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}

#comicNo06 {
    background: url(../images/eo/HP_top_comic_no06.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}

#comicNo07 {
    background: url(../images/eo/HP_top_comic_no07.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}

#comicNo08 {
    background: url(../images/eo/HP_top_comic_no08.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}

#comicNo09 {
    background: url(../images/eo/HP_top_comic_no09.png) no-repeat;
    background-size: contain;
    background-position: 50%;
}
.comicNo {
    display: block;
    position: absolute;
    width: 100%;
    height: 45px;
    margin: -50px auto;

}

#information {
    width: 100%;
    min-height: 350px;
    margin: 20px 0 0 0;
    overflow: visible;
}

.bg-line {
    display: block;
    position: absolute;
    overflow: hidden;
    content: "";
    height: 100px;
    width: 100%;
    background-color: rgba(120,120,120,0.6);
    z-index: 100;
}

ul#top-info {
	margin : 5px 10px 0px 42px;
	list-style-type:none;
}
ul#top-info li {
	padding-left : 10px;
}
dl#top-info {
    margin : 5px 10px 0px 66px;
	border : none;
}
dl#top-info dt{
	clear:left;
	float:left;
	width:120px;
	font-weight: normal;
	font-size:10pt;
	border-bottom: 1px dotted #FFFFFF;
	margin-right : 0px;
}
dl#top-info dd{
	float:left;
	width: calc(100% - 122px);
	font-size:10pt;
	margin-left: 1px;
	border-bottom: 1px dotted #FFFFFF;
}

div.bgline {
/*    background-color: rgba(128,128,128,0.6); */
    background: -moz-linear-gradient(left,  rgba(128,128,128,0) 0%, rgba(128,128,128,0.6) 10%, rgba(128,128,128,0.6) 90%, rgba(128,128,128,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(128,128,128,0) 0%,rgba(128,128,128,0.6) 10%,rgba(128,128,128,0.6) 90%,rgba(128,128,128,0) 100%);
    background: linear-gradient(to right,  rgba(128,128,128,0) 0%,rgba(128,128,128,0.6) 10%,rgba(128,128,128,0.6) 90%,rgba(128,128,128,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00808080', endColorstr='#00808080',GradientType=1 );
    height: 80px;
    width: calc(100% - 30px);
    overflow: hidden;
    position: absolute;
    content: "";
    display: block;
    top: 120px;
    z-index: 50;
    margin: 0 0 0px 30px;
}

div.slideUI {
    height: 80px;
    width: calc(100% - 30px);
    overflow: hidden;
    position: absolute;
    content: "";
    display: block;
    top: 120px;
    z-index: 250;
    margin: 0 0 0px 30px;
}

div.leftArrow {
    position: absolute;
    left: 0;
    height: 100px;
    width: 50px;
    background: url(../images/eo/eo_prev.svg) no-repeat;
    background-size: 20px;
    background-position: 50% 18px;
    overflow: hidden;
    cursor: pointer;
}

div.rightArrow {
    position: absolute;
    right: 0;
    height: 100px;
    width: 50px;
    background: url(../images/eo/eo_next.svg) no-repeat;
    background-size: 20px;
    background-position: 50% 18px;
    overflow: hidden;
    cursor: pointer;
}

#promotion div.bgline, #promotion div.slideUI {
    top: 160px;
}


#topix .bx-wrapper {
    background: transparent !important;
    overflow: hidden;
}

#topix .bx-viewport {
    background: transparent !important;
    border: 0;
    overflow: visible !important;
    z-index: 1;
}

section#newInformation {
    position: relative;
}

li > div.new {
    position: absolute;
    top: -27px;
    right: 8px;
    background: url(../images/eo/HP_top_new_icon.png) no-repeat;
    background-size: contain;
    height: 31px;
    width: 64px;
    overflow: hidden;
}

#oasis_wall1 {
}

.wall_anime1 {
    transform-origin: 50% 50%;
    animation-name: wall_anime1;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transform: translate3d(0,0,0);

}
@-moz-keyframes wall_anime1 {
	0%{
        transform: translate(-75%, -70%) scale(1.45);
    }
	100%{
        transform: translate(-50%,-35%) scale(0.7);
    }
}
@-webkit-keyframes wall_anime1 {
	0%{
        transform: translate(-75%, -70%) scale(1.45);
    }
	100%{
        transform: translate(-50%,-35%) scale(0.7);
    }
}
@-o-keyframes wall_anime1 {
	0%{
        transform: translate(-75%, -70%) scale(1.45);
    }
	100%{
        transform: translate(-50%,-35%) scale(0.7);
    }
}
@keyframes wall_anime1 {
	0%{
        transform: translate(-75%, -70%) scale(1.45);
    }
	100%{
        transform: translate(-50%,-35%) scale(0.7);
    }
}

.Scarab_AnimPat_01_chara_scarab_animate {
    animation-duration: 10s;
    animation-name: Scarab_AnimPat_01_chara_scarab;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

@keyframes Scarab_AnimPat_01_chara_scarab {
  0.00% { transform: translate(982.1px,276.3px) rotateZ(0.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  25.67% { transform: translate(982.9px,276.0px) rotateZ(0.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  35.67% { transform: translate(283.6px,90.5px) rotateZ(0.0deg) scaleX(0.90) scaleY(0.90); opacity: 1.00;}
  45.33% { transform: translate(-359.0px,-114.4px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
  100.00% { transform: translate(-358.5px,-114.2px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
}
@-moz-keyframes Scarab_AnimPat_01_chara_scarab {
  0.00% { transform: translate(982.1px,276.3px) rotateZ(0.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  25.67% { transform: translate(982.9px,276.0px) rotateZ(0.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  35.67% { transform: translate(283.6px,90.5px) rotateZ(0.0deg) scaleX(0.90) scaleY(0.90); opacity: 1.00;}
  45.33% { transform: translate(-359.0px,-114.4px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
  100.00% { transform: translate(-358.5px,-114.2px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
}
@-webkit-keyframes Scarab_AnimPat_01_chara_scarab {
  0.00% { transform: translate(982.1px,276.3px) rotateZ(0.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  25.67% { transform: translate(982.9px,276.0px) rotateZ(0.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  35.67% { transform: translate(283.6px,90.5px) rotateZ(0.0deg) scaleX(0.90) scaleY(0.90); opacity: 1.00;}
  45.33% { transform: translate(-359.0px,-114.4px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
  100.00% { transform: translate(-358.5px,-114.2px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
}
@-o-keyframes Scarab_AnimPat_01_chara_scarab {
  0.00% { transform: translate(982.1px,276.3px) rotateZ(0.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  25.67% { transform: translate(982.9px,276.0px) rotateZ(0.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  35.67% { transform: translate(283.6px,90.5px) rotateZ(0.0deg) scaleX(0.90) scaleY(0.90); opacity: 1.00;}
  45.33% { transform: translate(-359.0px,-114.4px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
  100.00% { transform: translate(-358.5px,-114.2px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
}

.wall_anime2 {
    animation-name: wall_anime2;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transform: translate3d(0,0,0);
}

@-moz-keyframes wall_anime2 {
	0%{
        transform: translate(-41%,-50%) scale(0.9);
    }
	100%{
        transform: translate(-65%,-10%) scale(0.9);
    }
}
@-webkit-keyframes wall_anime2 {
	0%{
        transform: translate(-41%,-50%) scale(0.9);
    }
	100%{
        transform: translate(-65%,-10%) scale(0.9);
    }
}
@-o-keyframes wall_anime2 {
	0%{
        transform: translate(-41%,-50%) scale(0.9);
    }
	100%{
        transform: translate(-65%,-10%) scale(0.9);
    }
}
@keyframes wall_anime2 {
	0%{
        transform: translate(-41%,-50%) scale(0.9);
    }
	100%{
        transform: translate(-65%,-10%) scale(0.9);
    }
}

.Scarab_AnimPat_02_chara_scarab_animate {
    animation-duration: 10s;
    animation-name: Scarab_AnimPat_02_chara_scarab;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
@keyframes Scarab_AnimPat_02_chara_scarab {
  0.00% { transform: translate(852.3px,-451.3px) rotateZ(0.0deg) scaleX(1.15) scaleY(1.15); opacity: 1.00;}
  32.67% { transform: translate(853.1px,-451.6px) rotateZ(0.0deg) scaleX(1.15) scaleY(1.15); opacity: 1.00;}
  35.00% { transform: translate(699.3px,-316.8px) rotateZ(0.0deg) scaleX(1.13) scaleY(1.13); opacity: 1.00;}
  37.83% { transform: translate(518.3px,-158.2px) rotateZ(0.0deg) scaleX(1.10) scaleY(1.10); opacity: 1.00;}
  40.00% { transform: translate(406.5px,-61.8px) rotateZ(0.0deg) scaleX(1.08) scaleY(1.08); opacity: 1.00;}
  43.67% { transform: translate(357.6px,-23.6px) rotateZ(2.2deg) scaleX(1.04) scaleY(1.04); opacity: 1.00;}
  47.83% { transform: translate(348.0px,-20.8px) rotateZ(4.6deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  48.67% { transform: translate(346.1px,-20.2px) rotateZ(4.9deg) scaleX(0.99) scaleY(0.99); opacity: 1.00;}
  51.33% { transform: translate(350.9px,-22.0px) rotateZ(6.0deg) scaleX(0.96) scaleY(0.96); opacity: 1.00;}
  54.00% { transform: translate(355.8px,-23.7px) rotateZ(6.1deg) scaleX(0.94) scaleY(0.94); opacity: 1.00;}
  55.50% { transform: translate(375.0px,-25.7px) rotateZ(6.2deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  57.83% { transform: translate(405.0px,-28.9px) rotateZ(6.1deg) scaleX(0.90) scaleY(0.90); opacity: 1.00;}
  58.67% { transform: translate(412.6px,-27.0px) rotateZ(6.0deg) scaleX(0.89) scaleY(0.89); opacity: 1.00;}
  61.67% { transform: translate(440.1px,-20.1px) rotateZ(0.6deg) scaleX(0.86) scaleY(0.86); opacity: 1.00;}
  64.67% { transform: translate(425.5px,26.5px) rotateZ(-7.9deg) scaleX(0.83) scaleY(0.83); opacity: 1.00;}
  65.83% { transform: translate(419.9px,44.6px) rotateZ(-11.9deg) scaleX(0.82) scaleY(0.82); opacity: 1.00;}
  68.50% { transform: translate(369.2px,77.4px) rotateZ(-21.0deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  69.33% { transform: translate(353.4px,87.6px) rotateZ(-21.5deg) scaleX(0.78) scaleY(0.78); opacity: 1.00;}
  71.83% { transform: translate(205.9px,74.6px) rotateZ(-14.5deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  72.17% { transform: translate(186.2px,72.8px) rotateZ(-13.6deg) scaleX(0.75) scaleY(0.75); opacity: 1.00;}
  74.00% { transform: translate(50.2px,38.5px) rotateZ(-8.2deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  76.17% { transform: translate(-152.1px,-63.9px) rotateZ(-2.9deg) scaleX(0.71) scaleY(0.71); opacity: 1.00;}
  77.33% { transform: translate(-264.0px,-123.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  100.00% { transform: translate(-264.0px,-123.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
}
@-moz-keyframes Scarab_AnimPat_02_chara_scarab {
  0.00% { transform: translate(852.3px,-451.3px) rotateZ(0.0deg) scaleX(1.15) scaleY(1.15); opacity: 1.00;}
  32.67% { transform: translate(853.1px,-451.6px) rotateZ(0.0deg) scaleX(1.15) scaleY(1.15); opacity: 1.00;}
  35.00% { transform: translate(699.3px,-316.8px) rotateZ(0.0deg) scaleX(1.13) scaleY(1.13); opacity: 1.00;}
  37.83% { transform: translate(518.3px,-158.2px) rotateZ(0.0deg) scaleX(1.10) scaleY(1.10); opacity: 1.00;}
  40.00% { transform: translate(406.5px,-61.8px) rotateZ(0.0deg) scaleX(1.08) scaleY(1.08); opacity: 1.00;}
  43.67% { transform: translate(357.6px,-23.6px) rotateZ(2.2deg) scaleX(1.04) scaleY(1.04); opacity: 1.00;}
  47.83% { transform: translate(348.0px,-20.8px) rotateZ(4.6deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  48.67% { transform: translate(346.1px,-20.2px) rotateZ(4.9deg) scaleX(0.99) scaleY(0.99); opacity: 1.00;}
  51.33% { transform: translate(350.9px,-22.0px) rotateZ(6.0deg) scaleX(0.96) scaleY(0.96); opacity: 1.00;}
  54.00% { transform: translate(355.8px,-23.7px) rotateZ(6.1deg) scaleX(0.94) scaleY(0.94); opacity: 1.00;}
  55.50% { transform: translate(375.0px,-25.7px) rotateZ(6.2deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  57.83% { transform: translate(405.0px,-28.9px) rotateZ(6.1deg) scaleX(0.90) scaleY(0.90); opacity: 1.00;}
  58.67% { transform: translate(412.6px,-27.0px) rotateZ(6.0deg) scaleX(0.89) scaleY(0.89); opacity: 1.00;}
  61.67% { transform: translate(440.1px,-20.1px) rotateZ(0.6deg) scaleX(0.86) scaleY(0.86); opacity: 1.00;}
  64.67% { transform: translate(425.5px,26.5px) rotateZ(-7.9deg) scaleX(0.83) scaleY(0.83); opacity: 1.00;}
  65.83% { transform: translate(419.9px,44.6px) rotateZ(-11.9deg) scaleX(0.82) scaleY(0.82); opacity: 1.00;}
  68.50% { transform: translate(369.2px,77.4px) rotateZ(-21.0deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  69.33% { transform: translate(353.4px,87.6px) rotateZ(-21.5deg) scaleX(0.78) scaleY(0.78); opacity: 1.00;}
  71.83% { transform: translate(205.9px,74.6px) rotateZ(-14.5deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  72.17% { transform: translate(186.2px,72.8px) rotateZ(-13.6deg) scaleX(0.75) scaleY(0.75); opacity: 1.00;}
  74.00% { transform: translate(50.2px,38.5px) rotateZ(-8.2deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  76.17% { transform: translate(-152.1px,-63.9px) rotateZ(-2.9deg) scaleX(0.71) scaleY(0.71); opacity: 1.00;}
  77.33% { transform: translate(-264.0px,-123.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  100.00% { transform: translate(-264.0px,-123.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
}
@-webkit-keyframes Scarab_AnimPat_02_chara_scarab {
  0.00% { transform: translate(852.3px,-451.3px) rotateZ(0.0deg) scaleX(1.15) scaleY(1.15); opacity: 1.00;}
  32.67% { transform: translate(853.1px,-451.6px) rotateZ(0.0deg) scaleX(1.15) scaleY(1.15); opacity: 1.00;}
  35.00% { transform: translate(699.3px,-316.8px) rotateZ(0.0deg) scaleX(1.13) scaleY(1.13); opacity: 1.00;}
  37.83% { transform: translate(518.3px,-158.2px) rotateZ(0.0deg) scaleX(1.10) scaleY(1.10); opacity: 1.00;}
  40.00% { transform: translate(406.5px,-61.8px) rotateZ(0.0deg) scaleX(1.08) scaleY(1.08); opacity: 1.00;}
  43.67% { transform: translate(357.6px,-23.6px) rotateZ(2.2deg) scaleX(1.04) scaleY(1.04); opacity: 1.00;}
  47.83% { transform: translate(348.0px,-20.8px) rotateZ(4.6deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  48.67% { transform: translate(346.1px,-20.2px) rotateZ(4.9deg) scaleX(0.99) scaleY(0.99); opacity: 1.00;}
  51.33% { transform: translate(350.9px,-22.0px) rotateZ(6.0deg) scaleX(0.96) scaleY(0.96); opacity: 1.00;}
  54.00% { transform: translate(355.8px,-23.7px) rotateZ(6.1deg) scaleX(0.94) scaleY(0.94); opacity: 1.00;}
  55.50% { transform: translate(375.0px,-25.7px) rotateZ(6.2deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  57.83% { transform: translate(405.0px,-28.9px) rotateZ(6.1deg) scaleX(0.90) scaleY(0.90); opacity: 1.00;}
  58.67% { transform: translate(412.6px,-27.0px) rotateZ(6.0deg) scaleX(0.89) scaleY(0.89); opacity: 1.00;}
  61.67% { transform: translate(440.1px,-20.1px) rotateZ(0.6deg) scaleX(0.86) scaleY(0.86); opacity: 1.00;}
  64.67% { transform: translate(425.5px,26.5px) rotateZ(-7.9deg) scaleX(0.83) scaleY(0.83); opacity: 1.00;}
  65.83% { transform: translate(419.9px,44.6px) rotateZ(-11.9deg) scaleX(0.82) scaleY(0.82); opacity: 1.00;}
  68.50% { transform: translate(369.2px,77.4px) rotateZ(-21.0deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  69.33% { transform: translate(353.4px,87.6px) rotateZ(-21.5deg) scaleX(0.78) scaleY(0.78); opacity: 1.00;}
  71.83% { transform: translate(205.9px,74.6px) rotateZ(-14.5deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  72.17% { transform: translate(186.2px,72.8px) rotateZ(-13.6deg) scaleX(0.75) scaleY(0.75); opacity: 1.00;}
  74.00% { transform: translate(50.2px,38.5px) rotateZ(-8.2deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  76.17% { transform: translate(-152.1px,-63.9px) rotateZ(-2.9deg) scaleX(0.71) scaleY(0.71); opacity: 1.00;}
  77.33% { transform: translate(-264.0px,-123.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  100.00% { transform: translate(-264.0px,-123.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
}
@-o-keyframes Scarab_AnimPat_02_chara_scarab {
  0.00% { transform: translate(852.3px,-451.3px) rotateZ(0.0deg) scaleX(1.15) scaleY(1.15); opacity: 1.00;}
  32.67% { transform: translate(853.1px,-451.6px) rotateZ(0.0deg) scaleX(1.15) scaleY(1.15); opacity: 1.00;}
  35.00% { transform: translate(699.3px,-316.8px) rotateZ(0.0deg) scaleX(1.13) scaleY(1.13); opacity: 1.00;}
  37.83% { transform: translate(518.3px,-158.2px) rotateZ(0.0deg) scaleX(1.10) scaleY(1.10); opacity: 1.00;}
  40.00% { transform: translate(406.5px,-61.8px) rotateZ(0.0deg) scaleX(1.08) scaleY(1.08); opacity: 1.00;}
  43.67% { transform: translate(357.6px,-23.6px) rotateZ(2.2deg) scaleX(1.04) scaleY(1.04); opacity: 1.00;}
  47.83% { transform: translate(348.0px,-20.8px) rotateZ(4.6deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  48.67% { transform: translate(346.1px,-20.2px) rotateZ(4.9deg) scaleX(0.99) scaleY(0.99); opacity: 1.00;}
  51.33% { transform: translate(350.9px,-22.0px) rotateZ(6.0deg) scaleX(0.96) scaleY(0.96); opacity: 1.00;}
  54.00% { transform: translate(355.8px,-23.7px) rotateZ(6.1deg) scaleX(0.94) scaleY(0.94); opacity: 1.00;}
  55.50% { transform: translate(375.0px,-25.7px) rotateZ(6.2deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  57.83% { transform: translate(405.0px,-28.9px) rotateZ(6.1deg) scaleX(0.90) scaleY(0.90); opacity: 1.00;}
  58.67% { transform: translate(412.6px,-27.0px) rotateZ(6.0deg) scaleX(0.89) scaleY(0.89); opacity: 1.00;}
  61.67% { transform: translate(440.1px,-20.1px) rotateZ(0.6deg) scaleX(0.86) scaleY(0.86); opacity: 1.00;}
  64.67% { transform: translate(425.5px,26.5px) rotateZ(-7.9deg) scaleX(0.83) scaleY(0.83); opacity: 1.00;}
  65.83% { transform: translate(419.9px,44.6px) rotateZ(-11.9deg) scaleX(0.82) scaleY(0.82); opacity: 1.00;}
  68.50% { transform: translate(369.2px,77.4px) rotateZ(-21.0deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  69.33% { transform: translate(353.4px,87.6px) rotateZ(-21.5deg) scaleX(0.78) scaleY(0.78); opacity: 1.00;}
  71.83% { transform: translate(205.9px,74.6px) rotateZ(-14.5deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  72.17% { transform: translate(186.2px,72.8px) rotateZ(-13.6deg) scaleX(0.75) scaleY(0.75); opacity: 1.00;}
  74.00% { transform: translate(50.2px,38.5px) rotateZ(-8.2deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  76.17% { transform: translate(-152.1px,-63.9px) rotateZ(-2.9deg) scaleX(0.71) scaleY(0.71); opacity: 1.00;}
  77.33% { transform: translate(-264.0px,-123.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  100.00% { transform: translate(-264.0px,-123.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
}

#oasis_wall3 {
    transform: translate(-15px,0);
    display: block;
    width: 1024px;
    height: 310px;
    overflow: hidden;
    background-color: #FFF;
}

#chara_toto {
    display: block;
    position: absolute;
    width: 158px;
    height: 250px;
    opacity: 0;
    overflow: hidden;
    z-index: 510;

    background-image: url(../images/eo/wall/chara_toto.png);
    background-size: contain;
    background-repeat: no-repeat;

    animation-name: toto_anime;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@-moz-keyframes toto_anime {
	0% {
        opacity: 0;
        transform: translate(562px, 30px) scale(1.2);
    }
	20% {
        opacity: 1.0;
        transform: translate(562px, 30px) scale(1.0);
    }
    30% {
        opacity: 1.0;
        transform: translate(562px, 30px) scale(1.0);
    }
    40% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.0);
    }
    60% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.0);
    }
    80% {
        opacity : 1.0;
        transform: translate(422px, 30px) scale(1.12);
    }
    100% {
        opacity: 0;
        transform: translate(422px, 30px) scale(1.3);
    }
}
@-webkit-keyframes toto_anime {
	0% {
        opacity: 0;
        transform: translate(562px, 30px) scale(1.2);
    }
	20% {
        opacity: 1.0;
        transform: translate(562px, 30px) scale(1.0);
    }
    30% {
        opacity: 1.0;
        transform: translate(562px, 30px) scale(1.0);
    }
    40% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.0);
    }
    60% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.12);
    }
    100% {
        opacity: 0;
        transform: translate(422px, 30px) scale(1.3);
    }
}
@-o-keyframes toto_anime {
	0% {
        opacity: 0;
        transform: translate(562px, 30px) scale(1.2);
    }
	20% {
        opacity: 1.0;
        transform: translate(562px, 30px) scale(1.0);
    }
    30% {
        opacity: 1.0;
        transform: translate(562px, 30px) scale(1.0);
    }
    40% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.0);
    }
    60% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.12);
    }
    100% {
        opacity: 0;
        transform: translate(422px, 30px) scale(1.3);
    }
}
@keyframes toto_anime {
	0% {
        opacity: 0;
        transform: translate(562px, 30px) scale(1.2);
    }
	20% {
        opacity: 1.0;
        transform: translate(562px, 30px) scale(1.0);
    }
    30% {
        opacity: 1.0;
        transform: translate(562px, 30px) scale(1.0);
    }
    40% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.0);
    }
    60% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(422px, 30px) scale(1.12);
    }
    100% {
        opacity: 0;
        transform: translate(422px, 30px) scale(1.3);
    }
}

#chara_nour {
    display: block;
    position: absolute;
    width: 175px;
    height: 250px;
    opacity: 0;
    overflow: hidden;
    z-index: 501;

    background-image: url(../images/eo/wall/chara_nour.png);
    background-size: contain;
    background-repeat: no-repeat;

    animation-name: nour_anime;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@-moz-keyframes nour_anime {
	0% {
        opacity: 0;
        transform: translate(322px, 30px) scale(1.2);
    }
    20% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
	25% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
    28% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
    40% {
        opacity: 0;
        transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(0px, 30px) scale(1.0);
    }
}
@-webkit-keyframes nour_anime {
	0% {
        opacity: 0;
        transform: translate(322px, 30px) scale(1.2);
    }
    20% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
	25% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
    28% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
    40% {
        opacity: 0;
        transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(0px, 30px) scale(1.0);
    }
}
@-o-keyframes nour_anime {
	0% {
        opacity: 0;
        transform: translate(322px, 30px) scale(1.2);
    }
    20% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
	25% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
    28% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
    40% {
        opacity: 0;
        transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(0px, 30px) scale(1.0);
    }
}
@keyframes nour_anime {
	0% {
        opacity: 0;
        transform: translate(322px, 30px) scale(1.2);
    }
    20% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
	25% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
    28% {
        opacity: 1.0;
        transform: translate(322px, 30px) scale(1.0);
    }
    40% {
        opacity: 0;
        transform: translate(0px, 30px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(0px, 30px) scale(1.0);
    }
}

#chara_esna {
    display: block;
    position: absolute;
    width: 264px;
    height: 325px;
    opacity: 0;
    overflow: hidden;
    z-index: 502;

    background-image: url(../images/eo/wall/chara_esna.png);
    background-size: contain;
    background-repeat: no-repeat;

    animation-name: esna_anime;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@-moz-keyframes esna_anime {
	0% {
        opacity: 0;
        transform: translate(585px, -150px) scale(1.0);
    }
	34% {
        opacity: 0;
        transform: translate(585px, -150px) scale(1.0);
    }
    40% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    44% {
        opacity: 1.0;
        transform: translate(585px, -42px) scale(1.0);
    }
    48% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    52% {
        opacity: 1.0;
        transform: translate(585px, -42px) scale(1.0);
    }
    56% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(742px, -32px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(742px, -32px) scale(1.3);
    }
}
@-webkit-keyframes esna_anime {
	0% {
        opacity: 0;
        transform: translate(585px, -150px) scale(1.0);
    }
	34% {
        opacity: 0;
        transform: translate(585px, -150px) scale(1.0);
    }
    40% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    44% {
        opacity: 1.0;
        transform: translate(585px, -42px) scale(1.0);
    }
    48% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    52% {
        opacity: 1.0;
        transform: translate(585px, -42px) scale(1.0);
    }
    56% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(742px, -32px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(742px, -32px) scale(1.3);
    }
}
@-o-keyframes esna_anime {
    0% {
        opacity: 0;
        transform: translate(585px, -150px) scale(1.0);
    }
	34% {
        opacity: 0;
        transform: translate(585px, -150px) scale(1.0);
    }
    40% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    44% {
        opacity: 1.0;
        transform: translate(585px, -42px) scale(1.0);
    }
    48% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    52% {
        opacity: 1.0;
        transform: translate(585px, -42px) scale(1.0);
    }
    56% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(742px, -32px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(742px, -32px) scale(1.3);
    }
}
@keyframes esna_anime {
    0% {
        opacity: 0;
        transform: translate(585px, -150px) scale(1.0);
    }
	34% {
        opacity: 0;
        transform: translate(585px, -150px) scale(1.0);
    }
    40% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    44% {
        opacity: 1.0;
        transform: translate(585px, -42px) scale(1.0);
    }
    48% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    52% {
        opacity: 1.0;
        transform: translate(585px, -42px) scale(1.0);
    }
    56% {
        opacity: 1.0;
        transform: translate(585px, -32px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(742px, -32px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(742px, -32px) scale(1.3);
    }
}

#chara_drauk {
    display: block;
    position: absolute;
    width: 130px;
    height: 322px;
    opacity: 0;
    overflow: hidden;

    background-image: url(../images/eo/wall/chara_drauk.png);
    background-size: contain;
    background-repeat: no-repeat;

    animation-name: drauk_anime;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@-moz-keyframes drauk_anime {
	0% {
        opacity: 0;
        transform: translate(451px, -6px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(451px, -6px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(627px, -6px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(627px, -6px) scale(1.3);
    }
}
@-webkit-keyframes drauk_anime {
	0% {
        opacity: 0;
        transform: translate(451px, -6px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(451px, -6px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(627px, -6px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(627px, -6px) scale(1.3);
    }
}
@-o-keyframes drauk_anime {
	0% {
        opacity: 0;
        transform: translate(451px, -6px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(451px, -6px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(627px, -6px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(627px, -6px) scale(1.3);
    }
}
@keyframes drauk_anime {
	0% {
        opacity: 0;
        transform: translate(451px, -6px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(451px, -6px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(627px, -6px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(627px, -6px) scale(1.3);
    }
}

#chara_lagora {
    display: block;
    position: absolute;
    width: 122px;
    height: 300px;
    opacity: 0;
    overflow: hidden;

    background-image: url(../images/eo/wall/chara_lagora.png);
    background-size: contain;
    background-repeat: no-repeat;

    animation-name: lagora_anime;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@-moz-keyframes lagora_anime {
	0% {
        opacity: 0;
        transform: translate(573px, -2px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(573px, -2px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(267px, -2px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(267px, -2px) scale(1.3);
    }
}
@-webkit-keyframes lagora_anime {
	0% {
        opacity: 0;
        transform: translate(573px, -2px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(573px, -2px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(267px, -2px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(267px, -2px) scale(1.3);
    }
}
@-o-keyframes lagora_anime {
	0% {
        opacity: 0;
        transform: translate(573px, -2px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(573px, -2px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(267px, -2px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(267px, -2px) scale(1.3);
    }
}
@keyframes lagora_anime {
	0% {
        opacity: 0;
        transform: translate(573px, -2px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(573px, -2px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(267px, -2px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(267px, -2px) scale(1.3);
    }
}

#chara_serkah {
    display: block;
    position: absolute;
    width: 148px;
    height: 250px;
    opacity: 0;
    overflow: hidden;

    background-image: url(../images/eo/wall/chara_serkah.png);
    background-size: contain;
    background-repeat: no-repeat;

    animation-name: serkah_anime;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@-moz-keyframes serkah_anime {
	0% {
        opacity: 0;
        transform: translate(500px, 44px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(500px, 44px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(61px, 44px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(61px, 44px) scale(1.3);
    }
}
@-webkit-keyframes serkah_anime {
    0% {
        opacity: 0;
        transform: translate(500px, 44px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(500px, 44px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(61px, 44px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(61px, 44px) scale(1.3);
    }
}
@-o-keyframes serkah_anime {
    0% {
        opacity: 0;
        transform: translate(500px, 44px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(500px, 44px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(61px, 44px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(61px, 44px) scale(1.3);
    }
}
@keyframes serkah_anime {
    0% {
        opacity: 0;
        transform: translate(500px, 44px) scale(1.0);
    }
    65% {
        opacity: 0;
        transform: translate(500px, 44px) scale(1.0);
    }
    80% {
        opacity: 1.0;
        transform: translate(61px, 44px) scale(1.0);
    }
    100% {
        opacity: 0;
        transform: translate(61px, 44px) scale(1.3);
    }
}

#chara_scarab {
    display: block;
    position: absolute;
    width: 446px;
    height: 400px;
    opacity: 0;
    overflow: hidden;

    z-index: 511;

    background-image: url(../images/eo/wall/chara_scarab.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.Scarab_AnimPat_03_chara_scarab_animate{
    animation-duration: 10s;
    animation-name: Scarab_AnimPat_03_chara_scarab;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
@keyframes Scarab_AnimPat_03_chara_scarab {
  0.00% { transform: translate(817.4px,140.0px) rotateZ(6.3deg) scaleX(0.20) scaleY(0.20); opacity: 0.00;}
  45.33% { transform: translate(817.4px,140.0px) rotateZ(6.3deg) scaleX(0.20) scaleY(0.20); opacity: 0.00;}
  47.00% { transform: translate(817.7px,140.3px) rotateZ(6.2deg) scaleX(0.23) scaleY(0.23); opacity: 0.00;}
  47.17% { transform: translate(817.8px,138.3px) rotateZ(6.1deg) scaleX(0.23) scaleY(0.23); opacity: 0.00;}
  48.33% { transform: translate(850.3px,123.8px) rotateZ(5.9deg) scaleX(0.25) scaleY(0.25); opacity: 0.34;}
  48.83% { transform: translate(860.7px,121.3px) rotateZ(5.8deg) scaleX(0.26) scaleY(0.26); opacity: 0.49;}
  49.83% { transform: translate(881.4px,116.1px) rotateZ(5.6deg) scaleX(0.28) scaleY(0.28); opacity: 0.80;}
  50.17% { transform: translate(888.3px,114.4px) rotateZ(5.3deg) scaleX(0.28) scaleY(0.28); opacity: 0.91;}
  50.67% { transform: translate(896.6px,112.1px) rotateZ(3.9deg) scaleX(0.29) scaleY(0.29); opacity: 1.00;}
  51.83% { transform: translate(916.0px,106.6px) rotateZ(0.6deg) scaleX(0.31) scaleY(0.31); opacity: 1.00;}
  52.00% { transform: translate(917.9px,105.8px) rotateZ(0.1deg) scaleX(0.31) scaleY(0.31); opacity: 1.00;}
  52.83% { transform: translate(927.9px,104.5px) rotateZ(-3.1deg) scaleX(0.32) scaleY(0.32); opacity: 1.00;}
  53.00% { transform: translate(926.3px,104.3px) rotateZ(-3.7deg) scaleX(0.33) scaleY(0.33); opacity: 1.00;}
  54.50% { transform: translate(912.3px,134.1px) rotateZ(-9.5deg) scaleX(0.35) scaleY(0.35); opacity: 1.00;}
  55.83% { transform: translate(854.6px,164.8px) rotateZ(-12.0deg) scaleX(0.37) scaleY(0.37); opacity: 1.00;}
  56.50% { transform: translate(825.8px,180.1px) rotateZ(-11.6deg) scaleX(0.39) scaleY(0.39); opacity: 1.00;}
  58.00% { transform: translate(708.9px,179.2px) rotateZ(-10.8deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  59.50% { transform: translate(574.8px,175.4px) rotateZ(-8.9deg) scaleX(0.44) scaleY(0.44); opacity: 1.00;}
  60.83% { transform: translate(439.0px,169.9px) rotateZ(-6.9deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  61.00% { transform: translate(422.1px,166.4px) rotateZ(-6.7deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  62.50% { transform: translate(235.9px,134.6px) rotateZ(-4.5deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  63.67% { transform: translate(87.3px,85.9px) rotateZ(-3.0deg) scaleX(0.57) scaleY(0.57); opacity: 1.00;}
  64.33% { transform: translate(2.4px,54.9px) rotateZ(-2.1deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  65.67% { transform: translate(-164.7px,-7.7px) rotateZ(-0.7deg) scaleX(0.65) scaleY(0.65); opacity: 1.00;}
  67.00% { transform: translate(-323.3px,-71.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  100.00% { transform: translate(-323.3px,-71.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
}
@-moz-keyframes Scarab_AnimPat_03_chara_scarab {
  0.00% { transform: translate(817.4px,140.0px) rotateZ(6.3deg) scaleX(0.20) scaleY(0.20); opacity: 0.00;}
  45.33% { transform: translate(817.4px,140.0px) rotateZ(6.3deg) scaleX(0.20) scaleY(0.20); opacity: 0.00;}
  47.00% { transform: translate(817.7px,140.3px) rotateZ(6.2deg) scaleX(0.23) scaleY(0.23); opacity: 0.00;}
  47.17% { transform: translate(817.8px,138.3px) rotateZ(6.1deg) scaleX(0.23) scaleY(0.23); opacity: 0.00;}
  48.33% { transform: translate(850.3px,123.8px) rotateZ(5.9deg) scaleX(0.25) scaleY(0.25); opacity: 0.34;}
  48.83% { transform: translate(860.7px,121.3px) rotateZ(5.8deg) scaleX(0.26) scaleY(0.26); opacity: 0.49;}
  49.83% { transform: translate(881.4px,116.1px) rotateZ(5.6deg) scaleX(0.28) scaleY(0.28); opacity: 0.80;}
  50.17% { transform: translate(888.3px,114.4px) rotateZ(5.3deg) scaleX(0.28) scaleY(0.28); opacity: 0.91;}
  50.67% { transform: translate(896.6px,112.1px) rotateZ(3.9deg) scaleX(0.29) scaleY(0.29); opacity: 1.00;}
  51.83% { transform: translate(916.0px,106.6px) rotateZ(0.6deg) scaleX(0.31) scaleY(0.31); opacity: 1.00;}
  52.00% { transform: translate(917.9px,105.8px) rotateZ(0.1deg) scaleX(0.31) scaleY(0.31); opacity: 1.00;}
  52.83% { transform: translate(927.9px,104.5px) rotateZ(-3.1deg) scaleX(0.32) scaleY(0.32); opacity: 1.00;}
  53.00% { transform: translate(926.3px,104.3px) rotateZ(-3.7deg) scaleX(0.33) scaleY(0.33); opacity: 1.00;}
  54.50% { transform: translate(912.3px,134.1px) rotateZ(-9.5deg) scaleX(0.35) scaleY(0.35); opacity: 1.00;}
  55.83% { transform: translate(854.6px,164.8px) rotateZ(-12.0deg) scaleX(0.37) scaleY(0.37); opacity: 1.00;}
  56.50% { transform: translate(825.8px,180.1px) rotateZ(-11.6deg) scaleX(0.39) scaleY(0.39); opacity: 1.00;}
  58.00% { transform: translate(708.9px,179.2px) rotateZ(-10.8deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  59.50% { transform: translate(574.8px,175.4px) rotateZ(-8.9deg) scaleX(0.44) scaleY(0.44); opacity: 1.00;}
  60.83% { transform: translate(439.0px,169.9px) rotateZ(-6.9deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  61.00% { transform: translate(422.1px,166.4px) rotateZ(-6.7deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  62.50% { transform: translate(235.9px,134.6px) rotateZ(-4.5deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  63.67% { transform: translate(87.3px,85.9px) rotateZ(-3.0deg) scaleX(0.57) scaleY(0.57); opacity: 1.00;}
  64.33% { transform: translate(2.4px,54.9px) rotateZ(-2.1deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  65.67% { transform: translate(-164.7px,-7.7px) rotateZ(-0.7deg) scaleX(0.65) scaleY(0.65); opacity: 1.00;}
  67.00% { transform: translate(-323.3px,-71.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  100.00% { transform: translate(-323.3px,-71.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
}
@-webkit-keyframes Scarab_AnimPat_03_chara_scarab {
  0.00% { transform: translate(817.4px,140.0px) rotateZ(6.3deg) scaleX(0.20) scaleY(0.20); opacity: 0.00;}
  45.33% { transform: translate(817.4px,140.0px) rotateZ(6.3deg) scaleX(0.20) scaleY(0.20); opacity: 0.00;}
  47.00% { transform: translate(817.7px,140.3px) rotateZ(6.2deg) scaleX(0.23) scaleY(0.23); opacity: 0.00;}
  47.17% { transform: translate(817.8px,138.3px) rotateZ(6.1deg) scaleX(0.23) scaleY(0.23); opacity: 0.00;}
  48.33% { transform: translate(850.3px,123.8px) rotateZ(5.9deg) scaleX(0.25) scaleY(0.25); opacity: 0.34;}
  48.83% { transform: translate(860.7px,121.3px) rotateZ(5.8deg) scaleX(0.26) scaleY(0.26); opacity: 0.49;}
  49.83% { transform: translate(881.4px,116.1px) rotateZ(5.6deg) scaleX(0.28) scaleY(0.28); opacity: 0.80;}
  50.17% { transform: translate(888.3px,114.4px) rotateZ(5.3deg) scaleX(0.28) scaleY(0.28); opacity: 0.91;}
  50.67% { transform: translate(896.6px,112.1px) rotateZ(3.9deg) scaleX(0.29) scaleY(0.29); opacity: 1.00;}
  51.83% { transform: translate(916.0px,106.6px) rotateZ(0.6deg) scaleX(0.31) scaleY(0.31); opacity: 1.00;}
  52.00% { transform: translate(917.9px,105.8px) rotateZ(0.1deg) scaleX(0.31) scaleY(0.31); opacity: 1.00;}
  52.83% { transform: translate(927.9px,104.5px) rotateZ(-3.1deg) scaleX(0.32) scaleY(0.32); opacity: 1.00;}
  53.00% { transform: translate(926.3px,104.3px) rotateZ(-3.7deg) scaleX(0.33) scaleY(0.33); opacity: 1.00;}
  54.50% { transform: translate(912.3px,134.1px) rotateZ(-9.5deg) scaleX(0.35) scaleY(0.35); opacity: 1.00;}
  55.83% { transform: translate(854.6px,164.8px) rotateZ(-12.0deg) scaleX(0.37) scaleY(0.37); opacity: 1.00;}
  56.50% { transform: translate(825.8px,180.1px) rotateZ(-11.6deg) scaleX(0.39) scaleY(0.39); opacity: 1.00;}
  58.00% { transform: translate(708.9px,179.2px) rotateZ(-10.8deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  59.50% { transform: translate(574.8px,175.4px) rotateZ(-8.9deg) scaleX(0.44) scaleY(0.44); opacity: 1.00;}
  60.83% { transform: translate(439.0px,169.9px) rotateZ(-6.9deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  61.00% { transform: translate(422.1px,166.4px) rotateZ(-6.7deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  62.50% { transform: translate(235.9px,134.6px) rotateZ(-4.5deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  63.67% { transform: translate(87.3px,85.9px) rotateZ(-3.0deg) scaleX(0.57) scaleY(0.57); opacity: 1.00;}
  64.33% { transform: translate(2.4px,54.9px) rotateZ(-2.1deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  65.67% { transform: translate(-164.7px,-7.7px) rotateZ(-0.7deg) scaleX(0.65) scaleY(0.65); opacity: 1.00;}
  67.00% { transform: translate(-323.3px,-71.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  100.00% { transform: translate(-323.3px,-71.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
}
@-o-keyframes Scarab_AnimPat_03_chara_scarab {
  0.00% { transform: translate(817.4px,140.0px) rotateZ(6.3deg) scaleX(0.20) scaleY(0.20); opacity: 0.00;}
  45.33% { transform: translate(817.4px,140.0px) rotateZ(6.3deg) scaleX(0.20) scaleY(0.20); opacity: 0.00;}
  47.00% { transform: translate(817.7px,140.3px) rotateZ(6.2deg) scaleX(0.23) scaleY(0.23); opacity: 0.00;}
  47.17% { transform: translate(817.8px,138.3px) rotateZ(6.1deg) scaleX(0.23) scaleY(0.23); opacity: 0.00;}
  48.33% { transform: translate(850.3px,123.8px) rotateZ(5.9deg) scaleX(0.25) scaleY(0.25); opacity: 0.34;}
  48.83% { transform: translate(860.7px,121.3px) rotateZ(5.8deg) scaleX(0.26) scaleY(0.26); opacity: 0.49;}
  49.83% { transform: translate(881.4px,116.1px) rotateZ(5.6deg) scaleX(0.28) scaleY(0.28); opacity: 0.80;}
  50.17% { transform: translate(888.3px,114.4px) rotateZ(5.3deg) scaleX(0.28) scaleY(0.28); opacity: 0.91;}
  50.67% { transform: translate(896.6px,112.1px) rotateZ(3.9deg) scaleX(0.29) scaleY(0.29); opacity: 1.00;}
  51.83% { transform: translate(916.0px,106.6px) rotateZ(0.6deg) scaleX(0.31) scaleY(0.31); opacity: 1.00;}
  52.00% { transform: translate(917.9px,105.8px) rotateZ(0.1deg) scaleX(0.31) scaleY(0.31); opacity: 1.00;}
  52.83% { transform: translate(927.9px,104.5px) rotateZ(-3.1deg) scaleX(0.32) scaleY(0.32); opacity: 1.00;}
  53.00% { transform: translate(926.3px,104.3px) rotateZ(-3.7deg) scaleX(0.33) scaleY(0.33); opacity: 1.00;}
  54.50% { transform: translate(912.3px,134.1px) rotateZ(-9.5deg) scaleX(0.35) scaleY(0.35); opacity: 1.00;}
  55.83% { transform: translate(854.6px,164.8px) rotateZ(-12.0deg) scaleX(0.37) scaleY(0.37); opacity: 1.00;}
  56.50% { transform: translate(825.8px,180.1px) rotateZ(-11.6deg) scaleX(0.39) scaleY(0.39); opacity: 1.00;}
  58.00% { transform: translate(708.9px,179.2px) rotateZ(-10.8deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  59.50% { transform: translate(574.8px,175.4px) rotateZ(-8.9deg) scaleX(0.44) scaleY(0.44); opacity: 1.00;}
  60.83% { transform: translate(439.0px,169.9px) rotateZ(-6.9deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  61.00% { transform: translate(422.1px,166.4px) rotateZ(-6.7deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  62.50% { transform: translate(235.9px,134.6px) rotateZ(-4.5deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  63.67% { transform: translate(87.3px,85.9px) rotateZ(-3.0deg) scaleX(0.57) scaleY(0.57); opacity: 1.00;}
  64.33% { transform: translate(2.4px,54.9px) rotateZ(-2.1deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  65.67% { transform: translate(-164.7px,-7.7px) rotateZ(-0.7deg) scaleX(0.65) scaleY(0.65); opacity: 1.00;}
  67.00% { transform: translate(-323.3px,-71.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  100.00% { transform: translate(-323.3px,-71.4px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
}

#oasis_wall4 {
    left: 0px;
    top: -35px;
}

.wall_anime4 {
    transform-origin: 50% 50%;
    transform: scale(1.05);
    animation-name: wall_anime4;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@-moz-keyframes wall_anime4 {
    0% {
        transform: translate(0%, -8%) scale(1.05);
    }
    100% {
        transform: translate(-20%, -8%) scale(0.8);
    }
}

@-webkit-keyframes wall_anime4 {
    0% {
        transform: translate(0%, -8%) scale(1.05);
    }
    100% {
        transform: translate(-20%, -8%) scale(0.8);
    }
}

@-o-keyframes wall_anime4 {
    0% {
        transform: translate(0%, -8%) scale(1.05);
    }
    100% {
        transform: translate(-20%, -8%) scale(0.8);
    }
}
/*
@-ms-keyframes wall_anime4 {
    0% {
        transform: translate(0%, -8%) scale(1.05);
    }
    100% {
        transform: translate(-20%, -8%) scale(0.8);
    }
}
*/
@keyframes wall_anime4 {
    0% {
        transform: translate(0%, -8%) scale(1.05);
    }
    100% {
        transform: translate(-20%, -8%) scale(0.8);
    }
}

.Scarab_AnimPat_04_chara_scarab_animate{
  animation-duration: 10s;
  animation-name: Scarab_AnimPat_04_chara_scarab;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  margin: -200px 0 0 -226px;
}
@keyframes Scarab_AnimPat_04_chara_scarab {
  0.00% { transform: translate(1060.5px,60.4px) rotateZ(0.0deg) scaleX(0.15) scaleY(0.15); opacity: 1.00;}
  20.67% { transform: translate(1060.3px,60.9px) rotateZ(0.0deg) scaleX(0.15) scaleY(0.15); opacity: 1.00;}
  22.33% { transform: translate(1013.5px,84.9px) rotateZ(0.0deg) scaleX(0.17) scaleY(0.17); opacity: 1.00;}
  24.33% { transform: translate(954.8px,114.0px) rotateZ(0.0deg) scaleX(0.20) scaleY(0.20); opacity: 1.00;}
  25.67% { transform: translate(918.6px,138.9px) rotateZ(0.0deg) scaleX(0.22) scaleY(0.22); opacity: 1.00;}
  27.17% { transform: translate(892.3px,187.2px) rotateZ(0.0deg) scaleX(0.24) scaleY(0.24); opacity: 1.00;}
  28.33% { transform: translate(865.6px,221.7px) rotateZ(0.0deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
  29.50% { transform: translate(820.3px,241.6px) rotateZ(0.0deg) scaleX(0.27) scaleY(0.27); opacity: 1.00;}
  30.67% { transform: translate(762.7px,254.5px) rotateZ(0.0deg) scaleX(0.28) scaleY(0.28); opacity: 1.00;}
  32.00% { transform: translate(668.8px,258.8px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  33.33% { transform: translate(574.9px,251.2px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  34.67% { transform: translate(474.5px,243.6px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  36.00% { transform: translate(372.2px,228.7px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  37.50% { transform: translate(256.9px,205.0px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  39.00% { transform: translate(143.6px,174.9px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  40.83% { transform: translate(13.3px,119.5px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  42.00% { transform: translate(-69.0px,82.6px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  59.83% { transform: translate(-68.8px,83.7px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  60.00% { transform: translate(-68.8px,83.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  62.17% { transform: translate(99.7px,105.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  64.33% { transform: translate(268.3px,127.9px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  66.67% { transform: translate(432.9px,145.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  68.83% { transform: translate(530.8px,140.1px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  70.67% { transform: translate(611.3px,146.7px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  73.50% { transform: translate(746.1px,194.1px) rotateZ(0.0deg) scaleX(-0.34) scaleY(0.34); opacity: 1.00;}
  77.50% { transform: translate(929.0px,282.5px) rotateZ(0.0deg) scaleX(-0.41) scaleY(0.41); opacity: 1.00;}
  77.67% { transform: translate(939.9px,287.2px) rotateZ(0.0deg) scaleX(-0.42) scaleY(0.41); opacity: 1.00;}
  80.67% { transform: translate(1136.5px,372.0px) rotateZ(0.0deg) scaleX(-0.50) scaleY(0.50); opacity: 1.00;}
  100.00% { transform: translate(1136.6px,370.9px) rotateZ(0.0deg) scaleX(-0.50) scaleY(0.50); opacity: 1.00;}
}
@-moz-keyframes Scarab_AnimPat_04_chara_scarab {
  0.00% { transform: translate(1060.5px,60.4px) rotateZ(0.0deg) scaleX(0.15) scaleY(0.15); opacity: 1.00;}
  20.67% { transform: translate(1060.3px,60.9px) rotateZ(0.0deg) scaleX(0.15) scaleY(0.15); opacity: 1.00;}
  22.33% { transform: translate(1013.5px,84.9px) rotateZ(0.0deg) scaleX(0.17) scaleY(0.17); opacity: 1.00;}
  24.33% { transform: translate(954.8px,114.0px) rotateZ(0.0deg) scaleX(0.20) scaleY(0.20); opacity: 1.00;}
  25.67% { transform: translate(918.6px,138.9px) rotateZ(0.0deg) scaleX(0.22) scaleY(0.22); opacity: 1.00;}
  27.17% { transform: translate(892.3px,187.2px) rotateZ(0.0deg) scaleX(0.24) scaleY(0.24); opacity: 1.00;}
  28.33% { transform: translate(865.6px,221.7px) rotateZ(0.0deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
  29.50% { transform: translate(820.3px,241.6px) rotateZ(0.0deg) scaleX(0.27) scaleY(0.27); opacity: 1.00;}
  30.67% { transform: translate(762.7px,254.5px) rotateZ(0.0deg) scaleX(0.28) scaleY(0.28); opacity: 1.00;}
  32.00% { transform: translate(668.8px,258.8px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  33.33% { transform: translate(574.9px,251.2px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  34.67% { transform: translate(474.5px,243.6px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  36.00% { transform: translate(372.2px,228.7px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  37.50% { transform: translate(256.9px,205.0px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  39.00% { transform: translate(143.6px,174.9px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  40.83% { transform: translate(13.3px,119.5px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  42.00% { transform: translate(-69.0px,82.6px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  59.83% { transform: translate(-68.8px,83.7px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  60.00% { transform: translate(-68.8px,83.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  62.17% { transform: translate(99.7px,105.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  64.33% { transform: translate(268.3px,127.9px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  66.67% { transform: translate(432.9px,145.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  68.83% { transform: translate(530.8px,140.1px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  70.67% { transform: translate(611.3px,146.7px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  73.50% { transform: translate(746.1px,194.1px) rotateZ(0.0deg) scaleX(-0.34) scaleY(0.34); opacity: 1.00;}
  77.50% { transform: translate(929.0px,282.5px) rotateZ(0.0deg) scaleX(-0.41) scaleY(0.41); opacity: 1.00;}
  77.67% { transform: translate(939.9px,287.2px) rotateZ(0.0deg) scaleX(-0.42) scaleY(0.41); opacity: 1.00;}
  80.67% { transform: translate(1136.5px,372.0px) rotateZ(0.0deg) scaleX(-0.50) scaleY(0.50); opacity: 1.00;}
  100.00% { transform: translate(1136.6px,370.9px) rotateZ(0.0deg) scaleX(-0.50) scaleY(0.50); opacity: 1.00;}
}
@-webkit-keyframes Scarab_AnimPat_04_chara_scarab {
  0.00% { transform: translate(1060.5px,60.4px) rotateZ(0.0deg) scaleX(0.15) scaleY(0.15); opacity: 1.00;}
  20.67% { transform: translate(1060.3px,60.9px) rotateZ(0.0deg) scaleX(0.15) scaleY(0.15); opacity: 1.00;}
  22.33% { transform: translate(1013.5px,84.9px) rotateZ(0.0deg) scaleX(0.17) scaleY(0.17); opacity: 1.00;}
  24.33% { transform: translate(954.8px,114.0px) rotateZ(0.0deg) scaleX(0.20) scaleY(0.20); opacity: 1.00;}
  25.67% { transform: translate(918.6px,138.9px) rotateZ(0.0deg) scaleX(0.22) scaleY(0.22); opacity: 1.00;}
  27.17% { transform: translate(892.3px,187.2px) rotateZ(0.0deg) scaleX(0.24) scaleY(0.24); opacity: 1.00;}
  28.33% { transform: translate(865.6px,221.7px) rotateZ(0.0deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
  29.50% { transform: translate(820.3px,241.6px) rotateZ(0.0deg) scaleX(0.27) scaleY(0.27); opacity: 1.00;}
  30.67% { transform: translate(762.7px,254.5px) rotateZ(0.0deg) scaleX(0.28) scaleY(0.28); opacity: 1.00;}
  32.00% { transform: translate(668.8px,258.8px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  33.33% { transform: translate(574.9px,251.2px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  34.67% { transform: translate(474.5px,243.6px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  36.00% { transform: translate(372.2px,228.7px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  37.50% { transform: translate(256.9px,205.0px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  39.00% { transform: translate(143.6px,174.9px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  40.83% { transform: translate(13.3px,119.5px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  42.00% { transform: translate(-69.0px,82.6px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  59.83% { transform: translate(-68.8px,83.7px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  60.00% { transform: translate(-68.8px,83.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  62.17% { transform: translate(99.7px,105.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  64.33% { transform: translate(268.3px,127.9px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  66.67% { transform: translate(432.9px,145.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  68.83% { transform: translate(530.8px,140.1px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  70.67% { transform: translate(611.3px,146.7px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  73.50% { transform: translate(746.1px,194.1px) rotateZ(0.0deg) scaleX(-0.34) scaleY(0.34); opacity: 1.00;}
  77.50% { transform: translate(929.0px,282.5px) rotateZ(0.0deg) scaleX(-0.41) scaleY(0.41); opacity: 1.00;}
  77.67% { transform: translate(939.9px,287.2px) rotateZ(0.0deg) scaleX(-0.42) scaleY(0.41); opacity: 1.00;}
  80.67% { transform: translate(1136.5px,372.0px) rotateZ(0.0deg) scaleX(-0.50) scaleY(0.50); opacity: 1.00;}
  100.00% { transform: translate(1136.6px,370.9px) rotateZ(0.0deg) scaleX(-0.50) scaleY(0.50); opacity: 1.00;}
}
@-o-keyframes Scarab_AnimPat_04_chara_scarab {
  0.00% { transform: translate(1060.5px,60.4px) rotateZ(0.0deg) scaleX(0.15) scaleY(0.15); opacity: 1.00;}
  20.67% { transform: translate(1060.3px,60.9px) rotateZ(0.0deg) scaleX(0.15) scaleY(0.15); opacity: 1.00;}
  22.33% { transform: translate(1013.5px,84.9px) rotateZ(0.0deg) scaleX(0.17) scaleY(0.17); opacity: 1.00;}
  24.33% { transform: translate(954.8px,114.0px) rotateZ(0.0deg) scaleX(0.20) scaleY(0.20); opacity: 1.00;}
  25.67% { transform: translate(918.6px,138.9px) rotateZ(0.0deg) scaleX(0.22) scaleY(0.22); opacity: 1.00;}
  27.17% { transform: translate(892.3px,187.2px) rotateZ(0.0deg) scaleX(0.24) scaleY(0.24); opacity: 1.00;}
  28.33% { transform: translate(865.6px,221.7px) rotateZ(0.0deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
  29.50% { transform: translate(820.3px,241.6px) rotateZ(0.0deg) scaleX(0.27) scaleY(0.27); opacity: 1.00;}
  30.67% { transform: translate(762.7px,254.5px) rotateZ(0.0deg) scaleX(0.28) scaleY(0.28); opacity: 1.00;}
  32.00% { transform: translate(668.8px,258.8px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  33.33% { transform: translate(574.9px,251.2px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  34.67% { transform: translate(474.5px,243.6px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  36.00% { transform: translate(372.2px,228.7px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  37.50% { transform: translate(256.9px,205.0px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  39.00% { transform: translate(143.6px,174.9px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  40.83% { transform: translate(13.3px,119.5px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  42.00% { transform: translate(-69.0px,82.6px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  59.83% { transform: translate(-68.8px,83.7px) rotateZ(0.0deg) scaleX(0.30) scaleY(0.30); opacity: 1.00;}
  60.00% { transform: translate(-68.8px,83.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  62.17% { transform: translate(99.7px,105.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  64.33% { transform: translate(268.3px,127.9px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  66.67% { transform: translate(432.9px,145.8px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  68.83% { transform: translate(530.8px,140.1px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  70.67% { transform: translate(611.3px,146.7px) rotateZ(0.0deg) scaleX(-0.30) scaleY(0.30); opacity: 1.00;}
  73.50% { transform: translate(746.1px,194.1px) rotateZ(0.0deg) scaleX(-0.34) scaleY(0.34); opacity: 1.00;}
  77.50% { transform: translate(929.0px,282.5px) rotateZ(0.0deg) scaleX(-0.41) scaleY(0.41); opacity: 1.00;}
  77.67% { transform: translate(939.9px,287.2px) rotateZ(0.0deg) scaleX(-0.42) scaleY(0.41); opacity: 1.00;}
  80.67% { transform: translate(1136.5px,372.0px) rotateZ(0.0deg) scaleX(-0.50) scaleY(0.50); opacity: 1.00;}
  100.00% { transform: translate(1136.6px,370.9px) rotateZ(0.0deg) scaleX(-0.50) scaleY(0.50); opacity: 1.00;}
}

#oasis_wall5 {
    left: 0px;
    top: -342px;
}

.wall_anime5 {
    transform-origin: 50% 50%;
    transform: scale(0.59);
    animation-name: wall_anime5;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@-moz-keyframes wall_anime5 {
    0% {
        transform: translate(-22%, -35%) scale(0.59);
    }
    100% {
        transform: translate(-22%, 0%) scale(0.59);
    }
}

@-webkit-keyframes wall_anime5 {
    0% {
        transform: translate(-22%, -35%) scale(0.59);
    }
    100% {
        transform: translate(-22%, 0%) scale(0.59);
    }
}

@-o-keyframes wall_anime5 {
    0% {
        transform: translate(-22%, -35%) scale(0.59);
    }
    100% {
        transform: translate(-22%, 0%) scale(0.59);
    }
}
/*
@-ms-keyframes wall_anime5 {
    0% {
        transform: translate(-22%, -35%) scale(0.59);
    }
    100% {
        transform: translate(-22%, 0%) scale(0.59);
    }
}
*/
@keyframes wall_anime5 {
    0% {
        transform: translate(-22%, -35%) scale(0.59);
    }
    100% {
        transform: translate(-22%, 0%) scale(0.59);
    }
}


#oasis_wall6 {
    left: 0px;
    top: -381px;
}

.wall_anime6 {
    transform-origin: 50% 50%;
    transform: scale(1.29);
    animation-name: wall_anime6;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@-moz-keyframes wall_anime6 {
    0% {
        transform: translate(12%, -25%) scale(1.29);
    }
    100% {
        transform: translate(12%, 25%) scale(1.29);
    }
}

@-webkit-keyframes wall_anime6 {
    0% {
        transform: translate(12%, -25%) scale(1.29);
    }
    100% {
        transform: translate(12%, 25%) scale(1.29);
    }
}

@-o-keyframes wall_anime6 {
    0% {
        transform: translate(12%, -25%) scale(1.29);
    }
    100% {
        transform: translate(12%, 25%) scale(1.29);
    }
}
/*
@-ms-keyframes wall_anime6 {
    0% {
        transform: translate(12%, -25%) scale(1.29);
    }
    100% {
        transform: translate(12%, 25%) scale(1.29);
    }
}
*/
@keyframes wall_anime6 {
    0% {
        transform: translate(12%, -25%) scale(1.29);
    }
    100% {
        transform: translate(12%, 25%) scale(1.29);
    }
}

#oasis_wall7 {
}

#chara_lagora_village {
    display: block;
    position: absolute;
    width: 122px;
    height: 300px;
    opacity: 1;
    overflow: hidden;

    background-image: url(../images/eo/wall/chara_lagora2.png);
    background-size: contain;
    background-repeat: no-repeat;

    animation-name: lagora2_anime;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@-moz-keyframes lagora2_anime {
	0% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    10% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    20% {
        opacity: 1.0;
        transform:translate(180px, 210px) scale(3);
    }
    95% {
        opacity: 1.0;
        transform: translate(800px, -30px) scale(2.5);
    }
    100% {
        opacity: 0;
        transform: translate(800px, -30px) scale(2.5);
    }
}

@-webkit-keyframes lagora2_anime {
	0% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    10% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    20% {
        opacity: 1.0;
        transform:translate(180px, 210px) scale(3);
    }
    95% {
        opacity: 1.0;
        transform: translate(800px, -30px) scale(2.5);
    }
    100% {
        opacity: 0;
        transform: translate(800px, -30px) scale(2.5);
    }
}

@-o-keyframes lagora2_anime {
	0% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    10% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    20% {
        opacity: 1.0;
        transform:translate(180px, 210px) scale(3);
    }
    95% {
        opacity: 1.0;
        transform: translate(800px, -30px) scale(2.5);
    }
    100% {
        opacity: 0;
        transform: translate(800px, -30px) scale(2.5);
    }
}
/*
@-ms-keyframes lagora2_anime {
	0% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    10% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    20% {
        opacity: 1.0;
        transform:translate(180px, 210px) scale(3);
    }
    95% {
        opacity: 1.0;
        transform: translate(800px, -30px) scale(2.5);
    }
    100% {
        opacity: 0;
        transform: translate(800px, -30px) scale(2.5);
    }
}
*/
@keyframes lagora2_anime {
	0% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    10% {
        opacity: 0;
        transform:translate(180px, 210px) scale(3);
    }
    20% {
        opacity: 1.0;
        transform:translate(180px, 210px) scale(3);
    }
    95% {
        opacity: 1.0;
        transform: translate(800px, -30px) scale(2.5);
    }
    100% {
        opacity: 0;
        transform: translate(800px, -30px) scale(2.5);
    }
}

.wall_anime7 {
    transform-origin: 50% 50%;
    animation-name: wall_anime7;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transform: translate3d(0,0,0);
}

@-moz-keyframes wall_anime7 {
    0% {
        transform: translate(90px, -50px) scale(1.5);
    }
    100% {
        transform: translate(-30px, -420px) scale(1);
    }
}

@-webkit-keyframes wall_anime7 {
    0% {
        transform: translate(90px, -50px) scale(1.5);
    }
    100% {
        transform: translate(-30px, -420px) scale(1);
    }
}

@-o-keyframes wall_anime7 {
    0% {
        transform: translate(90px, -50px) scale(1.5);
    }
    100% {
        transform: translate(-30px, -420px) scale(1);
    }
}
/*
@-ms-keyframes wall_anime7 {
    0% {
        transform: translate(90px, -50px) scale(1.5);
    }
    100% {
        transform: translate(-30px, -420px) scale(1);
    }
}
*/
@keyframes wall_anime7 {
    0% {
        transform: translate(-30%, -5%) scale(1.5);
    }
    100% {
        transform: translate(-45%, -45%) scale(1);
    }
}

#oasis_wall8 {
}

#chara_serkah_village {
    display: block;
    position: absolute;
    width: 148px;
    height: 250px;
    opacity: 1;
    overflow: hidden;

    background-image: url(../images/eo/wall/chara_serkah2.png);
    background-size: contain;
    background-repeat: no-repeat;


    animation-name: serkah2_anime;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@-moz-keyframes serkah2_anime {
	0% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    10% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    20% {
        opacity: 1.0;
    }
    95% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform:translate(60px, 100px) scale(2.5)
    }
}

@-webkit-keyframes serkah2_anime {
	0% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    10% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    20% {
        opacity: 1.0;
    }
    95% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform:translate(60px, 100px) scale(2.5)
    }
}

@-o-keyframes serkah2_anime {
	0% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    10% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    20% {
        opacity: 1.0;
    }
    95% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform:translate(60px, 100px) scale(2.5)
    }
}
/*
@-ms-keyframes serkah2_anime {
	0% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    10% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    20% {
        opacity: 1.0;
    }
    95% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform:translate(60px, 100px) scale(2.5)
    }
}
*/
@keyframes serkah2_anime {
	0% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    10% {
        opacity: 0;
        transform:translate(700px, 355px) scale(4.7);
    }
    20% {
        opacity: 1.0;
    }
    95% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform:translate(60px, 100px) scale(2.5)
    }
}

.wall_anime8 {
    transform-origin: 50% 50%;
    animation-name: wall_anime8;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transform: translate3d(0,0,0);
    margin: -200px 0 0 -226px;
}

@-moz-keyframes wall_anime8 {
    0% {
        transform: translate(-1380px, -860px) scale(1.5);
    }
    100% {
        transform: translate(-500px, -370px) scale(0.6);
    }
}

@-webkit-keyframes wall_anime8 {
    0% {
        transform: translate(-1380px, -860px) scale(1.5);
    }
    100% {
        transform: translate(-500px, -370px) scale(0.6);
    }
}

@-o-keyframes wall_anime8 {
    0% {
        transform: translate(-1380px, -860px) scale(1.5);
    }
    100% {
        transform: translate(-500px, -370px) scale(0.6);
    }
}
/*
@-ms-keyframes wall_anime8 {
    0% {
        transform: translate(-1380px, -860px) scale(1.5);
    }
    100% {
        transform: translate(-500px, -370px) scale(0.6);
    }
}
*/
@keyframes wall_anime8 {
    0% {
        transform: translate(-60%, -40%) scale(1.5);
    }
    100% {
        transform: translate(-40%, -20%) scale(0.6);
    }
}

.Scarab_AnimPat_08_chara_scarab_animate{
  animation-duration: 10s;
  animation-name: Scarab_AnimPat_08_chara_scarab;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  margin: -200px 0 0 -226px;
}
@keyframes Scarab_AnimPat_08_chara_scarab {
  0.00% { transform: translate(1203.9px,456.2px) rotateZ(-13.5deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  33.33% { transform: translate(1203.7px,456.7px) rotateZ(-13.5deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  36.50% { transform: translate(1106.4px,403.9px) rotateZ(-10.8deg) scaleX(0.96) scaleY(0.96); opacity: 1.00;}
  40.00% { transform: translate(991.8px,321.8px) rotateZ(-7.8deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  40.17% { transform: translate(986.3px,317.9px) rotateZ(-7.6deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  43.33% { transform: translate(882.8px,240.9px) rotateZ(-4.9deg) scaleX(0.88) scaleY(0.88); opacity: 1.00;}
  46.83% { transform: translate(770.6px,157.8px) rotateZ(-1.9deg) scaleX(0.84) scaleY(0.84); opacity: 1.00;}
  50.00% { transform: translate(677.4px,109.1px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
  52.67% { transform: translate(619.9px,115.1px) rotateZ(0.5deg) scaleX(0.77) scaleY(0.77); opacity: 1.00;}
  53.00% { transform: translate(612.7px,115.9px) rotateZ(0.5deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  55.00% { transform: translate(580.3px,130.0px) rotateZ(0.6deg) scaleX(0.74) scaleY(0.74); opacity: 1.00;}
  55.83% { transform: translate(566.8px,135.9px) rotateZ(0.5deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  58.33% { transform: translate(528.5px,163.5px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  61.33% { transform: translate(480.9px,202.2px) rotateZ(-2.5deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  61.50% { transform: translate(478.3px,204.4px) rotateZ(-2.7deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  63.17% { transform: translate(451.7px,222.2px) rotateZ(-4.3deg) scaleX(0.64) scaleY(0.64); opacity: 1.00;}
  64.17% { transform: translate(435.7px,232.9px) rotateZ(-5.2deg) scaleX(0.63) scaleY(0.63); opacity: 1.00;}
  66.83% { transform: translate(391.9px,258.3px) rotateZ(-7.5deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  70.00% { transform: translate(334.0px,270.7px) rotateZ(-8.1deg) scaleX(0.56) scaleY(0.56); opacity: 1.00;}
  72.50% { transform: translate(273.8px,254.2px) rotateZ(-6.1deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  72.83% { transform: translate(265.9px,248.9px) rotateZ(-5.8deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  75.00% { transform: translate(214.5px,214.7px) rotateZ(-3.4deg) scaleX(0.50) scaleY(0.50); opacity: 1.00;}
  78.00% { transform: translate(159.1px,152.1px) rotateZ(-1.8deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  78.33% { transform: translate(152.9px,145.1px) rotateZ(-1.7deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  80.67% { transform: translate(121.8px,70.8px) rotateZ(-1.0deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  81.33% { transform: translate(112.9px,49.6px) rotateZ(-0.9deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  81.50% { transform: translate(111.2px,42.7px) rotateZ(-0.8deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  82.67% { transform: translate(99.3px,-5.5px) rotateZ(-0.5deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  85.00% { transform: translate(75.5px,-102.0px) rotateZ(0.0deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
  100.00% { transform: translate(64.8px,-101.7px) rotateZ(0.0deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
}
@-moz-keyframes Scarab_AnimPat_08_chara_scarab {
  0.00% { transform: translate(1203.9px,456.2px) rotateZ(-13.5deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  33.33% { transform: translate(1203.7px,456.7px) rotateZ(-13.5deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  36.50% { transform: translate(1106.4px,403.9px) rotateZ(-10.8deg) scaleX(0.96) scaleY(0.96); opacity: 1.00;}
  40.00% { transform: translate(991.8px,321.8px) rotateZ(-7.8deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  40.17% { transform: translate(986.3px,317.9px) rotateZ(-7.6deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  43.33% { transform: translate(882.8px,240.9px) rotateZ(-4.9deg) scaleX(0.88) scaleY(0.88); opacity: 1.00;}
  46.83% { transform: translate(770.6px,157.8px) rotateZ(-1.9deg) scaleX(0.84) scaleY(0.84); opacity: 1.00;}
  50.00% { transform: translate(677.4px,109.1px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
  52.67% { transform: translate(619.9px,115.1px) rotateZ(0.5deg) scaleX(0.77) scaleY(0.77); opacity: 1.00;}
  53.00% { transform: translate(612.7px,115.9px) rotateZ(0.5deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  55.00% { transform: translate(580.3px,130.0px) rotateZ(0.6deg) scaleX(0.74) scaleY(0.74); opacity: 1.00;}
  55.83% { transform: translate(566.8px,135.9px) rotateZ(0.5deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  58.33% { transform: translate(528.5px,163.5px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  61.33% { transform: translate(480.9px,202.2px) rotateZ(-2.5deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  61.50% { transform: translate(478.3px,204.4px) rotateZ(-2.7deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  63.17% { transform: translate(451.7px,222.2px) rotateZ(-4.3deg) scaleX(0.64) scaleY(0.64); opacity: 1.00;}
  64.17% { transform: translate(435.7px,232.9px) rotateZ(-5.2deg) scaleX(0.63) scaleY(0.63); opacity: 1.00;}
  66.83% { transform: translate(391.9px,258.3px) rotateZ(-7.5deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  70.00% { transform: translate(334.0px,270.7px) rotateZ(-8.1deg) scaleX(0.56) scaleY(0.56); opacity: 1.00;}
  72.50% { transform: translate(273.8px,254.2px) rotateZ(-6.1deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  72.83% { transform: translate(265.9px,248.9px) rotateZ(-5.8deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  75.00% { transform: translate(214.5px,214.7px) rotateZ(-3.4deg) scaleX(0.50) scaleY(0.50); opacity: 1.00;}
  78.00% { transform: translate(159.1px,152.1px) rotateZ(-1.8deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  78.33% { transform: translate(152.9px,145.1px) rotateZ(-1.7deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  80.67% { transform: translate(121.8px,70.8px) rotateZ(-1.0deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  81.33% { transform: translate(112.9px,49.6px) rotateZ(-0.9deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  81.50% { transform: translate(111.2px,42.7px) rotateZ(-0.8deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  82.67% { transform: translate(99.3px,-5.5px) rotateZ(-0.5deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  85.00% { transform: translate(75.5px,-102.0px) rotateZ(0.0deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
  100.00% { transform: translate(64.8px,-101.7px) rotateZ(0.0deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
}
@-webkit-keyframes Scarab_AnimPat_08_chara_scarab {
  0.00% { transform: translate(1203.9px,456.2px) rotateZ(-13.5deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  33.33% { transform: translate(1203.7px,456.7px) rotateZ(-13.5deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  36.50% { transform: translate(1106.4px,403.9px) rotateZ(-10.8deg) scaleX(0.96) scaleY(0.96); opacity: 1.00;}
  40.00% { transform: translate(991.8px,321.8px) rotateZ(-7.8deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  40.17% { transform: translate(986.3px,317.9px) rotateZ(-7.6deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  43.33% { transform: translate(882.8px,240.9px) rotateZ(-4.9deg) scaleX(0.88) scaleY(0.88); opacity: 1.00;}
  46.83% { transform: translate(770.6px,157.8px) rotateZ(-1.9deg) scaleX(0.84) scaleY(0.84); opacity: 1.00;}
  50.00% { transform: translate(677.4px,109.1px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
  52.67% { transform: translate(619.9px,115.1px) rotateZ(0.5deg) scaleX(0.77) scaleY(0.77); opacity: 1.00;}
  53.00% { transform: translate(612.7px,115.9px) rotateZ(0.5deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  55.00% { transform: translate(580.3px,130.0px) rotateZ(0.6deg) scaleX(0.74) scaleY(0.74); opacity: 1.00;}
  55.83% { transform: translate(566.8px,135.9px) rotateZ(0.5deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  58.33% { transform: translate(528.5px,163.5px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  61.33% { transform: translate(480.9px,202.2px) rotateZ(-2.5deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  61.50% { transform: translate(478.3px,204.4px) rotateZ(-2.7deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  63.17% { transform: translate(451.7px,222.2px) rotateZ(-4.3deg) scaleX(0.64) scaleY(0.64); opacity: 1.00;}
  64.17% { transform: translate(435.7px,232.9px) rotateZ(-5.2deg) scaleX(0.63) scaleY(0.63); opacity: 1.00;}
  66.83% { transform: translate(391.9px,258.3px) rotateZ(-7.5deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  70.00% { transform: translate(334.0px,270.7px) rotateZ(-8.1deg) scaleX(0.56) scaleY(0.56); opacity: 1.00;}
  72.50% { transform: translate(273.8px,254.2px) rotateZ(-6.1deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  72.83% { transform: translate(265.9px,248.9px) rotateZ(-5.8deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  75.00% { transform: translate(214.5px,214.7px) rotateZ(-3.4deg) scaleX(0.50) scaleY(0.50); opacity: 1.00;}
  78.00% { transform: translate(159.1px,152.1px) rotateZ(-1.8deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  78.33% { transform: translate(152.9px,145.1px) rotateZ(-1.7deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  80.67% { transform: translate(121.8px,70.8px) rotateZ(-1.0deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  81.33% { transform: translate(112.9px,49.6px) rotateZ(-0.9deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  81.50% { transform: translate(111.2px,42.7px) rotateZ(-0.8deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  82.67% { transform: translate(99.3px,-5.5px) rotateZ(-0.5deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  85.00% { transform: translate(75.5px,-102.0px) rotateZ(0.0deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
  100.00% { transform: translate(64.8px,-101.7px) rotateZ(0.0deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
}
@-o-keyframes Scarab_AnimPat_08_chara_scarab {
  0.00% { transform: translate(1203.9px,456.2px) rotateZ(-13.5deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  33.33% { transform: translate(1203.7px,456.7px) rotateZ(-13.5deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  36.50% { transform: translate(1106.4px,403.9px) rotateZ(-10.8deg) scaleX(0.96) scaleY(0.96); opacity: 1.00;}
  40.00% { transform: translate(991.8px,321.8px) rotateZ(-7.8deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  40.17% { transform: translate(986.3px,317.9px) rotateZ(-7.6deg) scaleX(0.92) scaleY(0.92); opacity: 1.00;}
  43.33% { transform: translate(882.8px,240.9px) rotateZ(-4.9deg) scaleX(0.88) scaleY(0.88); opacity: 1.00;}
  46.83% { transform: translate(770.6px,157.8px) rotateZ(-1.9deg) scaleX(0.84) scaleY(0.84); opacity: 1.00;}
  50.00% { transform: translate(677.4px,109.1px) rotateZ(0.0deg) scaleX(0.80) scaleY(0.80); opacity: 1.00;}
  52.67% { transform: translate(619.9px,115.1px) rotateZ(0.5deg) scaleX(0.77) scaleY(0.77); opacity: 1.00;}
  53.00% { transform: translate(612.7px,115.9px) rotateZ(0.5deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  55.00% { transform: translate(580.3px,130.0px) rotateZ(0.6deg) scaleX(0.74) scaleY(0.74); opacity: 1.00;}
  55.83% { transform: translate(566.8px,135.9px) rotateZ(0.5deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  58.33% { transform: translate(528.5px,163.5px) rotateZ(0.0deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  61.33% { transform: translate(480.9px,202.2px) rotateZ(-2.5deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  61.50% { transform: translate(478.3px,204.4px) rotateZ(-2.7deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  63.17% { transform: translate(451.7px,222.2px) rotateZ(-4.3deg) scaleX(0.64) scaleY(0.64); opacity: 1.00;}
  64.17% { transform: translate(435.7px,232.9px) rotateZ(-5.2deg) scaleX(0.63) scaleY(0.63); opacity: 1.00;}
  66.83% { transform: translate(391.9px,258.3px) rotateZ(-7.5deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  70.00% { transform: translate(334.0px,270.7px) rotateZ(-8.1deg) scaleX(0.56) scaleY(0.56); opacity: 1.00;}
  72.50% { transform: translate(273.8px,254.2px) rotateZ(-6.1deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  72.83% { transform: translate(265.9px,248.9px) rotateZ(-5.8deg) scaleX(0.53) scaleY(0.53); opacity: 1.00;}
  75.00% { transform: translate(214.5px,214.7px) rotateZ(-3.4deg) scaleX(0.50) scaleY(0.50); opacity: 1.00;}
  78.00% { transform: translate(159.1px,152.1px) rotateZ(-1.8deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  78.33% { transform: translate(152.9px,145.1px) rotateZ(-1.7deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  80.67% { transform: translate(121.8px,70.8px) rotateZ(-1.0deg) scaleX(0.47) scaleY(0.47); opacity: 1.00;}
  81.33% { transform: translate(112.9px,49.6px) rotateZ(-0.9deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  81.50% { transform: translate(111.2px,42.7px) rotateZ(-0.8deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  82.67% { transform: translate(99.3px,-5.5px) rotateZ(-0.5deg) scaleX(0.46) scaleY(0.46); opacity: 1.00;}
  85.00% { transform: translate(75.5px,-102.0px) rotateZ(0.0deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
  100.00% { transform: translate(64.8px,-101.7px) rotateZ(0.0deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
}

#oasis_wall9 {
}

#chara_drauk_village {
    display: block;
    position: absolute;
    width: 130px;
    height: 322px;
    opacity: 1;
    overflow: hidden;

    background-image: url(../images/eo/wall/chara_drauk2.png);
    background-size: contain;
    background-repeat: no-repeat;

    animation-name: drauk2_anime;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@-moz-keyframes drauk2_anime {
	0% {
        opacity: 0;
        transform:translate(330px, 250px) scale(5.5);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1.0;
        transform:translate(330px, 250px) scale(5.5);
    }
    80% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform: translate(950px, 50px) scale(3);
    }
}

@-webkit-keyframes drauk2_anime {
	0% {
        opacity: 0;
        transform:translate(330px, 250px) scale(5.5);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1.0;
        transform:translate(330px, 250px) scale(5.5);
    }
    80% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform: translate(950px, 50px) scale(3);
    }
}

@-o-keyframes drauk2_anime {
	0% {
        opacity: 0;
        transform:translate(330px, 250px) scale(5.5);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1.0;
        transform:translate(330px, 250px) scale(5.5);
    }
    80% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform: translate(950px, 50px) scale(3);
    }
}
/*
@-ms-keyframes drauk2_anime {
	0% {
        opacity: 0;
        transform:translate(330px, 250px) scale(5.5);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1.0;
        transform:translate(330px, 250px) scale(5.5);
    }
    80% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform: translate(950px, 50px) scale(3);
    }
}
*/
@keyframes drauk2_anime {
	0% {
        opacity: 0;
        transform:translate(330px, 250px) scale(5.5);
    }
    10% {
        opacity: 0;
    }
    20% {
        opacity: 1.0;
        transform:translate(330px, 250px) scale(5.5);
    }
    80% {
        opacity: 1.0;
    }
    100% {
        opacity: 0;
        transform: translate(950px, 50px) scale(3);
    }
}

.wall_anime9 {
    transform-origin: 50% 50%;
    animation-name: wall_anime9;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    transform: translate3d(0,0,0);
}

@-moz-keyframes wall_anime9 {
    0% {
        transform: translate(-30%, -50%) scale(1.00);
    }
    100% {
        transform: translate(-55%, -30%) scale(0.55);
    }
}

@-webkit-keyframes wall_anime9 {
    0% {
        transform: translate(-30%, -50%) scale(1.00);
    }
    100% {
        transform: translate(-55%, -30%) scale(0.55);
    }
}

@-o-keyframes wall_anime9 {
    0% {
        transform: translate(-30%, -50%) scale(1.00);
    }
    100% {
        transform: translate(-55%, -30%) scale(0.55);
    }
}
/*
@-ms-keyframes wall_anime10 {
    0% {
        transform: translate(-30%, -50%) scale(1.00);
    }
    100% {
        transform: translate(-55%, -30%) scale(0.55);
    }
}
*/
@keyframes wall_anime9 {
    0% {
        transform: translate(-30%, -50%) scale(1.00);
    }
    100% {
        transform: translate(-55%, -25%) scale(0.55);
    }
}

.Scarab_AnimPat_09_chara_scarab_animate{
  animation-duration: 10s;
  animation-name: Scarab_AnimPat_09_chara_scarab;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  margin: -200px 0 0 -226px;
}
@keyframes Scarab_AnimPat_09_chara_scarab {
  0.00% { transform: translate(1211.1px,459.6px) rotateZ(-10.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  30.00% { transform: translate(1210.9px,459.6px) rotateZ(-10.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  33.17% { transform: translate(1096.6px,446.6px) rotateZ(-7.8deg) scaleX(0.97) scaleY(0.97); opacity: 1.00;}
  33.33% { transform: translate(1091.9px,443.5px) rotateZ(-7.7deg) scaleX(0.97) scaleY(0.97); opacity: 1.00;}
  36.67% { transform: translate(996.5px,381.8px) rotateZ(-5.4deg) scaleX(0.94) scaleY(0.94); opacity: 1.00;}
  39.83% { transform: translate(908.2px,318.4px) rotateZ(-3.2deg) scaleX(0.91) scaleY(0.91); opacity: 1.00;}
  40.17% { transform: translate(898.9px,311.7px) rotateZ(-3.0deg) scaleX(0.91) scaleY(0.91); opacity: 1.00;}
  43.33% { transform: translate(810.5px,254.7px) rotateZ(-1.1deg) scaleX(0.88) scaleY(0.88); opacity: 1.00;}
  45.33% { transform: translate(752.6px,234.4px) rotateZ(-0.2deg) scaleX(0.86) scaleY(0.86); opacity: 1.00;}
  46.67% { transform: translate(714.0px,220.9px) rotateZ(-0.0deg) scaleX(0.85) scaleY(0.85); opacity: 1.00;}
  48.83% { transform: translate(642.9px,227.0px) rotateZ(-1.4deg) scaleX(0.83) scaleY(0.83); opacity: 1.00;}
  50.00% { transform: translate(604.7px,230.3px) rotateZ(-3.0deg) scaleX(0.82) scaleY(0.82); opacity: 1.00;}
  51.17% { transform: translate(566.1px,239.6px) rotateZ(-5.6deg) scaleX(0.81) scaleY(0.81); opacity: 1.00;}
  53.33% { transform: translate(494.5px,257.0px) rotateZ(-10.4deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  53.50% { transform: translate(489.0px,258.4px) rotateZ(-10.9deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  56.67% { transform: translate(388.0px,286.9px) rotateZ(-18.7deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  60.00% { transform: translate(295.6px,317.7px) rotateZ(-26.1deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  61.83% { transform: translate(259.0px,331.8px) rotateZ(-28.4deg) scaleX(0.71) scaleY(0.71); opacity: 1.00;}
  62.00% { transform: translate(256.6px,332.3px) rotateZ(-28.6deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  63.33% { transform: translate(237.7px,336.3px) rotateZ(-29.2deg) scaleX(0.69) scaleY(0.69); opacity: 1.00;}
  65.17% { transform: translate(223.1px,321.9px) rotateZ(-26.5deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  66.67% { transform: translate(218.9px,297.6px) rotateZ(-21.8deg) scaleX(0.64) scaleY(0.64); opacity: 1.00;}
  66.83% { transform: translate(219.8px,293.4px) rotateZ(-21.3deg) scaleX(0.63) scaleY(0.63); opacity: 1.00;}
  68.83% { transform: translate(230.9px,242.8px) rotateZ(-11.8deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  70.00% { transform: translate(237.4px,213.3px) rotateZ(-6.2deg) scaleX(0.58) scaleY(0.58); opacity: 1.00;}
  71.83% { transform: translate(263.4px,173.6px) rotateZ(2.5deg) scaleX(0.55) scaleY(0.55); opacity: 1.00;}
  73.33% { transform: translate(292.0px,157.8px) rotateZ(9.7deg) scaleX(0.52) scaleY(0.52); opacity: 1.00;}
  75.17% { transform: translate(347.7px,161.8px) rotateZ(15.1deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  76.67% { transform: translate(403.7px,166.9px) rotateZ(19.5deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
  78.33% { transform: translate(469.1px,172.6px) rotateZ(21.9deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  78.50% { transform: translate(475.2px,173.0px) rotateZ(22.2deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  80.00% { transform: translate(530.4px,176.0px) rotateZ(22.9deg) scaleX(0.37) scaleY(0.37); opacity: 1.00;}
  81.50% { transform: translate(572.6px,163.6px) rotateZ(22.0deg) scaleX(0.35) scaleY(0.35); opacity: 1.00;}
  82.83% { transform: translate(607.0px,137.7px) rotateZ(20.3deg) scaleX(0.34) scaleY(0.34); opacity: 1.00;}
  83.00% { transform: translate(611.2px,132.7px) rotateZ(20.0deg) scaleX(0.33) scaleY(0.33); opacity: 1.00;}
  86.33% { transform: translate(694.0px,33.1px) rotateZ(13.3deg) scaleX(0.29) scaleY(0.29); opacity: 1.00;}
  89.00% { transform: translate(759.5px,-53.0px) rotateZ(7.4deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
  100.00% { transform: translate(760.8px,-52.4px) rotateZ(7.4deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
}
@-moz-keyframes Scarab_AnimPat_09_chara_scarab {
  0.00% { transform: translate(1211.1px,459.6px) rotateZ(-10.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  30.00% { transform: translate(1210.9px,459.6px) rotateZ(-10.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  33.17% { transform: translate(1096.6px,446.6px) rotateZ(-7.8deg) scaleX(0.97) scaleY(0.97); opacity: 1.00;}
  33.33% { transform: translate(1091.9px,443.5px) rotateZ(-7.7deg) scaleX(0.97) scaleY(0.97); opacity: 1.00;}
  36.67% { transform: translate(996.5px,381.8px) rotateZ(-5.4deg) scaleX(0.94) scaleY(0.94); opacity: 1.00;}
  39.83% { transform: translate(908.2px,318.4px) rotateZ(-3.2deg) scaleX(0.91) scaleY(0.91); opacity: 1.00;}
  40.17% { transform: translate(898.9px,311.7px) rotateZ(-3.0deg) scaleX(0.91) scaleY(0.91); opacity: 1.00;}
  43.33% { transform: translate(810.5px,254.7px) rotateZ(-1.1deg) scaleX(0.88) scaleY(0.88); opacity: 1.00;}
  45.33% { transform: translate(752.6px,234.4px) rotateZ(-0.2deg) scaleX(0.86) scaleY(0.86); opacity: 1.00;}
  46.67% { transform: translate(714.0px,220.9px) rotateZ(-0.0deg) scaleX(0.85) scaleY(0.85); opacity: 1.00;}
  48.83% { transform: translate(642.9px,227.0px) rotateZ(-1.4deg) scaleX(0.83) scaleY(0.83); opacity: 1.00;}
  50.00% { transform: translate(604.7px,230.3px) rotateZ(-3.0deg) scaleX(0.82) scaleY(0.82); opacity: 1.00;}
  51.17% { transform: translate(566.1px,239.6px) rotateZ(-5.6deg) scaleX(0.81) scaleY(0.81); opacity: 1.00;}
  53.33% { transform: translate(494.5px,257.0px) rotateZ(-10.4deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  53.50% { transform: translate(489.0px,258.4px) rotateZ(-10.9deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  56.67% { transform: translate(388.0px,286.9px) rotateZ(-18.7deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  60.00% { transform: translate(295.6px,317.7px) rotateZ(-26.1deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  61.83% { transform: translate(259.0px,331.8px) rotateZ(-28.4deg) scaleX(0.71) scaleY(0.71); opacity: 1.00;}
  62.00% { transform: translate(256.6px,332.3px) rotateZ(-28.6deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  63.33% { transform: translate(237.7px,336.3px) rotateZ(-29.2deg) scaleX(0.69) scaleY(0.69); opacity: 1.00;}
  65.17% { transform: translate(223.1px,321.9px) rotateZ(-26.5deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  66.67% { transform: translate(218.9px,297.6px) rotateZ(-21.8deg) scaleX(0.64) scaleY(0.64); opacity: 1.00;}
  66.83% { transform: translate(219.8px,293.4px) rotateZ(-21.3deg) scaleX(0.63) scaleY(0.63); opacity: 1.00;}
  68.83% { transform: translate(230.9px,242.8px) rotateZ(-11.8deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  70.00% { transform: translate(237.4px,213.3px) rotateZ(-6.2deg) scaleX(0.58) scaleY(0.58); opacity: 1.00;}
  71.83% { transform: translate(263.4px,173.6px) rotateZ(2.5deg) scaleX(0.55) scaleY(0.55); opacity: 1.00;}
  73.33% { transform: translate(292.0px,157.8px) rotateZ(9.7deg) scaleX(0.52) scaleY(0.52); opacity: 1.00;}
  75.17% { transform: translate(347.7px,161.8px) rotateZ(15.1deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  76.67% { transform: translate(403.7px,166.9px) rotateZ(19.5deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
  78.33% { transform: translate(469.1px,172.6px) rotateZ(21.9deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  78.50% { transform: translate(475.2px,173.0px) rotateZ(22.2deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  80.00% { transform: translate(530.4px,176.0px) rotateZ(22.9deg) scaleX(0.37) scaleY(0.37); opacity: 1.00;}
  81.50% { transform: translate(572.6px,163.6px) rotateZ(22.0deg) scaleX(0.35) scaleY(0.35); opacity: 1.00;}
  82.83% { transform: translate(607.0px,137.7px) rotateZ(20.3deg) scaleX(0.34) scaleY(0.34); opacity: 1.00;}
  83.00% { transform: translate(611.2px,132.7px) rotateZ(20.0deg) scaleX(0.33) scaleY(0.33); opacity: 1.00;}
  86.33% { transform: translate(694.0px,33.1px) rotateZ(13.3deg) scaleX(0.29) scaleY(0.29); opacity: 1.00;}
  89.00% { transform: translate(759.5px,-53.0px) rotateZ(7.4deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
  100.00% { transform: translate(760.8px,-52.4px) rotateZ(7.4deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
}
@-webkit-keyframes Scarab_AnimPat_09_chara_scarab {
    0.00% { transform: translate(1211.1px,459.6px) rotateZ(-10.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  30.00% { transform: translate(1210.9px,459.6px) rotateZ(-10.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  33.17% { transform: translate(1096.6px,446.6px) rotateZ(-7.8deg) scaleX(0.97) scaleY(0.97); opacity: 1.00;}
  33.33% { transform: translate(1091.9px,443.5px) rotateZ(-7.7deg) scaleX(0.97) scaleY(0.97); opacity: 1.00;}
  36.67% { transform: translate(996.5px,381.8px) rotateZ(-5.4deg) scaleX(0.94) scaleY(0.94); opacity: 1.00;}
  39.83% { transform: translate(908.2px,318.4px) rotateZ(-3.2deg) scaleX(0.91) scaleY(0.91); opacity: 1.00;}
  40.17% { transform: translate(898.9px,311.7px) rotateZ(-3.0deg) scaleX(0.91) scaleY(0.91); opacity: 1.00;}
  43.33% { transform: translate(810.5px,254.7px) rotateZ(-1.1deg) scaleX(0.88) scaleY(0.88); opacity: 1.00;}
  45.33% { transform: translate(752.6px,234.4px) rotateZ(-0.2deg) scaleX(0.86) scaleY(0.86); opacity: 1.00;}
  46.67% { transform: translate(714.0px,220.9px) rotateZ(-0.0deg) scaleX(0.85) scaleY(0.85); opacity: 1.00;}
  48.83% { transform: translate(642.9px,227.0px) rotateZ(-1.4deg) scaleX(0.83) scaleY(0.83); opacity: 1.00;}
  50.00% { transform: translate(604.7px,230.3px) rotateZ(-3.0deg) scaleX(0.82) scaleY(0.82); opacity: 1.00;}
  51.17% { transform: translate(566.1px,239.6px) rotateZ(-5.6deg) scaleX(0.81) scaleY(0.81); opacity: 1.00;}
  53.33% { transform: translate(494.5px,257.0px) rotateZ(-10.4deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  53.50% { transform: translate(489.0px,258.4px) rotateZ(-10.9deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  56.67% { transform: translate(388.0px,286.9px) rotateZ(-18.7deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  60.00% { transform: translate(295.6px,317.7px) rotateZ(-26.1deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  61.83% { transform: translate(259.0px,331.8px) rotateZ(-28.4deg) scaleX(0.71) scaleY(0.71); opacity: 1.00;}
  62.00% { transform: translate(256.6px,332.3px) rotateZ(-28.6deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  63.33% { transform: translate(237.7px,336.3px) rotateZ(-29.2deg) scaleX(0.69) scaleY(0.69); opacity: 1.00;}
  65.17% { transform: translate(223.1px,321.9px) rotateZ(-26.5deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  66.67% { transform: translate(218.9px,297.6px) rotateZ(-21.8deg) scaleX(0.64) scaleY(0.64); opacity: 1.00;}
  66.83% { transform: translate(219.8px,293.4px) rotateZ(-21.3deg) scaleX(0.63) scaleY(0.63); opacity: 1.00;}
  68.83% { transform: translate(230.9px,242.8px) rotateZ(-11.8deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  70.00% { transform: translate(237.4px,213.3px) rotateZ(-6.2deg) scaleX(0.58) scaleY(0.58); opacity: 1.00;}
  71.83% { transform: translate(263.4px,173.6px) rotateZ(2.5deg) scaleX(0.55) scaleY(0.55); opacity: 1.00;}
  73.33% { transform: translate(292.0px,157.8px) rotateZ(9.7deg) scaleX(0.52) scaleY(0.52); opacity: 1.00;}
  75.17% { transform: translate(347.7px,161.8px) rotateZ(15.1deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  76.67% { transform: translate(403.7px,166.9px) rotateZ(19.5deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
  78.33% { transform: translate(469.1px,172.6px) rotateZ(21.9deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  78.50% { transform: translate(475.2px,173.0px) rotateZ(22.2deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  80.00% { transform: translate(530.4px,176.0px) rotateZ(22.9deg) scaleX(0.37) scaleY(0.37); opacity: 1.00;}
  81.50% { transform: translate(572.6px,163.6px) rotateZ(22.0deg) scaleX(0.35) scaleY(0.35); opacity: 1.00;}
  82.83% { transform: translate(607.0px,137.7px) rotateZ(20.3deg) scaleX(0.34) scaleY(0.34); opacity: 1.00;}
  83.00% { transform: translate(611.2px,132.7px) rotateZ(20.0deg) scaleX(0.33) scaleY(0.33); opacity: 1.00;}
  86.33% { transform: translate(694.0px,33.1px) rotateZ(13.3deg) scaleX(0.29) scaleY(0.29); opacity: 1.00;}
  89.00% { transform: translate(759.5px,-53.0px) rotateZ(7.4deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
  100.00% { transform: translate(760.8px,-52.4px) rotateZ(7.4deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
}
@-o-keyframes Scarab_AnimPat_09_chara_scarab {
    0.00% { transform: translate(1211.1px,459.6px) rotateZ(-10.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  30.00% { transform: translate(1210.9px,459.6px) rotateZ(-10.0deg) scaleX(1.00) scaleY(1.00); opacity: 1.00;}
  33.17% { transform: translate(1096.6px,446.6px) rotateZ(-7.8deg) scaleX(0.97) scaleY(0.97); opacity: 1.00;}
  33.33% { transform: translate(1091.9px,443.5px) rotateZ(-7.7deg) scaleX(0.97) scaleY(0.97); opacity: 1.00;}
  36.67% { transform: translate(996.5px,381.8px) rotateZ(-5.4deg) scaleX(0.94) scaleY(0.94); opacity: 1.00;}
  39.83% { transform: translate(908.2px,318.4px) rotateZ(-3.2deg) scaleX(0.91) scaleY(0.91); opacity: 1.00;}
  40.17% { transform: translate(898.9px,311.7px) rotateZ(-3.0deg) scaleX(0.91) scaleY(0.91); opacity: 1.00;}
  43.33% { transform: translate(810.5px,254.7px) rotateZ(-1.1deg) scaleX(0.88) scaleY(0.88); opacity: 1.00;}
  45.33% { transform: translate(752.6px,234.4px) rotateZ(-0.2deg) scaleX(0.86) scaleY(0.86); opacity: 1.00;}
  46.67% { transform: translate(714.0px,220.9px) rotateZ(-0.0deg) scaleX(0.85) scaleY(0.85); opacity: 1.00;}
  48.83% { transform: translate(642.9px,227.0px) rotateZ(-1.4deg) scaleX(0.83) scaleY(0.83); opacity: 1.00;}
  50.00% { transform: translate(604.7px,230.3px) rotateZ(-3.0deg) scaleX(0.82) scaleY(0.82); opacity: 1.00;}
  51.17% { transform: translate(566.1px,239.6px) rotateZ(-5.6deg) scaleX(0.81) scaleY(0.81); opacity: 1.00;}
  53.33% { transform: translate(494.5px,257.0px) rotateZ(-10.4deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  53.50% { transform: translate(489.0px,258.4px) rotateZ(-10.9deg) scaleX(0.79) scaleY(0.79); opacity: 1.00;}
  56.67% { transform: translate(388.0px,286.9px) rotateZ(-18.7deg) scaleX(0.76) scaleY(0.76); opacity: 1.00;}
  60.00% { transform: translate(295.6px,317.7px) rotateZ(-26.1deg) scaleX(0.73) scaleY(0.73); opacity: 1.00;}
  61.83% { transform: translate(259.0px,331.8px) rotateZ(-28.4deg) scaleX(0.71) scaleY(0.71); opacity: 1.00;}
  62.00% { transform: translate(256.6px,332.3px) rotateZ(-28.6deg) scaleX(0.70) scaleY(0.70); opacity: 1.00;}
  63.33% { transform: translate(237.7px,336.3px) rotateZ(-29.2deg) scaleX(0.69) scaleY(0.69); opacity: 1.00;}
  65.17% { transform: translate(223.1px,321.9px) rotateZ(-26.5deg) scaleX(0.66) scaleY(0.66); opacity: 1.00;}
  66.67% { transform: translate(218.9px,297.6px) rotateZ(-21.8deg) scaleX(0.64) scaleY(0.64); opacity: 1.00;}
  66.83% { transform: translate(219.8px,293.4px) rotateZ(-21.3deg) scaleX(0.63) scaleY(0.63); opacity: 1.00;}
  68.83% { transform: translate(230.9px,242.8px) rotateZ(-11.8deg) scaleX(0.60) scaleY(0.60); opacity: 1.00;}
  70.00% { transform: translate(237.4px,213.3px) rotateZ(-6.2deg) scaleX(0.58) scaleY(0.58); opacity: 1.00;}
  71.83% { transform: translate(263.4px,173.6px) rotateZ(2.5deg) scaleX(0.55) scaleY(0.55); opacity: 1.00;}
  73.33% { transform: translate(292.0px,157.8px) rotateZ(9.7deg) scaleX(0.52) scaleY(0.52); opacity: 1.00;}
  75.17% { transform: translate(347.7px,161.8px) rotateZ(15.1deg) scaleX(0.48) scaleY(0.48); opacity: 1.00;}
  76.67% { transform: translate(403.7px,166.9px) rotateZ(19.5deg) scaleX(0.45) scaleY(0.45); opacity: 1.00;}
  78.33% { transform: translate(469.1px,172.6px) rotateZ(21.9deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  78.50% { transform: translate(475.2px,173.0px) rotateZ(22.2deg) scaleX(0.41) scaleY(0.41); opacity: 1.00;}
  80.00% { transform: translate(530.4px,176.0px) rotateZ(22.9deg) scaleX(0.37) scaleY(0.37); opacity: 1.00;}
  81.50% { transform: translate(572.6px,163.6px) rotateZ(22.0deg) scaleX(0.35) scaleY(0.35); opacity: 1.00;}
  82.83% { transform: translate(607.0px,137.7px) rotateZ(20.3deg) scaleX(0.34) scaleY(0.34); opacity: 1.00;}
  83.00% { transform: translate(611.2px,132.7px) rotateZ(20.0deg) scaleX(0.33) scaleY(0.33); opacity: 1.00;}
  86.33% { transform: translate(694.0px,33.1px) rotateZ(13.3deg) scaleX(0.29) scaleY(0.29); opacity: 1.00;}
  89.00% { transform: translate(759.5px,-53.0px) rotateZ(7.4deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
  100.00% { transform: translate(760.8px,-52.4px) rotateZ(7.4deg) scaleX(0.25) scaleY(0.25); opacity: 1.00;}
}

/*
#oasis_wall10 {
    left: -50px;
    top: -80px;
}

.wall_anime10 {
    transform-origin: 50% 50%;
    transform: scale(1.05);
    animation-name: wall_anime10;
    animation-duration: 9s;
    animation-timing-function: cubic-bezier(.57,.39,.72,.99);
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@-moz-keyframes wall_anime10 {
    0% {
        transform: translate(-90px, -80px) scale(0.81);
    }
    100% {
        transform: translate(-430px, -80px) scale(0.81);
    }
}

@-webkit-keyframes wall_anime10 {
    0% {
        transform: translate(-90px, -80px) scale(0.81);
    }
    100% {
        transform: translate(-430px, -80px) scale(0.81);
    }
}

@-o-keyframes wall_anime10 {
    0% {
        transform: translate(-90px, -80px) scale(0.81);
    }
    100% {
        transform: translate(-430px, -80px) scale(0.81);
    }
}

@-ms-keyframes wall_anime10 {
    0% {
        transform: translate(-90px, -80px) scale(0.81);
    }
    100% {
        transform: translate(-430px, -80px) scale(0.81);
    }
}

@keyframes wall_anime10 {
    0% {
        transform: translate(-90px, -80px) scale(0.81);
    }
    100% {
        transform: translate(-430px, -80px) scale(0.81);
    }
}
*/

/**ロゴ位置修正のため追加*/

img#oasis_wall_e {
    transform: translate(-20px,0)
}

#filter {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2800px;
    background-color: rgba( 0, 0, 0,0.6);
    z-index: 1000;
}

#window {
    display: none;
    position: absolute;
    z-index: 1001;
}

#window > img {
    height: 100%;
    width: 100%;
}

#everoasis_lnk {
    text-align: center;
    margin: 40px 0;
}

#kinyu_bosyu {
  text-align: center;
}