﻿body {
	font-size: 9pt;
	color: #666666;
	line-height: 18px;
	letter-spacing: 0.1em;
	background-image: url(../bg.gif);
	background-color: #FFF;
	background-repeat: repeat-x;
}
table {
	font-size: 9pt;
	color: #000000;
	line-height: 20px;
}
.style1 {font-family: "細明體";font-size: 12px;}
.style2 {color: #FF3300}
.style11 {color: #FF3300;font-size: 12pt;font-weight: bold;}
.style13 {color: #FF3300; font-size: 9pt; font-weight: bold;}

a:link {  color: #0099FF; text-decoration: none}
a:visited {  color: #0099FF; text-decoration: none}
a:hover {  color: #FF9900; text-decoration: none}
.hr { border:1px #CCCCCC dotted; width:100%} 

.btn {
	FONT-SIZE: 8pt;
	WIDTH: 90px; 
	height: 30px;
	COLOR: #ffffff; 
	FONT-FAMILY: "verdana"; cursor: hand;
    background-image: url(checkdata/button.png);
    background-color: white;
	border: 0;
	}
	
.textinput {
	FONT-SIZE: 10pt;
	WIDTH: 200px;
	height: 20px;
	margin: 5px;
	COLOR: #0099FF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F7F7F7;
	border: 1px dotted #3399CC;
	list-style-type: none;
	overflow: auto;
	background-repeat: repeat;
}

/*------------------------------------------------main--------------------*/
.rightbg{
	width: 13px;
	background-image: url(../bg_r.gif);
	background-repeat: repeat-y;
} 

.leftbg{
	width: 13px;
	background-image: url(../bg_l.gif);
	background-repeat: repeat-y;
} 

/*------------------------------------------------qrcode--------------------*/
.QRCodeTopL{
	background-image: url(img/QRCode_TopL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 9px;
}
.QRCodeTopC{
	background-image: url(img/QRCode_TopC.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
}
.SQRCodeTopC{
	background-image: url(img/SQRCode_TopC.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 50px;
}
.QRCodeTopR{
	background-image: url(img/QRCode_TopR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 50px;
	width: 9px;
}
.QRCodeMidL{
	background-image: url(img/QRCode_MidL.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 9px;
}
.QRCodeMidC{
	background-color: #F2F2F2;
	border:0 ;
}
.QRCodeMidR{
	background-image: url(img/QRCode_MidR.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 9px;
}
.QRCodeBotL{
	background-image: url(img/QRCode_BotL.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 19px;
	width: 9px;
}
.QRCodeBotC{
	background-image: url(img/QRCode_BotC.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 19px;
}
.QRCodeBotR{
	background-image: url(img/QRCode_BotR.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 19px;
	width: 9px;
}

/*------------------------------------------------GROUP BY status--------------------*/

.status{
	border: 1px solid #D4E0EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 19px;
	width: 500px;
	color: #555;
	text-align: center;
	background: #F7F9FC;
	color: #4F76A3;
	FONT-SIZE: 10pt !important;
}

.status2{
	border: 1px solid #D4E0EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 19px;
	color: #555;
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	FONT-SIZE: 10pt !important;
}