@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {position:relative; margin:0 auto; max-width:1000px; width:100%; height:100%;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#efdfe8;}
b, em{font-weight:bold !important}
.blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

.con01{position:relative; height:1509px; background:url(images_hk/con01_bg.jpg) center top / cover}
.con02{position:relative; height:3789px; background:url(images_hk/con02_bg.jpg) center top / cover}
.con03{position:relative; height:1051px; background:url(images_hk/con03_bg.jpg) center top / cover;}

.gif01 {position:absolute; top:47.2%; left:36%; width:auto;height:auto;}


@media screen and (max-width: 1040px){
	html {font-size:9px;}
	/* .container{padding:0 20px; box-sizing:border-box;} */

	.container{position:absolute;}
	.gif01 {position:absolute; top:-3%; left:37%; width:25%; height:auto;}
	
	.con01{height:auto; padding:53% 0}
	.con02{height:auto; padding:162% 0}
	.con03{height:auto; padding:45% 0}
}	

@media screen and (max-width: 768px){
	html {font-size:7px;}
}

@media screen and (max-width: 480px){
	html {font-size:6px;}
}