@charset "utf-8";
/* CSS Document */
img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
.main_pic{position:relative;width:100%;margin:10px auto;text-align:center;min-height:calc(100vh - 17px - 25px - 90px - 20px - 50px);}

#menu_bg {
	position: relative;
	top:0;left:0;right:0;bottom:0;
	width: 600px;
	height: 610px;
	margin: auto;
	background:url(../img/home_bg.png) left top no-repeat;
	background-size:contain;
	z-index: 1;
}
#menu01 {
	position: absolute;
	width: 127px;
	height: 127px;
	z-index: 2;
	top: 102px;
	left: 26px;	
}
#menu02 {
	position: absolute;
	width: 127px;
	height: 127px;
	z-index: 2;
	top: 5px;
	left: 152px;	
}
#menu03 {
	position: absolute;
	width: 127px;
	height: 127px;
	z-index: 2;
	top: 13px;
	left: 320px;
}
#menu04 {
	position: absolute;
	width: 127px;
	height: 127px;
	z-index: 2;
	top: 121px;
	left: 441px;
}
#menu05 {
	position: absolute;
	width: 127px;
	height: 127px;
	z-index: 2;
	top: 343px;
	left: 6px;
}
#menu06 {
	position: absolute;
	width: 127px;
	height: 127px;
	z-index: 2;
	top: 455px;
	left: 120px;
}
#menu07 {
	position: absolute;
	width: 127px;
	height: 127px;
	z-index: 2;
	top: 476px;
	left: 284px;
}
#menu08 {
	position: absolute;
	width: 127px;
	height: 127px;
	z-index: 2;
	top: 390px;
	left: 418px;
}
.run{width:100%;overflow:hidden;height:30px;margin:0;font-size:15px;color:#f15a2c;text-align:center;border:1px solid #000}
.run02 {overflow:hidden;line-height:26px;font-size:15px;color:#f15a2c;text-align:center;}
.run02 a{overflow:hidden;line-height:26px;font-size:15px;color:#f15a2c;text-align:center;}

/*按鈕改單顆方式*/
.MOimg{position: absolute;}
  @media (min-width: 628px){
    .img001{margin-top: 103px;margin-left:  30px;}
    .img002{margin-top:  17px;margin-left: 328px;}
    .img003{margin-top:   8px;margin-left: 163px;}
    .img004{margin-top: 346px;margin-left:  18px;}
    .img005{margin-top: 130px;margin-left: 440px;}
    .img006{margin-top: 368px;margin-left:  30px;}
    .img007{margin-top: 455px;margin-left: 330px;}
    .img008{margin-top: 460px;margin-left: 165px;}
  }
  @media(max-width: 627px){
    .img001{margin-top: 17.1%;margin-left:  5.4%;width: 21%;}
    .img002{margin-top:  2.5%;margin-left: 54.4%;width: 21%;}
    .img003{margin-top:  1.3%;margin-left: 27.2%;width: 21%;}
    .img004{margin-top: 56.6%;margin-left:  2.4%;width: 21%;}
    .img005{margin-top: 20.4%;margin-left: 74.3%;width: 21%;}
    .img006{margin-top: 63%;margin-left: 5.4%;width: 21%;}
    .img007{margin-top: 75%;margin-left: 56%;width: 21%;}
    .img008{margin-top: 78%;margin-left: 28.5%;width: 21%;}
  }