@charset "utf-8";
body,html{margin:0;height:100%}
body{height:100%;width:100%;margin:0;padding:0}
body{font-size:100%;line-height:1.5;font-family:"微軟正黑體","LiHei Pro",Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#424242;position:relative}
a:focus{outline:0}
a{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#000}
img{border:0 none;line-height:0;display:block}
form{margin:0;padding:0}
ul,ul li{margin:0;padding:0;list-style-type:none}
dd,dl,dt{margin:0;padding:0}
dl{height:1%}
button{border:0 none;cursor:pointer;padding:0;margin:0;background:0 0}
.clearfix:after,.clearfix:before{content:"";display:table;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
h1,h2,h3,h6,p{margin:0;padding:0}

.Wrapper{width:950px;margin:auto;position: relative;}
.KvImg{ background:url(../images/FB84.jpg)no-repeat top center; width: 950px; height: 500px;display: block; }
.KvImg span{position: absolute;right: calc(100% - 56%);width: 75px;top: calc(100% - 62%);transform: translate(180px) rotate(-6deg) scale(0.8);font-size: 1.7rem;padding: .5%; background-color: #fff;}

@media screen and (max-width:768px){
	.Wrapper{width:100%}
	img{width:100%;height:auto}
	.KvImg{background: url(../images/FB84_m.jpg)no-repeat top center;width: 100%;height: 0;padding-bottom: 68.5%;background-size: 126%;}
	.KvImg span{position: absolute;right:calc(100% - 36.5%);top: calc(100% - 64%);font-size: 1rem;width: 50px;background-color: #fff;}
	.KvBox{min-width: 375px;width: 375px;position: relative;padding-bottom: 68.5%;margin: auto;}


}