body{font-family:  arial,verdana, helvetica;background: #000;color:#fff;border:0;margin:0;padding:0;background:url(/pic/bg-black.png);}
a:link {color: #f00}
a:active {color: #fff}
a:visited {color: #933}
a:hover {color: #fcc}
img{border:0} 
input   {color:#fff;background:url(/pic/bg-black.png);font-size:12px;font-weight:bold;height:20px}
li {list-style-type:square}

.bold{font-weight:bold}
.left   {text-align:left;}

.textlabel{background: #ccc url(/pic/hbar-gray2.jpg);text-align:right;background-color:#333;font-size:12px;font-weight:bold;padding:4px;}
.textvalue{color:#fff;text-align:left;background-color:#222;text-align:center}
.textdesc {text-align:left;font-size:12px;font-weight:normal;border: 1px solid #999}

.banner {background:#ccc url(/pic/banner.jpg);width:1280px;height:290px;}
.mascot {position:absolute;top:200px;left:734px;}
.menu   {position:absolute;background: #ccc url(/pic/plate-chrome2h.jpg);color:#000;padding:20px;width:300px;border-radius:10px;top:300px;left:20px;}
.button {background: #ccc url(/pic/hbar-gray2-n.jpg);color:#000;font-weight:bold;border:solid 1px;cursor:pointer;padding:2px;text-align:center;height:20px;width:232px;margin:0 auto;}
.button:hover{background: #dd0 url(/pic/hbar-gold2.jpg);color:#f00;border:1px inset #555;text-align:center;}

/*.quote  {position:absolute;top:210px;left:430px;font-size:12px;color:#999}*/
.quote  {position:absolute;top:210px;left:850px;font-size:12px;color:#999}

.notice {background: #333 url(/pic/bg-grass.jpg);position:absolute;font-size:12px;text-align:center;padding:20px;border-radius:10px;width:300px;top:300px;left:400px;}
.tag    {position:absolute;top:1000px;left:1000px;font-size:10px;color:#000}

.keyboard{background: #ccc url(/pic/hbar-gray1a-100.png);font-size:50px;color:#000;font-weight:bold;border: 1px solid #000;cursor:pointer;padding:2px;text-align:center;border-radius:10px;}
.keyboard:hover{background: #000 url(/pic/hbar-gray1b-100.png);color:#f00;background-color:#ccc;border-color:#ccc;border-radius:10px;}
.kb{background: #ccc url(/pic/plate-chrome2h.jpg);font-size:12px;border:5px outset;display:none; position:fixed;text-align:center;margin:0px auto;border-radius:10px;}
#kbalertdata{background: #ccc url(/pic/hbar-gray1c-100.png);color:#f00;padding:10px;font-weight:bold;font-size:12px;}
#kbokdata{background: #ccc url(/pic/hbar-gray1c-100.png);color:#fff;padding:10px;font-weight:bold;font-size:12px;text-align:left;}