@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;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}

.con1{background:url(images_hk/bg1.jpg) repeat center top;}
.con1 .padding{padding:8.6% 0 8.3%;}
.con1 .tit p:nth-child(1){display:inline-block; width:100%;}
.con1 .tit p:nth-child(2){color:#ffecd4; font-size:2.8rem; margin-top:3.6%;}
.con1 .tit p:nth-child(2) strong{display:inline-block; background:#ec5e00; border-radius:30px; padding:2px 42px;}
.con1 .box_wrap{margin-top:6.1%;}
.con1 .box{display:inline-block; width:100%; max-width:860px; box-sizing:border-box; background:#ffffff; padding:60px 3% 39px; border-radius:5px; position:relative;}
.con1 .label1:after{position:absolute; content:''; width:98px; height:98px; top:38px; left:66px; background:url(images_hk/label1.png) no-repeat center center / contain;}
.con1 .label2:after{position:absolute; content:''; width:98px; height:98px; top:49px; left:40px; background:url(images_hk/label2.png) no-repeat center center / contain;}
.con1 .box_wrap > :nth-child(n+2){margin-top:23px;}
.con1 .box dt{font-weight:bold; color:#ef7c1a; font-size:4rem;}
.con1 .label1 dt{display:inline-block; width:calc(100% - 120px);}
.con1 .box.fs dl + dl{margin-top:100px;}
.con1 .box.fs dt{letter-spacing: -1px; line-height: 1.3;}
.con1 .box dd:nth-child(2){font-size:2.2rem; color:#666666; margin-top:13px;}
.con1 .box dd:nth-child(2) span{padding-left:29px; background:url(images_hk/check.png) no-repeat left center;}
.con1 .box dd:nth-child(3){margin-top:53px;}
.con1 .box.fs dd:nth-child(3){margin-top:57px;}
.con1 .box dd:nth-child(4){margin-top:33px; font-weight:bold; color:#222222; font-size:3.3rem;}
.con1 .box dd:nth-child(4) span{color:#7c8077; font-size:2.6rem;}
.con1 .box dd:nth-child(5){margin-top:6px; color:#666666; font-size:1.8rem; letter-spacing: -1px;}
.con1 .box2{display:inline-block; width:100%; max-width:860px; box-sizing:border-box; background:#ffffff; border-radius:5px; overflow:hidden;}
.con1 .box_tit{background:#ef7c1a; box-sizing:border-box; padding:12px 3%; font-size:4rem; font-weight:bold; color:#ffffff; }
.con1 .box_con{box-sizing:border-box; padding:0 60px;}
.con1 .box_con ul{box-sizing:border-box; padding:42px 0 50px;}
.con1 .box_con ul:nth-child(n+2){border-top:1px solid #cccccc;}
.con1 .box_con li:nth-child(1){color:#e78b00; font-weight:bold; font-size:3rem;}
.con1 .box_con li:nth-child(2){color:#666666; font-size:1.8rem; margin-top:8px;}
.con1 .box_con li:nth-child(3){margin-top:52px;}
.con1 .box_con li:nth-child(4){color:#222222; font-size:3.3rem; margin-top:15px; font-weight:bold;}
.con1 .box_con li:nth-child(5){color:#666666; font-size:1.8rem; margin-top:3px; letter-spacing: -1.5px; line-height: 1.7;}
.con1 .box_con ul:nth-child(3) li:nth-child(5){margin-top:40px;}
.con1 .warn{color:#888888; font-size:1.6rem; margin-top:16px; letter-spacing: -1.5px; line-height: 1.9;}
.con1 .warn p{text-align:left; display:inline-block; width:100%; max-width:860px;}
































@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.db1000{display:inline-block;}

.con1 .box{padding:35px 3%;}
.con1 .box_con{padding:0 3%;}
.con1 .box_con ul{padding:35px 0;}
.con1 .label1:after{width:50px; height:50px; top:25px; left:15px;}
.con1 .label2:after{width:50px; height:50px; top:15px; left:15px;}
.con1 .box dd:nth-child(3){margin-top:25px;}
.con1 .box.fs dl + dl{margin-top:50px;}
.con1 .box.fs dd:nth-child(3){margin-top:25px;}
.con1 .box_con li:nth-child(3){margin-top:25px;}
.con1 .box_con ul:nth-child(3) li:nth-child(5){margin-top:25px;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:inline-block;}
.padding{padding:50px 0 !important;}

.con1 .tit p:nth-child(1){font-size:3.5rem;}

.con1 .box dt{font-size:3rem !important;}
.con1 .box_tit{font-size:3rem;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:inline-block;}
}