@charset "UTF-8";

@keyframes window_show{
	from { left: 100%; }
	to   { left: 0;    }
}

@keyframes window_hidden{
	from { left: 0;    }
	to   { left: 100%; }
}

@keyframes window_hide{
	from { left: 0;    }
	to   { left: 100%; }
}

@keyframes window_up{
	from { top: 100%; }
	to   { top: 0;     }
}

@keyframes window_down{
	from { top: 0;     }
	to   { top: 100%; }
}

@keyframes pop_show{
	from { height: 0;    width: 0;    }
	to   { height: 78px; width: 100%; }
}

@keyframes gather_show{
	from { height: 0; }
	to { height: 62px; }
}

@keyframes gather_hide{
	from { height: 62px; }
	to { height: 0; }
}

@keyframes gather_del{
	from { left: 0;}
	to { left: -60px; }
}

@keyframes show{
	from { width: 0;    height: 0;    }
	to   { width: auto; height: auto; }
}

@keyframes fadehidden{
	from { width: auto; height: auto; opacity: 1; }
	to   { width: 0;    height: 0;    opacity: 0; }
}

@keyframes hide{
	from { width: auto; height: auto; }
	to   { width: 0;    height: 0;    }
}

@keyframes fadein{
	from { opacity: 0;}
	to   { opacity: 1;}
}

@keyframes fadeout{
	from { opacity: 1;}
	to   { opacity: 0;}
}

@keyframes zoom_big{
	from { transform: scale(0); opacity: 0;}
	to   { transform: scale(1); opacity: 1;}
}

@keyframes zoom_small{
	from { transform: scale(1); opacity: 1;}
	to   { transform: scale(0); opacity: 0;}
}

@keyframes scroll_bottom{
	from { transform: translateY(0);}
	to   { transform: translateY(-2000px);}
}

@keyframes pop_click{
	50% { transform: scale(.95);}
}

@keyframes btn_click{
	50% { filter: brightness(.8)}
}

@keyframes img_click{
	50% { filter: brightness(.4)}
}

@keyframes gather_click{
	50% { background-color: #ccc;}
}

@keyframes top_text_show{
	to { color: #ddd;}
}

@keyframes remind_word_s{
	50%{ opacity: 0; }
}