@charset "utf-8";

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


.con01{height:1155px; background:url(images_hk1/con01_bg.jpg) no-repeat center top / cover;}
.con02{position:relative; height:1893px; background:url(images_hk1/con02_bg.jpg) no-repeat center top / cover;}

.link01 {position: absolute; top: 75%; left: 60%; width: 31%; height: 7%; font-size:0;}
.link02 {position: absolute; top: 82.5%; left: 60%; width: 31%; height: 7%; font-size:0;}





@media screen and (max-width: 1000px){
html{font-size:8px;}
.con01 {height:auto; padding: 47% 0;}
.con02 {height:auto; padding: 78% 0;}
.container {position:absolute; width:100%; height:100%;}

.link01 {top: 25%; left: 58%; width: 26%; height: 7%;} 
.link02 {top: 32.5%; left: 58%; width: 26%; height: 7%;} 

}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 480px){

}