@charset "utf-8";
* { 
  margin:0;
  padding:0;
}



/* animation_1
--------------------------------- */
.animation_1{
	margin:0 auto;
	position:relative;
	overflow: hidden;
	width:304px;
	height:342px;
	background:#FFFFFF;
	border: 1px #e1e1e1 solid; 
}
.animation_1 #panel{
	width:304px;
	height:342px;
	background:url(../img1/panel.png);
	position:absolute;
	left:0px;
	z-index:1;
	opacity:1;
}
.animation_1 #pointer-a1{
	width:13px;
	height:20px;
	background:url(../img1/pointer.png);
	position:absolute;
	left:215px;
	top:86px;
	z-index:10;
	opacity:1;
}
.animation_1 #icon-label{
	width:57px;
	height:10px;
	background:url(../img1/icon_text.png);
	position:absolute;
	left:125px;
	top:76px;
	z-index:2;
	opacity:0;
}
.animation_1 #icon-pict{
	width:76px;
	height:76px;
	background:url(../img1/icon_selected.png);
	position:absolute;
	left:116px;
	top:16px;
	z-index:3;
	opacity:0;
}
.animation_1 #panel-open{
	width:287px;
	height:205px;
	background:url(../img1/panel_open.png);
	position:absolute;
	left:8px;
	top:62px;
	z-index:5;
	opacity:0;
}
.animation_1 #open-txt{
	width:73px;
	height:22px;
	background:url(../img1/panel_text.png);
	position:absolute;
	left:25px;
	top:124px;
	z-index:6;
	opacity:0;
}
.animation_1 #name-text2, #name-text3{
	width:274px;
	height:28px;
	background:url(../img1/text1.png);
	position:absolute;
	left:14px;
	top:120px;
	z-index:3;
	opacity:0;
}
.animation_1 #name-text3{background:url(../img1/text1_1.png);z-index:4;}

.animation_1 #category-text1, #category-text2{
	width:274px;
	height:27px;
	background:url(../img1/select_text.png);
	position:absolute;
	left:14px;
	top:177px;
	z-index:2;
	opacity:0;
}
.animation_1 #category-text2{background:url(../img1/text2.png);z-index:3;}
.animation_1 #category-text3{
	width:105px;
	height:15px;
	background:url(../img1/text2_1.png);
	position:absolute;
	left:21px;
	top:303px;
	z-index:4;
	opacity:0;
}
.animation_1 #category-list{
	width:275px;
	height:122px;
	background:url(../img1/category_list.png);
	position:absolute;
	overflow: hidden;
	left:14px;
	top:204px;
	z-index:3;
	opacity:0;
}
.animation_1 #product-text1, #product-text2{
	width:274px;
	height:28px;
	background:url(../img1/select_text.png);
	position:absolute;
	left:14px;
	top:235px;
	z-index:2;
	opacity:0;
}
.animation_1 #product-text2{background:url(../img1/text3.png);z-index:3;}
.animation_1 #product-text3{
	width:77px;
	height:16px;
	background:url(../img1/text3_1.png);
	position:absolute;
	left:21px;
	top:270px;
	z-index:5;
	opacity:0;
}
.animation_1 #product-list{
	width:274px;
	height:54px;
	background:url(../img1/product_list.png);
	position:absolute;
	left:14px;
	top:262px;
	z-index:4;
	opacity:0;
}
.animation_1 #create-but{
	width:72px;
	height:27px;
	background:url(../img1/button_create.png);
	position:absolute;
	left:97px;
	top:293px;
	z-index:4;
	opacity:0;
}

.animation_1 #pointer-a1.animate{
	-webkit-animation-name: pointer1;
	-webkit-animation-duration: 10s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: pointer1;
	-moz-animation-duration: 10s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 0;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: pointer1;
	-ms-animation-duration: 10s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 0;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: pointer1;
	animation-duration: 10s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes pointer1{
	0% {left:215px;top:86px;}
	
	5% {left:176px;top:76px;}
	10% {left:176px;top:76px;}
	
	20% {left:56px;top:134px;}
	30% {left:195px;top:236px;}
	40% {left:195px;top:236px;}
	
	50% {left:39px;top:129px;}
	55% {left:39px;top:129px;}
	
	60% {left:165px;top:189px;}
	
	70% {left:77px;top:313px;}
	80% {left:77px;top:313px;}
	85% {left:77px;top:248px;}
	90% {left:83px;top:278px;}
	
	100% {left:156px;top:312px;}
}
@-moz-keyframes pointer1{
	0% {left:215px;top:86px;}
	
	5% {left:176px;top:76px;}
	10% {left:176px;top:76px;}
	
	20% {left:56px;top:134px;}
	30% {left:195px;top:236px;}
	40% {left:195px;top:236px;}
	
	50% {left:39px;top:129px;}
	55% {left:39px;top:129px;}
	
	60% {left:165px;top:189px;}
	
	70% {left:77px;top:313px;}
	80% {left:77px;top:313px;}
	85% {left:77px;top:248px;}
	90% {left:83px;top:278px;}
	
	100% {left:156px;top:312px;}
}
@-ms-keyframes pointer1{
	0% {left:215px;top:86px;}
	
	5% {left:176px;top:76px;}
	10% {left:176px;top:76px;}
	
	20% {left:56px;top:134px;}
	30% {left:195px;top:236px;}
	40% {left:195px;top:236px;}
	
	50% {left:39px;top:129px;}
	55% {left:39px;top:129px;}
	
	60% {left:165px;top:189px;}
	
	70% {left:77px;top:313px;}
	80% {left:77px;top:313px;}
	85% {left:77px;top:248px;}
	90% {left:83px;top:278px;}
	
	100% {left:156px;top:312px;}
}
@keyframes pointer1{
	0% {left:215px;top:86px;}
	
	5% {left:176px;top:76px;}
	10% {left:176px;top:76px;}
	
	20% {left:56px;top:134px;}
	30% {left:195px;top:236px;}
	40% {left:195px;top:236px;}
	
	50% {left:39px;top:129px;}
	55% {left:39px;top:129px;}
	
	60% {left:165px;top:189px;}
	
	70% {left:77px;top:313px;}
	80% {left:77px;top:313px;}
	85% {left:77px;top:248px;}
	90% {left:83px;top:278px;}
	
	100% {left:156px;top:312px;}
}
.animation_1 #icon-label.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0.8s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 0.8s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 0.8s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0.8s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
.animation_1 #panel-open.animate{
	-webkit-animation-name: panel-open;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: panel-open;
	-moz-animation-duration: 2.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: panel-open;
	-ms-animation-duration: 2.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: panel-open;
	animation-duration: 2.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes panel-open{
	0% {opacity:0;}
	25% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes panel-open{
	0% {opacity:0;}
	25% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes panel-open{
	0% {opacity:0;}
	25% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
@keyframes panel-open{
	0% {opacity:0;}
	25% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
.animation_1 #open-txt.animate{
	-webkit-animation-name: showing-list;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing-list;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing-list;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing-list;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #icon-pict.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 3s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 3s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 3s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 3s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #name-text2.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 4.8s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 4.8s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 4.8s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 4.8s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #name-text3.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 5.4s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 5.4s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 5.4s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 5.4s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #category-text1.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 5.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 5.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 5.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 5.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #category-list.animate{
	-webkit-animation-name: showing-list;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 6s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing-list;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 6s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing-list;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 6s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing-list;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 6s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes showing-list{
	0% {opacity:0;}
	25%{opacity:1;}
	75%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes showing-list{
	0% {opacity:0;}
	25%{opacity:1;}
	75%{opacity:1;}
	100%{opacity:0;}
}
@-ms-keyframes showing-list{
	0% {opacity:0;}
	25%{opacity:1;}
	75%{opacity:1;}
	100%{opacity:0;}
}
@keyframes showing-list{
	0% {opacity:0;}
	25%{opacity:1;}
	75%{opacity:1;}
	100%{opacity:0;}
}
.animation_1 #category-text2.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 7s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 7s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 7s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 7s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #category-text3.animate{
	-webkit-animation-name: showing-list;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 6.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing-list;
	-moz-animation-duration: 0.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 6.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing-list;
	-ms-animation-duration: 0.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 6.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing-list;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 6.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #product-text1.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 8s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 8s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 8s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 8s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #product-list.animate{
	-webkit-animation-name: showing-list;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 8.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing-list;
	-moz-animation-duration: 1.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 8.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing-list;
	-ms-animation-duration: 1.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 8.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing-list;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 8.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #product-text2.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 9.0s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 9.0s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 9.0s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 9.0s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #product-text3.animate{
	-webkit-animation-name: showing-list;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 8.7s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing-list;
	-moz-animation-duration: 0.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 8.7s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing-list;
	-ms-animation-duration: 0.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 8.7s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing-list;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 8.7s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_1 #create-but.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 9.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 9.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 9.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 9.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
/* end animation_1
--------------------------------- */



/* animation_2
--------------------------------- */
.animation_2{
	margin:0 auto;
	position:relative;
	overflow: hidden;
	width:798px;
	height:292px;
	background:#FFFFFF;
	border: 1px #e1e1e1 solid; 
}
.animation_2 #panel-p1{
	width:798px;
	height:292px;
	background:url(../img2/panel_p1.png);
	position:absolute;
	left:0px;
	z-index:1;
	opacity:1;
}
.animation_2 #panel-p2{
	width:688px;
	height:243px;
	background:url(../img2/panel_p2.png);
	position:absolute;
	top:49px;
	left:110px;
	z-index:5;
	opacity:1;
}
.animation_2 #pointer-a2{
	width:13px;
	height:20px;
	background:url(../img2/pointer.png);
	position:absolute;
	left:610px;
	top:10px;
	z-index:10;
	opacity:1;
}
.animation_2 #panel-cerf{
	width:485px;
	height:70px;
	background:url(../img2/panel_certificate.png);
	position:absolute;
	left:166px;
	top:50px;
	z-index:2;
	opacity:0;
}
.animation_2 #panel-txt1{
	width:295px;
	height:30px;
	background:url(../img2/pass_txt.png);
	position:absolute;
	left:166px;
	top:50px;
	z-index:3;
	opacity:0;
}
.animation_2 #panel-txt2{
	width:186px;
	height:30px;
	background:url(../img2/cerf_txt.png);
	position:absolute;
	left:358px;
	top:50px;
	z-index:4;
	opacity:0;
}
.animation_2 #panel-but{
	width:182px;
	height:30px;
	background:url(../img2/certif_btn.png);
	position:absolute;
	left:469px;
	top:50px;
	z-index:3;
	opacity:0;
}
.animation_2 #apple-txt{
	width:110px;
	height:21px;
	background:url(../img2/apple_txt.png);
	position:absolute;
	left:166px;
	top:16px;
	z-index:2;
	opacity:1;
}
.animation_2 #setup-but, #setup-but2{
	width:74px;
	height:30px;
	background:url(../img2/setup_btn.png);
	position:absolute;
	left:701px;
	top:9px;
	z-index:2;
	opacity:1;
}
.animation_2 #setup-but2{background:url(../img2/setup_btn_over.png);z-index:3;opacity:0;}

.animation_2 #cerf-open{
	width:320px;
	height:228px;
	background:url(../img2/panel_open.png);
	position:absolute;
	left:293px;
	top:29px;
	z-index:6;
	opacity:0;
}
.animation_2 #cerf-txt{
	width:143px;
	height:25px;
	background:url(../img2/panel_open_txt.png);
	position:absolute;
	left:313px;
	top:99px;
	z-index:7;
	opacity:0;
}
.animation_2 #save-but-over, #save-but-act{
	width:71px;
	height:30px;
	background:url(../img2/save_btn.png);
	position:absolute;
	left:259px;
	top:90px;
	z-index:4;
	opacity:0;
}
.animation_2 #save-but-act{background:url(../img2/save_btn1.png);z-index:3;}
.animation_2 #finish-icon{
	width:169px;
	height:50px;
	background:url(../img2/finish_icon.png);
	position:absolute;
	left:629px;
	top:0px;
	z-index:4;
	opacity:0;
}
.animation_2 #pointer-a2.animate{
	-webkit-animation-name: pointer2;
	-webkit-animation-duration: 10s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: pointer2;
	-moz-animation-duration: 10s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 0;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: pointer2;
	-ms-animation-duration: 10s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 0;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: pointer2;
	animation-duration: 10s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

@-webkit-keyframes pointer2{
	0% {left:610px;top:10px;}
	
	10% {left:753px;top:30px;}
	20% {left:753px;top:30px;}
	
	30% {left:278px;top:66px;}
	40% {left:278px;top:66px;}
	
	50% {left:500px;top:72px;}
	
	60% {left:327px;top:111px;}
	70% {left:479px;top:215px;}
	80% {left:479px;top:215px;}
	
	90% {left:313px;top:109px;}
	100% {left:645px;top:40px;}
}
@-moz-keyframes pointer2{
	0% {left:610px;top:10px;}
	
	10% {left:753px;top:30px;}
	20% {left:753px;top:30px;}
	
	30% {left:278px;top:66px;}
	40% {left:278px;top:66px;}
	
	50% {left:500px;top:72px;}
	
	60% {left:327px;top:111px;}
	70% {left:479px;top:215px;}
	80% {left:479px;top:215px;}
	
	90% {left:313px;top:109px;}
	100% {left:645px;top:40px;}
}
@-ms-keyframes pointer2{
	0% {left:610px;top:10px;}
	
	10% {left:753px;top:30px;}
	20% {left:753px;top:30px;}
	
	30% {left:278px;top:66px;}
	40% {left:278px;top:66px;}
	
	50% {left:500px;top:72px;}
	
	60% {left:327px;top:111px;}
	70% {left:479px;top:215px;}
	80% {left:479px;top:215px;}
	
	90% {left:313px;top:109px;}
	100% {left:645px;top:40px;}
}
@keyframes pointer2{
	0% {left:610px;top:10px;}
	
	10% {left:753px;top:30px;}
	20% {left:753px;top:30px;}
	
	30% {left:278px;top:66px;}
	40% {left:278px;top:66px;}
	
	50% {left:500px;top:72px;}
	
	60% {left:327px;top:111px;}
	70% {left:479px;top:215px;}
	80% {left:479px;top:215px;}
	
	90% {left:313px;top:109px;}
	100% {left:645px;top:40px;}
}
.animation_2 #setup-but2.animate{
	-webkit-animation-name: setup-btn2;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0.6s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: setup-btn2;
	-moz-animation-duration: 0.8s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 0.6s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: setup-btn2;
	-ms-animation-duration: 0.8s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 0.6s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: setup-btn2;
	animation-duration: 0.8s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0.6s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes setup-btn2{
	0% {opacity:0;}
	25% {opacity:1;}
	50% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes setup-btn2{
	0% {opacity:0;}
	25% {opacity:1;}
	50% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes setup-btn2{
	0% {opacity:0;}
	25% {opacity:1;}
	50% {opacity:1;}
	100% {opacity:0;}
}
@keyframes setup-btn2{
	0% {opacity:0;}
	25% {opacity:1;}
	50% {opacity:1;}
	100% {opacity:0;}
}
.animation_2 #setup-but.animate{
	-webkit-animation-name: hiding;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: hiding;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: hiding;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: hiding;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes hiding{
	0% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes hiding{
	0% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes hiding{
	0% {opacity:1;}
	100% {opacity:0;}
}
@keyframes hiding{
	0% {opacity:1;}
	100% {opacity:0;}
}
.animation_2 #panel-p2.animate{
	-webkit-animation-name: move-p2;
	-webkit-animation-duration: 8.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: move-p2;
	-moz-animation-duration: 8.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: move-p2;
	-ms-animation-duration: 8.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: move-p2;
	animation-duration: 8.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes move-p2{
	0% {top:49px}
	10% {top:140px;}
	90% {top:140px;}
	100% {top:49px}
}
@-moz-keyframes move-p2{
	0% {top:49px}
	10% {top:140px;}
	90% {top:140px;}
	100% {top:49px}
}
@-ms-keyframes move-p2{
	0% {top:49px}
	10% {top:140px;}
	90% {top:140px;}
	100% {top:49px}
}
@keyframes move-p2{
	0% {top:49px}
	10% {top:140px;}
	90% {top:140px;}
	100% {top:49px}
}
.animation_2 #panel-cerf.animate{
	-webkit-animation-name: panel-cerf;
	-webkit-animation-duration: 8.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: panel-cerf;
	-moz-animation-duration: 8.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: panel-cerf;
	-ms-animation-duration: 8.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: panel-cerf;
	animation-duration: 8.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes panel-cerf{
	0% {opacity:0;}
	10% {opacity:1;}
	85% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes panel-cerf{
	0% {opacity:0;}
	10% {opacity:1;}
	85% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes panel-cerf{
	0% {opacity:0;}
	10% {opacity:1;}
	85% {opacity:1;}
	100% {opacity:0;}
}
@keyframes panel-cerf{
	0% {opacity:0;}
	10% {opacity:1;}
	85% {opacity:1;}
	100% {opacity:0;}
}
.animation_2 #panel-txt1.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 3s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 3s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 3s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 3s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
.animation_2 #panel-but.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 4.2s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 4.2s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 4.2s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 4.2s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_2 #cerf-open.animate{
	-webkit-animation-name: cerf-open;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: cerf-open;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: cerf-open;
	-ms-animation-duration: 3s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: cerf-open;
	animation-duration: 3s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes cerf-open{
	0% {opacity:0;}
	25% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes cerf-open{
	0% {opacity:0;}
	25% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes cerf-open{
	0% {opacity:0;}
	25% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
@keyframes cerf-open{
	0% {opacity:0;}
	25% {opacity:1;}
	75% {opacity:1;}
	100% {opacity:0;}
}
.animation_2 #cerf-txt.animate{
	-webkit-animation-name: cerf-open;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 5.8s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: cerf-open;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 5.8s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: cerf-open;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 5.8s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: cerf-open;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 5.8s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_2 #save-but-act.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 7.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 7.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 7.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 7.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_2 #save-but-over.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 8.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 8.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 8.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 8.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_2 #finish-icon.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 9s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 9s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 9s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 9s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
/* end animation_2
--------------------------------- */



/* end animation_3
--------------------------------- */
.animation_3{
	margin:0 auto;
	position:relative;
	overflow: hidden;
	width:620px;
	height:404px;
	background:#FFFFFF;
	border: 1px #e1e1e1 solid; 
}
.animation_3 #panel-ios{
	width:620px;
	height:404px;
	background:url(../img3/ios_bg.png);
	position:absolute;
	z-index:1;
	opacity:1;
}
.animation_3 #panel-andr{
	width:620px;
	height:404px;
	background:url(../img3/android_bg.png);
	position:absolute;
	z-index:5;
	opacity:0;
}
.animation_3 #pointer-a3_1,#pointer-a3_2{
	width:13px;
	height:20px;
	background:url(../img3/pointer.png);
	position:absolute;
	left:271px;
	top:61px;
	z-index:4;
	opacity:1;
}
.animation_3 #pointer-a3_2{opacity:0;z-index:10;}
.animation_3 #down-zip-ios, #down-zip-andr{
	width:100px;
	height:16px;
	background:url(../img3/hover_btn.png);
	position:absolute;
	top:339px;
	left:506px;
	z-index:2;
	opacity:0;
}
.animation_3 #down-zip-andr{z-index:6;}
.animation_3 #border-ios{
	width:146px;
	height:47px;
	background:url(../img3/ios_circle.png);
	position:absolute;
	top:324px;
	left:468px;
	z-index:3;
	opacity:0;
}
.animation_3 #border-andr{
	width:147px;
	height:47px;
	background:url(../img3/android_circle.png);
	position:absolute;
	top:324px;
	left:467px;
	z-index:7;
	opacity:0;
}
.animation_3 #pointer-a3_1.animate{
	-webkit-animation-name: pointer3;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: pointer3;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 0;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: pointer3;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 0;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: pointer3;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes pointer3{
	0% {left:279px;top:61px;}
	100% {left:572px;top:346px;}
}
@-moz-keyframes pointer3{
	0% {left:279px;top:61px;}
	100% {left:572px;top:346px;}
}
@-ms-keyframes pointer3{
	0% {left:279px;top:61px;}
	100% {left:572px;top:346px;}
}
@keyframes pointer3{
	0% {left:279px;top:61px;}
	100% {left:572px;top:346px;}
}
.animation_3 #pointer-a3_2.animate{
	-webkit-animation-name: pointer3_2;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 4s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: pointer3_2;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 4s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: pointer3_2;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 4s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: pointer3_2;
	animation-duration: 4s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 4s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes pointer3_2{
	0% {opacity:0;left:279px;top:61px;}
	12.5% {opacity:1;left:279px;top:61px;}
	50% {opacity:1;left:279px;top:61px;}
	100% {opacity:1;left:572px;top:346px;}
}
@-moz-keyframes pointer3_2{
	0% {left:279px;top:61px;}
	100% {left:572px;top:346px;}
}
@-ms-keyframes pointer3_2{
	0% {left:279px;top:61px;}
	100% {left:572px;top:346px;}
}
@keyframes pointer3_2{
	0% {left:279px;top:61px;}
	100% {left:572px;top:346px;}
}
.animation_3 #down-zip-ios.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1.8s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1.8s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1.8s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1.8s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_3 #border-ios.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 2.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 2.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 2.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_3 #panel-andr.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 4s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 4s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 4s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 4s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_3 #down-zip-andr.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 5.8s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 5.8s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 5.8s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 5.8s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_3 #border-andr.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 6.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 6.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 6.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 6.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
/* end animation_3
--------------------------------- */



/* animation_4
--------------------------------- */
#restartBtn{
	height:20px;
	width:50px;
}
.animation_4 {
  margin:0 auto;
  position:relative;
  overflow: hidden;
  width:704px;
  height:331px;
  background:#FFFFFF;
}
.animation_4 #ph_right {
  width:309px;
  height:331px;
  background:url(../img4/phone_right.png);
  position:absolute;
  left:0;
  top:331px;
  z-index:4;
  opacity:1;
}
.animation_4 #ph_left {
  width:307px;
  height:331px;
  background:url(../img4/phone_left.png);
  position:absolute;
  right:0;
  top:331px;
  z-index:3;
  opacity:0;
}
.animation_4 #or-symb {
  width:69px;
  height:68px;
  background:url(../img4/or.png);
  position:absolute;
  top:140px;
  left:319px;
  z-index:2;
  opacity:1;
}
.animation_4 #cir_right {
  width:117px;
  height:117px;
  border-radius: 50%;
  border: 3px #b257c3 solid; 
  position:absolute;
  top:67px;
  left:2px;
  z-index:5;
  opacity:0;
}
.animation_4 #cir_left {
  width:117px;
  height:117px;
  border-radius: 50%;
  border: 3px #b257c3 solid; 
  position:absolute;
  left:410px;
  top:67px;
  z-index:5;
  opacity:0;
}
.animation_4 #ph_right.animate {
  -webkit-animation-name: phone-r;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: phone-r;
  -moz-animation-duration: 1.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1;  
  -moz-animation-direction: normal;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  
  -ms-animation-name: phone-r;
  -ms-animation-duration: 1.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-iteration-count: 1; 
  -ms-animation-direction: normal;
  -ms-animation-delay: 0;
  -ms-animation-play-state: running;
  -ms-animation-fill-mode: forwards;

  animation-name: phone-r;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-iteration-count: 1; 
  animation-direction: normal;
  animation-delay: 0;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
@-webkit-keyframes phone-r {
  0% {opacity:0;  top:331px;;}
  100% {opacity:1;top:0px;;}
}
@-moz-keyframes phone-r {
  0% {opacity:0;  top:331px;;}
  100% {opacity:1;top:0px;;}
}
@-ms-keyframes phone-r {
  0% {opacity:0;  top:331px;;}
  100% {opacity:1;top:0px;;}
}
@keyframes phone-r {
  0% {opacity:0;  top:331px;;}
  100% {opacity:1;top:0px;;}
}

.animation_4 #ph_left.animate {
  -webkit-animation-name: phone-r;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: phone-r;
  -moz-animation-duration: 1.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1;  
  -moz-animation-direction: normal;
  -moz-animation-delay: 1.5s;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  
  -ms-animation-name: phone-r;
  -ms-animation-duration: 1.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-iteration-count: 1; 
  -ms-animation-direction: normal;
  -ms-animation-delay: 1.5s;
  -ms-animation-play-state: running;
  -ms-animation-fill-mode: forwards;
  
  animation-name: phone-r;
  animation-duration: 1.5s;
  animation-timing-function: ease;
  animation-iteration-count: 1; 
  animation-direction: normal;
  animation-delay: 1.5s;
  animation-play-state: running;
  animation-fill-mode: forwards;
}

.animation_4 #cir_right.animate {
  -webkit-animation-name: cir-l;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 3s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: cir-l;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1;  
  -moz-animation-direction: normal;
  -moz-animation-delay: 3s;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  
  -ms-animation-name: cir-l;
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: ease;
  -ms-animation-iteration-count: 1; 
  -ms-animation-direction: normal;
  -ms-animation-delay: 3s;
  -ms-animation-play-state: running;
  -ms-animation-fill-mode: forwards;
  
  animation-name: cir-l;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: 1; 
  animation-direction: normal;
  animation-delay: 3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
.animation_4 #cir_left.animate {
  -webkit-animation-name: cir-l;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 4s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: cir-l;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1;  
  -moz-animation-direction: normal;
  -moz-animation-delay: 4s;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  
  -ms-animation-name: cir-l;
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: ease;
  -ms-animation-iteration-count: 1; 
  -ms-animation-direction: normal;
  -ms-animation-delay: 4s;
  -ms-animation-play-state: running;
  -ms-animation-fill-mode: forwards;
  
  animation-name: cir-l;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: 1; 
  animation-direction: normal;
  animation-delay: 4s;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
@-webkit-keyframes cir-l {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes cir-l {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-ms-keyframes cir-l {
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes cir-l {
  0% {opacity:0;}
  100% {opacity:1;}
}
/* end animation_4
--------------------------------- */



/* animation_5
--------------------------------- */
.animation_5{
	margin:0 auto;
	position:relative;
	overflow: hidden;
	width:600px;
	height:394px;
	background:#FFFFFF;
	border: 1px #e1e1e1 solid; 
}
.animation_5 #panel-a5{
	width:600px;
	height:394px;
	background:url(../img5/panel_a5.png);
	position:absolute;
	left:0px;
	z-index:1;
	opacity:1;
}
.animation_5 #pointer-a5{
	width:13px;
	height:20px;
	background:url(../img5/pointer.png);
	position:absolute;
	left:240px;
	top:91px;
	z-index:10;
	opacity:1;
}
.animation_5 #text-border{
	width:360px;
	height:41px;
	position:absolute;
	border: 2px #5daaca solid; 
	left:14px;
	top:42px;
	z-index:2;
	opacity:0;
}
.animation_5 #mes-t1{
	width:66px;
	height:14px;
	background:url(../img5/message_t1.png);
	position:absolute;
	left:21px;
	top:50px;
	z-index:3;
	opacity:0;
}
.animation_5 #mes-t2{
	width:205px;
	height:14px;
	background:url(../img5/message_t2.png);
	position:absolute;
	left:87px;
	top:50px;
	z-index:3;
	opacity:0;
}
.animation_5 #count-t1{
	width:67px;
	height:12px;
	background:url(../img5/points_t1.png);
	position:absolute;
	left:300px;
	top:25px;
	z-index:3;
	opacity:0;
}
.animation_5 #count-t2{
	width:66px;
	height:13px;
	background:url(../img5/points_t2.png);
	position:absolute;
	left:300px;
	top:25px;
	z-index:3;
	opacity:0;
}
.animation_5 #phone-t1{
	width:108px;
	height:22px;
	background:url(../img5/phone_t1.png);
	position:absolute;
	left:433px;
	top:130px;
	z-index:3;
	opacity:0;
}
.animation_5 #phone-t2{
	width:108px;
	height:34px;
	background:url(../img5/phone_t2.png);
	position:absolute;
	left:435px;
	top:142px;
	z-index:4;
	opacity:0;
}
.animation_5 #line1-ch{
	width:17px;
	height:16px;
	background:url(../img5/line1_txt.png);
	position:absolute;
	left:75px;
	top:115px;
	z-index:3;
	opacity:0;
}
.animation_5 #line2-ch{
	width:70px;
	height:15px;
	background:url(../img5/line2_txt.png);
	position:absolute;
	left:214px;
	top:157px;
	z-index:3;
	opacity:0;
}
.animation_5 #line3-ch{
	width:44px;
	height:14px;
	background:url(../img5/line3_txt.png);
	position:absolute;
	left:75px;
	top:198px;
	z-index:3;
	opacity:0;
}
.animation_5 #send-btn-a5,#send-btn-a5-ov{
	width:62px;
	height:27px;
	background:url(../img5/send_btn_a5.png);
	position:absolute;
	left:94px;
	top:260px;
	z-index:3;
	opacity:0;
}
.animation_5 #send-btn-a5-ov{top:261px;background:url(../img5/send_btn_a5_ov.png);z-index:4;}
.animation_5 #pointer-a5.animate{
	-webkit-animation-name: pointer5;
	-webkit-animation-duration: 10s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: pointer5;
	-moz-animation-duration: 10s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 0;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: pointer5;
	-ms-animation-duration: 10s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 0;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: pointer5;
	animation-duration: 10s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

@-webkit-keyframes pointer5{
	0% {left:240px;top:91px;opacity:1;}
	
	10% {left:120px;top:55px;opacity:1;}
	11% {left:120px;top:55px;opacity:0;}
	19% {left:120px;top:55px;opacity:0;}
	20% {left:120px;top:55px;opacity:1;}
	
	30% {left:80px;top:120px;opacity:1;}
	40% {left:80px;top:120px;opacity:1;}
	
	50% {left:219px;top:161px;opacity:1;}
	60% {left:219px;top:161px;opacity:1;}
	
	70% {left:79px;top:205px;opacity:1;}
	80% {left:79px;top:205px;opacity:1;}
	
	90% {left:120px;top:274px;opacity:1;}
	
	100% {left:120px;top:274px;opacity:1;}
}
@-moz-keyframes pointer5{
	0% {left:240px;top:91px;opacity:1;}
	
	10% {left:120px;top:55px;opacity:1;}
	11% {left:120px;top:55px;opacity:0;}
	19% {left:120px;top:55px;opacity:0;}
	20% {left:120px;top:55px;opacity:1;}
	
	30% {left:80px;top:120px;opacity:1;}
	40% {left:80px;top:120px;opacity:1;}
	
	50% {left:219px;top:161px;opacity:1;}
	60% {left:219px;top:161px;opacity:1;}
	
	70% {left:79px;top:205px;opacity:1;}
	80% {left:79px;top:205px;opacity:1;}
	
	90% {left:120px;top:274px;opacity:1;}
	
	100% {left:120px;top:274px;opacity:1;}
}
@-ms-keyframes pointer5{
	0% {left:240px;top:91px;opacity:1;}
	
	10% {left:120px;top:55px;opacity:1;}
	11% {left:120px;top:55px;opacity:0;}
	19% {left:120px;top:55px;opacity:0;}
	20% {left:120px;top:55px;opacity:1;}
	
	30% {left:80px;top:120px;opacity:1;}
	40% {left:80px;top:120px;opacity:1;}
	
	50% {left:219px;top:161px;opacity:1;}
	60% {left:219px;top:161px;opacity:1;}
	
	70% {left:79px;top:205px;opacity:1;}
	80% {left:79px;top:205px;opacity:1;}
	
	90% {left:120px;top:274px;opacity:1;}
	
	100% {left:120px;top:274px;opacity:1;}
}
@keyframes pointer5{
	0% {left:240px;top:91px;opacity:1;}
	
	10% {left:120px;top:55px;opacity:1;}
	11% {left:120px;top:55px;opacity:0;}
	19% {left:120px;top:55px;opacity:0;}
	20% {left:120px;top:55px;opacity:1;}
	
	30% {left:80px;top:120px;opacity:1;}
	40% {left:80px;top:120px;opacity:1;}
	
	50% {left:219px;top:161px;opacity:1;}
	60% {left:219px;top:161px;opacity:1;}
	
	70% {left:79px;top:205px;opacity:1;}
	80% {left:79px;top:205px;opacity:1;}
	
	90% {left:120px;top:274px;opacity:1;}
	
	100% {left:120px;top:274px;opacity:1;}
}
.animation_5 #text-border.animate{
	-webkit-animation-name: border;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: border;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 0.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: border;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 0.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: border;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 0.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes border{
	0% {opacity:0;}
	10% {opacity:1;}
	90% {opacity:1;}
	100% {opacity:0;}
}
@-moz-keyframes border{
	0% {opacity:0;}
	10% {opacity:1;}
	90% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes border{
	0% {opacity:0;}
	10% {opacity:1;}
	90% {opacity:1;}
	100% {opacity:0;}
}
@keyframes border{
	0% {opacity:0;}
	10% {opacity:1;}
	90% {opacity:1;}
	100% {opacity:0;}
}
.animation_5 #mes-t1.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #mes-t2.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #count-t1.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #count-t2.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #phone-t1.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #phone-t2.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 1.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 1.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 1.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #line1-ch.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 3s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 3s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 3s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 3s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #line2-ch.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #line3-ch.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 7s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 7s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 7s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 7s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #send-btn-a5.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 8.0s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 8.0s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 8.0s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 8.0s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
.animation_5 #send-btn-a5-ov.animate{
	-webkit-animation-name: showing;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 8.5s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	
	-moz-animation-name: showing;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;	
	-moz-animation-direction: normal;
	-moz-animation-delay: 8.5s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
	
	-ms-animation-name: showing;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;	
	-ms-animation-direction: normal;
	-ms-animation-delay: 8.5s;
	-ms-animation-play-state: running;
	-ms-animation-fill-mode: forwards;
	
	animation-name: showing;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;	
	animation-direction: normal;
	animation-delay: 8.5s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
@-webkit-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
/* end animation_5
--------------------------------- */



/* animation_5final
--------------------------------- */
.animation_5_f_l{
  margin:0 auto;
  position:relative;
  overflow: hidden;
  width:286px;
  height:340px;
  background:#FFFFFF;
}
.animation_5_f_r{
  margin:0 auto;
  position:relative;
  overflow: hidden;
  width:190px;
  height:190px;
  background:#FFFFFF;
}
.animation_5_f_l #phone_final{
  width:286px;
  height:340px;
  background:url(../img5final/phone_final_left.png);
  position:absolute;
  top:340px;
  z-index:1;
  opacity:0;
}
.animation_5_f_r #circle_final{
  width:190px;
  height:190px;
  background:url(../img5final/phone_final_right.png);
  position:absolute;
  z-index:1;
  opacity:0;
}
.animation_5_f_l #phone_final.animate {
  -webkit-animation-name: phone-final;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: phone-final;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1; 
  -moz-animation-direction: normal;
  -moz-animation-delay: 0;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  
  -ms-animation-name: phone-final;
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: ease;
  -ms-animation-iteration-count: 1; 
  -ms-animation-direction: normal;
  -ms-animation-delay: 0;
  -ms-animation-play-state: running;
  -ms-animation-fill-mode: forwards;
  
  animation-name: phone-final;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: 1; 
  animation-direction: normal;
  animation-delay: 0;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
@-webkit-keyframes phone-final {
  0% {opacity:0;  top:340px;}
  100% {opacity:1; top:0px;}
}
@-moz-keyframes phone-final {
  0% {opacity:0;  top:340px;}
  100% {opacity:1; top:0px;}
}
@-ms-keyframes phone-final {
  0% {opacity:0;  top:340px;}
  100% {opacity:1; top:0px;}
}
@keyframes phone-final {
  0% {opacity:0;  top:340px;}
  100% {opacity:1; top:0px;}
}
.animation_5_f_r #circle_final.animate {
  -webkit-animation-name: showing;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1; 
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 1s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: showing;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1; 
  -moz-animation-direction: normal;
  -moz-animation-delay: 1s;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  
  -ms-animation-name: showing;
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: ease;
  -ms-animation-iteration-count: 1; 
  -ms-animation-direction: normal;
  -ms-animation-delay: 1s;
  -ms-animation-play-state: running;
  -ms-animation-fill-mode: forwards;
  
  animation-name: showing;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: 1; 
  animation-direction: normal;
  animation-delay: 1s;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
@-webkit-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes showing{
	0% {opacity:0;}
	100% {opacity:1;}
}
/* end animation_5final
--------------------------------- */