html{
	font-size: 13.333333333333334vw;
}
body{
	margin:0;
}
.container {
	position: relative;
	font-family: "mheihk-medium";
}
.container img{
	vertical-align:bottom;
}
.content > div{
	position: relative;
}
.content1 > p,
.content2 > p,
.content1 > a,
.content2 > a{
	position: absolute;
}
.content1 p ,
.content2 p {
	font-size: 0.217rem;
	line-height: 0.35rem;
	letter-spacing: 0.02rem;
	margin: 0;
	transform: scaleX(98%) translateX(-50%);
	color: #F1C78D;
	font-weight: 300;
}
/*content1*/
.content1 p {
	width: 5.9rem;
	top: 70.8%;
	left: 49.5%;
	text-align: center;
	transform: scaleX(98%) translateX(-50%);
	line-height: 0.37rem;
	
	
}
.content1 p span{
	color:#c67b81;
}
/*content2*/
.content2{
	margin-top:-1px;
}
.content2 p{
	left:50%;
}
.content2 .link_5 {
	width: 2rem;
	height: 2.2rem;
	top: 3.9%;
	left: 39%;
	
}
.content2 .text_5 {
	width: 4.3rem;
	top: 14.4%;
}
.content2 .link_20 {
	width: 2rem;
	height: 2.3rem;
	top: 23.2%;
	left: 39.6%;
}
.content2 .text_20 {
	width: 4.1rem;
	top: 34.3%;
}
.content2 .link_13 {
	width: 2.8rem;
	height: 2.2rem;
	top: 41.6%;
	left: 33.8%;
}
.content2 .text_13 {
	width: 4.2rem;
	top: 52.3%;
}
.content2 .link_1 {
	width: 2rem;
	height: 2.2rem;
	top: 61.2%;
	left: 39.3%;
}
.content2 .text_1 {
	width: 4.1rem;
	top: 71.9%;
}
.content2 .link_4 {
	width: 2.8rem;
	height: 2.2rem;
	top: 79.2%;
	left: 34%;
}
.content2 .text_4 {
	width: 4.2rem;
	top: 89.8%
}

.cardBox{
	position: absolute;
}
.cardBox .title {
	color: #a97099;
	font-size: .316rem;
	letter-spacing: 0.04rem;
	line-height:.4rem;
	margin:0;
	font-weight:300;
	transform: scaleX(98%);
}
.content3 .cardBox0 {
	width: 3.6rem;
	top: 11.9%;
	left: 11.6%;
}
.cardBox0 .title{
	color:#87124c;
}
.content3 .cardBox1{
	top: 33.8%;
	left: 11.6%;
	width: 4rem;
}
.cardBox1 .title{
	color:#fff;
}
.content3 .cardBox2{
	top: 55.8%;
	left: 11.6%;
	width: 4.2rem;
}
.content3  .cardBox3 {
	top: 77.8%;
	left: 11.6%;
	width: 4rem;
}
.cardBox2 .title ,
.cardBox3 .title {
	color:#F1C78D;
}
.cardBox a {
	position: absolute;
	width: 100%;
	height: 38%;
	border-radius: 50%;
	top: 0;
	
}
.cardBox .contentText {
	margin: 0.06rem 0 0;
	font-size: 0.217rem;
	line-height: 0.3rem;
	letter-spacing: 0.04rem;
	transform: scaleX(98%);
	color: #fff;
	font-weight: 300;
}
.cardBox0 .contentText{
	color:#3c3c3b;
	font-weight:400;
}
@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: 'mheihks-light';
	src: url('../font/mheihks-light/mheihks-light.eot') format('embedded-opentype'), 
		url('../font/mheihks-light/mheihks-light.svg') format('svg'),
		url('../font/mheihks-light/mheihks-light.ttf') format('truetype'),
		url('../font/mheihks-light/mheihks-light.woff') format('woff');
}
@font-face {
	font-family: 'mheihk-medium';
	src: url('../font/mheihk-medium/mheihk-medium.eot') format('embedded-opentype'), 
		url('../font/mheihk-medium/mheihk-medium.svg') format('svg'),
		url('../font/mheihk-medium/mheihk-medium.ttf') format('truetype'),
		url('../font/mheihk-medium/mheihk-medium.woff') format('woff');
}
@font-face {
	font-family: 'mheihk-light';
	src: url('../font/mheihk-light/mheihk-light.eot') format('embedded-opentype'), 
		url('../font/mheihk-light/mheihk-light.svg') format('svg'),
		url('../font/mheihk-light/mheihk-light.ttf') format('truetype'),
		url('../font/mheihk-light/mheihk-light.woff') format('woff');
}