.fadein {
opacity: 0;
transition: 1s;
}
.fadein.show {
opacity: 1;
}
.fadein_up {
opacity: 0;
transform: translate(0, 30px);
transition: 1s;
}
.fadein_up.show {
transform: translate(0, 0);
opacity: 1;
}
.fadein_left {
opacity: 0;
transform: translate(-30px,0);
transition: 1s;
}
.fadein_left.show {
transform: translate(0, 0);
opacity: 1;
}
.fadein_right {
opacity: 0;
transform: translate(30px,0);
transition: 1s;
}
.fadein_right.show {
transform: translate(0, 0);
opacity: 1;
}

.zoomin_img {
opacity: 1;
transform: scale(1, 1);
transition: 12s;
}
.zoomin_img.show {
transform: scale(1.1, 1.1);
opacity: 1;
}
.zoomout_img {
opacity: 1;
transform: scale(1.1, 1.1);
transition: 12s;
}
.zoomout_img.show {
transform: scale(1, 1);
opacity: 1;
}



/* animation delay */
.delay02,.delay02:before,.delay02:after{ transition-delay:.2s;animation-delay:.2s; }
.delay04,.delay04:before,.delay04:after{ transition-delay:.4s;animation-delay:.4s; }
.delay06,.delay06:before,.delay06:after{ transition-delay:.6s;animation-delay:.6s; }
.delay08,.delay08:before,.delay08:after{ transition-delay:.8s;animation-delay:.8s; }
.delay10,.delay10:before,.delay10:after{ transition-delay:1s;animation-delay:1s; }
.delay12,.delay12:before,.delay12:after{ transition-delay:1.2s;animation-delay:1.2s; }
.delay14,.delay14:before,.delay14:after{ transition-delay:1.4s;animation-delay:1.4s; }
.delay16,.delay16:before,.delay16:after{ transition-delay:1.6s;animation-delay:1.6s; }
.delay18,.delay18:before,.delay18:after{ transition-delay:1.8s;animation-delay:1.8s; }
.delay20,.delay20:before,.delay20:after{ transition-delay:2s;animation-delay:2s; }



/* animation dulation */