#wrap .content {
	width: 100%;
	height: calc(100% - 61px - 60px);
	min-height: 350px;
	margin: 61px 0 60px 0;
	position: absolute;
	z-index: 2;
}
#wrap .content.hasPushBtn {
	min-height: 407px;
}
#wrap .content.teaser {
	min-height: 430px;
}
#wrap .content .inner {
	width: 310px;
	height: 350px;
	top: 50%;
	left: 50%;
	margin: -175px 0 0 -155px;
	position: absolute;
}
#wrap .content.hasPushBtn .inner {
	height: 407px;
	margin: -203px 0 0 -155px;
}
#wrap .content .inner.teaser {
	height: 430px;
	margin: -215px 0 0 -155px;
}
#wrap .content .inner .title {
	width: 310px;
	float: left;
}
#wrap .content .inner .title .text {
	width: 272px;
	margin-left: 21px;
	float: left;
}
#wrap .content .inner .title .text div {
	height: 75px;
	float: left;
	background-image: url(../images/index-img01.png);
	background-repeat: no-repeat;
	background-size: 468px auto;
	filter: drop-shadow(7px 7px 3px rgba(159, 150, 0, .75));
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
}
body.startAnimate #wrap .content .inner .title .text div {
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);

	-webkit-animation-name: title-text;
	-moz-animation-name: title-text;
	-ms-animation-name: title-text;
	-o-animation-name: title-text;
	animation-name: title-text;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	-ms-animation-duration: .8s;
	-o-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes title-text {
    from { -webkit-transform: scaleY(0); }
    30%  { -webkit-transform: scaleY(1.1); }
    40%  { -webkit-transform: scaleY(.9); }
    75%  { -webkit-transform: scaleY(1.05); }
    to   { -webkit-transform: scaleY(1); }
}
@-moz-keyframes title-text {
    from { -moz-transform: scaleY(0); }
    30%  { -moz-transform: scaleY(1.1); }
    40%  { -moz-transform: scaleY(.9); }
    75%  { -moz-transform: scaleY(1.05); }
    to   { -moz-transform: scaleY(1); }
}
@-o-keyframes title-text {
    from { -o-transform: scaleY(0); }
    30%  { -o-transform: scaleY(1.1); }
    40%  { -o-transform: scaleY(.9); }
    75%  { -o-transform: scaleY(1.05); }
    to   { -o-transform: scaleY(1); }
}
@keyframes title-text {
    from { transform: scaleY(0); }
    30%  { transform: scaleY(1.1); }
    40%  { transform: scaleY(.9); }
    75%  { transform: scaleY(1.05); }
    to   { transform: scaleY(1); }
}
#wrap .content .inner .title.repeatAnimate .text div {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);

	-webkit-animation-name: title-repeatAnimate;
	-moz-animation-name: title-repeatAnimate;
	-ms-animation-name: title-repeatAnimate;
	-o-animation-name: title-repeatAnimate;
	animation-name: title-repeatAnimate;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-ms-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes title-repeatAnimate {
    from, 80% { -webkit-transform: scaleY(1); }
    87%  { -webkit-transform: scaleY(1.1); }
    92%  { -webkit-transform: scaleY(.9); }
    96%  { -webkit-transform: scaleY(1.05); }
    98%  { -webkit-transform: scaleY(0.95); }
    to   { -webkit-transform: scaleY(1); }
}
@-moz-keyframes title-repeatAnimate {
    from, 80% { -moz-transform: scaleY(1); }
    87%  { -moz-transform: scaleY(1.1); }
    92%  { -moz-transform: scaleY(.9); }
    96%  { -moz-transform: scaleY(1.05); }
    98%  { -moz-transform: scaleY(0.95); }
    to   { -moz-transform: scaleY(1); }
}
@-o-keyframes title-repeatAnimate {
    from, 80% { -o-transform: scaleY(1); }
    87%  { -o-transform: scaleY(1.1); }
    92%  { -o-transform: scaleY(.9); }
    96%  { -o-transform: scaleY(1.05); }
    98%  { -o-transform: scaleY(0.95); }
    to   { -o-transform: scaleY(1); }
}
@keyframes title-repeatAnimate {
    from, 80% { transform: scaleY(1); }
    87%  { transform: scaleY(1.1); }
    92%  { transform: scaleY(.9); }
    96%  { transform: scaleY(1.05); }
    98%  { transform: scaleY(0.95); }
    to   { transform: scaleY(1); }
}
#wrap .content .inner .title .text div.blank {
	clear: left;
}
#wrap .content .inner .title .text div {
	width: 59px;
	margin-left: 25px;
}
#wrap .content .inner .title .text div:nth-child(2) {
	width: 60px;
	margin-left: -5px;
	background-position: -60px 0px;
}
#wrap .content .inner .title .text div:nth-child(2) {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-ms-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s;
}
#wrap .content .inner .title .text div:nth-child(3) {
	width: 60px;
	margin-left: -1px;
	background-position: -119px 0px;
}
#wrap .content .inner .title .text div:nth-child(3) {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
#wrap .content .inner .title .text div:nth-child(4) {
	width: 63px;
	margin-left: -6px;
	background-position: -179px 0px;
}
#wrap .content .inner .title .text div:nth-child(4) {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-ms-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
#wrap .content .inner .title .text div:nth-child(5) {
	width: 59px;
	margin: -12px 0 0 53px;
	background-position: -243px 0px;
}
#wrap .content .inner .title .text div:nth-child(5) {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
#wrap .content .inner .title .text div:nth-child(6) {
	width: 59px;
	margin: -12px 0 0 0px;
	background-position: -301px 0px;
}
#wrap .content .inner .title .text div:nth-child(6) {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
#wrap .content .inner .title .text div:nth-child(7) {
	width: 108px;
	margin: -12px 0 0 -7px;
	background-position: -360px 0px;
}
#wrap .content .inner .title .text div:nth-child(7) {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
#wrap .content .inner .title .beer {
	width: 53px;
	height: 52px;
	top: 76px;
	left: 21px;
	position: absolute;
	z-index: 2;
}
#wrap .content .inner .title .beer .main {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;

	-webkit-transform-origin: 100% 37px;
	-moz-transform-origin: 100% 37px;
	-ms-transform-origin: 100% 37px;
	-o-transform-origin: 100% 37px;
	transform-origin: 100% 37px;
}
body.startAnimate #wrap .content .inner .title .beer .main {
	opacity: 0;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);

	-webkit-animation: beer .8s ease 1s forwards;
	-moz-animation: beer .8s ease 1s forwards;
	-ms-animation: beer .8s ease 1s forwards;
	-o-animation: beer .8s ease 1s forwards;
	animation: beer .8s ease 1s forwards;
}
@-webkit-keyframes beer {
    from { -webkit-transform: rotate(45deg); opacity: 1; }
    30%  { -webkit-transform: rotate(-15deg); }
    40%  { -webkit-transform: rotate(10deg); }
    75%  { -webkit-transform: rotate(-5deg); }
    to   { -webkit-transform: rotate(0deg); opacity: 1; }
}
@-moz-keyframes beer {
    from { -moz-transform: rotate(45deg); opacity: 1; }
    30%  { -moz-transform: rotate(-15deg); }
    40%  { -moz-transform: rotate(10deg); }
    75%  { -moz-transform: rotate(-5deg); }
    to   { -moz-transform: rotate(0deg); opacity: 1; }
}
@-o-keyframes beer {
    from { -o-transform: rotate(45deg); opacity: 1; }
    30%  { -o-transform: rotate(-15deg); }
    40%  { -o-transform: rotate(10deg); }
    75%  { -o-transform: rotate(-5deg); }
    to   { -o-transform: rotate(0deg); opacity: 1; }
}
@keyframes beer {
    from { transform: rotate(45deg); opacity: 1; }
    30%  { transform: rotate(-15deg); }
    40%  { transform: rotate(10deg); }
    75%  { transform: rotate(-5deg); }
    to   { transform: rotate(0deg); opacity: 1; }
}
#wrap .content .inner .title.repeatAnimate .beer .main {
	opacity: 1;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-animation: beer-repeat 5s ease 1s infinite;
	-moz-animation: beer-repeat 5s ease 1s infinite;
	-ms-animation: beer-repeat 5s ease 1s infinite;
	-o-animation: beer-repeat 5s ease 1s infinite;
	animation: beer-repeat 5s ease 1s infinite;
}
@-webkit-keyframes beer-repeat {
    from, 80% { -webkit-transform: rotate(0deg); opacity: 1; }
    87%       { -webkit-transform: rotate(15deg); opacity: 1; }
    92%       { -webkit-transform: rotate(-15deg); }
    96%       { -webkit-transform: rotate(10deg); }
    98%       { -webkit-transform: rotate(-5deg); }
    to        { -webkit-transform: rotate(0deg); opacity: 1; }
}
@-moz-keyframes beer-repeat {
    from, 80% { -moz-transform: rotate(0deg); opacity: 1; }
    87%       { -moz-transform: rotate(15deg); opacity: 1; }
    92%       { -moz-transform: rotate(-15deg); }
    96%       { -moz-transform: rotate(10deg); }
    98%       { -moz-transform: rotate(-5deg); }
    to        { -moz-transform: rotate(0deg); opacity: 1; }
}
@-o-keyframes beer-repeat {
    from, 80% { -o-transform: rotate(0deg); opacity: 1; }
    87%       { -o-transform: rotate(15deg); opacity: 1; }
    92%       { -o-transform: rotate(-15deg); }
    96%       { -o-transform: rotate(10deg); }
    98%       { -o-transform: rotate(-5deg); }
    to        { -o-transform: rotate(0deg); opacity: 1; }
}
@keyframes beer-repeat {
    from, 80% { transform: rotate(0deg); opacity: 1; }
    87%       { transform: rotate(15deg); opacity: 1; }
    92%       { transform: rotate(-15deg); }
    96%       { transform: rotate(10deg); }
    98%       { transform: rotate(-5deg); }
    to        { transform: rotate(0deg); opacity: 1; }
}
#wrap .content .inner .title .beer .flyBubble {
	width: 24px;
	height: 14px;
	left: 4px;
	position: absolute;
	z-index: 1;
}
#wrap .content .inner .title.repeatAnimate .beer .flyBubble {
	/*-webkit-animation: beer-flyBubble-repeat 5s ease 1s infinite;
	-moz-animation: beer-flyBubble-repeat 5s ease 1s infinite;
	-ms-animation: beer-flyBubble-repeat 5s ease 1s infinite;
	-o-animation: beer-flyBubble-repeat 5s ease 1s infinite;
	animation: beer-flyBubble-repeat 5s ease 1s infinite;*/
}
@-webkit-keyframes beer-flyBubble-repeat {
    from, 80% { opacity: 1; }
    81%, to   { opacity: 0; }
}
@-moz-keyframes beer-flyBubble-repeat {
    from, 80% { opacity: 1; }
    81%, to   { opacity: 0; }
}
@-o-keyframes beer-flyBubble-repeat {
    from, 80% { opacity: 1; }
    81%, to   { opacity: 0; }
}
@keyframes beer-flyBubble-repeat {
    from, 80% { opacity: 1; }
    81%, to   { opacity: 0; }
}
#wrap .content .inner .title .beer .flyBubble div {
	position: absolute;
	border-radius: 100%;
	border: 2px solid #000;
	background: #fff;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

	-webkit-animation: flyBubble 1s ease forwards;
	-moz-animation: flyBubble 1s ease forwards;
	-ms-animation: flyBubble 1s ease forwards;
	-o-animation: flyBubble 1s ease forwards;
	animation: flyBubble 1s ease forwards;
}
@-webkit-keyframes flyBubble {
    from     { -webkit-transform: scale(0); }
    20%, 80% { -webkit-transform: scale(1); }
    to       { -webkit-transform: scale(0); top: -10px; }
}
@-moz-keyframes flyBubble {
    from     { -moz-transform: scale(0); }
    20%, 80% { -moz-transform: scale(1); }
    to       { -moz-transform: scale(0); top: -10px; }
}
@-o-keyframes flyBubble {
    from     { -o-transform: scale(0); }
    20%, 80% { -o-transform: scale(1); }
    to       { -o-transform: scale(0); top: -10px; }
}
@keyframes flyBubble {
    from     { transform: scale(0); }
    20%, 80% { transform: scale(1); }
    to       { transform: scale(0); top: -10px; }
}
#wrap .content .inner .title .beer .can {
	width: 53px;
	top: 10px;
	position: absolute;
	z-index: 2;
}
#wrap .content .inner .title .beer .bubble {
	width: 29px;
	position: absolute;
	z-index: 3;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
body.startAnimate #wrap .content .inner .title .beer .bubble {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

	-webkit-animation: beer-bubble .3s ease 1.5s forwards;
	-moz-animation: beer-bubble .3s ease 1.5s forwards;
	-ms-animation: beer-bubble .3s ease 1.5s forwards;
	-o-animation: beer-bubble .3s ease 1.5s forwards;
	animation: beer-bubble .3s ease 1.5s forwards;
}
@-webkit-keyframes beer-bubble {
    from { -webkit-transform: scale(0); }
    to   { -webkit-transform: scale(1); }
}
@-moz-keyframes beer-bubble {
    from { -moz-transform: scale(0); }
    to   { -moz-transform: scale(1); }
}
@-o-keyframes beer-bubble {
    from { -o-transform: scale(0); }
    to   { -o-transform: scale(1); }
}
@keyframes beer-bubble {
    from { transform: scale(0); }
    to   { transform: scale(1); }
}
#wrap .content .inner .subTitle {
	width: 310px;
	float: left;
}
#wrap .content .inner .subTitle .line {
	width: 268px;
	height: 4px;
	float: left;
	margin-left: 21px;
	background: #000;

	-webkit-transform-origin: 100% center;
	-moz-transform-origin: 100% center;
	-ms-transform-origin: 100% center;
	-o-transform-origin: 100% center;
	transform-origin: 100% center;
}
body.startAnimate #wrap .content .inner .subTitle .line {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);

	-webkit-animation: subTitle-line .5s ease 1s forwards;
	-moz-animation: subTitle-line .5s ease 1s forwards;
	-ms-animation: subTitle-line .5s ease 1s forwards;
	-o-animation: subTitle-line .5s ease 1s forwards;
	animation: subTitle-line .5s ease 1s forwards;
}
#wrap .content .inner .subTitle .line.bottom {
	margin-top: 7px;

	-webkit-transform-origin: 0 center;
	-moz-transform-origin: 0 center;
	-ms-transform-origin: 0 center;
	-o-transform-origin: 0 center;
	transform-origin: 0 center;
}
@-webkit-keyframes subTitle-line {
    from { -webkit-transform: scaleX(0) skewX(-45deg); }
    to   { -webkit-transform: scaleX(1) skewX(-45deg); }
}
@-moz-keyframes subTitle-line {
    from { -moz-transform: scaleX(0) skewX(-45deg); }
    to   { -moz-transform: scaleX(1) skewX(-45deg); }
}
@-o-keyframes subTitle-line {
    from { -o-transform: scaleX(0) skewX(-45deg); }
    to   { -o-transform: scaleX(1) skewX(-45deg); }
}
@keyframes subTitle-line {
    from { transform: scaleX(0) skewX(-45deg); }
    to   { transform: scaleX(1) skewX(-45deg); }
}
#wrap .content .inner .subTitle .light {
	width: 25px;
	float: left;
	margin-top: 5px;
	opacity: 0;
}
body.startAnimate #wrap .content .inner .subTitle .light {
	-webkit-animation-name: subTitle-light;
	-moz-animation-name: subTitle-light;
	-ms-animation-name: subTitle-light;
	-o-animation-name: subTitle-light;
	animation-name: subTitle-light;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-ms-animation-duration: .3s;
	-o-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes subTitle-light {
    from { -webkit-transform: translate(3px, -5px); opacity: 0; }
    to   { -webkit-transform: translate(0px); opacity: 1; }
}
@-moz-keyframes subTitle-light {
    from { -moz-transform: translate(3px, -5px); opacity: 0; }
    to   { -moz-transform: translate(0px); opacity: 1; }
}
@-o-keyframes subTitle-light {
    from { -o-transform: translate(3px, -5px); opacity: 0; }
    to   { -o-transform: translate(0px); opacity: 1; }
}
@keyframes subTitle-light {
    from { transform: translate(3px, -5px); opacity: 0; }
    to   { transform: translate(0px); opacity: 1; }
}
#wrap .content .inner .subTitle .light.repeatAnimate {
	opacity: 1;

	-webkit-transform: translate(0px);
	-moz-transform: translate(0px);
	-ms-transform: translate(0px);
	-o-transform: translate(0px);
	transform: translate(0px);
	-webkit-animation: subTitle-light-repeat 4s ease infinite;
	-moz-animation: subTitle-light-repeat 4s ease infinite;
	-ms-animation: subTitle-light-repeat 4s ease infinite;
	-o-animation: subTitle-light-repeat 4s ease infinite;
	animation: subTitle-light-repeat 4s ease infinite;
}
@-webkit-keyframes subTitle-light-repeat {
    from, 84% { -webkit-transform: translate(0px); opacity: 1; }
    89%   { -webkit-transform: translate(-3px, 5px); opacity: 0; }
    95%   { -webkit-transform: translate(3px, -5px); opacity: 0; }
    to    { -webkit-transform: translate(0px); opacity: 1; }
}
@-moz-keyframes subTitle-light-repeat {
    from, 84% { -moz-transform: translate(0px); opacity: 1; }
    89%   { -moz-transform: translate(-3px, 5px); opacity: 0; }
    95%   { -moz-transform: translate(3px, -5px); opacity: 0; }
    to    { -moz-transform: translate(0px); opacity: 1; }
}
@-o-keyframes subTitle-light-repeat {
    from, 84% { -o-transform: translate(0px); opacity: 1; }
    89%   { -o-transform: translate(-3px, 5px); opacity: 0; }
    95%   { -o-transform: translate(3px, -5px); opacity: 0; }
    to    { -o-transform: translate(0px); opacity: 1; }
}
@keyframes subTitle-light-repeat {
    from, 84% { transform: translate(0px); opacity: 1; }
    89%   { transform: translate(-3px, 5px); opacity: 0; }
    95%   { transform: translate(3px, -5px); opacity: 0; }
    to    { transform: translate(0px); opacity: 1; }
}
#wrap .content .inner .subTitle .light.left {
	margin-left: 23px;
}
body.startAnimate #wrap .content .inner .subTitle .light.left {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
	-o-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
#wrap .content .inner .subTitle .light.right {
	margin-left: 14px;
}
body.startAnimate #wrap .content .inner .subTitle .light.right {
	-webkit-animation-delay: 1.7s;
	-moz-animation-delay: 1.7s;
	-ms-animation-delay: 1.7s;
	-o-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
#wrap .content .inner .subTitle .text {
	margin: 6px 0 0 8px;
	float: left;
}
#wrap .content .inner .subTitle .text div {
	height: 25px;
	float: left;
	background-image: url(../images/index-img01.png);
	background-repeat: no-repeat;
	background-size: 468px auto;
	filter: drop-shadow(3px 3px 3px rgba(159, 150, 0, .75));
}
body.startAnimate #wrap .content .inner .subTitle .text div {
	opacity: 0;

	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);

	-webkit-animation-name: subTitle-text;
	-moz-animation-name: subTitle-text;
	-ms-animation-name: subTitle-text;
	-o-animation-name: subTitle-text;
	animation-name: subTitle-text;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes subTitle-text {
    from { -webkit-transform: translateY(10px); opacity: 0; }
    to   { -webkit-transform: translateY(0px); opacity: 1; }
}
@-moz-keyframes subTitle-text {
    from { -moz-transform: translateY(10px); opacity: 0; }
    to   { -moz-transform: translateY(0px); opacity: 1; }
}
@-o-keyframes subTitle-text {
    from { -o-transform: translateY(10px); opacity: 0; }
    to   { -o-transform: translateY(0px); opacity: 1; }
}
@keyframes subTitle-text {
    from { transform: translateY(10px); opacity: 0; }
    to   { transform: translateY(0px); opacity: 1; }
}
#wrap .content .inner .subTitle .text div:nth-last-child(1) {
	margin-left: 0px;
}
#wrap .content .inner .subTitle .text div {
	width: 111px;
	background-position: 0 -75px;
}
#wrap .content .inner .subTitle .text div {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
#wrap .content .inner .subTitle .text div + div { width: 39px; margin-left: 7px; background-position: -117px -75px; }
#wrap .content .inner .subTitle .text div:nth-child(2) {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
#wrap .content .inner .subTitle .text div:nth-child(3) {
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	-ms-animation-delay: 1.4s;
	-o-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
#wrap .content .inner .info {
	width: 310px;
	margin-top: 15px;
	float: left;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}
body.startAnimate #wrap .content .inner .info {
	opacity: 0;

	-webkit-animation: info .5s ease 1.9s forwards;
	-moz-animation: info .5s ease 1.9s forwards;
	-ms-animation: info .5s ease 1.9s forwards;
	-o-animation: info .5s ease 1.9s forwards;
	animation: info .5s ease 1.9s forwards;
}
@-webkit-keyframes info {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes info {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes info {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes info {
    from { opacity: 0; }
    to   { opacity: 1; }
}
#wrap .content .inner .date-teaser {
	width: 304px;
	margin-top: 15px;
	float: left;
	background: #fff100;
	border: 3px solid #fa2a07;
}
body.startAnimate #wrap .content .inner .date-teaser {
	opacity: 0;

	-webkit-animation: info .5s ease 1.9s forwards;
	-moz-animation: info .5s ease 1.9s forwards;
	-ms-animation: info .5s ease 1.9s forwards;
	-o-animation: info .5s ease 1.9s forwards;
	animation: info .5s ease 1.9s forwards;
}
#wrap .content .inner .date-teaser img {
	width: 303px;
	float: left;
}
.btn-active-wrap {
	width: 206px;
	height: 62px;
	margin: 13px 0 0 52px;
	float: left;
}
.btn-active-wrap.load {
	opacity: .4;
}
#btn-active,
#btn-active2,
#btn-online,
#btn-pushCard {
	width: 206px;
	margin: 13px 0 0 52px;
	float: left;
}
#btn-active,
#btn-active2 {
	margin: 0;
	float: none;
	position: absolute;
	z-index: 2;
}
#btn-active2 {
	opacity: 0;
	z-index: 1;
}
#btn-online {
	width: 235px;
	margin: 18px 0 20px 37px;
	cursor: auto;
}
#btn-pushCard {
	margin: 5px 0 20px 52px;
	display: none;
}
body.startAnimate #btn-active,
body.startAnimate #btn-online,
body.startAnimate #btn-pushCard {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

	-webkit-animation: btn-active .5s ease 2.1s forwards;
	-moz-animation: btn-active .5s ease 2.1s forwards;
	-ms-animation: btn-active .5s ease 2.1s forwards;
	-o-animation: btn-active .5s ease 2.1s forwards;
	animation: btn-active .5s ease 2.1s forwards;
}
.btn-active-wrap.repeatAnimate #btn-active {
	-webkit-animation: btn-active-main-repeat ease 2s infinite;
	-moz-animation: btn-active-main-repeat ease 2s infinite;
	-ms-animation: btn-active-main-repeat ease 2s infinite;
	-o-animation: btn-active-main-repeat ease 2s infinite;
	animation: btn-active-main-repeat ease 2s infinite;
}
@-webkit-keyframes btn-active-main-repeat {
    from, to { opacity: 1; z-index: 2; }
    50%      { opacity: 0; z-index: 1; }
}
@-moz-keyframes btn-active-main-repeat {
    from, to { opacity: 1; z-index: 2; }
    50%      { opacity: 0; z-index: 1; }
}
@-o-keyframes btn-active-main-repeat {
    from, to { opacity: 1; z-index: 2; }
    50%      { opacity: 0; z-index: 1; }
}
@keyframes btn-active-main-repeat {
    from, to { opacity: 1; z-index: 2; }
    50%      { opacity: 0; z-index: 1; }
}
.btn-active-wrap.repeatAnimate #btn-active2 {
	-webkit-animation: btn-active2-main-repeat ease 2s infinite;
	-moz-animation: btn-active2-main-repeat ease 2s infinite;
	-ms-animation: btn-active2-main-repeat ease 2s infinite;
	-o-animation: btn-active2-main-repeat ease 2s infinite;
	animation: btn-active2-main-repeat ease 2s infinite;
}
@-webkit-keyframes btn-active2-main-repeat {
    from, to { opacity: 0; z-index: 1; }
    50%      { opacity: 1; z-index: 2; }
}
@-moz-keyframes btn-active2-main-repeat {
    from, to { opacity: 0; z-index: 1; }
    50%      { opacity: 1; z-index: 2; }
}
@-o-keyframes btn-active2-main-repeat {
    from, to { opacity: 0; z-index: 1; }
    50%      { opacity: 1; z-index: 2; }
}
@keyframes btn-active2-main-repeat {
    from, to { opacity: 0; z-index: 1; }
    50%      { opacity: 1; z-index: 2; }
}
body.startAnimate #btn-pushCard {
	-webkit-animation: btn-active .5s ease 2.3s forwards;
	-moz-animation: btn-active .5s ease 2.3s forwards;
	-ms-animation: btn-active .5s ease 2.3s forwards;
	-o-animation: btn-active .5s ease 2.3s forwards;
	animation: btn-active .5s ease 2.3s forwards;
}
@-webkit-keyframes btn-active {
    from { -webkit-transform: scale(0); }
    30%  { -webkit-transform: scale(1.05); }
    40%  { -webkit-transform: scale(.9); }
    75%  { -webkit-transform: scale(1.02); }
    to   { -webkit-transform: scale(1); }
}
@-moz-keyframes btn-active {
    from { -moz-transform: scale(0); }
    30%  { -moz-transform: scale(1.05); }
    40%  { -moz-transform: scale(.9); }
    75%  { -moz-transform: scale(1.02); }
    to   { -moz-transform: scale(1); }
}
@-o-keyframes btn-active {
    from { -o-transform: scale(0); }
    30%  { -o-transform: scale(1.05); }
    40%  { -o-transform: scale(.9); }
    75%  { -o-transform: scale(1.02); }
    to   { -o-transform: scale(1); }
}
@keyframes btn-active {
    from { transform: scale(0); }
    30%  { transform: scale(1.05); }
    40%  { transform: scale(.9); }
    75%  { transform: scale(1.02); }
    to   { transform: scale(1); }
}
#btn-active:after,
#btn-active2:after,
#btn-online:after,
#btn-pushCard:after {
	width: 206px;
	height: 62px;
}
#btn-online:after {
	width: 235px;
}
#btn-active .main,
#btn-active2 .main,
#btn-online .main,
#btn-pushCard .main {
	width: 196px;
	background: #000;
}
#btn-active2 .main {
	background: #fff100;
}
#btn-pushCard .main {
	background: #fff100;
}
#btn-online .main {
	width: 225px;
}
#btn-active .main .text:nth-child(1) { margin-left: 25px; background-position: 0px 0px; }
#btn-active .main .text:nth-child(2) { background-position: -24px 0px; }
#btn-active .main .text:nth-child(3) { background-position: -51px 0px; }
#btn-active .main .text:nth-child(4) { background-position: -78px 0px; }
#btn-active .main .text:nth-child(5) { background-position: -106px 0px; }
#btn-active .main .btn-arrow {
	margin: 20px 0 0 17px;
}
.btn-active-wrap.award #btn-active .main .text:nth-child(1) { margin-left: 41px; background-position: 0px -598px; }
.btn-active-wrap.award #btn-active .main .text:nth-child(2) { background-position: -24px -598px; }
.btn-active-wrap.award #btn-active .main .text:nth-child(3) { background-position: -51px -598px; }
.btn-active-wrap.award #btn-active .main .text:nth-child(4) { background-position: -78px -598px; }
.btn-active-wrap.award #btn-active .main .text:nth-child(5) { display: none; }
.btn-active-wrap.award #btn-active .main .btn-arrow {
	margin: 20px 0 0 17px;
}
#btn-active2 .main .text:nth-child(1) { margin-left: 25px; background-position: 0px -23px; }
#btn-active2 .main .text:nth-child(2) { background-position: -24px -23px; }
#btn-active2 .main .text:nth-child(3) { background-position: -51px -23px; }
#btn-active2 .main .text:nth-child(4) { background-position: -78px -23px; }
#btn-active2 .main .text:nth-child(5) { background-position: -106px -23px; }
#btn-active2 .main .btn-arrow {
	margin: 20px 0 0 17px;
}
.btn-active-wrap.award #btn-active2 .main .text:nth-child(1) { margin-left: 41px; background-position: 0px -621px; }
.btn-active-wrap.award #btn-active2 .main .text:nth-child(2) { background-position: -24px -621px; }
.btn-active-wrap.award #btn-active2 .main .text:nth-child(3) { background-position: -51px -621px; }
.btn-active-wrap.award #btn-active2 .main .text:nth-child(4) { background-position: -78px -621px; }
.btn-active-wrap.award #btn-active2 .main .text:nth-child(5) { display: none; }
.btn-active-wrap.award #btn-active2 .main .btn-arrow {
	margin: 20px 0 0 17px;
}
#btn-online .main .text:nth-child(1) { width: 70px; margin-left: 30px; background-position: 0px -322px; }
#btn-online .main .text:nth-child(2) { width: 94px; background-position: -70px -322px; }
#btn-pushCard .main .text:nth-child(1) { margin-left: 25px; background-position: 0px -506px; }
#btn-pushCard .main .text:nth-child(2) { background-position: -24px -506px; }
#btn-pushCard .main .text:nth-child(3) { background-position: -51px -506px; }
#btn-pushCard .main .text:nth-child(4) { background-position: -78px -506px; }
#btn-pushCard .main .text:nth-child(5) { background-position: -106px -506px; }
#btn-pushCard .main .btn-arrow {
	margin: 20px 0 0 17px;
}

#wrap .bg {
	height: 100%;
	min-height: 471px;
}
#wrap .bg.hasPushBtn {
	min-height: 528px;
}
#wrap .bg.teaser {
	min-height: 551px;
}