@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:#ffffff;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);}

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
}


/* arrow-up */
.arrow_1{width:100%;height:0.925rem;position:fixed;bottom:1.8rem;z-index:999;}
.tonext{margin:0 auto;display:block;width:2.4rem;height:0.925rem;background:url(../images/arrow.png) no-repeat; background-size:2.4rem 0.925rem;zoom:1;animation:arrow-up infinite 1s ease alternate;-webkit-animation:arrow-up infinite 1s ease alternate;}
@-webkit-keyframes arrow-up{
0% {opacity:0.6; -webkit-transform: translateY(0px);}
100% {opacity:1; -webkit-transform: translateY(15px);}
}

/*通用样式*/
section{ width:100%; min-height:100%; overflow:auto; -webkit-transition: all 2s; }
.clear{ clear:both;}

#loading { position:fixed; width:100%; height: 100%; z-index: 10000; top: 0; background-color: #f9f9f9;}
#loading p { position: absolute; width: 100%; text-align: center; top:8.25rem; font-size:0.55rem; color: #000;}
.spinner {
  margin: 6.25rem auto;
  width: 2.25rem;
  height: 2.25rem;
  text-align: center;
}
.spinner > div {
  background-color: #fff;
  height: 100%;
  display: inline-block;
  -webkit-animation: bolang 1.2s infinite ease-in-out;
  animation: bolang 1.2s infinite ease-in-out;
  animation-fill-mode:backwards;
  -webkit-animation-fill-mode:backwards;
}

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
}
em {
	font-style: normal
}

#p-index{overflow:scroll;}
.mg_top{width:100%; overflow:hidden;height:19.075rem; position:relative;background:url(../images/mg_top.jpg) no-repeat top;background-size:100% auto; }
.mg_top p{width:100%;text-align:center;margin-top:12.4rem;color:#848484;font-size:0.5rem;line-height:0.75rem;}
.mg_img{width:100%;position:relative;}
.mg_img img{width:100%;}
.mg_bottom{width:100%;height:9.75rem; background:#fff;position:relative;}
.mg_bottom .tit{position:absolute;width:3.725rem;height:1.075rem;left:1.5rem;top:1.5rem;}
.mg_bottom ul{float:left;width:16rem; margin:3rem 0 0 1.2rem;}
.mg_bottom li{width:100%;float:left; margin-top:0.5rem;}
.mg_bottom li o{width:0.8rem;height:0.8rem;float:left;line-height:0.7rem;border-radius:0.4rem; background:#9299c7; text-align:center;color:#fff;font-size:0.6rem}
.mg_bottom li p{float:left;width:15rem;margin-left:0.2rem;text-align:left;font-size:0.65rem;color:#292929;line-height:0.8rem;}