@media only screen and (max-width: 768px) {
	html{
	    font-size:calc(100vw/375*16);
	}
	.container{
		width:calc(375rem/16)!important;
	}
	.page_top{
		margin-top: 0;
		height: auto;
		background-position-X:left;
		padding: 10px 0!important;
        display:none;
	}
    .page_top_mobile{
		margin-top: 0;
		height: auto;
		background-position-X:left;
		padding: 10px 0 0!important;
        display:block!important;
	}
	.page_top_mobile img{
		width:100%;
		height:100%;
	}
	.ET_main{
		display:none;
	}
	.discover_guide{
		display:none;
	}
    .container-title{
    	width:calc(310rem/16);
    	height:auto;
    	margin:calc(20rem/16) auto calc(20rem/16);
    }
    .container-title img{
    	width:100%;
    }
    .section-title{
    	border-left:calc(3rem/16) solid #12249c;
    	padding-left:calc(8rem/16);
    	height:calc(28rem/16);
    	line-height:calc(28rem/16);
    	color:#12249c;
    	font-size:calc(18rem/16);
    	margin-bottom:calc(18rem/16);
        margin-left:calc(10rem/16);
    }
    .about-contentAll{
        display:flex;
        width:calc(355rem/16);
        margin:0 auto;
    }
    .about-content{
    	padding:calc(10rem/16) calc(10rem/16) 0 calc(10rem/16);
    	height:calc(150rem/16);
    	width:calc(173rem/16);
    	box-sizing:border-box;
    	box-shadow: 0 0 15px #0a1b9820;
        margin-bottom:calc(10rem/16);
    }
    .ceremony-image{
    	width:calc(153rem/16);
    	height:auto;
    }
    .ceremony-word{
    	height:calc(60rem/16);
    	width:calc(160rem/16);
    	display:flex;
    	justify-content:center;
    	align-items:center;
    }
    .ceremony-word p{
    	text-align:center;
    	color:#02054c;
    	font-size:calc(12rem/16);
    	font-weight:700;
    	line-height:calc(16rem/16);
    }
    .about-contentAll{
    	margin-bottom:calc(30rem/16);
    }
.resources-grid{
	display:block;
	justify-content:space-between;
    width:calc(355rem/16);
    margin:calc(20rem/16) auto calc(20rem/16);
}

.resource-item{
    width:calc(355rem/16);
	background:#12249d;
	height:calc(385rem/16);
	box-shadow: 0 0 15px #0a1b9820;
    margin-bottom:calc(10rem/16);
}
.resource-icon{
	width:100%;
	/* height:263px; */
    height:auto;
}
.resource-icon img{
	width:100%;
	height:auto;
}
.resource-item .summary{
	width:calc(322rem/16);
	margin-top:calc(22rem/16);
	border-top:calc(1rem/16) solid #fff;
	margin:calc(22rem/16) auto 0;
	height:calc(100rem/16);
	display:flex;
	align-items:center;
	justify-content:center;
}
.resource-item .summary p{
	text-align:center;
	color:#fff;
	font-weight:700;
	font-size:calc(18rem/16);
	line-height:calc(28rem/16);
}
.event-content{
	display:flex;
	flex-wrap:wrap;
    width:calc(355rem/16);
    margin:0 auto;
}
.event-content>a{
	margin-right:calc(24rem/16);
	margin-bottom:calc(30rem/16);
}
    .event-content>a:nth-child(7n){
        margin-right:calc(22rem/16)!important;
    }
.event-content>a:nth-child(3n){
	margin-right:0!important;
}
.event-content .event-item{
	width:calc(100rem/16);
	box-shadow: 0 0 15px #0a1b9820;
}
.event-content .event-item img{
	width:calc(100rem/16);
}
}