/*** .sectionItem.section7 ***/
.sectionItem.section7 h1
{
	margin-bottom: 10px;
}

.sectionItem.section7 .sectionScrollContent .mainInnerScrollContent
{
	width: 860px;
}

.sectionItem.section7 h2
{
	color: #fbf8f3;
	margin-bottom: 10px;
}

/*** life330Step1 ***/
.life330Step1 .step1Intro
{
	margin-bottom: 60px;
}

.life330Step1 .btnWrapper.aLeft
{
	text-align: left;
}

.life330Step1 .btnStyle.s2 span.text
{
	color: #877259;
	padding: 5px 0px;
	border-bottom: 2px solid #877259;
}

.life330Step1 .btnStyle.s2:hover span.text
{
	border-bottom: 2px solid transparent;
}

.life330Step1 .btnStyleNoBg
{
	position: absolute;
	width: 50px;
	margin-left: 50px;
}

.life330Step1 .videoThumb
{
	position: absolute;
	width: 345px;
	height: 255px;
	top: 0px;
	right: 0px;
	border: 10px solid #76542F;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.life330Step1 .videoThumbCover
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #A08C80;
	opacity: 0.8;

	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

.life330Step1 .videoThumb:hover .videoThumbCover
{
	opacity: 0.5;
}

.life330Step1 .btnPlayVideoIco
{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background-image: url('../images/common/btnVideoPlay.png');
}

.life330Step1 .btnWrapper.aLeft
{
	text-align: left;
}

.life330Step1 .btnStyle.s2 span.text
{
	color: #ddc07f;
	padding: 5px 0px;
	border-bottom: 2px solid #ddc07f;
}

.life330Step1 .btnStyle.s2
{
	width: 140px;
}

.life330Step1 .btnStyle.s2:hover span.text
{
	border-bottom: 2px solid transparent;
}

/*** life330Step2 ***/
.life330Step2 .sectionTitleWrapper
{
	margin-bottom: 30px;
}

.life330Step2 .circleItemContent h1
{
	color: #76542F;
}

.life330Step2 .commonCircleItem .circleItemImg
{
	background: url('../images/common/circleStyle4.png');
}

.life330Step2 .commonCircleItem .circleItemImg.blue
{
	background: url('../images/common/cx330Circle.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.life330Step2 .commonCircleItem:hover .circleItemImg.blue
{
	background-position: 0px 100%;
}

.life330Step2 .commonCircleItem .circleItemImg.yellow
{
	background: url('../images/common/circleStyle.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.life330Step2 .commonCircleItem:hover .circleItemImg.yellow
{
	background-position: 0px 100%;
}

.life330Step2 .commonCircleItem .circleItemImg.pink
{
	background: url('../images/common/kidsCircle.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.life330Step2 .commonCircleItem:hover .circleItemImg.pink
{
	background-position: 0px 100%;
}

/* added by Sau */
.life330Step2 .commonCircleItem .circleItemImg.orange
{
	background: url('../images/common/circleStyle8.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* added by Sau */
.life330Step2 .commonCircleItem:hover .circleItemImg.orange
{
	background-position: 0px 100%;
}

/* added by Sau */
.life330Step2 .commonCircleItem .circleItemImg.lightbrown
{
	background: url('../images/common/circleStyle9.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* added by Sau */
.life330Step2 .commonCircleItem:hover .circleItemImg.lightbrown
{
	background-position: 0px 100%;
}

.life330Step2 .commonCircleItem .circleItemImg.red
{
	background: url('../images/common/mtr330Circle.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/* added by Sau */
.life330Step2 .commonCircleItem .circleItemImg.lightyellow
{
	background: url('../images/common/circleStyle_lightyellow.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.life330Step2 .commonCircleItem:hover .circleItemImg.lightyellow
{
	background-position: 0px 100%;
}

.life330Step2 .commonCircleItem:hover .circleItemImg.red
{
	background-position: 0px 100%;
}

.life330Step2 .commonCircleItem
{
	margin-bottom: 15px;
}


/*** lifeAudioPresentWrapper ***/
.lifeAudioPresentWrapper
{
	position: relative;
	/*display: none;*/
	padding-bottom: 10px;
}

.lifeAudioPresentWrapper h1
{
	text-align: center;
	color: #76542F;
}

.sectionItem.section7 .lifeAudioPresentWrapper h1
{
	margin-bottom: 0px;
}

.lifeAudioPresentWrapper h2
{
	text-align: center;
	font-size: 25px;
	color: #fbf8f3;
}

.sectionItem.section7 .lifeAudioPresentWrapper h2
{
	margin-bottom: 0px;
}

.lifeAudioPresentWrapper p
{
	text-align: center;
	font-size: 14px;
	color: #76542F;
}

.lifeAudioPresentWrapper .audioPresentContent p.timer
{
	font-size: 20px;
	color: #fbf8f3;
	margin-top: 30px;
}

.lifeAudioPresentWrapper .btnMoreInformation
{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	background: url('../images/freeExperience/btnMoreInfo.png');
	margin: 30px auto 25px;
}

.lifeAudioPresentWrapper .btnMoreInformation[data-id="16"]
{
	display: none;
}

/*** lifeAudioPresentWrapper ***/
.lifeAudioPresentWrapper #audio1
{
	position: absolute;
	width: 500px;
	height: 200px;
	background-color: #000;
}

.lifeAudioPresentWrapper .canvasBoxWrapper
{
	position: relative;
	width: 300px;
	height: 300px;
	background-color: #ddc07f;
	margin: 0px auto;
}

.lifeAudioPresentWrapper.single .canvasBoxWrapper
{
	position: relative;
	width: 300px;
	height: 300px;
	background-color: #dc9177;
	margin: 0px auto;
}

.lifeAudioPresentWrapper .btnPlay
{
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	left: -25px;
	top: 50%;
	margin-top: -25px;
	color: #fbf8f3;
}

.lifeAudioPresentWrapper .btnPause
{
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	right: -25px;
	top: 50%;
	margin-top: -25px;
	background-color: #000;
	color: #fbf8f3;
	opacity: 0.8;
}

.lifeAudioPresentWrapper .btnController
{
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	left: 50%;
	margin-left: -20px;
	top: 50%;
	margin-top: -25px;
	color: #fbf8f3;
	text-align: center;
	background: url('../images/freeExperience/btnPlay.png');
}

.lifeAudioPresentWrapper .btnController.playing
{
	margin-left: -25px;
	background: url('../images/freeExperience/btnPause.png');
}

.lifeAudioPresentWrapper .cover
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url('../images/330life/cover.png');
}

.lifeAudioPresentWrapper.single .cover
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url('../images/freeExperience/cover.png');
}

.closeLifePop
{
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #000;
	top: 0px;
	right: 0px;
	background: url('../images/common/popClose.png');
	background-size: 100% auto;
}