.header .btn .icon.on .sub.sub1{animation:sub 1s  ease-in-out 0s  both;
	-moz-animation:sub  1s  ease-in-out 0s  both;
	-webkit-animation:sub  1s  ease-in-out 0s  both;
	-o-animation:sub  1s  ease-in-out 0s  both;}
.header .btn .icon.on .sub.sub2{animation:sub 1s  ease-in-out .2s  both;
	-moz-animation:sub 1s  ease-in-out .2s  both;
	-webkit-animation:sub 1s  ease-in-out .2s  both;
	-o-animation:sub 1s  ease-in-out .2s  both;}
.header .btn .icon.on .sub.sub3{animation:sub 1s  ease-in-out .4s  both;
	-moz-animation:sub 1s  ease-in-out .4s  both;
	-webkit-animation:sub 1s  ease-in-out .4s  both;
	-o-animation:sub 1s  ease-in-out .4s  both;}
	
.header .btn .icon.non .sub.sub1{animation:nonsub 1s  ease-in-out 0s  both;
	-moz-animation:nonsub 1s  ease-in-out 0s  both;
	-webkit-animation:nonsub 1s  ease-in-out 0s  both;
	-o-animation:nonsub 1s  ease-in-out 0s  both;}
.header .btn .icon.non .sub.sub2{animation:nonsub 1s  ease-in-out .2s  both;
	-moz-animation:nonsub 1s  ease-in-out .2s  both;
	-webkit-animation:nonsub 1s  ease-in-out .2s  both;
	-o-animation:nonsub 1s  ease-in-out .2s  both;}
.header .btn .icon.non .sub.sub3{animation:nonsub 1s  ease-in-out .4s  both;
	-moz-animation:nonsub 1s  ease-in-out .4s  both;
	-webkit-animation:nonsub 1s  ease-in-out .4s  both;
	-o-animation:nonsub 1s  ease-in-out .4s  both;}
	
@keyframes sub{
0%{ transform:translateX(0px);}
20%{ transform:translateX(-10px);}
100%{ transform:translateX(200px);}
}
@-moz-keyframes sub{
0%{ -moz-transform:translateX(0px);}
20%{ -moz-transform:translateX(-10px);}
100%{ -moz-transform:translateX(200px);}
}
@-webkit-keyframes sub {
0%{ -webkit-transform:translateX(0px);}
20%{ -webkit-transform:translateX(-10px);}
100%{ -webkit-transform:translateX(200px);}
}
@-o-keyframes sub{
100%{ -o-transform:translateX(0px);}
20%{ -o-transform:translateX(-10px);}
0%{ -o-transform:translateX(200px);}
}
@keyframes nonsub{
100%{ transform:translateX(0px);}
20%{ transform:translateX(-10px);}
0%{ transform:translateX(200px);}
}
@-moz-keyframes nonsub{
100%{ -moz-transform:translateX(0px);}
20%{ -moz-transform:translateX(-10px);}
0%{ -moz-transform:translateX(200px);}
}
@-webkit-keyframes nonsub {
100%{ -webkit-transform:translateX(0px);}
20%{ -webkit-transform:translateX(-10px);}
0%{ -webkit-transform:translateX(200px);}
}
@-o-keyframes nonsub{
100%{ -o-transform:translateX(0px);}
20%{ -o-transform:translateX(-10px);}
0%{ -o-transform:translateX(200px);}
}

.banner .bannerTitle{animation:bannerTitle 1s  ease-in-out 0s  both;
	-moz-animation:bannerTitle 1s  ease-in-out 0s  both;
	-webkit-animation:bannerTitle 1s  ease-in-out 0s  both;
	-o-animation:bannerTitle 1s  ease-in-out 0s  both;}
	
@keyframes bannerTitle{
0%{ transform:translateX(200px); opacity:0;}
50%{ transform:translateX(-20px);}
100%{ transform:translateX(0px);opacity:1;}
}
@-moz-keyframes bannerTitle{
0%{ -moz-transform:translateX(200px); opacity:0;}
50%{ -moz-transform:translateX(-20px);}
100%{ -moz-transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes bannerTitle {
0%{ -webkit-transform:translateX(200px); opacity:0;}
50%{ -webkit-transform:translateX(-20px);}
100%{ -webkit-transform:translateX(0px);opacity:1;}
}
@-o-keyframes bannerTitle{
0%{ -o-transform:translateX(200px); opacity:0;}
50%{ -o-transform:translateX(-20px);}
100%{ -o-transform:translateX(0px);opacity:1;}
}


@media (max-width: 639px) {
	
}
@media (min-width: 640px) and (max-width:1023px ) {
}
@media (min-width: 1024px) and (max-width:1440px ) {

}
@media (min-width: 1441px) and (max-width:1920px ) {

}