/* body */
body { font-family:Arial,Helvetica; font-size:18px }
body { margin:0px; padding:0px }

/* table */
table { font-family:Arial,Helvetica; font-size:18px }
table { border:0px; border-spacing:0px }

tr,td { height:32px }

/* link */
a:link, a:visited, a:active { color:#0099cc; text-decoration:none }
a:hover { color:#66ccff; text-decoration:none; cursor:pointer }

/* line */
hr { height:1px; border:0px; background:#808080 }
li { padding:2px 0px }

/* form */
input, select, textarea { font-family:Arial,Helvetica; font-size:18px }
input, select, textarea { border:0px; border-radius:0px; outline:none }
input, select, textarea { color:black; background:#f0f0f0 }
input, select, textarea { -webkit-appearance:none }

/* input */
input[type=text]   { height:30px; padding:0px 10px }
input[type=button] { height:32px; width:100px; cursor:pointer }
input[type=submit] { height:32px; width:100px; cursor:pointer }

/* select */
select { height:32px; color:#f0f0f0; padding:0px 10px; cursor:pointer }
select { background:url(/data/img/sbg.gif); background-position:right }

/* textarea */
textarea { height:30px; padding:10px }

/* data */
.bn { height:32px; color:#f0f0f0; background:url(/data/img/bn.gif) }
.ba { height:32px; color:#f0f0f0; background:url(/data/img/ba.gif) }

.bs { height:32px; color:#f0f0f0; background:url(/data/img/bn.gif) }
.bs:hover { background:url(/data/img/bs.gif) }

/* item */
.no { width:80px; text-align:center }
.no { color:#f0f0f0; background:rgba(0,0,0,0.2) }

/* user */
.ds { color:#0099cc; width:180px; cursor:pointer; border-right:1px solid #808080 }
.ds:hover { color:#66ccff }

/* box */
.box { width:400px; background:#f0f0f0; padding:40px }
.box { box-shadow:0px 0px 2px 2px; border-radius:8px }

/* div */
.div { border-right:1px solid #808080 }

/* blink */
.blink { animation: blinker 1.5s linear infinite }
@keyframes blinker { 50% { opacity: 0 } }