@charset "utf-8";

html{font-size:10px;}
.container{width:100%; margin:0 auto; max-width:1000px; position:relative;}

.con01{position:relative; padding:100px 0; background:url(images_hk/con01_bg.jpg) center top / cover}
.con02{position:relative; padding:100px 0; background:url(images_hk/con02_bg.jpg) center top / cover}
.con03{position:relative; padding:100px 0; background:url(images_hk/con03_bg.jpg) center top / cover}
.con04{position:relative; background:url(images_hk/con04_bg.jpg) center top / cover}
.con05{position:relative; padding:100px 0; background:#fff}
.con06{position:relative; padding:100px 0; background:url(images_hk/con06_bg.jpg) center top / cover}
.con07{position:relative; padding:100px 0; background:url(images_hk/con07_bg.jpg) center top / cover}


.con01 .visual{position:relative; text-align:center}
.con01 .visual .img{display:inline-block; position:relative; margin:0 20px}
.con01 .visual .img img{display:block;}
.con01 .visual .img .txt{position:absolute; left:50%; top:60px; transform:translateX(-50%); z-index:10; text-align:center; width:100%;}
.con01 .visual .img .txt p span{position:relative; display:inline-block; color:#fff; display:inline-block}
.con01 .visual .img .txt p:nth-child(2){padding:10px 0 0 0}
.con01 .visual .img .txt p:nth-child(2) span{font-size:34px; padding:3px 10px; background:#4d1866}
.con01 .visual .img .txt img{display:inline}
.con01 .tail{position:relative; text-align:center; padding:40px 20px 0 20px; color:#833995; font-size:22px; font-weight:bold; line-height:1.5}

.con02 .box{max-width:900px; margin:0 auto; position:relative; font-size:0}
.con02 .box > div{position:relative; display:inline-block; vertical-align:top}
.con02 .box .one{position:relative; width:600px;}
.con02 .box .two{position:relative; width:300px;}
.con02 .box .title{position:relative; padding:15px 0; color:#fff; font-size:30px; text-align:center}
.con02 .box .one .title{background:#d8b0e1}
.con02 .box .two .title{background:#b998c1}
.con02 .box .bong{position:relative; padding:0 0 40px 0; text-align:center; background:#fff; vertical-align:top;}
.con02 .box .one .bong{display:inline-block; width:50%;}
.con02 .box .one .bong.gray{background:#fafafa}
.con02 .box .txt{position:relative; padding:20px 0 0 0; text-align:center}
.con02 .box .txt p:nth-child(1){font-size:22px; font-weight:bold; color:#222; line-height:1.4}
.con02 .box .txt p:nth-child(2){font-size:22px; color:#555555; padding:5px 0 0 0; line-height:1.4}
.con02 .box .txt p:nth-child(3){font-size:#777777; font-size:16px; padding:15px 0 0 0; line-height:1.5}

.con03 .box{position:relative; max-width:900px; margin:0 auto; margin-bottom:100px;}
.con03 .box .title{position:relative; padding:15px 0; text-align:center; color:#fff}
.con03 .box .title p:nth-child(1){font-size:30px; font-weight:bold; line-height:1.4}
.con03 .box .title p:nth-child(2){font-size:24px; line-height:1.4; padding:5px 0 0 0}
.con03 .box .title.purple{background:#895a98}
.con03 .box .title.orange{background:#db8b5a}
.con03 .box .title.pink{background:#c77d89}
.con03 .slideBox{position:relative; background:#fff}
.con03 .slideBox .slick-arrow{display:inline-block; width:25px; height:46px; font-size:0; border:0; text-indent:-9999px; position:absolute; top:50%; transform:translateY(-50%); z-index:10; cursor:pointer; outline:none}
.con03 .slideBox .slick-arrow.slick-prev{background:url(images_hk/prev.png) no-repeat; left:-60px}
.con03 .slideBox .slick-arrow.slick-next{background:url(images_hk/next.png) no-repeat; right:-60px}
.con03 .slideBox .slick-dots{width:100px; height:6px; position:absolute; left:50%; transform:translateX(-50%); bottom:-30px}
.con03 .slideBox .slick-dots li{display:inline-block; width:50%; height:100%;}
.con03 .slideBox .slick-dots li button{font-size:0; border:0; width:100%; height:100%; background:#fff}
.con03 .slideBox .slick-dots li.slick-active button{background:#895a98}

.con04 .padding{position:relative; padding:11% 0 75% 0;}
.con04 .title{position:relative; text-align:center; font-size:60px; font-weight:bold; color:#a64704}

.con05 .img{position:relative; text-align:center; padding:0 20px}

.con06 .visual{position:relative; max-width:1000px; margin:0 auto; margin-bottom:50px; text-align:center}
.con06 .visual.mb0{margin-bottom:0}

.con07 .title{position:relative; text-align:center}
.con07 .title p:nth-child(1){font-size:35px; color:#a64704; font-weight:bold}
.con07 .title p:nth-child(2){position:relative; padding:15px 0 0 0;}
.con07 .title p:nth-child(2) span{display:inline-block; padding:0px 30px; border-radius:30px; color:#fff; background:#c98141; vertical-align:top; margin:0 5px; font-size:38px; height:60px; line-height:60px}
.con07 .title p:nth-child(2) span i{font-weight:bold; font-style:normal}
.con07 .title p:nth-child(2) span i em{font-size:55px; line-height:1; position:relative; top:2px}

.con07 .box{max-width:890px; margin:0 auto; background:#fff; border-radius:5px; overflow:hidden; margin:0 auto; margin-top:60px; padding:10px; box-sizing:border-box; text-align:center}
.con07 .box > div{position:relative; padding:25px 0 60px 0; background:#fff; border:1px solid #e7d1c2; border-radius:5px}
.con07 .box .tail{position:relative; padding:20px 20px 0 20px; text-align:center; font-size:16px; color:#b5b5b5 ;line-height:1.5}
.con07 .ft_txt{max-width:770px; margin:0 auto; padding:40px 0 0 0; position:relative; color:#cba677; font-size:16px; line-height:1.5}
.con07 .ft_txt:before{content:'*'; font-size:15px; color:#cba677; position:absolute; left:-14px; top:40px}

@media screen and (max-width: 1000px){
	.con01, .con02, .con03, .con05, .con06, .con07{padding:70px 0}
	
	.con01 .visual .img .txt p:nth-child(2) span{font-size:28px}
	.con01 .tail{font-size:17px}
	
	.con02 .box{max-width:none; width:auto; margin:0 50px}
	.con02 .box .one{width:66%}
	.con02 .box .two{width:33%}
	.con02 .box .title{font-size:20px}
	.con02 .box .txt p:nth-child(1){font-size:17px}
	.con02 .box .txt p:nth-child(2){font-size:17px}
	.con02 .box .txt p:nth-child(3){font-size:14px}
	
	.con03 .box{width:auto; margin:0 50px 100px 50px}
	.con03 .box .title p:nth-child(1){font-size:22px}
	.con03 .box .title p:nth-child(2){font-size:18px}
	.con03 .slideBox .slick-arrow{display:none !important}
	.con03 .slideBox .slick-dots{width:80px; height:4px}
	
	.con04 .title{font-size:40px}
	
	.con06 .visual.block img{max-width:220px;}
	.con06 .visual.block img:nth-child(2){max-width:228px}
	
	.con07 .title p:nth-child(1){font-size:25px}
	.con07 .title p:nth-child(2) span{font-size:30px; height:50px; line-height:50px}
	.con07 .title p:nth-child(2) span i em{font-size:40px}
	.con07 .box{max-width:none; margin:0 50px; margin-top:30px}
	.con07 .box .img{padding:0 50px}
	.con07 .box > div{padding:30px 0 50px 0}
	.con07 .box .tail{font-size:15px}
	.con07 .ft_txt{max-width:none; margin:0 50px; font-size:15px; padding-left:15px}
	.con07 .ft_txt:before{left:0px}
}

@media screen and (max-width: 768px){
	.con01, .con02, .con03, .con05, .con06, .con07{padding:50px 0}
	
	.con01 .visual .img .txt{top:40px}
	.con01 .visual .img .txt img{width:240px}
	.con01 .visual .img .txt p:nth-child(2) span{font-size:20px}
	.con01 .tail{font-size:14px; padding:30px 10px 0 10px}
	
	.con02 .box{margin:0 20px}
	.con02 .box .one{width:auto; display:block}
	.con02 .box .two{width:auto; display:block; margin-top:15px}
	.con02 .box .two .img img{width:50%}
	.con02 .box .title{font-size:16px}
	.con02 .box .bong{padding:0 0 20px 0}
	.con02 .box .txt{padding:20px 10px 0 10px}
	.con02 .box .txt p:nth-child(1){font-size:15px}
	.con02 .box .txt p:nth-child(2){font-size:15px}
	.con02 .box .txt p:nth-child(3){font-size:13px}
	
	.con03 .box{width:auto; margin:0 20px 70px 20px}
	.con03 .box .title p:nth-child(1){font-size:17px}
	.con03 .box .title p:nth-child(2){font-size:14px}
	.con03 .slideBox .slick-dots{width:70px; height:4px}
	
	.con04 .title{font-size:25px}
	
	.con06 .visual{margin-bottom:30px}
	.con06 .visual.btn img{max-width:300px; width:100%}
	.con06 .visual.block img{max-width:250px !important; width:100%; display:block; margin:0 auto; margin-bottom:30px;}
	
	.con07 .title p:nth-child(1){font-size:20px}
	.con07 .title p:nth-child(2) span{font-size:20px; height:40px; line-height:40px; margin:0 3px; padding:0 20px}
	.con07 .title p:nth-child(2) span i em{font-size:25px;}
	.con07 .box{margin:0 20px; margin-top:20px}
	.con07 .box .img{padding:0 20px}
	.con07 .box > div{padding:30px 0 40px 0}
	.con07 .box .tail{font-size:14px}
	.con07 .ft_txt{margin:0 20px; font-size:13px; padding:20px 0 0 0; padding-left:15px;}
	.con07 .ft_txt:before{left:0px; top:19px}
}

/* @media screen and (max-width: 540px){
	.con03 .slideBox .slide{overflow:hidden}
	.con03 .slideBox .slide img{width:200%; max-width:none; margin-left:-100%}
} */