html
{
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

body
{
    width:100%;
    height:100%;
	padding:0px;
	margin:0px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	font-family: "Microsoft YaHei" , "Unifont";
	color: #fff;
	background: #0166FF url("img/main/bg.png") no-repeat;
}
.mt20{
	margin-top: 20px;
}
.mb20{
	margin-bottom: 20px;
}
.pdt20{
	padding-top: 20px;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
pre,button
{
	font-family: "Microsoft YaHei" , "Unifont";
}

button{
    padding:0px;
	line-height:52px;
    vertical-align:middle;
	width: 185px;
	height: 58px;
	border: 0px;
	font-size: 26px;
	background: url("img/BtnBack.gif");
}
.Header{
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 60px;
	text-align: center;
}
#Timeout{
	text-align: right;
	padding-right: 20px;
	position: absolute;
	left: 970px;
	top: 20px;
	font-size: 23px;
}
#MsgTimeout{
	text-align: right;
	padding-right: 20px;
	position: absolute;
	left: 970px;
	top: 20px;
	font-size: 23px;
}

.page{
	display: none;
    width:100%;
    height:100%;    
    margin:0px;
    padding:0px;
    overflow:hidden;
	padding-top: 100px;

}
.poppage{
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 10;
	display: none;
    width:100%;
    height:100%;    
    margin:0px;
    padding:0px;
    overflow:hidden;
	padding-top: 100px;
}
.vmiddle{
	vertical-align:middle;
}

.center{
	text-align: center;
	margin: auto;
}

.title{
	color: #FFF;
	font-size: 38px;
	padding-top: 60px;
	font-weight: 500;
}
.notice{
	color: #FFF;
	font-size: 20px;
}
.mainFunc{
	vertical-align:middle;
	text-align: center;
	margin: auto;
	height: 250px;
	width: 650px;
}
.mainFunc button{
	width: 293px;
	height: 92px;
	font-size: 28px;
}

#funcPage{
	background: #0166FF url("img/main/bg.png") no-repeat;
}
#authPage{
	background: #0166FF url("img/auth/bg.png") no-repeat;
}
#copyPage{
	background: #308125 url("img/CopyBg.jpg") no-repeat;
}
#scanPage{
	background: #2536FD url("img/ScanBg.jpg") no-repeat;
}
#printPage{
	background: #FF9000 url("img/print/bg.png") no-repeat;
}
#msgPage{
	background: #0166FF url("img/main/bg.png") no-repeat;
	font-size: 23px;
}
#printMsgPage{
	background: #0166FF url("img/print/bg.png") no-repeat;
	font-size: 23px;
}

#funcPage .notice{
	position: absolute;
	top: 140px;
	width: 100%;
}

.mainFunc button{
	text-align: left;
	vertical-align: top;
	padding-left: 100px;
	padding-bottom: 30px;
	position: absolute;
	color: #134f99;
	font-weight: 600;
	width: 263px;
	height: 82px;
	line-height: 52px;
}
#btnMainPrint{
	left: 120px;
	top: 200px;
	background: url("img/main/print.png") no-repeat;
}
#btnMainScan{
	left: 220px;
	top: 310px;
	background: url("img/main/scan.png") no-repeat;
}
#btnMainCopy{
	left: 540px;
	top: 230px;
	background: url("img/main/copy.png") no-repeat;
}
#btnMainHelp{
	left: 660px;
	top: 340px;
	background: url("img/main/help.png") no-repeat;
}
#btnMainLan{
	position: absolute;
	color: #134f99;
	left: 60px;
	top: 440px;
	width: 94px;
	height: 34px;
	line-height: 24px;
	padding-bottom: 10px;
	font-size: 18px;
	background: url("img/main/lan.png") no-repeat;
}

#helpPage{
	position: relative;
}
#helpPage pre{
	text-align:left;
	padding: 0px 40px;
	font-size: 22px;
	line-height: 36px;
	position: absolute;
	left: 60px;
	top: 26%;

}
#helpPage .right{
	position: absolute;
	right: 100px;
	top: 30%;

}
#authPage table{
	width: 750px;
	padding: 0px 20px;
	margin-left: 151px;
	margin-top: 50px;
	margin-bottom: 5px;
	
}
#authPage table td{
	vertical-align:bottom;
	text-align: left;
}
.authImg
{
	vertical-align:middle;
	width: 162px;
	height: 164px;
	background: url("img/auth/qr.png") no-repeat;
}
.authImg img{
	vertical-align:middle;
	max-width: 140px;
	max-height: 140px;
	margin:auto;
	padding:10px;
}
#qrAuth{
	width: 212px;
	padding-bottom: 5px;
}
#cardAuth{
	width: 357px;
}
#cancelAuth{
	padding-bottom: 5px;
}
#btnCancelAuth{
    padding:0px 0px 4px 0px;
	line-height:35px;
    vertical-align:middle;
	width: 95px;
	height: 39px;
	border: 0px;
	font-size: 20px;
	color: #134f99;
	font-weight: 600;
	background: url("img/auth/cancel.png");
}
#payPage table{
	margin: auto;
	width: auto;
	padding: 0px 20px;
	background: #fff;
	margin-bottom: 5px;
}
.payImg
{
	vertical-align:middle;
	height: 100%;
}
.payImg img{
	vertical-align:middle;
	max-width: 240px;
	max-height: 240px;
	margin:auto;
	padding:10px;
}
.subTitle{
	padding-top: 20px;
	font-size: 18px;
}
.AuthTitle{
	color: #fff;
}
.PayTitle{
	color: red;
}

.subMessage{
	height: 30px;
	padding: 3px 0px;
	margin: 3px 0px;
	color: #f00;
}
.subMessage span{
	background: #fff;
	font-size: 24px;
}

#message{
	height: 100px;
	font-size: 28px;
}

.userinfo table{
	width: 170px;
	border-collapse:collapse;
}
.userinfo table th{
	width: 60px;
	text-align: right;
	word-break: keep-all;
	font-weight: normal;
}
.userinfo table td{
	text-align: left;
	padding-left: 12px;
}

.feestd table{
	width: 550px;
	border-collapse:collapse;
	border: 2px solid #e9f7f3;
}
.feestd table td{
	border: 3px solid #e9f7f3;
	color: #fff;
	font-weight: normal;
	font-size: 25px;
	padding: 5px;
}
.feestd table th{
	border: 3px solid #e9f7f3;
	padding: 5px;
	color: #fff;
	font-weight: normal;
	font-size: 25px;
	word-break: keep-all;
}

.feestdTitle{
	height: 20px;
}
.feestdRate{
	height: 20px;
}
.feestdCount{
	height: 30px;
}

#feestdPrint th{
	width: 70px;
}

#feestdPrint td{
	text-align: left;
	padding-left: 12px;
	font-weight: normal;
}

#btnHelpBack{
    padding:0px 0px 4px 0px;
	line-height:35px;
    vertical-align:middle;
	width: 95px;
	height: 39px;
	border: 0px;
	font-size: 20px;
	color: #134f99;
	font-weight: 600;
	background: url("img/help/cancel.png");
	/*margin-top: 20px;*/
}

#printPage button{
    padding:0px 0px 4px 0px;
	line-height:35px;
    vertical-align:middle;
	width: 116px;
	height: 39px;
	border: 0px;
	font-size: 20px;
	color: #134f99;
	font-weight: 600;
	background: url("img/print/btn.png");
}
#PrintJobTitle{
	margin-top: 40px;
	font-size: 23px;
}

.printPageHeader{
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 60px;
	text-align: center;
}
.printPageHeader .title{
	padding-top: 23px;
	padding-left: 190px;
	text-align: left;
}

#msgPage  button{
    padding:0px 0px 4px 0px;
	line-height:35px;
    vertical-align:middle;
	width: 116px;
	height: 39px;
	border: 0px;
	font-size: 20px;
	color: #134f99;
	font-weight: 600;
	background: url("img/main/back.png");
}

#printMsgPage  button{
    padding:0px 0px 4px 0px;
	line-height:35px;
    vertical-align:middle;
	width: 116px;
	height: 39px;
	border: 0px;
	font-size: 20px;
	color: #134f99;
	font-weight: 600;
	background: url("img/main/back.png");
}