@charset "utf-8";




html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.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:#f6f6f6;}
.eventname .container {text-align: center; position:relative; max-width:1000px; margin:0 auto}
.eventname h2{font-size:0; position:absolute; left:-9999px; top:-9999px;}

.img{position:relative}

/* .float_banner{position:fixed; right:0; top:150px; display:inline-block; z-index:1}
.float_banner img{display:block; width:150px}
.float_banner a{display:inline-block; font-size:0; text-indent:-9999px; position:absolute; left:32%; width:60%; height:14%;}
.float_banner a.link01{top:55%}
.float_banner a.link02{top:71%} */

.con01{position:relative; height:1312px; text-align:center; background:url(images_hk/con01_bg.jpg) center top / cover}
.con02{position:relative; height:1100px; text-align:center; background:url(images_hk/con02_bg.jpg) center top / cover;}
.con03{position:relative; height:1038px; text-align:center; background:url(images_hk/con03_bg.jpg) center top / cover;}
.con04{position:relative; height:1276px; text-align:center; background:url(images_hk/con04_bg.jpg) center top / cover;}
.con05{position:relative; height:1312px; text-align:center; background:url(images_hk/con05_bg.jpg) center top / cover;}
.con06{position:relative; height:974px; text-align:center; background:url(images_hk/con06_bg.jpg) center top / cover;}
.con07{position:relative; height:1268px; text-align:center; background:url(images_hk/con07_bg.jpg) center top / cover;}
.con08{position:relative; height:2256px; text-align:center; background:url(images_hk/con08_bg.jpg) center top / cover;}
.con09{position:relative; height:986px; text-align:center; background:url(images_hk/con09_bg.jpg) center top / cover;}
.con10{position:relative; height:1727px; text-align:center; background:url(images_hk/con10_bg.jpg) center top / cover;}
.con11{position:relative; height:360px; text-align:center; background:url(images_hk/con11_bg.jpg) center top / cover;}

.con01 h2{position:absolute; left:-9999px; top:-9999px; width:0; height:0}

/* .con05 .container{height:100%; position:relative}
.con10 .container{height:100%; position:relative} */

.con05 .container {height:100%}
.con05 .container > div {position:absolute; top:0; left:0; width:100%; height:100%}
.con05 .gif{position:absolute; left:21%; top:52.5%; width:57%}

.con10 .container{height:100%}
.con10 .container > div {position:absolute; top:0; left:0; width:100%; height:100%;}
.con10 .gif{position:absolute; left:17%; top:58%; width:65%}
/* 
.con05 .container{height:100%; position:absolute; left:0; top:0; width:100%; max-width:none}
.con10 .container{height:100%; position:absolute; left:0; top:0; width:100%; max-width:none}  */

/* .con05 .link{width:14%; height:5%; font-size:0; display:inline-block; background:none; position:absolute; left:43%; bottom:7%; z-index:1} */



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

	/* .float_banner{position:fixed; right:0; top:100px; display:inline-block; z-index:1}
	.float_banner img{display:block; width:100px} */

	.con01{height:auto; padding:50% 0}
	.con02{height:auto; padding:41% 0}
	.con03{height:auto; padding:39% 0}
	.con04{height:auto; padding:46% 0}
	.con05{height:auto; padding:47% 0}
	.con06{height:auto; padding:37% 0}
	.con07{height:auto; padding:46% 0}
	.con08{height:auto; padding:80% 0}
	.con09{height:auto; padding:35% 0}
	.con10{height:auto; padding:59% 0}
	.con11{height:auto; padding:13% 0}
	
	.con05 .container {position:absolute; left:0; top:0; width:100%; height:100%; padding:0}
	.con10 .container {position:absolute; left:0; top:0; width:100%; height:100%; padding:0}
	
	.con05 .gif{position:absolute; left:29%; top:52.5%; width:41%}
	.con10 .gif{position:absolute; left:27%; top:58%; width:45%}
	
	/* .con05 .container{height:100%; position:absolute; left:0; top:0; width:100%; padding:0} */

	/* .con10 .container{height:100%; position:absolute; left:0; top:0; width:100%; padding:0} */

}

@media screen and (max-width: 768px){
	html {font-size: 7px;}
/* 	
	.float_banner{position:fixed; right:0; top:70px; display:inline-block; z-index:1}
	.float_banner img{display:block; width:50px} */
}