@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; height:100%; margin:0 auto; position:relative}

.con01{position:relative; height:1180px; background:url(images_hk/con01_bg.jpg) center top / cover}
.con02{position:relative; height:1403px; background:url(images_hk/con02_bg.jpg) center top / cover}
.con03{position:relative; height:1326px; background:url(images_hk/con03_bg.jpg) center top / cover}
.con04{position:relative; height:1163px; background:url(images_hk/con04_bg.jpg) center top / cover}
.con05{position:relative; height:1357px; background:url(images_hk/con05_bg.jpg) center top / cover}
.con06{position:relative; height:1255px; background:url(images_hk/con06_bg.jpg) center top / cover}
.con07{position:relative; height:1211px; background:url(images_hk/con07_bg.jpg) center top / cover}
.con08{position:relative; height:1912px; background:url(images_hk/con08_bg.jpg) center top / cover}
.con09{position:relative; height:5306px; background:url(images_hk/con09_bg.jpg) center top / cover}


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

.con09 a{display:inline-block; font-size:0; position:absolute; width:36%; height:2%}

.con09 .link01{left:32%; top:28.1%}
.con09 .link02{left:32%; top:40.7%}
.con09 .link03{left:32%; top:55%}
.con09 .link04{left:32%; top:94.5%}

.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}

.snows { width:100%; height:100%; position:fixed; top:0; left:0;z-index:2;pointer-events:none;}

@-webkit-keyframes snowflakes-fall {
  0% { top:-1% } 100% { top:900px; }
}
@-webkit-keyframes snowflakes-shake {
  0%, 100% { -webkit-transform:translateX(0); transform:translateX(0) }
  50% { -webkit-transform:translateX(80px); transform:translateX(80px) }
}
@keyframes snowflakes-fall {
  0% { top:-1% } 100% { top:900px; }
}@keyframes snowflakes-shake {
  0%, 100% { transform:translateX(0) }
  50% { transform:translateX(80px) }
}
.snowflake{
  position:fixed; top:-1%; z-index:9999; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:default; -webkit-animation-name:snowflakes-fall, snowflakes-shake; -webkit-animation-duration:10s, 3s; -webkit-animation-timing-function:linear, ease-in-out; -webkit-animation-iteration-count:infinite, infinite; -webkit-animation-play-state:running, running;animation-name:snowflakes-fall, snowflakes-shake; animation-duration:10s, 3s; animation-timing-function:linear, ease-in-out; animation-iteration-count:infinite, infinite; animation-play-state:running, running
}
.snowflake:nth-of-type(1) {
  width:76px;
	height:86px;
	background:url('images_hk/snow1.png')no-repeat center top;
	background-size:cover;
	left:1%;
	-webkit-animation-delay:0s, 0s;
	animation-delay:0s, 0s;
}
.snowflake:nth-of-type(2) {
	width:35px;
	height:35px;
	background:url('images_hk/snow2.png')no-repeat center top;
	background-size:cover;
	left:30%;
	-webkit-animation-delay:6s, 2s;
	animation-delay:6s, 2s
}
.snowflake:nth-of-type(3) {
  width:55px;
	height:54px;
	background:url('images_hk/snow3.png')no-repeat center top;
	background-size:cover;
	left:60%;
	-webkit-animation-delay:6s, .5s;
	animation-delay:6s, .5s;
}
.snowflake:nth-of-type(4) {
  width:73px;
	height:72px;
	background:url('images_hk/snow4.png')no-repeat center top;
	background-size:cover;
	left:90%;
	-webkit-animation-delay:1s, 0s;
	animation-delay:1s, 0s;
}
.snowflake:nth-of-type(5) {
	width:35px;
	height:35px;
	background:url('images_hk/snow2.png')no-repeat center top;
	background-size:cover;
	left:75%;
	-webkit-animation-delay:8s, 3s;
	animation-delay:8s, 3s;
}
.snowflake:nth-of-type(6) {
  width:55px;
	height:54px;
	background:url('images_hk/snow3.png')no-repeat center top;
	background-size:cover;
	left:85%;
	-webkit-animation-delay:2.5s, 1s;
	animation-delay:2.5s, 1s;
}
.snowflake:nth-of-type(7) {
  width:29px;
	height:28px;
	background:url('images_hk/snow5.png')no-repeat center top;
	background-size:cover;
	left:95%;
	-webkit-animation-delay:3s, 1.5s;
	animation-delay:3s, 1.5s;
}
.snowflake:nth-of-type(8) {
  width:29px;
	height:28px;
	background:url('images_hk/snow5.png')no-repeat center top;
	background-size:cover;
	left:55%;-webkit-animation-delay:1s, 1s; animation-delay:1s, 1s;
}
.snowflake:nth-of-type(9) {
	width:35px;
	height:35px;
	background:url('images_hk/snow2.png')no-repeat center top;
	background-size:cover;
	left:45%;-webkit-animation-delay:3s, 1.5s; animation-delay:3s, 1.5s;
}
.snowflake:nth-of-type(10) {
  width:55px;
	height:54px;
	background:url('images_hk/snow3.png')no-repeat center top;
	background-size:cover;
	left:35%;-webkit-animation-delay:9.5s, 1s; animation-delay:9.5s, 1s;
}


@media screen and (max-width: 1040px){
	html {font-size:8px;}
	.eventName .container {position:absolute; left:0; top:0; width:100%; height:100%;}
	
	.float_banner{top:80px;}
	.float_banner a{width:80px}

	.con01{height:auto;padding: 66% 0;}
	.con02{height:auto;padding: 60% 0;}
	.con03{height:auto;padding: 84% 0;}
	.con04{height:auto;padding: 75% 0;}
	.con05{height:auto;padding: 86% 0;}
	.con06{height:auto;padding: 81% 0;}
	.con07{height:auto;padding: 79% 0;}
	.con08{height:auto;padding: 109% 0;}
	.con09{height:auto;padding: 229% 0;}
}

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