@charset "UTF-8";
html, body {
  font-family: 微軟正黑體;
  font-size: 100%;
  width: 100%;
}

body {
  margin: 0;
  background-color: #000;
  background-image: url(../images/bg.jpg);
  background-position: top center;
  background-repeat: repeat-y;
}

img {
  border: 0;
  outline: none;
}

a {
  cursor: pointer;
  display: inline-block;
}

.wrapper {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
  background-image: url(../images/main_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
}

.sec {
  position: relative;
  width: 100%;
  min-width: 1000px;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
}
.sec .inner {
  position: relative;
  margin: 0px auto;
  width: 1000px;
  text-align: center;
}

.sec01 {
  height: 940px;
}

.sec02 {
  opacity: 0;
}

.mainBtn {
  position: absolute;
  z-index: 1;
  top: 378px;
  left: -10px;
  background: url(../images/main_btn.png) no-repeat;
  width: 362px;
  height: 130px;
  display: inline-block;
  display: none;
}

.map_box {
  display: none;
  position: absolute;
  top: 490px;
  left: -14px;
  background: url(../images/map_bg.png) no-repeat;
  width: 1027px;
  height: 523px;
}

.all_are {
  position: absolute;
  cursor: pointer;
}

.area {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}

#abox_area {
  top: 175px;
  left: 164px;
  width: 180px;
  height: 158px;
}
#abox_area:hover {
  background: url(../images/map_a_area.png) no-repeat;
}
#abox_area .area {
  background: url(../images/map_a_area.png) no-repeat;
}

#bbox_area {
  top: 35px;
  left: 272px;
  width: 503px;
  height: 256px;
}
#bbox_area:hover {
  background: url(../images/map_b_area.png) no-repeat;
}
#bbox_area .area {
  background: url(../images/map_b_area.png) no-repeat;
}

#cbox_area {
  top: 237px;
  left: 288px;
  width: 489px;
  height: 216px;
}
#cbox_area:hover {
  background: url(../images/map_c_area.png) no-repeat;
}
#cbox_area .area {
  background: url(../images/map_c_area.png) no-repeat;
}

.box_monster {
  position: absolute;
  display: none;
}

#abox {
  top: 340px;
  left: 50px;
  width: 354px;
  height: 130px;
  background: url(../images/monster_a_box.png) no-repeat;
}

#bbox {
  top: -20px;
  left: 370px;
  width: 624px;
  height: 127px;
  background: url(../images/monster_b_box.png) no-repeat;
}

#cbox {
  top: 150px;
  left: 390px;
  width: 625px;
  height: 129px;
  background: url(../images/monster_c_box.png) no-repeat;
}

.footer {
  background-color: #000;
  height: 84px;
}
.footer .inner {
  position: relative;
  width: 1000px;
  height: 84px;
  margin: 0px auto;
  background: url(../images/footer.jpg) no-repeat;
}
.footer .bfBtn {
  position: absolute;
  width: 220px;
  height: 84px;
  left: 260px;
  top: 0px;
  background: #000;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.pic_conter {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

.sec_line {
  width: 100%;
  text-align: center;
}

.sec_title {
  width: 100%;
  text-align: center;
}

.cloud {
  position: absolute;
  width: 1920px;
  height: 891px;
  top: 150px;
  left: 50%;
  margin-left: -960px;
  background: url(../images/cloud.png);
}

.cloud2 {
  position: absolute;
  width: 1920px;
  height: 891px;
  top: 150px;
  left: 50%;
  margin-left: -960px;
  background: url(../images/cloud_02.png);
}

table {
  border: #844816;
}

.table-box {
  margin: 35px auto;
  color: #fff;
  border: 1px solid #844816;
}
.table-box tbody {
  border: 1px solid #844816;
}
.table-box th {
  background: #844816;
  border: #844816;
  line-height: 35px;
  font-size: 20px;
}
.table-box td {
  font-size: 16px;
  text-align: center;
  padding: 10px;
  color: #FFF;
  border: 1px solid #844816;
}
.table-box img {
  width: 100px;
  height: auto;
  margin: 0 auto;
  display: block;
  overflow: hidden;
}
.table-box td.pic {
  background: #080808;
}

.table01 td {
  width: 200px;
  background: #080808;
}

.table02 td {
  width: 200px;
}

.table03 td {
  background: #080808;
}

.info_box {
  position: relative;
  margin: 0px auto 50px auto;
  width: 970px;
  height: 357px;
  background: url(../images/info_0_Txt.png);
}

.table {
  margin: 0px auto;
  width: 780px;
  height: 345px;
  display: table;
  font-size: 24px;
  font-weight: bold;
  border-collapse: collapse;
  color: #221609;
}
.table .thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}
.table .tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.table .tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.table .td {
  display: table-cell;
  vertical-align: inherit;
  vertical-align: middle;
}
.table .th {
  display: table-cell;
  vertical-align: inherit;
}
/*Back Top*/
#toTop {
	position: fixed;
	bottom: 90px;
	right: 50px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	z-index: 99;
	height: 149px;
	width: 114px;
	background-color: transparent !important;
}
#toTop img{
	width:100%;
height:auto;}