body * {
	-webkit-user-select: none;
	font-family: Helvetica;
}
body {
	margin: 0;
	-webkit-text-size-adjust: 100%;
	background: #fff;
}
a,input,button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,figure,h1,h2,h3,h4,h5,h6,p,hr {
	margin: 0;
	font-family:"微软雅黑";
}
em {
	font-style: normal;
}
h1,h2,h3,h4 {
	font-weight: normal;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	text-decoration: none;
}
img{
	border:none;
	vertical-align:top;
}
body,html{
	width:100%;
	height:100%;
}
@font-face{
	font-family:philosophycolor;
	src:url(/philosophycolor.woff);
}

article{
	width:22rem;
	margin:2rem auto 0 auto;
	background:url(image/bg_grid_white2.jpg) repeat-y;
	background-size:22rem;
}
header div{
	width:22rem;
	height:22rem;
	position:relative;
	margin-bottom:2rem;
}
header div canvas{
	width:20rem;
	position:absolute;
	top:0;
	right:0;
}
header div h3{
	width:1rem;
	font-size:1rem;
	font-weight:bold;
	line-height:1rem;
	color:#b5495b;
	position:absolute;
	top:2.8rem;
	right:1rem;
}
header div span{
	width:6rem;
	font-size:4rem;
	font-family:"Arial";
	color:#fff;
	font-weight:bold;
	position:absolute;
}
header div span:nth-of-type(1){
	bottom:10.2rem;
	left:5rem;
}
header div span:nth-of-type(2){
	bottom:5.2rem;
	right:5rem;
}
header div em{
	display:block;
	width:6rem;
	font-size:1.2rem;
	color:#fff;
	position:absolute;
}
header div em:nth-of-type(1){
	bottom:11.2rem;
	left:12.2rem;
}
header div em:nth-of-type(2){
	bottom:6.2rem;
	left:5.2rem;
}
header div em:nth-of-type(1)::before{
	content:"GROOM";
	display:block;
	font-size:0.7rem;
}
header div em:nth-of-type(2)::before{
	content:"BRIDE";
	display:block;
	font-size:0.7rem;
}
header div strong{
	font-size:0.7rem;
	color:#b5495b;
	position:absolute;
	bottom:0.8rem;
	left:5.4rem;
	letter-spacing:0.6rem;
}
header p{
	width:9rem;
	margin-left:2rem;
	padding-top:2rem;
	border-top:0.3rem #b5495b solid;
	font-size:0.7rem;
	line-height:1.3rem;
}

section{
	width:22rem;
	margin-top:2rem;
}
section strong{
	display:block;
	text-align:center;
	font-size:0.7rem;
	color:#b5495b;
	bottom:0.8rem;
	left:5.4rem;
	letter-spacing:0.6rem;
}
section figure{
	margin:1rem 0;
}
section figure video{
	width:21.6rem;
	border:0.2rem solid #b5495b;
}
section .videoPlay{
	width:20rem;
	height:11.25rem;
	margin:2rem auto 0 auto;
	position:relative;
}
section .videoPlay video{
	display:block;
	position:absolute;
	width:20rem;
}
section .videoPlay span{
	display:block;
	font-family:philosophycolor;
	position:relative;
	color:#fff;
	opacity:0.4;
	font-size:3rem;
	line-height:11.25rem;
	text-align:center;
	text-shadow:0.15rem 0.15rem 0.15rem #000;
}

.imgcontent li{
	width:21.6rem;
	margin-top:0.2rem;
}
.imgcontent li:nth-of-type(2n-1){
	text-align:left;
	background:url(image/moving_heart.gif) 120% 50%  repeat-y;
	background-size:7rem;
}
.imgcontent li:nth-of-type(2n){
	text-align:right;
	background:url(image/moving_heart.gif) -15% 50% repeat-y;
	background-size:7rem;
}
.imgcontent img{
	width:18.6rem;
	border:0.2rem solid #b5495b;
	border-radius:0.4rem;
	overflow:hidden;
}
.clear{
	clear:both;
}
footer{
	height:36rem;
}
footer div{
	width:22rem;
	height:22rem;
	position:relative;
}
footer div canvas{
	width:20rem;
	position:absolute;
	top:0;
	left:0;
}
footer div h3{
	width:1rem;
	font-size:1rem;
	font-weight:bold;
	line-height:1rem;
	color:#b5495b;
	position:absolute;
	top:2.8rem;
	left:1rem;
}
footer div span{
	width:6rem;
	font-size:4rem;
	font-family:"Arial";
	color:#fff;
	font-weight:bold;
	position:absolute;
}
footer div span:nth-of-type(1){
	bottom:10.2rem;
	left:5rem;
}
footer div span:nth-of-type(2){
	bottom:5.2rem;
	right:5rem;
}
footer div em{
	display:block;
	width:6rem;
	font-size:1.2rem;
	color:#fff;
	position:absolute;
}
footer div em:nth-of-type(1){
	bottom:11.2rem;
	left:12.2rem;
}
footer div em:nth-of-type(2){
	bottom:6.2rem;
	left:5.2rem;
}
footer div em:nth-of-type(1)::before{
	content:"GROOM";
	display:block;
	font-size:0.7rem;
}
footer div em:nth-of-type(2)::before{
	content:"BRIDE";
	display:block;
	font-size:0.7rem;
}
footer div p{
	width:15.9rem;
	border:1rem solid #b5495b;
	position:absolute;
	top:19.9rem;
	left:2.05rem;
	text-align:center;
	padding-top:1rem;
	line-height:1.5rem;
	font-size:0.7rem;
}
footer div strong{
	color:#b5495b;
}
footer div p img{
	width:5rem;
	margin:1rem 0;
}