/* hover glass */
.hover-glass {overflow: hidden;display: block;position: relative;}
.hover-glass::before {
	content: '';
	position: absolute;
	top: 0;
	left: -83%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover-glass:hover:before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
/* spin img*/
.spin-img:hover{transform: rotate(357deg);}
.spin-img {display: block;-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}
/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out !important;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
img{transition: 0.3s;}

/* Blink */
.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}
@-webkit-keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}
@keyframes blink{
	0%{opacity:1.0;}
	50%{opacity:0.0;}
	100%{opacity:1.0;}
}

/* twin pic run */
.gtimg-box {height: 485px;position: relative;}
.gtimg-box img {border: 7px solid #fff;}
.gtimg-first {max-width: 395px;max-height: 440px;float: left;position: absolute;top: 0px;left: 0px;	-webkit-animation: runnow 10s infinite;-moz-animation: runnow 10s infinite;-ms-animation: runnow 10s infinite;-o-animation: runnow 10s infinite;animation: runnow 10s infinite;-webkit-transition: all 2s;
-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;}
.gtimg-last {max-width: 395px;max-height: 440px;-webkit-animation: run 10s infinite;	-moz-animation: run 10s infinite;-ms-animation: run 10s infinite;-o-animation: run 10s infinite;
animation: run 10s infinite;-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;
transition: all 2s;position: absolute;left: 0;}
@-moz-keyframes run {
	0% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 3;
	}

	25% {
		top: 0px;
		left: calc(100% - 395px);
		z-index: 3;
	}

	50% {
		top: 0px;
		left: 0px;
		z-index: 3;
	}

	75% {
		top: 100px;
		left: 0px;
		z-index: 3;
	}

	100% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 3;
	}
}

@-webkit-keyframes run {
	0% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 3;
	}

	25% {
		top: 0px;
		left: calc(100% - 395px);
		z-index: 3;
	}

	50% {
		top: 0px;
		left: 0px;
		z-index: 3;
	}

	75% {
		top: 100px;
		left: 0px;
		z-index: 3;
	}

	100% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 3;
	}
}

@-o-keyframes run {
	0% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 3;
	}

	25% {
		top: 0px;
		left: calc(100% - 395px);
		z-index: 3;
	}

	50% {
		top: 0px;
		left: 0px;
		z-index: 3;
	}

	75% {
		top: 100px;
		left: 0px;
		z-index: 3;
	}

	100% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 3;
	}
}

@-moz-keyframes runnow {
	0% {
		top: 0px;
		left: 0px;
		z-index: 1;
	}

	25% {
		top: 100px;
		left: 0;
		z-index: 1;
	}

	50% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 1;
	}

	75% {
		top: 0px;
		left: calc(100% - 395px);
		z-index: 1;
	}

	100% {
		top: 0px;
		left: 0;
		z-index: 1;
	}
}

@-webkit-keyframes runnow {
	0% {
		top: 0px;
		left: 0px;
		z-index: 1;
	}

	25% {
		top: 100px;
		left: 0;
		z-index: 1;
	}

	50% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 1;
	}

	75% {
		top: 0px;
		left: calc(100% - 395px);
		z-index: 1;
	}

	100% {
		top: 0px;
		left: 0;
		z-index: 1;
	}
}

@-o-keyframes runnow {
	0% {
		top: 0px;
		left: 0px;
		z-index: 1;
	}

	25% {
		top: 100px;
		left: 0;
		z-index: 1;
	}

	50% {
		top: 100px;
		left: calc(100% - 395px);
		z-index: 1;
	}

	75% {
		top: 0px;
		left: calc(100% - 395px);
		z-index: 1;
	}

	100% {
		top: 0px;
		left: 0;
		z-index: 1;
	}
}