*{
  padding	: 0;
  margin	: 0;
  line-height	: 140%;
  font-family	: Osaka,Verdana,"ＭＳ ＰⅤⅧΓ?";
  overflow:inherit;
}
#Layer1 {
	position:absolute;
	left:108px;
	top:305px;
	width:600px;
	height:171px;
	z-index:1;
	background-color:#006633;
}
img{
  border:0px;
}
html, body {
  font-size: 15px;
  color: #bdc8d7;
  text-align: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  max-width: none;
  overflow-x: auto;
  box-sizing: border-box;
  background: #181818;
}

body {
  max-width: 100vw;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

/* 适配小屏字体和间距 */
@media (max-width: 600px) {
  html, body {
      font-size: 13px;
  }
  #main_frame {
      padding: 0 1vw;
  }
  .char-card, .sgs-card {
      width: 46vw;
      min-width: 80px;
      max-width: 120px;
  }
}

* html div#main_frame{
  height	: 100%;
}
body > #main_frame{
  height	: auto;
}
p{
  margin-bottom	: 1em;
}
.align-right{
  text-align	:right;
}
.align-center{
  text-align	:center;
}
.bold{
  font-weight	: bold;
}
.u{
  text-decoration	: underline;
}
ul{
  /*list-style-type:disc;*/
}
li{
  margin-left:40px;
}
.vcent{
  vertical-align	: middle;
  margin	: 0 5px;
}
.c-both{
  clear:both;
}
.clear{
  clear:both;
  line-height:0;
  height:0;
}
.land{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_grass{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_grass.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_grass01{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_grass01.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_sea{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_sea.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_cave{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_cave.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_snow{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_snow.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_swamp{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_swamp.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_ocean{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_ocean.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_sand{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_sand.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_mount{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_mount.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_lava{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_lava.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_pavement01{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_pavement01.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_build01{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_build01.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
.land_jungle{
  padding-bottom	: 24px;
  margin	: 10px 0 0px 0;
  background-image : url(image/other/land_jungle.gif);
  background-position	: bottom center;
  background-repeat	: no-repeat;
}
/* for battle */
.dmg{
  color:#cc3300;
}
.recover{
  color:#3366ff;
}
.support{
  color:#66cc66;
}
.spdmg{
  color:#993399;
}
.levelup{
  font-weight:bold;
  color:#ffff33;
}
/* 귓쑨ㅴ츤ㅱㅞ엣 */
.charge{
  color:#ffcc33;
}