@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;}
.blacktea {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#f6f6f6;}
.blacktea .container {text-align: center; position:relative; max-width:1000px; margin:0 auto}
.blacktea h2{font-size:0; position:absolute; left:-9999px; top:-9999px;}

.img{position:relative}

.float_banner{position:fixed; right:0; top:150px; display:inline-block; z-index:1}
.float_banner img{display:block; width:150px}
.float_banner a{display:inline-block; font-size:0; text-indent:-9999px; position:absolute; left:32%; width:60%; height:14%;}
.float_banner a.link01{top:55%}
.float_banner a.link02{top:71%}

.con01{position:relative; height:1071px; text-align:center; background:url(images_hk/title_bg.jpg) center top / cover}
.con02{position:relative; padding:80px 0; background-color: #fff;}
.con03{position:relative; padding:80px 0; background-color: #f7f5eb;}
.con04{position:relative; padding:80px 0; background-color: #fff;}
.con05{position:relative; padding:80px 0; background-color: #f6f0e4;}

.con02 .tit span {display: inline-block; font-size: 6.5rem; color: #4e1b00; font-weight: bold; border-top: 4px solid #4e1b00; border-bottom: 4px solid #4e1b00;}
.con02 p {padding: 30px 0; font-size: 5rem; color: #9f562f; font-weight: bold; line-height: 1.2;}

.con03 p {padding: 40px 0 24px; font-size: 3.6rem; color: #9f562f; line-height: 1.2;}
.con03 p strong {font-size: 5rem;}

.con04 .ft_txt {padding: 54px 0; font-size: 1.8rem; color: #999;}
.con04 .ft_txt_bot {color: #666;}

.con04 .box02 .name {padding: 90px 0 30px; font-size: 5rem; color: #9f562f; font-weight: bold;}
.con04 .box02 .desc {padding: 25px 0; font-size: 2.8rem; color: #000;}

.con05 a {position: absolute; bottom: 0; left: 39%; width: 21%; height: 3.5%;}
.con05 a span {display: none;}




@media screen and (max-width: 1040px){
	html {font-size: 8px;}
	.blacktea .container{padding:0 20px; box-sizing:border-box;}
	
	
	.float_banner{position:fixed; right:0; top:100px; display:inline-block; z-index:1}
	.float_banner img{display:block; width:100px}
	
	.con01{height:auto; padding:45% 0}
	.con02, .con03, .con04, .con05 {padding:50px 0}
	
	
}

@media screen and (max-width: 768px){
	html {font-size: 7px;}
	
	.float_banner{position:fixed; right:0; top:70px; display:inline-block; z-index:1}
	.float_banner img{display:block; width:50px}

	.con02 .tit span {font-size: 5.5rem;}
	.con02 p {font-size: 4rem; padding: 20px 0;}
	.con03 p {padding: 28px 0 19px;}
	.con04 .ft_txt {padding: 34px 0;}
	.con04 .box02 .name {padding: 40px 0 20px;}
	.con04 .box02 .desc {padding: 20px 0; font-size: 2.3rem;}
	
}
@media screen and (max-width: 480px){
	html {font-size: 5px;}
	.con02, .con03, .con04, .con05 {padding:30px 0}
	.con02 .tit span {font-size: 4.5rem;}
	.con02 p {font-size: 4rem; padding: 20px 0;}
	.con03 p strong {font-size: 4.5rem;}
	.con03 p {padding: 28px 0 19px;}
	.con04 .ft_txt {padding: 34px 0;}
	.con04 .box02 .name {padding: 40px 0 20px; font-size: 4rem;}
	.con04 .box02 .desc {padding: 20px 0; font-size: 2rem;}
	
}