html {
	background: url(images/bg1.jpg) #b1e0fa center 0 no-repeat;
}

.s-qrcode{
	color: #000;
	font-size: 36px;
	right: 0;
	top: 0;
	z-index: 10;
	padding: 10px;
}
.s-qrcode img{
	width: 150px;
	height: 150px;
	max-width: none;
}
.s-qrcode span{
	height: 36px;
	line-height: 36px;
	display: block;
	opacity: 1;
	transition:opacity 0.1s ease 0s;
}
.s-qrcodes{
	border: 6px #f2f2f2 solid;
	transition:top 0.3s ease 0s;
	position: absolute;
	right: 0;
	top: -200px;
}
.s-qrcode:hover .s-qrcodes{
	top:0;
}
.s-qrcode:hover span{
	opacity: 0;
}

.s-main{
	width: 800px;
	margin: 0 auto;
}

.s-main .s-fg{
	padding: 12px 25px;
}
.s-main .s-fg:hover{
	background-color: rgba(0,0,0,0.02);
}

.fg-w-select label{
	height: auto;
}
.fg-w-select label{
	margin: 0;
}

.getcode.off {
	background: #e4e4e4!important;
	color:#666;
	cursor: default!important;
}

.s-plan{
	min-height: 600px;
	background: #fff;
}

.s-box{
	background: #fff;
	padding: 20px 20px;
	min-height: 600px;
}

.s-box form{
	width: 300px;
	margin:100px auto;
}
.s-box-title{
	font-size: 16px;
	background: #f2f2f2;
	padding:8px 0 8px 15px;
	margin: 0 0 30px 0;
	
}

.s-copy{
	text-align: center;
	background: #f4f4f4;
	padding: 20px 0;
	border-top:1px solid #e4e4e4;
	font-size:12px;
	color: #999;
}

.s-nav {
    border-bottom: 1px solid #e8e8e8;
    background: #e4e4e4;
	overflow: hidden;
	padding: 0 15px;
	line-height: 40px;
}
.s-nav span{
	padding-right: 5px;
}
.s-nav a:hover{
	text-decoration: underline;
}

.s-nav a.on{
	color:#18a689;
	text-decoration: underline;
}


@media print{
	.s-nav,
	.s-plan-title,
	.s-copy{
		display: none;
	}
	.no-prints{
		display: none;
	}
	.no-print .table-bordered th, .table-bordered td{
    	border:0;
    	border-bottom:1px solid #000;
    	padding:10px 3px;
    }
    
    .no-print .s-box-title{
    	text-align: center;
    	border-bottom:2px solid #000;
    	font-size: 26px;
    }
    .no-print .s-box-title span:before{
    	content: '';
	}
	
}


@media screen and (max-width:1000px){
    html{
    	background: #fff;
    }
    body{
    	min-width:320px;
    }
    .s-qrcode{
    	display: none;
    }
    .s-main{
    	width: 100%;
    	overflow: hidden;
    }
    .s-main .s-fg{
    	padding: 10px 15px;
    }
    
	.s-plan-form{
		width: 100%;
	}
	
	.s-plan-submit{
		width: 100%;
	}
	
	.s-plan-title{
		width: 100%;
	}
	.s-nav {
		padding: 0;
	}
	
	.s-nav .fl {
		float: none;
		text-align: center;
		border-bottom: 1px #d4d4d4 solid;
	}
	
	.s-nav .fr {
		float: none;
		text-align: center;
	}
	
	.s-box{
		padding: 10px;
	}
	
	.s-box form{
		margin: 30px auto;
	}
	
	.fg-w-25 label,
	.fg-w-33 label{
		width: 50%;
	}
	
	.table-nowrap tr td:first-child{
		width: 40%!important;
	}
	
	.fg-date {
		width: 100%!important;
	}
	
	.input{
		width: 100%!important;
	}	
	.input.inline{
		width: 60%!important;
	}
	
	.fg-w-select label{
		display: block!important;
		padding: 0;
	}
}