.blink { animation: blinker 1.5s linear infinite;} @keyframes blinker { 50% { opacity: 0; } }
.devy { transition: all 0.8s; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s }
.devy:hover { transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); box-shadow: 2px 4px 3px 2px #222 }

.getar:hover { animation: shake 0.5s; animation-iteration-count: infinite; }

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

@media only screen and (min-width:641px){
	.hp { display:none;}
	.pc { display:block;}
}

@media only screen and (max-width:640px){
	table { display: block; overflow-x: auto;  overflow-y: hidden; width: 100%; } /* font-family: "sarif", san sarif } */
	table tbody tfoot { display: table; width: auto; }

	.hp { display:block;}
	.pc { display:none;}
}	

.centered {text-align:center;}

/* center vertikal horizontal */
.hv-center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}