body,html{ margin:0; padding:0; font-family:dotum; background-color:#171617}
ul,ol,dl{list-style:none; margin:0; padding:0}
table td.center {text-align:center}

header {width:100%; background-color:#333; text-align:center; font-size:20px; font-weight:bold; padding:10px 0; color:white}		
#container {width:100%; margin:0 auto}
#container:after {clear:both}

footer {width:100%; text-align:center; font-size:20px; clear:both; background:#ddd; border-top:1px solid #ebebeb; padding:30px 0; position:fixed; bottom:0}


@-webkit-keyframes getDamage {
	0% { background-color: inherit; }
	50% { background-color: inherit; }
	51% { background-color: #aaaa66; }
	100% { background-color: #aaaa66; }
}
@-moz-keyframes getDamage {
	0% { background-color: inherit; }
	50% { background-color: inherit; }
	51% { background-color: #aaaa66; }
	100% { background-color: #aaaa66; }
}
@keyframes getDamage {
	0% { background-color: inherit; }
	50% { background-color: inherit; }
	51% { background-color: #aaaa66; }
	100% { background-color: #aaaa66; }
}
.damagedDiv {
	background-color: inherit;
	-webkit-animation-name: getDamage;
	-webkit-animation-iteration-count: 3;
	-webkit-animation-duration: 0.2s;
	-moz-animation-name: getDamage;
	-moz-animation-iteration-count: 3;
	-moz-animation-duration: 0.2s;
	animation-name: getDamage;
	animation-iteration-count: 3;
	animation-duration: 0.2s;
}
#player_area {width:98%; min-height:160px; max-height:25%; background-color:#6666aa; border:3px solid #aaaa66; border-radius:3px; overflow:hidden; margin-left:2px}
#player_area .thumb {width:40%; float:left; text-align:center}
#player_area .thumb img {width:150px; margin:0 auto}
#player_area .info {width:60%; float:right; color:white; font-weight:bold; margin-top:20px}
#player_area .info label {color:#1ab5ff; font-weight:bold; margin:5px 0}
#player_area .info span {color:white}
#player_area .info .name {color:#f5c72d}

#player_area .command {margin-top: 0px}
#player_area .command input[type="button"] {background-color:#007272; border:5px solid #aaaa66; border-radius:3px; color:white; width:70px; margin:5px 3px; padding:3px 0; cursor:pointer; font-family:gulim}
#player_area .command input[type="button"]:disabled {color:#aaa}

#enemy_area {margin:20px auto;  display:table; width:98%; height:35%}
#enemy_area .hp {color:white}
#enemy_area .blank {display:none}
#enemy_area .command {width:50%; display:table-cell; vertical-align:middle; text-align:center}
#enemy_area .command input[type="button"] {background-color:#007272; border:5px solid #aaaa66; border-radius:3px; color:white; width:120px; margin:5px 3px; padding:3px 0; cursor:pointer; font-family:gulim}

#enemy1 {width:50%; display:table-cell; vertical-align:middle; margin:0 auto; text-align:center}
#enemy1 {display:none}
#enemy1 label {color:white; font-weight:bold}
#enemy1 label strong {color:#009aff}
#enemy1 img {width:75%;}

#battle_msg {width:98%; height:25%; background-color:#6666aa; border:3px solid #bbbb44; border-radius:3px; overflow:scroll; color:white; overflow-x:hidden; font-weight:bold; margin-left:2px}
#battle_msg p {margin:5px 20px}
#battle_msg .name {color:#f5c72d; line-height:1.4}