@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 {max-width:1000px; margin:0 auto; position:relative}

.float_banner{position:fixed; right:0; top:110px; z-index:2}
.float_banner img{width:100%; display:block}
.float_banner a{display:block; width:150px; position:relative}

.con01{position:relative; height:1200px; background:url(images_hk/con01_bg.jpg) center top / cover}
.con02{position:relative; padding:0 0 90px 0; background:#ccbcaa}
.con03{position:relative; height:8075px; background:url(images_hk/con03_bg.jpg) center top / cover}
.con04{position:relative; height:5781px; background:url(images_hk/con04_bg.jpg) center top / cover}

.con02 .video_wrap{position:relative; height:0; padding-top:56.25%}
.con02 .video_wrap iframe{position:absolute; left:0; top:0; width:100%; height:100%}

.con04 .container{position:relative; width:100%; height:100%; padding:0;}
.con04 a{display:inline-block; font-size:0; z-index:1; position:absolute; left:35%; width:30%; height:1.5%;}
.con04 a.link01{top:23.5%}
.con04 a.link02{top:35.5%}
.con04 a.link03{top:47.5%}
.con04 a.link04{top:60.5%}
.con04 a.link05{top:95.5%}

@media screen and (max-width: 1040px){
	html {font-size:8px;}
	.eventName .container {padding:0 20px; box-sizing:border-box}
	
	.float_banner{top:80px;}
	.float_banner a{width:80px}
	
	.con01{height:auto; padding:50% 0}
	.con02{padding:0 0 60px 0}
	.con03{padding:375% 0; height:auto}
	.con04{padding:260% 0; height:auto}
	
	.con04 .container{padding:0; max-width:none; position:absolute; left:0; top:0}
}

@media screen and (max-width: 768px){
	.con02{padding:0 0 40px 0}
	
	.float_banner a{width:60px}
}