@charset "utf-8";

.svpcm{position:relative; max-width:2560px; margin:0 auto}

.con01{position:relative; height:603px; background:url(images_hk/con01_bg.jpg) center top / cover}
.con02{position:relative; padding:100px 0; text-align:center; background:url(images_hk/con02_bg.jpg) center top / cover; background-color:#362923;}
.con03{position:relative; padding:100px 0; text-align:center; background:#ebebeb}
.con04{position:relative; padding:100px 0; text-align:center; background:#fffbfb}
.con05{position:relative; padding:100px 0; text-align:center; background:url(images_hk/con05_bg.jpg) center top / cover;}
.con06{position:relative; padding:100px 0; text-align:center; background:url(images_hk/con06_bg.jpg) center top / cover;}
.con07{position:relative; padding:100px 0; text-align:center; background:url(images_hk/con07_bg.jpg) center top / cover;}
.con0506{display:none}
.pd_m{display:none}

.con01 img{display:none}

.con02 .title{position:relative; font-size:49px; line-height:1.2; color:#fff; text-shadow:3px 3px 3px #363636}
.con02 .title span{color:#f19b05}
.con02 .ddak{position:relative; padding:30px 0 0 0}
.con02 .video_wrap{position:relative; margin:0 auto; margin-top:30px; max-width:710px}
.con02 .video_wrap > div{position:relative; height:0; padding-top:56.25%}
.con02 .video_wrap > div iframe{width:100%; height:100%; position:absolute; left:0; top:0}
.con02 .tail{position:relative; padding:30px 10px 0 10px; color:#786e69; font-size:18px; line-height:1.5}

.con03 .tail{position:relative; padding:30px 10px 0 10px; color:#8a8a8a; font-size:18px; line-height:1.5}

.con04 .img{position:relative;}
.con04 .txt{padding:30px 20px 0 20px}
.con04 .txt > div{position:relative; display:inline-block; padding:20px 40px; text-align:center; line-height:1.4; color:#979ca0; font-size:17px; background:#faf3f3; box-sizing:border-box}
.con04 .model{position:relative; padding:40px 0px 0 0px; font-size:0; }
.con04 .model > div{position:relative; display:inline-block; -webkit-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.1);
box-shadow:2px 3px 8px 0px rgba(0,0,0,0.1);}
.con04 .model .head{width:calc(100% + 16px); position:absolute; left:-8px; top:-2px; z-index:1; max-width:none}
.con04 .model img{display:block}
.con04 .model > div > div{position:relative; box-sizing:border-box; padding:20px 20px; text-align:center; color:#979ca0; font-size:17px; line-height:1.4; background:#faf3f3;}

.con05 .title{position:relative; padding:0 60px}
.con05 .box_wrap{margin:0 auto; margin-top:50px; max-width:710px}
.con05 .box{position:relative; background:#fff; font-size:0; text-align:left; margin-bottom:25px}
.con05 .box:nth-last-child(1){margin-bottom:0}
.con05 .box .img{display:inline-block; vertical-align:middle}
.con05 .box .con{display:inline-block; vertical-align:middle; padding:0 0 0 30px; text-align:left}
.con05 .box .con .tit{position:relative; color:#5d5d5d ;font-size:22px; font-weight:bold}
.con05 .box .con .tit span{display:inline-block; vertical-align:middle; padding:4px 7px; color:#fff; background:#f19b05; font-size:19px; font-weight:bold; border-radius:4px; margin-left:10px}
.con05 .box .con ul{position:relative; padding:20px 0 0 0; text-align:left}
.con05 .box .con ul li{color:#747474 ;font-size:18px; padding-left:27px; background:url(images_hk/check.jpg) left top no-repeat; line-height:1.4; margin-bottom:5px; letter-spacing:-1px}
.con05 .box .con ul li:nth-last-child(1){margin-bottom:0}
.con05 .box .con .tail{position:relative; padding:30px 0 0 0; font-size:17px; color:#bababa}
.con05 .box.right{text-align:right}
.con05 .box.right .img{display:none}
.con05 .box.right .img.right{display:inline-block}
.con05 .box.right .con{padding-right:70px}

.con06 .pd{max-width:710px; margin:0 auto; position:relative; font-size:0}
.con06 .pd > div{display:inline-block; vertical-align:top; width:349px; -webkit-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.1);
box-shadow:2px 3px 8px 0px rgba(0,0,0,0.1);}
.con06 .pd > div.left{margin-right:12px}
.con06 .pd .img{position:relative}
.con06 .pd .con{position:relative; padding:20px 5px; background:#fff;}
.con06 .pd .con p:nth-child(1){position:relative; color:#546267; font-size:19px; line-height:1.4}
.con06 .pd .con p:nth-child(2){position:relative; color:#ffb516; font-size:22px; font-weight:bold; padding:2px 0 0 0}
.con06 .tbl{position:relative; max-width:710px; margin:0 auto; margin-top:30px; -webkit-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.1);
box-shadow:2px 3px 8px 0px rgba(0,0,0,0.1);}
.con06 table{position:relative; table-layout:fixed; border-collapse:collapse; border-spacing:0; text-align:center}
.con06 table th{position:relative; background:#fff0e2; color:#ffb516; font-size:19px; font-weight:bold; border-right:1px solid #fff}
.con06 table th:nth-child(2){border-right:0}
.con06 table td{position:relative; background:#fff; color:#929292; font-size:19px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.con06 table td:nth-child(2){border-right:0}
.con06 table tbody tr:nth-child(2) td{border-bottom:0}
.con06 table div{position:relative; padding:15px 5px;}
.con06 table div .bullon{position:absolute; left:-90px; top:-5px}
.con06 .tail{position:relative; padding:25px 20px 0 20px; color:#fff; font-size:18px;}

.con07 .title{margin-top:70px}
.con07 .title.mt0{margin-top:0}
.con07 .box_wrap{max-width:710px; margin:0 auto; position:relative}
.con07 .box{position:relative; background:#fff; padding:10px; box-sizing:border-box; margin-top:30px}
.con07 .box .img{position:relative}
.con07 .box .con{position:relative; padding:20px 0; line-height:1.4}
.con07 .box .con p:nth-child(1){position:relative; font-size:21px; color:#362923}
.con07 .box .con p:nth-child(1) span{font-size:24px; color:#f19b05 ;font-weight:bold}
.con07 .box .con p:nth-child(2){color:#848484; padding:5px 0 0 0; font-size:17px}
.con07 .ft_txt{position:relative; padding:30px 10px 0 10px; line-height:1.4; color:#d7c2b8; font-size:17px; letter-spacing:-1px}

.con07 .pd{max-width:710px; margin:0 auto; position:relative; font-size:0; margin-top:20px}
.con07 .pd > div{display:inline-block; vertical-align:top; width:349px; box-sizing:border-box; padding:10px; background:#fff}
.con07 .pd > div.left{margin-right:12px}
.con07 .pd .img{position:relative}
.con07 .pd .con{position:relative; padding:20px 5px 15px 0; background:#fff;}
.con07 .pd .con p:nth-child(1){position:relative; font-size:22px; font-weight:bold; color:#666157}
.con07 .pd .con p:nth-child(2){position:relative; padding:5px 0 0 0; font-weight:bold; color:#f19b05; font-size:21px;}
.con07 .pd .con ul{position:relative; padding:15px 0 0 10px}
.con07 .pd .con ul li{padding-left:30px; background:url(images_hk/check.jpg) left top no-repeat; font-size:17px; color:#848484; letter-spacing:-1px; line-height:1.4; text-align:left; margin-bottom:2px}
.con07 .pd .con ul li:nth-last-child(1){margin-bottom:0}
.con07 .pd .con .tail{position:relative; padding:15px 0 0 0; color:#d9c2b7; font-size:17px; text-align:left}
.con07 .won{width:45px; height:45px; line-height:40px; color:#fff; text-align:center; font-size:24px; font-weight:bold; position:absolute; left:50%; top:200px; display:inline-block; background:#a99084; border-radius:50%; z-index:10; letter-spacing:-1px; margin-left:-23px}

.banner_btn{position:fixed; left:0; bottom:25px; width:100%; background:rgba(255,235,180,0.6); height:140px; z-index:10}
.banner_btn a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.banner_btn a img{position:absolute; left:50%; top:-40px; transform:translateX(-50%)}

@media screen and (max-width: 1000px){
	.con01{height:auto;}
	.con01 img{display:block;}
	
	.con02{padding:70px 0}
	.con02 .title{font-size:30px}
	.con02 .video_wrap{max-width:none; margin:0 25px; margin-top:20px}
	.con02 .tail{font-size:16px}
	
	.con03{padding:70px 0}
	.con03 .tail{font-size:16px}
	
	.con04{padding:70px 0}
	
	.con05{padding:70px 0}
	.con05 .box .img img{height:250px}
	
	.con06{padding:70px 0}
	.con06 .tbl{max-width:500px}
	.con06 table th{font-size:16px}
	.con06 table td{font-size:16px}
	.con06 table div .bullon{width:100px; top:5px}
	
	.con07{padding:70px 0}
	
	.con07 .ft_txt{font-size:15px}
}

@media screen and (max-width: 768px){
	.con02{padding:50px 0}
	.con02 .title{font-size:25px}
	.con02 .ddak{padding:20px 20px 0 20px}
	.con02 .tail{padding:20px 10px 0 10px; font-size:14px}
	
	.con03{padding:50px 0}
	.con03 .img{position:relative; padding:0 20px}
	.con03 .tail{padding:20px 10px 0 10xp; font-size:14px}
	
	.con04{padding:50px 0}
	.con04 .img{padding:0 20px}
	.con04 .txt{padding:20px 20px 0 20px;}
	.con04 .txt > div{font-size:14px}
	.con04 .model{padding:30px 20px 0 20px}
	.con04 .model > div > div{font-size:14px}
	
	.con05{padding:50px 0}
	.con05 .title{padding:0 80px}
	.con05 .box_wrap{margin-top:30px; padding:0 20px}
	.con05 .box .img{display:block;}
	.con05 .box .img img{height:auto; width:100%}
	.con05 .box .con{display:block; padding:25px;}
	.con05 .box.right .img{display:block}
	.con05 .box.right .img.right{display:none}
	.con05 .box .con .tit{font-size:18px}
	.con05 .box .con .tit span{font-size:15px}
	.con05 .box .con ul{padding:15px 0 0 0}
	.con05 .box .con ul li{font-size:15px}
	.con05 .box .con .tail{font-size:14px; padding:15px 0 0 0}
	
	.con06{padding:50px 0}
	.con06 .pd{max-width:none; margin:0 20px;}
	.con06 .pd > div{display:block; width:auto; margin-right:0 !important; margin-bottom:15px}
	.con06 .pd .img img{width:100%}
	.con06 .pd .con p:nth-child(1){font-size:16px}
	.con06 .pd .con p:nth-child(2){font-size:16px}
	.con06 .tbl{margin:0 20px 0 20px; margin-top:40px; max-width:none}
	.con06 table th{font-size:13px}
	.con06 table td{font-size:13px}
	.con06 table .pdd{padding:10px 5px; padding-left:60px}
	.con06 table div .bullon{width:70px; left:-15px; top:5px}
	.con06 .tail{font-size:15px}
	
	.con07{padding:50px 0}
	.con07 .box_wrap{padding:0 20px}
	.con07 .box{padding:5px; margin-top:20px}
	.con07 .box .con{padding:15px 5px;}
	.con07 .box .con p:nth-child(1) span{font-size:18px}
	.con07 .box .con p:nth-child(1){font-size:16px}
	.con07 .box .con p:nth-child(2){font-size:14px}
	.con07 .title{margin-top:40px}
	.con07 .won{display:inline-block; position:relative; transform:none; margin:0 auto; left:auto; top:auto; font-size:16px; width:40px; height:40px; line-height:40px; margin-bottom:10px}
	
	.con07 .ft_txt{font-size:14px; padding:10px 10px 0 10px}
	
	.con07 .pd{max-width:350px}
	.con07 .pd > div{display:block; width:auto; padding:5px; margin-right:0 !important; margin-bottom:15px}
	.con07 .pd .con p:nth-child(1){font-size:17px}
	.con07 .pd .con p:nth-child(2){font-size:15px}
	.con07 .pd .con ul li{font-size:14px}
	.con07 .pd .con .tail{font-size:14px; padding:10px 0 0 0}
	.con07 .pd > div.right .con .tail{display:none}
	
	.banner_btn{height:100px}
	.banner_btn a img{width:100%; left:0; top:50%; transform:translateY(-50%); margin-top:-5px}
}

@media screen and (max-width: 640px){
	.con05{display:none}
	.con06{display:none}
	.con0506{display:block}
	.con0506 img{display:block; width:100%}
	
	.con07 .pd{display:none}
	.pd_m{display:block; padding:20px 0 0 0}
	.pd_m img{display:block; width:100%}
}

@media screen and (max-width: 580px){
	.con03 .img{padding:0; margin:0 -100px}
	.con04 .model .head{top:-1px}
}