@charset "UTF-8";
body {
color:#333333;
font-family:Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:75%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1;
background:#EEEEEE;
}

a {
color:#333333;
font-weight:bold;
font-size:110%;
}

.key {
width:480px;
}

#result {
margin-left:33%;
}

#resultout {
margin-left:auto;
margin-right:auto;
width:516px;
}

#resultH {
text-align:center;
width:516px;
height:110px;
position:fixed;
top:33%;
}


.input {
background:#EEEEEE;
color:#000000;
float:left;
font-family:arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-left:10px;
padding-right:10px;
vertical-align:top;
width:100%;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
height:26px;
padding:4px 4px 0;
}

.inputH {
background:#EEEEEE;
color:#000000;
float:left;
font-family:arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-left:10px;
padding-right:10px;
vertical-align:top;
width:500px;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
height:26px;
padding:4px 4px 0;
}