/********** animation **********/
.animation
{
	background-color: #E1BF7E;
}

.animation .sectionWrapper
{
	position: relative;
	margin: 0px auto;
	background-color: #E1BF7E;
}

.animation .sectionScrollContent .mainInnerScrollContent
{
	width: 840px;
}

.animation .sectionScrollContent
{
	margin: 0px 0px;
}

.animation .sectionItem
{
	position: relative;
	width: 100%;
	height: 100%;
	float: none;
	overflow: hidden;
}

.animation .sectionHeaderWrapper
{
	position: relative;
	width: 300px;
	height: 110px;
	background: url('../images/common/headerLogo.png');
	background-size: 100% auto;
	margin: 0px auto 20px;
}

.animation .footerMenuWrapper .newLifeFooterLogo
{
	display: none;
}

.animation .animationTitleWrapper
{
	position: relative;
	margin-bottom: 10px;
}

.animation .animationTitleWrapper h1
{
	color: #c58725;
}

.animation .titleImg
{
	margin-bottom: 5px;
}


.animationMainContent .animationRow
{
	position: relative;
	width: 100%;
	margin-bottom: 45px;
}

.animationMainContent .animationRow .animationLeftContent
{
	position: relative;
	width: 475px;
}

.animationMainContent .animationRow .animationLeftContent h2
{
	color: #F9F6F1;
	margin-bottom: 25px;
}

.animationMainContent .animationRow .animationLeftContent p
{
	color: #F9F6F1;
	margin-bottom: 25px;
}

.animationMainContent .animationRow .animationLeftVideo
{
	position: relative;
	width: 365px;
	min-height: 275px;
}

.animationMainContent .animationRow .btnWrapper
{
	position: relative;
	text-align: left;
}

.animationMainContent .animationRow .btnWrapper span.text
{
	color: #D7A62C;
}

/*.animationMainContent .animationRow .videoThumbCover
{
	background-color: #9A8680;
	opacity: 0.8;
}*/

.animationMainContent .animationRow .videoThumb
{
	border: 10px solid #76542F;
}

.sectionAnimation .btnBackToTop .topImg
{
	background: url('../images/common/scrollToTopArrowBrown.png');
	background-size: 100% auto;
}

.sectionAnimation .btnBackToTop .text
{
	color: #76542F;
}