/*================ONTENT1============*/

.CONTENT1 .W_CENTER .RO_B .RO {
	-webkit-animation: GORO 1.6s 1s steps(2) infinite;
	-moz-animation: GORO 1.6s 1s steps(2) infinite;
	-ms-animation: GORO 1.6s 1s steps(2) infinite;
	-o-animation: GORO 1.6s 1s steps(2) infinite;
	animation: GORO 1.6s 1s steps(2) infinite;
}
 @-webkit-keyframes GORO {
 100% {
background-position: -200%;
}
}
 @-moz-keyframes GORO {
 100% {
background-position: -200%;
}
}
 @-ms-keyframes GORO {
 100% {
background-position: -200%;
}
}
 @-o-keyframes GORO {
 100% {
background-position: -200%;
}
}
 @keyframes GORO {
 100% {
background-position: -200%;
}
}
.CONTENT1 .W_CENTER .TAI4_B .TAI4 {
	-webkit-animation: TAI4 3.2s steps(3) infinite;
	-moz-animation: TAI4 3.2s steps(3) infinite;
	-ms-animation: TAI4 3.2s steps(3) infinite;
	-o-animation: TAI4 3.2s steps(3) infinite;
	animation: TAI4 3.2s steps(3) infinite;
}
 @-webkit-keyframes TAI4 {
 100% {
background-position: -300%;
}
}
 @-moz-keyframes TAI4 {
 100% {
background-position: -300%;
}
}
 @-ms-keyframes TAI4 {
 100% {
background-position: -300%;
}
}
 @-o-keyframes TAI4 {
 100% {
background-position: -300%;
}
}
 @keyframes TAI4 {
 100% {
background-position: -300%;
}
}
.CONTENT1 .W_CENTER .TAI1_B .TAI1, .CONTENT1 .W_CENTER .TAI2_B .TAI2, .CONTENT1 .W_CENTER .TAI3_B .TAI3 {
	opacity: 0;
	_filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-webkit-animation: GOTAI 4s infinite linear;
	-moz-animation: GOTAI 4s infinite linear;
	-ms-animation: GOTAI 4s infinite linear;
	-o-animation: GOTAI 4s infinite linear;
	animation: GOTAI 4s infinite linear;
}
.CONTENT1 .W_CENTER .TAI1_B .TAI1 {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.CONTENT1 .W_CENTER .TAI2_B .TAI2 {
	-webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
	-ms-animation-delay: 2.1s;
	-o-animation-delay: 2.1s;
	animation-delay: 2.1s;
}
.CONTENT1 .W_CENTER .TAI3_B .TAI3 {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
 @-webkit-keyframes GOTAI {
 0%, 55%, 100% {
 opacity: 0;
 _filter:alpha(opacity=0);
 filter:alpha(opacity=0);
 -moz-opacity: 0;
}
 5%, 50% {
 opacity: 1;
 _filter:alpha(opacity=100);
 filter:alpha(opacity=100);
 -moz-opacity: 100;
}
}
 @-moz-keyframesGOTAI {
 0%, 55%, 100% {
 opacity: 0;
 _filter:alpha(opacity=0);
 filter:alpha(opacity=0);
 -moz-opacity: 0;
}
 5%, 50% {
 opacity: 1;
 _filter:alpha(opacity=100);
 filter:alpha(opacity=100);
 -moz-opacity: 100;
}
}
 @-ms-keyframesGOTAI {
 0%, 55%, 100% {
 opacity: 0;
 _filter:alpha(opacity=0);
 filter:alpha(opacity=0);
 -moz-opacity: 0;
}
 5%, 50% {
 opacity: 1;
 _filter:alpha(opacity=100);
 filter:alpha(opacity=100);
 -moz-opacity: 100;
}
}
 @-o-keyframesGOTAI {
 0%, 55%, 100% {
 opacity: 0;
 _filter:alpha(opacity=0);
 filter:alpha(opacity=0);
 -moz-opacity: 0;
}
 5%, 50% {
 opacity: 1;
 _filter:alpha(opacity=100);
 filter:alpha(opacity=100);
 -moz-opacity: 100;
}
}
 @keyframes GOTAI {
 0%, 55%, 100% {
 opacity: 0;
 _filter:alpha(opacity=0);
 filter:alpha(opacity=0);
 -moz-opacity: 0;
}
 5%, 50% {
 opacity: 1;
 _filter:alpha(opacity=100);
 filter:alpha(opacity=100);
 -moz-opacity: 100;
}
}
.CONTENT1 .W_CENTER .TAI5_B .TAI5 {
	animation: TAI5 2.8s 1s steps(2) infinite;
}
 @keyframes TAI5 {
 100% {
background-position: -200%;
}
}
 @-webkit-keyframes TAI5 {
 100% {
background-position: -200%;
}
}
 @-moz-keyframes TAI5 {
 100% {
background-position: -200%;
}
}
 @-ms-keyframes TAI5 {
 100% {
background-position: -200%;
}
}
 @-o-keyframes TAI5 {
 100% {
background-position: -200%;
}
}
.CONTENT1 .W_CENTER .TAI5_B_B .TAI5_B {
	-webkit-animation: TAI52 2.8s 2s infinite linear;
	-moz-animation: TAI52 2.8s 2s infinite linear;
	-ms-animation: TAI52 2.8s 2s infinite linear;
	-o-animation: TAI52 2.8s 2s infinite linear;
	animation: TAI52 2.8s 2s infinite linear;
}
 @-webkit-keyframes TAI52 {
0% {
 top:0%;
}
 50% {
 top:8%;
}
 100% {
 top:0%;
}
}
 @-moz-keyframes TAI52 {
0% {
 top:0%;
}
 50% {
 top:8%;
}
 100% {
 top:0%;
}
}
 @-ms-keyframes TAI52 {
0% {
 top:0%;
}
 50% {
 top:8%;
}
 100% {
 top:0%;
}
}
 @-o-keyframes TAI52 {
0% {
 top:0%;
}
 50% {
 top:8%;
}
 100% {
 top:0%;
}
}
 @keyframes TAI52 {
0% {
 top:0%;
}
 50% {
 top:8%;
}
 100% {
 top:0%;
}
}
/*================ONTENT2============*/

.CONTENT2 .W_CENTER .BOX2_B .BOX2 li .A1_B, .CONTENT2 .W_CENTER .BOX2_B .BOX2 li .A2_B, .CONTENT2 .W_CENTER .BOX2_B .BOX2 li .A3_B {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.CONTENT2 .W_CENTER .BOX2_B .BOX2 li .A1_B:hover, .CONTENT2 .W_CENTER .BOX2_B .BOX2 li .A2_B:hover, .CONTENT2 .W_CENTER .BOX2_B .BOX2 li .A3_B:hover {
	-webkit-animation: shake 8s 1;
	-moz-animation: shake 8s 1;
	-ms-animation: shake 8s 1;
	-o-animation: shake 8s 1;
	animation: shake 8s 1;
}
/*================ONTENT3============*/



.CONTENT3 .W_CENTER #FROM_B #FROM #BUT, .CONTENT4 .W_CENTER .CENTER h3 {
	-webkit-animation: GOBUT 1s infinite;
	-moz-animation: GOBUT 1s infinite;
	-ms-animation: GOBUT 1s infinite;
	-o-animation: GOBUT 1s infinite;
	animation: GOBUT 1s infinite;
}
 @-webkit-keyframes GOBUT {
0%, 50% {
color:#fff;
}
51%, 100% {
color:#ff0;
}
}
 @-moz-keyframes GOBUT {
0%, 50% {
color:#fff;
}
51%, 100% {
color:#ff0;
}
}
 @-ms-keyframes GOBUT {
0%, 50% {
color:#fff;
}
51%, 100% {
color:#ff0;
}
}
 @-o-keyframes GOBUT {
0%, 50% {
color:#fff;
}
51%, 100% {
color:#ff0;
}
}
 @keyframes GOBUT {
0%, 50% {
color:#fff;
}
51%, 100% {
color:#ff0;
}
}
.CONTENT4 .W_CENTER .BOX4 .BOX4_A .BOX4_IMG img:hover {
	-webkit-animation: IMGHOVER .5s 1 ease-out;
	-moz-animation: IMGHOVER .5s 1 ease-out;
	-ms-animation: IMGHOVER .5s 1 ease-out;
	-o-animation: IMGHOVER .5s 1 ease-out;
	animation: IMGHOVER .5s 1 ease-out;
}
 @-webkit-keyframes IMGHOVER {
 from {
 -webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
}
}
 @-moz-keyframes IMGHOVER {
 from {
 -moz-transform: rotate(0deg);
}
to {
	-moz-transform: rotate(360deg);
}
}
 @-ms-keyframes IMGHOVER {
 from {
 -ms-transform: rotate(0deg);
}
to {
	-ms-transform: rotate(360deg);
}
}
 @-o-keyframes IMGHOVER {
 from {
 -o-transform: rotate(0deg);
}
to {
	-o-transform: rotate(360deg);
}
}
 @keyframes IMGHOVER {
 from {
 transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
