@charset "utf-8";
/* CSS Document */

body,p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0;padding:0;list-style:none;vertical-align:middle;line-height:1;}
body,html{width:100%;height:100%;position:relative;font:12px/1.4 "微軟正黑體","microsoft yahei";background-color:#232323;margin:0 auto;}
header,section,footer,img,button{display:block;margin:0;padding:0;border:none;}
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}
section{width:100%;height:auto;overflow:hidden;}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset,img {
	border: 0
}
input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
button,input[type="submit"] {
	border: none;
	background: none;
	appearance: none;
	outline: none
}
a {
	touch-callout: none;
	text-decoration: none;
	outline:none;
	color:inherit;
}
em {
	font-style: normal
}

.hmbb_img{width:100%;position:relative;float:left;}
.hmbb_top{width:100%;height:25.25rem;position:relative;float:left;background:url(../images/hmbb_top.jpg) no-repeat top; background-size:100% auto;}
.hmbb_logo{position:absolute;width:6.05rem;height:1.4rem;top:0.8rem;left:0.7rem; z-index:10}
/*.hmbb_logo{
	-webkit-animation:flipInY ease 3s;
	animation:flipInY ease 3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
}*/
.hmbb_hm{position:absolute;width:8.875rem;height:21.1rem;top:4.1rem;right:0;z-index:20}
.hmbb_hm{
	-webkit-animation:hmbb_hm ease 1.75s;
	animation:hmbb_hm ease 1.75s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
	-webkit-animation-delay:0.5s;
}
@-webkit-keyframes hmbb_hm{
0% {opacity:0;-webkit-transform:translateX(200px) scale(1.2);}
100% {opacity:1;}
}
.hmbb_hm img{width:100%;height:100%;
   -webkit-animation:hmbb_hmimg linear 2s infinite;
	animation:hmbb_hmimg linear 2s infinite;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
}
@-webkit-keyframes hmbb_hmimg{
50% {-webkit-transform:translateX(20px);}
}

.hmbb_txt1{position:absolute;width:10.4rem;height:8.4rem;top:8.1rem;left:0.5rem; z-index:20}
.hmbb_txt1{
	-webkit-animation:bounceIn ease 1.8s;
	animation:bounceIn ease 1.8s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
	-webkit-animation-delay:1s;
}
.hmbb_txt2{position:absolute;width:10.525rem;height:3.825rem;top:5.85rem;left:0.53rem; z-index:30}
.hmbb_txt2{
	-webkit-animation:hmbb_txt2 ease 1.75s;
	animation:hmbb_txt2 ease 1.75s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
	-webkit-animation-delay:1.75s;
}
@-webkit-keyframes hmbb_txt2{
0% {opacity:0;-webkit-transform:translateY(-50px) scale(1.2);}
100% {opacity:1;}
}
.hmbb_txt2 img{width:100%;height:100%;
   -webkit-animation:hmbb_txt2img linear 2s infinite;
	animation:hmbb_txt2img linear 2s infinite;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
	-webkit-animation-delay:3.5s;
}
@-webkit-keyframes hmbb_txt2img{
50% {-webkit-transform:translateY(-15px);}
}
.hmbb_txt3{position:absolute;width:10.225rem;height:3.025rem;top:15.4rem;left:0.8rem; z-index:30}
.hmbb_txt3{
	-webkit-animation:hmbb_txt3 ease 1.75s;
	animation:hmbb_txt3 ease 1.75s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
	-webkit-animation-delay:2.2s;
}
@-webkit-keyframes hmbb_txt3{
0% {opacity:0;-webkit-transform:translateX(-50px) translateY(50px) scale(1.5);}
100% {opacity:1;}
}

.hmbb_en1{position:absolute;width:13.075rem;height:1.25rem;top:21.576rem;left:0.775rem; z-index:30}
.hmbb_en1{
	-webkit-animation:hmbb_en1 ease 1s;
	animation:hmbb_en1 ease 1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
	-webkit-animation-delay:1.5s;
}
@-webkit-keyframes hmbb_en1{
0% {opacity:0;-webkit-transform:translateY(50px);}
100% {opacity:1;}
}
.hmbb_en2{position:absolute;width:12.9rem;height:1.6rem;top:22.82rem;left:0.875rem; z-index:20}
.hmbb_en2{
	-webkit-animation:hmbb_en2 ease 1s;
	animation:hmbb_en2 ease 1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode: both;
	-webkit-animation-delay:2s;
}
@-webkit-keyframes hmbb_en2{
0% {opacity:0;-webkit-transform:translateY(-20px);}
100% {opacity:1;}
}