@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;}
.coffee {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-2px;line-height:1.4;}
.db1000{display:none;}
.db768{display:none;}
.db480{display:none;}

/* .hk *{font-family: '新宋体' !important;} */ /*홍콩*/
.hk *{font-family:'黑体', SimHei !important;} /*홍콩*/
.tw *{font-family: '新宋体' !important;} /*대만*/
.tw *{font-family:'黑体', SimHei !important;} /*대만*/
.jp *{font-family: 'DFGothic' !important;} /*일본*/
.th *{font-family:'Cloud-Light',Tahoma;} /*태국*/
.th2 {font-family:'Cloud' !important; font-weight:bold;} /*태국*/
.vn *{font-family: Arial;} /*베트남*/
.en {font-family: 'InnisfreeGothic' !important;} /*영문*/

.con1{background:url(images_hk/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:10% 0;}
/* .con1 .tit{font-weight:bold;} */
.con1 .tit p:nth-child(1){color:#b2895e; font-size:8rem; letter-spacing: -2px; text-shadow: -1px 2px 0px rgba(196, 163, 128, 0.59);}
.con1 .tit p:nth-child(2){color:#482d1e; font-size:8rem; text-shadow: -1px 2px 0px rgba(196, 163, 128, 0.59); margin-top: -2%;}
.con1 .tit p:nth-child(3){color:#ba5637; font-size:4rem; position:relative; display:inline-block; /* width:70%; max-width:520px; */ margin-top: 0.5%;}
.con1 .tit p:nth-child(3):after{position:absolute; content:''; top:43%; transform:translateY(-50%); left:-215px; width:203px; height:2px; background:url(images_hk/txt_deco1.png) no-repeat center top / 100% 100%;}
.con1 .tit p:nth-child(3):before{position:absolute; content:''; top:43%; transform:translateY(-50%); right:-215px; width:203px; height:2px; background:url(images_hk/txt_deco2.png) no-repeat center top / 100% 100%;}
.con1 .tit p:nth-child(4){display:inline-block; margin-top:5%; box-shadow: 3px 6px 14px rgba(18, 18, 18, 0.2); max-width:938px; width:95%;}


.con2{background:url(images_hk/bg2.jpg) no-repeat center top / cover;}
.con2 .padding{padding:9.6% 0 10%;}
.con2 .tit p:nth-child(1){color:#482d1e; font-size:4.5rem; font-weight:bold; line-height: 1.3;}
.con2 .tit p:nth-child(2){display:inline-block; width:100%; margin-top:35px;}
.con2 .pd_wrap{display:block; width:100%; margin:0 auto 0; max-width:976px;}
.con2 .box{background:#ffffff; margin-bottom: 4.5%;}
.con2 .bottom{clear:both;}
.con2 .box:last-child{margin-bottom:0;}
.con2 .same{float:left; width:50%; max-width:488px;}
.con2 .info{}
.con2 .info ul{display:inline-block; text-align:left; margin:10% auto 0; /* max-width:429px; width: 90%; */}
.con2 .box:nth-child(2) .up .info ul{width:83%;}
.con2 .box:nth-child(1) .bottom .info ul{margin:8% auto 0;}
.con2 .bottom .info ul{margin:11% auto 0;}
/* .con2 .box:nth-child(2) .info ul{margin:15% auto 0;}
.con2 .box:nth-child(3) .info ul{margin:12% auto 0;}
.con2 .box:nth-child(4) .info ul{margin:16% auto 0;} */
.con2 .info li:nth-child(1){color:#482d1e; font-size:2.8rem; letter-spacing: -1px;}
.con2 .info li:nth-child(1) span{padding-bottom:2%; border-bottom:2px solid currentColor;}
.con2 .info li:nth-child(1) p{color:#b2895e; font-size:2.4rem; margin-top: 3%;}
.con2 .bottom .info li:nth-child(1) p{margin-top: 0;}
.con2 .info li:nth-child(2){color:#5d5754; font-size:1.9rem; margin-top:5%; letter-spacing:-1.5px; line-height: 1.6; text-align: left;}
.con2 .box:nth-child(2) .up .info li:nth-child(2){display: inline-block;}
.con2 .info li:nth-child(2) span{font-size:2rem; margin-bottom: 2%; display: block; font-weight: bold;}
.con2 .info li:nth-child(2) p{padding-left:12px; background:url(images_hk/dot.png) no-repeat left 12px;}
.con2 .info li:nth-child(3){text-align:right; margin-top: -8%;}
.con2 .box:nth-child(3) .info li:nth-child(3){margin-top: 5%;}
.con2 .box:nth-child(2n-1) .up .vis{float:right;}
.con2 .box:nth-child(2n) .bottom .vis{float:right;}
.con2 .box:nth-child(2) .info li:nth-child(3){margin-top:-2%;}
.con2 .box:nth-child(3) .info li:nth-child(4){margin-top: -9%;}
/* .con2 .box:nth-child(3) .info li:nth-child(3){margin-top:5%;} */
/* .con2 .box:nth-child(4) .info li:nth-child(3){margin-top:5%;} */
.con2 .btn{/* margin-top:15.6%; */ display:inline-block; color:#ffffff; font-size:2rem; background:#3f3732; padding:10px 46px;}
.con2 .box:nth-child(4) .info{box-sizing: border-box;}
.con2 .box:nth-child(4) .info ul{}
.con2 .box:nth-child(4) .info ul li:nth-child(3){margin-top: -3%;}
.con2 .mix {font-size: 1.9rem;color: #5d5754;background: #fff8ef;clear: both;padding: 2% 5%;}
.con2 .mix span{font-size: 2.4rem;color: #b2895e;}





.con3{background:url(images_hk/bg3.jpg) no-repeat center top / cover;}
.con3 .padding{padding:9% 0 8%;}
.con3 .tit p:nth-child(1){color:#482d1e; font-size:5rem; font-weight:bold;}
.con3 .tit p:nth-child(2){color:#5d5754; font-size:2.5rem; margin-top:2%;}
.con3 .tit p:nth-child(3){display:inline-block; width:90%; margin-top:6%;}

.con4{background:url(images_hk/bg4.jpg) no-repeat center top / cover;}
.con4 .padding{padding:10% 0;}
.con4 .tit{}
.con4 .tit li:nth-child(1){color:#482d1e; font-size:4rem; line-height: 1.3; letter-spacing: -1px;}
.con4 .tit li:nth-child(2){color:#6a5c54; font-size:2.2rem; margin-top: 1.5%;}
.con4 .tit li:nth-child(2) span{text-align:left; display:inline-block;}
.con4 .tit li:nth-child(2) span:nth-child(2n-1){width:423px;}
.con4 .tit li:nth-child(2) span:nth-child(2n){width:360px;}
.con4 .tit li:nth-child(3){display:inline-block; width:100%; margin-top:6%;}
.con4 .box{box-sizing:border-box; background:#ffffff; padding:5% 5%; margin-top:7%; max-width:858px; width:100%; border-top:7px solid #482d1e; display:inline-block; position:relative;}
.con4 .box p:nth-child(1){font-size:4rem; color:#482d1e;}
.con4 .box p:nth-child(2){font-size:2.2rem; color:#6a5c54; margin-top:12px;}
.con4 .box p:nth-child(3){display:inline-block; width:80%; margin-top:5%;}
.con4 .box:after{position:absolute; top:-25px; left:50%; transform:translateX(-50%); width:49px; height:49px; content:''; background:url(images_hk/plus.png) no-repeat center center / 100% 100%;}

.con7{background:url(images_hk/bg7.jpg) no-repeat center top / cover;}
.con7 .padding{padding:8% 0 9%;}
.con7 .tit p:nth-child(1){color:#482d1e; font-size:4.5rem; font-weight:bold;}
.con7 .tit p:nth-child(2){color:#5d5754; font-size:2.3rem; margin-top:20px;}
.con7 .tit p:nth-child(3){display:inline-block; width:90%; margin-top:6%;}
.con7 .tit p:nth-child(4){color:#a89e99; font-size:1.8rem; margin-top:25px;}

.con10{background:url(images_hk/bg10.jpg) no-repeat center top / cover;}
.con10 .padding{padding:9.3% 0 10%;}
/* .con1 .tit{font-weight:bold;} */
.con10 .tit p:nth-child(1){color:#482d1e; font-size:4.5rem; font-weight:bold;}
.con10 .tit p:nth-child(2){color:#5d5754; font-size:2.5rem; margin-top: 2%;}
.con10 .tit p:nth-child(3){display:inline-block; width:90%; margin-top:4.8%;}
.con10 .tit p:nth-child(4){color:#482d1e; font-size:4.5rem; font-weight:bold; margin-top:9%;}
.con10 .tit p:nth-child(5){display:inline-block; width:90%; margin-top:3%;}

.con11{background:#b2895e;}
.con11 .padding{padding:7.1% 0 5.6%;}
/* .con1 .tit{font-weight:bold;} */
.con11 .tit p:nth-child(1){display:inline-block; width:100%;}

.con12{background:url(images_hk/bg12.jpg) no-repeat center top / cover;}
.con12 .padding{padding:9.8% 0 10.6%;}
/* .con1 .tit{font-weight:bold;} */
.con12 .tit p:nth-child(1){display:inline-block; width:100%;}








@media screen and (max-width: 1000px){
html{font-size:8px;}
.container {width:95%;}
.dn1000{display:none;}
.db1000{display:block;}

.con2 .info li:nth-child(3) img{width:35%;}

.con4 .tit li:nth-child(2) span{text-align:center; width:100% !important;}
}

@media screen and (max-width: 768px){
.dn768{display:none;}
.db768{display:block;}
.padding{padding:50px 0 !important;}

.con1 .tit p:nth-child(1){font-size:4.5rem;}
.con1 .tit p:nth-child(2){font-size:4.5rem;}
.con1 .tit p:nth-child(3){font-size:2.5rem;}
.con1 .tit p:nth-child(3):after {left: -84px; width: 78px;}
.con1 .tit p:nth-child(3):before {right: -84px; width: 78px;}

.con2 .tit p:nth-child(1){font-size:3rem;}
.con2 .tit p:nth-child(3){margin-top:30px;}
.con2 .tit p:nth-child(4){font-size:3rem; margin-top:40px;}
.con2 .pd_wrap{max-width:488px;}
.con2 .same{float:none; width:100%;}
.con2 .box:nth-child(2n) .vis{float:none;}
.con2 .info{display:inline-block;}
.con2 .info ul{text-align:center; margin:30px auto !important;}
.con2 .info li:nth-child(3) {text-align:center; display:inline-block; width:35%; margin-top:5% !important;}
.con2 .box:nth-child(2) .info li:nth-child(3) {display:block; margin:5% auto 0;}
.con2 .box:nth-child(4) .info ul li:nth-child(3){margin-top: 5%; width:100px;}
.con2 .info li:nth-child(3) img{width:100%;}
.con2 .btn{margin-top:20px;}
.con2 .box:nth-child(3) .info li:nth-child(4){margin-top: 0;}
.con2 .bottom .info li:nth-child(2){text-align: center;}



.con3 .tit p:nth-child(1){font-size:4rem;}

.con4 .tit li:nth-child(1){font-size:3rem;}
.con4 .box{margin-top:40px;}
.con4 .box p:nth-child(1){font-size:3.2rem;}

.con7 .tit p:nth-child(1){font-size:3rem;}

.con10 .tit p:nth-child(1){font-size:3rem;}
.con10 .tit p:nth-child(2){font-size:2rem;}
.con10 .tit p:nth-child(4){font-size:3rem;}
}

@media screen and (max-width: 480px){
html{font-size:7px;}
.dn480{display:none;}
.db480{display:block;}

/* .con1{background:url(images_hk/bg1_m.jpg) no-repeat center top / cover;} */
.con1 .tit p:nth-child(4){line-height: 1.7;}
.con1 .tit p:nth-child(3):after {left: -44px; width: 40px;}
.con1 .tit p:nth-child(3):before {right: -44px; width: 40px;}

.con4 .box:after{top:-18px; width:30px; height:30px;}

}