@import "Logon.css";
@import "BuyCar.css";
@import "PCKData.css";
@import "turn.css";
@import "PCGame.css";

body { margin:3px 5px 10px 5px; font:12pt 細明體; color:#333333; text-align:center; }
form { margin:0; }

.hintRed { font:normal 9pt 細明體; color:#aa0000; }
.error   { margin:10px 0 0 0; font:12pt 細明體; color:#aa0000; background:#ffdddd; padding:10px; letter-spacing:1px; line-height:1.35; }
.speed   { text-align:center; color:#eeeeee;	 }
.imgBtn  { cursor:hand; }

#fullBody { text-align:left; width:1002px; }
#openHint { font:bold 16pt 標楷體; margin:20px; }
#top   { background:url(../pic/down/top2.jpg) no-repeat; height:115px; width:1002px; }
#top0  { background:url(../pic/down/top1.jpg) no-repeat; height:115px; width:1002px; }

#topT1 { background:url(../pic/down/topT1.jpg) no-repeat; height:115px; width:1002px; }
#topT2 { background:url(../pic/down/topT2.jpg) no-repeat; height:115px; width:1002px; }
#topN1 { background:url(../pic/down/topN1.jpg) no-repeat; height:115px; width:1002px; }
#topN2 { background:url(../pic/down/topN2.jpg) no-repeat; height:115px; width:1002px; }

#mid   { margin:0; padding:0; border:0;}
#nav   { background:url(../Pic/down/b3a.jpg); width:145px; vertical-align:top; }
#cont  { background:url(../Pic/down/b3b.jpg); width:856px; vertical-align:top; }
#foot  { background:url(../Pic/down/b4.jpg) no-repeat; height:40px; width:1001px; }

/* #foot #info      { width:50px; height:17px; margin:15px 0 0 311px; cursor:hand; background:#000000; } */
#foot #info       { height:17px; margin:15px 0 0 311px; font:9pt 細明體; }
#foot #info .ver  { width:50px; cursor:hand; }
#foot #info .spc1 { width:277px; }
#foot #info .help { width:42px; cursor:hand; }

#navs  { text-align:center; }
#SFunc { border-bottom:dashed 3px #969696; width:830px; padding:0 0 0 0; margin:0 0 0 5px; }
#conts { margin:5px 20px 5px 5px; }
#SFunc .sf0  { margin:0; }
#SFunc .sf1  { margin:0; cursor:hand; }
#SFunc .sf2  { margin:0; }

/* 置頂區資訊 */
#top1     { width:1002px; height:62px; }
#top2     { width:1002px; height:53px; }
#top1 td  { vertical-align:top; }
#top2 td  { vertical-align:top; }
#top1 .hl { width:230px; }
#top1 .li { width:628px; }
#top1 .bc { width:144px; }
#top2 .cd { width:230px; }
#top2 .st { width:635px; }
#top2 .lo { width:137px; text-align:right; }
#top1 .lit    { width:628px; height:28px; margin:18px 0 0 5px; }
#top1 .lit td { vertical-align:middle; text-align:center; font:10pt 細明體; }
#top1 .StoreName { width:180px; border-right:solid 1px #999933; cursor:hand; }
#top1 .LoginIP   { width:116px; border-right:1px solid #999933; cursor:hand; }
#top1 .Money     { width:116px; border-right:1px solid #999933; cursor:hand; }
#top1 .Worker    { width:110px; border-right:1px solid #999933; cursor:hand; }
#top1 .WTime     { width: 90px; cursor:hand; }
#top1 .bc1       { padding:34px 0 0 25px; }
#top2 .cd1       { padding:15px 0 0 58px; }
#top2 .lo1       { padding:0 8px 0 0; }
#top2 .lo1 img   { cursor:hand; }
#top1 #barcode   { width:95px; font:10pt 細明體; border:0; padding:3px 0 2px 0; }

#step     { margin:7px 0 0 2px; }
#step .s0 { }
#step .s1 { vertical-align:top; }
#step .s2 { vertical-align:top; padding:6px 3px 0 2px; }


/* 中間內文區 */
#mid td { vertical-align:top; }

.button   { width:50px; font:10pt 細明體; padding:2px; margin:5px;}

/* BuyOrder Buy21Game Buy31CL */
/* #qMode     { margin-top:-3px; } */


/* BuyOrder Buy22Card */
#BuyOrder         { font:10pt 細明體;}
#BuyOrder1 .qmode  { text-align:right; padding:5px 5px 2px 5px; }
#BuyOrder .tdR		{ width:110px;  vertical-align:top; }
#BuyOrder .tdB		{ text-align:left; color:Red; }
#BuyOrder .tb1		{ border-bottom:dashed 1px #969696; margin:15px; width:800px;}
#BuyOrder .tb2    { border:1px solid #111111;  width:800px;  }
#BuyOrder .td			{ text-align:left; vertical-align:top; line-height:1.4; } 
#BuyOrder .td1    { font:12pt 細明體; border:1px solid #111111; background:#ffff99; padding:5px 0 10px 0; width:800px; }
#BuyOrder .img0   { margin:5px; width:80px; }
#BuyOrder .img1		{ margin:5px 5px 10px 5px;  }
#BuyOrder .img2   { margin:0px 0px 0px 10px; padding:0px;}
#BuyOrder .sp1		{ color:#000000;} 
#BuyOrder .sp2		{ color:Red;   font-weight :bold;}
#BuyOrder .sp3		{ color:Green; font-weight:bold; }  
/* #BuyOrder .sp4		{ background:#eeeeee; font:10pt 細明體; margin:0px 5px 0px 0px; border:solid 1px #ffffff;} */
#BuyOrder .sp4    { background:#ccffff; color:#111111; border:1px solid #0066ff; padding:1px;  }
#BuyOrder .div1   { margin:5px 0 5px 0; width:810px; }
#BuyOrder .div2   { font:16pt 細明體; font-weight:bolder; margin:5px;}
#BuyOrder .div4   { color:Red; font:12pt 細明體; font-weight:bolder; margin:5px; padding:5px; text-align:center;}
#BuyOrder .sp5    { font:12pt 細明體; }
#BuyOrder .button { width:50px; font:10pt 細明體; padding:1px; margin:5px 5px 0px 5px;}
#BuyOrder .btcar  { float:right; margin-top:-30px;}
#BuyOrder #bnCar  { }
#BuyOrder .bnBuy  { cursor:hand; float:right; margin:0 20px 0 0; }
#BuyOrder .qdata      { font:10pt 細明體; margin:10px 5px 5px 10px; }
#BuyOrder .qdata th   { vertical-align:middle; width:5.5em; }
#BuyOrder .qdata td   { vertical-align:middle; padding:0 10px 0 0; }
#BuyOrder .qdata .in1 { font:10pt 細明體; background:#eeeeee; padding:3px 5px 3px 5px; }
#BuyOrder .top10        { border:dashed 3px #969696; padding:0 5px 5px 5px; margin:0 0 5px 0;}
#BuyOrder .top10 .tt    { width:100%; border-bottom:solid 1px #969696; margin-bottom:4px; background:#ffffee; }
#BuyOrder .top10 .tt th { vertical-align:middle; }
#BuyOrder .top10 .tt td { vertical-align:middle; padding-right:3px; }
#BuyOrder .top10 .tt .b { font:bold 16pt 標楷體; }
#BuyOrder .top10 .tt .h { font:9pt 細明體; color:#aa3333; padding-right:10px; }
#BuyOrder .top10 .tt .l { text-align:left; }
#BuyOrder .top10 .tt .r { text-align:right; }
#BuyOrder .td2    { font:9pt 細明體; padding:8px 0 0 0; } 
#BuyOrder .top    { width:826px; border:dashed 3px #969696; vertical-align:top; }
#BuyOrder .top td { vertical-align:middle; }
#BuyOrder .top .l { text-align:left; }
#BuyOrder .top .r { text-align:right; }
#BuyOrder .GN     { padding:3px 10px 3px 10px; font:12pt 細明體; }
#BuyOrder .Submit { padding:2px 0 0 2px; }
#BuyOrder .in1    { margin:8px 0 0 0; width:120px; }
#BuyOrder .in2    { margin:8px 0 0 0; cursor:hand; font:9pt 細明體; }
#BuyOrder .in3    { margin:8px 0 0 0; width:90px; font:9pt 細明體; }
#BuyOrder input   { font:12pt 細明體; }
#BuyOrder .s1     { font:normal 16pt 細明體; font-weight:bold;  }
#BuyOrder .se1    { font:9pt 細明體; margin:1px 0 0 0; line-height:1.2; }

/* PQuery.aspx */
#PQuery       { text-align:center;  font:12pt 細明體; display:inline; }
#PQuery .div1 { border:3px solid #111111; margin:10px 20px 10px 20px; padding:5px; }
#PQuery .tb1  { background:#ffcc00; border:1px solid #111111; width:100%;  }
#PQuery .tb2  { background:#ffff66; border:1px solid #111111; width:100%;  text-align:center; }
#PQuery .tb2 tr { display:inline; }
#PQuery .tb2 th { width:5em; }
#PQuery .tb2 td { text-align:left; }
#PQuery .tbList { background:#ffcc00; border:1px solid #111111; width:100%;  }
#PQuery .tbList th { text-align:center; border:1px solid #111111; background:#ffee99; padding:3px 3px 2px 3px; }
#PQuery .tbList .tdPage { font:12pt 細明體; border:1px solid #111111; padding:5px; text-align:center; background:#ffee99; }
#PQuery .trFast       { width:100%; border:1px solid #111111; background:#ffcc00; }
#PQuery .tbFast .bn   { text-align:center; padding:3px 3px 3px 3px; }
#PQuery .tbFast input { padding:5px 0 0 0; background:#ffdd55; cursor:hand; }
#PQuery .trData        { }
#PQuery .trData td     { border:1px solid #111111; padding:3px 5px 3px 5px; background:#ffffcc; vertical-align:middle; text-align:left; }
#PQuery .trData .Date  { width:10em; text-align:center; }
#PQuery .trData .EmpNo { }
#PQuery .trData .Qty   { width:2.5em; text-align:right; }
#PQuery .trData .Money { width:4.5em; text-align:right; }
#PQuery .trData .IoNo  { width:7em; }
#PQuery .trData .btn   { text-align:center; }
#PQuery .tdPage a { }
#PQuery .th1  { font:14pt 細明體;  border-bottom:1px solid #111111; }
#PQuery .th2  { width:80px;  }
#PQuery .th3  { background:#ffffcc; }
#PQuery .th4  { border:1px solid #111111; width:140px; background:#ffffcc; }
#PQuery .td1  { border-right:1px solid #111111; border-bottom:1px solid #111111; padding:5px 3px 5px 3px;  background:#ffffcc}
#PQuery .td2  { border:1px solid #111111; text-align:center; width:130px; }
#PQuery .td3  { background:#ffffff;  border:1px solid #111111; width:130px; }
#PQuery .td4  {  border-right:1px solid #111111; border-bottom:1px solid #111111; background:#ffff66; }
#PQuery .se1  { width:130px; }
#PQuery .in2  { width:60px; height:25px; padding-top:3px; cursor:hand; }
#PQuery .in3  { font:12pt 細明體; width:5em; text-align:center; padding:3px 5px 3px 5px; }
#PQuery .in4  { width:25px; height:25px; padding-top:3px; cursor:hand; }
#PQuery .s1   { border:1px solid #111111; }
#PQuery .s2   { border:1px solid #111111; color:Red; text-align:center; }
#PQuery a        { text-decoration:none; }
#PQuery a:hover  { color:#008000; }
#PQuery a:active {color:red; }
#PQuery .f1   { font:14pt 細明體; font-weight:bolder;}


/* MyData.aspx */
#MyData { text-align:center; width:100%; }
#MyData #tb1    { border:1px solid #111111; background:#ffcc00;  }
#MyData #tb1 th { background:#ffdd77; padding:5px; text-align:center; vertical-align:middle; }
#MyData #tb1 td { background:#ffffcc; padding:5px; text-align:left;   vertical-align:middle; }
#MyData #tb1 td input { font:12pt 細明體; padding:1px 5px 1px 5px; }
#MyData #edID   { border:1px solid #777777; padding:3px 5px 3px 5px; line-height:1.5; background:#eeeeee; color:#0000aa; }
#MyData #edName { width:10em; }
#MyData #edTel1 { width: 8em; }
#MyData #edTel2 { width: 5em; }
#MyData #edAddr { width:25em; }
#MyData #edMail { width:25em; }
#MyData #bnReset  { font:12pt 細明體; padding:3px 3px 0 3px; }
#MyData #bnSubmit { font:12pt 細明體; padding:3px 3px 0 3px; }
#MyData .s1     { font:9pt 細明體; color:#aa0000; }
#MyData #tb1 .edPW  { font:6pt 細明體; width:20em; padding:5px; }

/* Buy21Game.aspx,Buy31CL.aspx,Buy41SMS.aspx */
#Buy21 {}
#Buy21 .top      { border:dashed 3px #969696; margin:0; }
#Buy21 .top td   { vertical-align:middle; }
#Buy21 .hint1    { font:normal 9pt 細明體; color:#aa0000; letter-spacing:1px; line-height:1.25; padding-left:10px; }
#Buy21 .qmode1  { text-align:right; padding:5px 5px 2px 230px; }
#Buy21 .qmode  { text-align:right; padding:5px 5px 2px 5px; }
#Buy21 .WL     { width:821px; text-align:center; font:14pt 標楷體; background:#555555; color:#ffffff; padding:5px 5px 0 5px; margin-top:10px; }
#Buy21 .GT     { width:831px; }
#Buy21 .GT td  { width:166px; padding:3px 5px 3px 5px; background:#eeeeee; }
#Buy21 a        { text-decoration:none; color:#0000aa; }
#Buy21 a:hover  { color:#aa0000; font-weight:bold; }
#Buy21 a:active { color:#aa0000; font-weight:bold; }
#Buy21 .div1    { margin:0 0 5px 0; width:810px; }
#Buy21 .div2    { background:#ffcc99; width:800px; }
#Buy21 .div3    { background:#ccffca; width:800px; }
#Buy21 .div4    { background:#ffff99; width:800px; }
#Buy21 .div5    { color:Red; font:12pt 細明體; font-weight:bolder; margin:5px; padding:5px; text-align:center;}
#Buy21 .tb1     { border:1px solid #111111; table-layout:fixed; width:790px;  }
#Buy21 .tb1 td  {  vertical-align:top; }
#Buy21 .tb2     { border:1px slid #111111;  }
#Buy21 .tb3     { border:1px solid #111111; table-layout:fixed; width:790px; }
#Buy21 .tb3 td  { vertical-align:top; }
#Buy21 .tb4     { border:1px solid #111111; table-layout:fixed; width:775px; margin:0 0 0 3px; }  
#Buy21 .td1     { font:12pt 細明體; border:1px solid #111111; background:#ffff99; padding:5px 0 5px 0;  width:765px;  }
#Buy21 .td2     { font:12pt 細明體; border:1px solid #111111; background:#b0ffff; padding:5px 0 5px 0; } 
#Buy21 .td3     { font:14pt 細明體; border:1px solid #111111; background:#ffd700; color:#993a00; font-weight:bold; text-align:center; width:770px; }
#Buy21 .td4     { font:12pt 細明體; border:1px solid #111111; background:#ffd700; color:blue; font-weight:bold; text-align:center;   }
#Buy21 .td5     { border:1px solid #111111; background:#ffcc99; }
#Buy21 .td6     { border:1px solid #111111;  text-align:center; color:Blue; width:80px; font:10pt 細明體; }
#Buy21 .td7     { font:10pt 細明體; color:Red; line-height:1.3; }
#Buy21 .td8     { border:1px solid #111111; width:80px; vertical-align:top; }
#Buy21 .td9     { color:Red; font:12pt 細明體; font-weight:bolder; margin:5px; padding:5px; text-align:center;}
#Buy21 .td10    { font:12pt 細明體; border:1px solid #111111; background:#ffff99;  width:790px;  }
#Buy21 .td11    { font:9pt 細明體; padding:8px 0 0 0; } 
#Buy21 .s1      { font:normal 16pt 細明體; font-weight:bold; }
#Buy21 .s2      { padding:0 0 0 130px;  }
#Buy21 .s3      { padding:0 0 0 120px; }
#Buy21 .s4      { font:12pt 細明體; font-weight:bold; }
#Buy21 .s5      { color:#111111; }
#Buy21 .s6      { font:12pt 細明體; font-weight:bold; color:#339900; }
#Buy21 .s7      { padding:0 0 0 20px; }
#Buy21 .s8      { background:#ccffff; color:#111111; border:1px solid #0066ff; padding:1px;  }
#Buy21 .s9      { padding:0 0 0 125px; }
#Buy21 .in1     { font:9pt 細明體; margin:8px 0 0 0; width:90px;  }
#Buy21 .in2     { font:9pt 細明體; margin:8px 0 0 0; cursor:hand;  }
#Buy21 .im1     { float:right; cursor:hand;  vertical-align:top; width:80px; }
#Buy21 .im2     { cursor:hand; width:80px; } 
#Buy21 .im3     { float:left; cursor:hand; width:80px; }
#Buy21 .im4     { float:right; cursor:hand;  vertical-align:top;  }
#Buy21 .a1      { float:right; }
#Buy21 input    { font:12pt 細明體; }
#Buy21 .se1     { font:9pt 細明體; margin:1px 0 0 0; }

/* Notic */
#Notic { width:100%; text-align:left; font:12pt 細明體; }
#Notic .NTitle { font:14pt 標楷體; border:solid 3px #ffdd77; text-align:center; background:#ffcc00; font-weight:bold; padding:3px; }
#Notic #div1   { text-align:center; }
#Notic #div2   { text-align:center; padding-top:20px;}
#Notic table   { width:100%; text-align:left; border:solid 1px #aaaaaa; margin:5px 0 10px 0; }
#Notic td      { padding:5px 5px 4px 5px; text-align:left; }
#Notic .tr0 td { background:#ffffcc; }
#Notic .tr1 td { background:#ffddaa; }
#Notic .d      { width:5.5em; text-align:center; }
#Notic .new    { color:#dd0000; }
#Notic a         { color:#000077; text-decoration:none; cursor:hand; }
#Notic a:hover   { color:#000000; font-weight:bold; }
#Notic a:active  { color:#000000; font-weight:bold; }
#Notic .s1       { color:Blue; }
#Notic .s2       { color:Red; }

/* NoticData */
#NoticData { padding:5px; font:12pt 細明體; }
#NoticData .NTitle { font:14pt 標楷體; border:solid 3px #ffdd77; text-align:center; background:#ffcc00; font-weight:bold; padding:3px; }
#NoticData table   { text-align:left; width:100%; margin:5px 0 10px 0;   table-layout:fixed; }
#NoticData td      { padding:5px 5px 4px 5px; line-height:1.2; }
#NoticData .s1     { font:bold 12pt 細明體; }
#NoticData .m      { margin:10px 0 10px 0; padding:10px 5px 10px 5px; border:solid 1px #ffaaaa; table-layout:fixed; width:800px; }
#NoticData .f      { text-align:right; font:10pt 細明體; }
#NoticData .s2       { padding:0 320px 0 320px; }
#NoticData .a1       { font:12pt 細明體; }
#NoticData .in1      { padding:3px 0 0 0; cursor:hand; }
#NoticData a         { color:Blue;    text-decoration:none; cursor:hand; }
#NoticData a:hover   { color:#000000;  }
#NoticData a:active  { color:#000000;  }
#NoticData a:visited { color:#ffcc11; }

/* HintMessage */
#HintMessage	.title	 { margin: 10px; font: bold 16pt 標楷體; color: #ff0000;}
#HintMessage	.Btns	 { text-align: center; } 
#HintMessage	.btn1	 { margin: 5px; font: 12pt 細明體; padding: 5px }
#HintMessage	.msg	 { border:dashed 3px #FFCC33; margin: 10px; font: bold 14pt 細明體; color: #555555; padding: 10px}
#HintMessage	.sp1	 { color:Blue; font: bold 16pt 標楷體;}

/* PrintMenuCh */
#PrintMenuCh { text-align:center;}
#PrintMenuCh .title { font:16pt 標楷體; border:solid 3px #ffdd77; text-align:center; background:#ffcc00; font-weight:bold; padding:3px; }
#PrintMenuCh .div1	{ padding:15px 5px 0px 5px; }
#PrintMenuCh .hint  { font:bold 14pt 標楷體; text-align:center; padding:10px 3px 3px 50px; text-align:left; line-height:1.2; }
#PrintMenuCh .div3	{ width:600px; margin-top:30px; border:solid 1px #000000; }
#PrintMenuCh .null  { margin-top:30px; font:bold 14pt 標楷體; text-align:center; color:#0000aa; }

/* History */
#History     { font:9pt 細明體; color:#333333; line-height:2; }
#History .i  { line-height: 1.35; letter-spacing: 1px; }
#History .n  { color:#555555; }
#History .t  { color:#3333aa; }
#History .tn { color:#dd0000; }
#History .te { color:#007700; }
#History .tm { color:#558899; }
#History .td { color:#777777; }