@charset "UTF-8";
/* CSS Document */

 .template {
	position: relative;
	width: 1000px;
	height: 700px;
	margin: 0 auto;
 }
 
 .heading {
	 position: absolute;
	 width: 436px;
	 height: 383px;
	 background: url("../images/index/heading.png");
	 top: 100px;
	 left: 295px;
 }
 
 .btnbox {
	 position: absolute;
	 width: 300px;
	 height: 140px;
	 top: 510px;
	 left: 425px;
 }
 
 .btn {
	 float: left;
 }
 
 .btn_text {
	position:absolute;
	left:57px;
	top:-10px;
	 /*float:left;
	 margin: -48px 0 0 -45px;*/
 }
 
 .planet_a {
	 position: absolute;
	 top: 210px;
	 left: 20px;
 }
 
 .info_a {
	display: block;
	position: absolute;
	width: 250px;
	height: 70px;
	background: url(../images/index/decoline.png) top left no-repeat;
	background-size: 50%;
	top: 176px;
	left: 80px;
 }

.area_a .name {
	display: block;
	word-break: break-all;
	width: 90px;
	color: #dee363;
	float: right;
	font-size: 12px;
	letter-spacing: 3px;
	font-weight: bold;
	line-height: 16px;
}
	 
.area_a .wish { 
    display: block;
	word-break: break-all;
    width: 180px;
	height: 70px;
    color: #fff;
	float: right;
	font-size: 13px;
	letter-spacing: 3px;
	margin: 10px 0px 0 0;
	line-height: 16px;
	font-weight: 600;
}

.pic {
	float: right;
	width: 64px;
	height: 64px;
	background: url(../images/index/photo.png) left center no-repeat;
	margin-right: -30px;
	text-align: center;
	margin-top: -10px;
 }
 
 .pic img {
	 border-radius: 50%;
	 margin-top: 7px;
 }
 
 .planet_b {
	 position: absolute;
	 top: 145px;
	 left: 640px;
 }
 
 .info_b {
	display: block;
	position: absolute;
	width: 250px;
	height: 70px;
	background: url(../images/index/decoline.png) top left no-repeat;
	background-size: 50%;
	top: 110px;
	left: 700px;
 }

.area_b .name {
	display: block;
	word-break: break-all;
	width: 90px;
	color: #dee363;
	float: right;
	font-size: 12px;
	letter-spacing: 3px;
	font-weight: bold;
	margin-right: 0px;
}
	 
.area_b .wish { 
    display: block;
	word-break: break-all;
    width: 180px;
	height: 70px;
    color: #fff;
	float: right;
	font-size: 13px;
	letter-spacing: 3px;
	margin: 10px 0px 0 0;
	line-height: 16px;
	font-weight: 600;
}

 .planet_c {
	 position: absolute;
	 top: 508px;
	 left: 249px;
 }
 
 .info_c {
	display: block;
	position: absolute;
	width: 250px;
	height: 70px;
	background: url(../images/index/decoline_op.png) top right no-repeat;
	background-size: 40%;
	top: 470px;
	left: 40px;
 }

.area_c .name {
	display: block;
	word-break: break-all;
	width: 90px;
	color: #dee363;
	float: left;
	font-size: 12px;
	letter-spacing: 3px;
	font-weight: bold;
	margin-left: 0px;
}
	 
.area_c .wish { 
    display: block;
	word-break: break-all;
    width: 155px;
	height: 70px;
    color: #fff;
	float: left;
	font-size: 13px;
	letter-spacing: 3px;
	margin: 10px 0px 0 0px;
	line-height: 16px;
	font-weight: 600;
}

.pic_a {
	float: left;
	width: 64px;
	height: 64px;
	background: url(../images/index/photo.png) top left no-repeat;
	margin-left: -30px;
	text-align: center;
	margin-top: -10px;
 }
 
 .pic_a img {
	 border-radius: 50%;
	 margin-top: 7px;
 }
 
 .planet_d {
	 position: absolute;
	 top: 340px;
	 left: 890px;
 }
 
 .info_d {
	position: absolute;
	width: 250px;
	height: 70px;
	background: url(../images/index/decoline_op.png) top right no-repeat;
	background-size: 50%;
	top: 295px;
	left: 680px;
 }

.area_d .name {
	display: block;
	word-break: break-all;
	width: 90px;
	color: #dee363;
	float: left;
	font-size: 12px;
	letter-spacing: 3px;
	font-weight: bold;
	margin-left: 0px;
}
	 
.area_d .wish { 
    display: block;
	word-break: break-all;
    width: 180px;
	height: 70px;
    color: #fff;
	float: left;
	font-size: 13px;
	letter-spacing: 3px;
	margin: 10px 0px 0 0;
	line-height: 16px;
	font-weight: 600;
}

.planet_e {
	 position: absolute;
	 top: 564px;
	 left: 673px;
 }
 
 .info_e {
	display: block;
	position: absolute;
	width: 250px;
	height: 70px;
	background: url(../images/index/decoline.png) top left no-repeat;
	background-size: 50%;
	top: 520px;
	left: 700px;
 }

.area_e .name {
    display: block;
	word-break: break-all;
	width: 90px;
	color: #dee363;
	float: right;
	font-size: 12px;
	letter-spacing: 3px;
	font-weight: bold;
	margin-right: 0px;
}
	 
.area_e .wish { 
    display: block;
	word-break: break-all;
    width: 160px;
	height: 70px;
    color: #fff;
	float: right;
	font-size: 13px;
	letter-spacing: 3px;
	margin: 10px 0px 0 0;
	line-height: 16px;
	font-weight: 600;
}