@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;}
.cherry {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;}
/* a, ul, li, p, img, div{max-width: 100%;} */ /* 슬릭넣어야할때 빼기 */

/* .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;} /*태국*/
.vn *{font-family: Arial;} /*베트남*/
.en {font-family: 'InnisfreeGothic' !important;} /*영문*/

.con1{background:url(images_hk/bg1.jpg) no-repeat center top / cover;}
.con1 .padding{padding:20.5% 0 6.2% !important;}
.con1 .tit p:nth-child(1){display:inline-block; width:60%;}
.con1 .tit p:nth-child(2){color:#9d6e6e; font-size:2.5rem; margin-top:4%; font-family: 'InnisfreeGothic' !important;}
.con1 .tit2{margin-top:35.4%;}
.con1 .tit2 p:nth-child(1){display:inline-block; width:85%;}
.con1 .tit2 p:nth-child(2){font-size:2.2rem; color:#9b6363; margin-top:13px;}

.con2{background:#fed8d6;}
.con2 .padding{padding:0 0 7.4%;}
.you_wrap{position:relative; max-width:608px; width:100%; display:inline-block;}
.youtubeBox{width:100%; height:auto; padding-top:56.25%; box-sizing:border-box; color:#e77c68; position:relative;}
.youtubeBox iframe{position:absolute; top:0 ;left:0; width:100%; height:100%;}
.con2 .txt{margin-top:32px; display:inline-block; width:95%;}
.con2 .look{margin-top:75px;}
.con2 .look li{display:inline-block; margin:0 7.5px;}

.con3{background:#fff0ec;}
.con3 .padding{padding:10.4% 0 7.5%;}
.con3 .box{width:100%; max-width:860px; display:inline-block; box-sizing:border-box;}
.con3 .box_tit{background:#ff636e; padding:10px 3%; box-sizing:border-box; color:#ffcbcf; font-weight:bold; font-size:3rem;}
.con3 .box_tit span{color:#ffffff;}
.con3 .box_con{box-sizing:border-box; padding:6.5% 1% 7.4% 48.1%; background:url(images_hk/box_bg.jpg) no-repeat center top / cover; text-align:left;}
.con3 .box_con p:nth-child(n-2){color:#9b6363; font-size:2rem; letter-spacing: -1px;}
.con3 .box_con p:nth-child(2){margin-top:6px;}
.con3 .box_con p:nth-child(3){margin-top:36px;}
.cherry .btn{color:#ffffff; font-size:1.8rem; background:#e1465f; border-radius:3px; padding:7px 35px;}
.con3 .box_con2{background:#ffffff; box-sizing:border-box; padding:47px 3%;}
.con3 .box_con2 li{display:inline-block; margin:0 23.5px;}

.con4{background:#fff8f8;}
.con4 .padding{padding:10% 0 6.3%;}
.con4 .btn_wrap{max-width:791px; width:100%; display:inline-block;}
.con4 .btn_wrap li:nth-child(1){float:left;}
.con4 .btn_wrap li:nth-child(2){float:right;}
.con4 .btn_wrap ul:nth-child(2n) li:nth-child(1){float:right;}
.con4 .btn_wrap ul:nth-child(2n) li:nth-child(2){float:left;}
.con4 .btn_wrap ul:nth-child(n+2){margin-top:50px;}

.con5{background:url(images_hk/bg5.jpg) no-repeat center top / cover;}
.con5 .padding{padding:7% 0 8.4%;}
.con5 .tit p:nth-child(1){display:inline-block; width:70%;}
.con5 .box{display:inline-block; width:100%; max-width:860px; box-sizing:border-box; background:#ffffff; box-shadow:5px 4px 12px rgba(18, 18, 18, 0.05); margin-top:40px;}
.con5 .up{box-sizing:border-box; padding:36px 1% 40px;}
.con5 .up li{display:inline-block; margin:0 18.5px;}
.con5 .down{background:#f6f6f6; box-sizing:border-box; padding:18px 1%; font-size:1.8rem; color:#bababa;}
.con5 .graph{margin-top:50px;}
.con5 .box2{margin-top:65px;}
.con5 .box_tit{box-sizing:border-box; padding:10px 5%; color:#fefefe; font-weight:bold; background:#dc527f; font-size:3rem;}
.con5 .box_con{box-sizing:border-box; padding:28px 3% 40px;}
.con5 .box_con p:nth-child(2){margin-top:30px; color:#7a6f6f; font-size:2rem;}

.con6{background:url(images_hk/bg6.jpg) no-repeat center top / cover;}
.con6 .padding{padding:11.5% 0 7%;}
.con6 .tit p:nth-child(1){display:inline-block; width:70%;}
.con6 .slide{margin-top:71.7%; position:relative;}
	.arrow{position:absolute; top:40%; width:4%;}
	.prev{left:0;}
	.next{right:0;}


.con7{background:url(images_hk/bg7.jpg) no-repeat center top / cover; position:relative;}
.con7 .padding{padding:6% 0 8%;}
.con7 .tit p:nth-child(1){display:inline-block; width:50%;}
.con7 .box_wrap{margin-top:47px;}
.con7 .box{box-sizing:border-box; border-radius:10px; border:3px solid #ffd6e3; background:#ffffff; position:relative;}
.con7 .box:nth-child(1){overflow:hidden;}
.con7 .box:nth-child(n+2){margin-top:37px;}
.con7 .box:nth-child(n+2):before{position:absolute; content:''; width:49px; height:49px; top:-27px; left:50%; transform:translate(-50%); background:url(images_hk/plus.png) no-repeat center center / contain;}
.con7 .box_tit{background:#ffd6e3; box-sizing:border-box; padding:16px 3%; color:#623544; font-size:2.8rem; font-weight:bold;}
.con7 .box_con{box-sizing:border-box; padding:30px 3% 50px;}
.con7 .tit2{margin-top:11.2%;}
.con7 .tit2 p:nth-child(1){display:inline-block; width:50%;}
.con7 .box_wrap2{margin-top:25px;}
.con7 .warn{margin-top:3.6%; color:#c19f9f; font-size:1.8rem;}

.floating{background:url(images_hk/bg_png.png) repeat-x center bottom / auto 100%;}






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

.con2 .look li{display:block;}
.con2 .look li:nth-child(n+2){margin-top:20px;}

.con3 .box_con2 li{display:block;}
.con3 .box_con2 li img{max-width:230px;}
.con3 .box_con2 li:nth-child(n+2){margin-top:40px;}

.con4 .btn_wrap li{float:none !important;}
.con4 .btn_wrap li img{width:250px;}
.con4 .btn_wrap li:nth-child(n+2){margin-top:40px;}

.con5 .up{padding:30px 3%;}
.con5 .up li{display:block; margin:0;}
.con5 .up li img{width:250px;}

.con7 .box_con{padding:30px 0;}
}

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

.con3 .box_con p:nth-child(n-2){font-size:1.5rem;}
.con3 .box_con p:nth-child(3){margin-top:10px;}
.con3 .box_con{padding:40px 1% 40px 45.1%;}

}

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

.con3 .box_con{padding:30px 1% 30px 43.1%;}
.con7 .box:nth-child(n+2):before{width:30px;}
}