html{
	font-size: 13.333333333333334vw;
}
body{
	margin:0;
}
.container {
	position: relative;
	font-family: "MheiHKs-Medium";
	color: #575756;
}
.container img{
	vertical-align:bottom;
}
.content > div{
	position: relative;
}
.content > div > p,
.content > div > a{
	position: absolute;
}
	.content > div p {
		font-size: 0.225rem;
		line-height: 0.36rem;
		letter-spacing: 0.03rem;
		margin: 0;
		transform: scaleX(98%);
	}
/*content1*/
.content1 p {
	width: 6.8rem;
	top: 42%;
	left: 5%;
	text-align: center;
}
.content1 p span{
	color:#c67b81;
}
/*content2*/
.content2 .link_5 {
	width: 4.6rem;
	height: 4.5rem;
	top: 3%;
	left: 20%;
}
.content2 .text_5 {
	width: 4.4rem;
	top: 13%;
	left: 22%;
}
.content2 .text_5_tc {
	width: 4.5rem;
	top: 13%;
	left: 22%;
}
	.content2 .link_20 {
		width: 4.6rem;
		height: 4rem;
		top: 23%;
		left: 20%;
	}
.content2 .text_20 {
	width: 4.4rem;
	top: 33%;
	left: 22%;
}
.content2 .link_13 {
	width: 4.6rem;
	height: 4rem;
	top: 41%;
	left: 20%;
}
.content2 .text_13 {
	width: 4.4rem;
	top: 51%;
	left: 22%;
}
.content2 .link_1 {
	width: 4.6rem;
	height: 4rem;
	top: 59%;
	left: 20%;
}
.content2 .text_1 {
	width: 4.4rem;
	top: 70%;
	left: 22%;
}
.content2 .link_4 {
	width: 4.6rem;
	height: 3.5rem;
	top: 76.5%;
	left: 20%;
}
.content2 .text_4 {
	width: 4.4rem;
	top: 85.5%;
	left: 22%;
}
/*content3*/
.content3 .link_MarriageDay {
	width: 3rem;
	height: 0.6rem;
	top: 90.5%;
	left: 32%;
}
.content3 .text_MarriageDay {
	width: 4.5rem;
	top: 62%;
	left: 24%;
}
/*content4*/
.content4 .cardBox {
	top: 17.6%;
}
.content4 .cardBox1{
	top:44.5%;
}
.content4 .cardBox2{
	top:67.7%;
}
.cardBox2 p {
	color: #fff !important;
}
.content4 .cardBox3 {
	top: 94.5%;
}
.cardBox{
	position: absolute;
	width: 6rem;
	left: 11.5%;
}
	.cardBox .title_sc {
		color: #F6AF8C;
		font-size: 0.33rem;
		font-family: "mheiprc-light";
	}
	.cardBox .title {
		color: #F6AF8C;
		font-size: 0.33rem;
		font-family: "mheihk-light";
	}
	.cardBox a {
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		bottom: 0;
	}
	.cardBox .contentText {
		margin-top: 0.05rem !important;
	}
@font-face {
	font-family: 'MheiHKs-Medium';
	src: url('../font/mheihks-medium/mheihks-medium.eot') format('embedded-opentype'), url('../font/mheihks-medium/mheihks-medium.svg') format('svg'), url('../font/mheihks-medium/mheihks-medium.ttf') format('truetype'), url('../font/mheihks-medium/mheihks-medium.woff') format('woff');
}
@font-face {
	font-family: 'mheihk-light';
	src: url('../font/mheihks-light/mheihk-light.otf') format('opentype');
}

@font-face {
	font-family: 'mheiprc-light';
	src: url('../font/mhei-prc-light/mheiprc-light.ttf') format('truetype');
}