body  { font:12pt 細明體; margin:0; text-align:center; }
form  { display:inline; margin:0; }
input { font:12pt 細明體; }

.error  { color:Red; }
.imgBtn { cursor:hand; }

#top    { background:url(pic/bg/top.jpg); width:1000px; height:151px; text-align:left; }
#mid    { background:url(pic/bg/bg.jpg); width:950px; padding:0px 25px 0 25px; text-align:left; }
#footer { background:url(pic/bg/bottom.jpg); width:1000px; height:37px; text-align:left; }
#main   { width:100%; }

#footer #info { width:50px; height:17px; margin:15px 0 0 314px; cursor:hand; }

/* index */
#index {}
#index .td1 { width:300px; text-align:center; border-right:dotted 1px #aaaaaa; }
#index .td2 { width:650px; text-align:center; }

/* request1 request2 request3 request4 */
#req { }
#req .step { width:100%; text-align:center; }
#req .data { width:100%; text-align:center; padding:15px 0 20px 0; }
#req .msg  { width:100%; text-align:center; font:bold 16pt 標楷體; margin:20px 0 20px 0; padding:20px 0 20px 0; border-top:solid 1px #dd7700; border-bottom:solid 1px #dd7700; line-height:1.25; }
#req .btns { width:100%; text-align:center; }
#req table { border:solid 2px #cc8800; }
#req th    { text-align:center; vertical-align:middle; padding:5px; border-bottom:solid 1px #ffcc33; }
#req td    { text-align:left; vertical-align:middle; padding:2px; border-bottom:solid 1px #ffcc33; }
#req .t    { background:#ffdd99; padding:3px 5px 1px 5px; }
#req .hint { font:9pt 細明體; color:#aa0000; padding:0 10px 0 10px; }
#req .h1   { color:#000000; margin:0 0 10px 0; background:#ffcccc; width:500px; padding:5px 0 3px 0; letter-spacing:3px; border:solid 1px #ff7777; }
#req .key  { color:#0000aa; }
#req .bnDate   { font:9pt 細明體; padding:3px 1px 0 1px; }
#req #edIoNo   { width:16em; }
#req #edIoDate { width: 5em; }
#req #edName   { width: 4em; }
#req #edTel    { width: 5em; }
#req #edTWID   { width: 5em; }
#req .vv           { border:solid 1px #777777; padding:3px 5px 1px 5px; line-height:2.0; background:#eeeeee; color:#000088; }
#req #edGameName   { width:15em; }
#req #edGameServer { width:15em; }
#req #edGameID     { width:15em; }
#req .SNNo         { width:15em; }
#req #edCode       { width: 2em; }
#req .SN    { background:none; border:solid 2px #ffcc33; margin:5px 0 7px 0; }
#req .SN td { text-align:left; background:#acffa6; font:bold 20pt 標楷體; border:none; padding:5px 7px 1px 7px; }
#req #table1			{ border:solid 2px #cc8800; margin:35px; }
#req #table1 .td1 { text-align:left; vertical-align:middle; padding:5px 15px 5px 5px; border-bottom:solid 1px #ffcc33; }
#req .msg1  { width:100%; text-align:center; font:bold 16pt 標楷體; margin:5px 0 20px 0; padding:20px 0 20px 0; line-height:1.25; }

/* query1 query2 */
#qry { }
#qry .step { width:100%; text-align:center; }
#qry .data { width:100%; text-align:center; padding:15px 0 20px 0; }
#qry .info { width:100%; text-align:center; font:bold 16pt 標楷體; line-height:1.25; padding:20px 0 20px 0; }
#qry .btns { width:100%; text-align:center; }
#qry table { border:solid 2px #cc8800; }
#qry th    { text-align:center; vertical-align:middle; padding:5px; border-bottom:solid 1px #ffcc33; }
#qry td    { text-align:left; vertical-align:middle; padding:2px; border-bottom:solid 1px #ffcc33; }
#qry .t    { background:#ffdd99; padding:5px 5px 3px 5px; }
#qry .hint { font:9pt 細明體l color:#aa0000; padding:0 10px 0 10px; }
#qry #edCQNo { width:5em; }
#qry #edPW   { width:6em; font:6pt 細明體; padding:3px 5px 3px 3px; }
#qry #edCode { width:2em; }
#qry .info table { margin:10px 0 10px 0; font:normal 12pt 細明體; }
#qry .info th    { padding:5px  5px 5px 5px; vertical-align:middle; text-align:center; }
#qry .info td    { padding:5px 10px 5px 5px; vertical-align:middle; text-align:left; }
#qry .memo { background:#acffa6; font:bold 20pt 標楷體; padding:5px 7px 1px 7px; }