@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto;
	overflow-x: hidden;
	text-align: center;
	-moz-user-select : none;
	-webkit-user-select: none;
	background-color: #5d536d;
	text-align: center;
	color: #333;
	font-family: 'Microsoft JhengHei'; 
}
li {font-family: 'Microsoft JhengHei';
	list-style-type:none;
	overflow: hidden;
}
img { border: 0px}
a { 
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
}
.top {
	height: 1180px;
	background: url(../images/../images/sakura.png) center;
}
.logo {
	position: absolute;
	margin:4% 0 0 3%;
	z-index: 88;
}
.main {
	height: 880px;
	width: 1920px;
	background: url(../images/../images/bg_3people.jpg) center top no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.main p {
	text-align: left;
	position: absolute;
	font-size: 21px;
	line-height: 36px;
	margin: 490px 0 0 918px;	
}
.main span {
	color: #2f70b6
}
.title {
	position: absolute;
	margin: 112px 0 0 -150px
}
.heart {
	position: absolute;
	opacity: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.heart--1 {
	width: 10px;
	height: auto;
	margin: 135px 0 0 45px;
	-webkit-animation: heart-beat 2s ease-out infinite 1.5s;
    animation: heart-beat 2s ease-out infinite 1.5s;
}
.heart--2 {
	width: 15px;
	height: auto;
	margin: 120px 0 0 50px;
	-webkit-animation: heart-beat 2s ease-out infinite 1s;
	animation: heart-beat 2s ease-out infinite 1s;
}
.heart--3 {
	width: 17px;
	height: auto;
	margin: 115px 0 0 65px;
	-webkit-animation: heart-beat 2s ease-out infinite 0.5s;
	animation: heart-beat 2s ease-out infinite 0.5s;
}
.heart--4 {	
	margin: 135px 0 0 35px;	
	-webkit-animation: heart-beat 2s ease-out infinite;
	animation: heart-beat 2s ease-out infinite;
}
@-webkit-keyframes heart-beat {
  0% {
    -webkit-transform: scale(0.75) rotate(5deg);
            transform: scale(0.75) rotate(5deg);
    opacity: 1;
  }
  5%, 15%, 25% {
    -webkit-transform: scale(1) rotate(5deg);
            transform: scale(1) rotate(5deg);
  }
  10%, 20% {
    -webkit-transform: scale(0.75) rotate(5deg);
            transform: scale(0.75) rotate(5deg);
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(5deg) translateY(-40px) translateX(-20px);
            transform: rotate(5deg) translateY(-40px) translateX(-20px);
    opacity: 0;
  }
}
@keyframes heart-beat {
  0% {
    -webkit-transform: scale(0.75) rotate(5deg);
            transform: scale(0.75) rotate(5deg);
    opacity: 1;
  }
  5%, 15%, 25% {
    -webkit-transform: scale(1) rotate(5deg);
            transform: scale(1) rotate(5deg);
  }
  10%, 20% {
    -webkit-transform: scale(0.75) rotate(5deg);
            transform: scale(0.75) rotate(5deg);
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(5deg) translateY(-40px) translateX(20px);
            transform: rotate(5deg) translateY(-40px) translateX(20px);
    opacity: 0;
  }
}
.trial {
	padding-top: 10px;
	padding-bottom: 15px; 
	width: 1140px; 
	border-radius: 6px;
	color: #4d4d4d; 
	background-color: rgba(255, 255, 255, 0.8); 
	position: absolute;
	left:50%; 
	margin-left:-570px; 
	margin-top: 770px;
	box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.1);
}
.happy {
	font-size: 33px;
}
.wealth {
	height: 620px;
	background: url(../images/../images/bg_wealth.jpg) center top no-repeat;
}
.dream {
	height: 620px;
	background: url(../images/../images/bg_dream.jpg) center top no-repeat;
}
.work {
	height: 620px;
	background: url(../images/../images/bg_work.jpg) center top no-repeat;
}
.home {
	height: 620px;
	background: url(../images/../images/bg_home.jpg) center top no-repeat;
}
.wh {
	background: url(../images/../images/wealth.png) center no-repeat;
	color: #fff;
}
.dm {
	background: url(../images/../images/dream.png) center no-repeat;
	color: #5d536d;
}
.wk {
	background: url(../images/../images/work.png) center no-repeat;
	color: #fff;
}
.he {
	background: url(../images/../images/home.png) center no-repeat;
	color: #5d536d;
}
.wh, .dm, .wk, .he {
	width: 1200px;
	height: 620px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}
h1, h2 {
	position: absolute;
}
h1 {
	font-size: 31px;
	line-height: 40px;
	font-weight: normal;
	margin-top: 170px;
	letter-spacing: 1px;
}
h2 {
	font-size: 40px;
	line-height: 48px;
	margin: 372px 0 0 735px
}
.wh h1 {
	margin-left: 666px
}
.wh1 {
	color: #c3a76e;
}
.wh2 {
	color: #ffff6f;
}
.dm h1 {
	margin-left: 683px
}
.dm1 {
	color: #e79bba;
}
.wk h1 {
	margin-left: 637px
}
.wk1 {
	color: #6ec1c3
}
.he h1 {
	margin-left: 700px
}
.he1 {
	color: #859871
}
.bbb {
	color: #59a6d6;
}
.fs {
	height: 230px;
	background: url(../images/../images/sativa.png) center;
	color: #4d4d4d;
	font-size: 21px;
	line-height: 28px;
	letter-spacing: 1px;
}
.fs_box {
	width: 1000px;
	height: 230px;
	background: url(../images/../images/fs.png) top no-repeat;
	position: relative;
	left: 50%;
	margin-left: -500px;
}
.fs_box ul {
	position: absolute;
	margin-top: 130px;
}
.fs_box li {
	float: left;
}
.footer {
	width: 1000px;
	height: 110px;
	position: relative;
	left: 50%;
	margin-left: -500px;
}
.footer img {
	padding: 1.5%;
}