body {padding-bottom:40px;background-size:cover;background-image:url('../images/bg.jpg');}
.title {height:100px;margin: 10px 15px 0 5px;}
.title img {width:100%;height:auto;max-width:492px;max-height:100px;}

.title2 {height:100px;margin: 10px 15px 0 5px;text-align: center;}
.title2 img {width:100%;height:auto;max-width:492px;max-height:100px;}

.sys_name{
	height: 80px;line-height:80px;letter-spacing:3px;text-align: center;font-size: 26px;color: #fff;
}
.sys_time2{
	height: 60px;line-height:60px;letter-spacing:2px;text-align: center;font-size: 26px;color: #fff;
}
.sys_time{
	height: 40px;line-height:40px;letter-spacing:2px;text-align: center;font-size: 24px;color: #fff;
}
.footer{
	text-align: center;font-size: 16px;color: #fff;
}
@media screen and (max-width: 1200px) {
	body {padding-bottom:40px;background-size:cover;background:url('../images/bg.jpg') repeat center top;}
}
@media screen and (max-width: 480px) {
	body {padding-bottom:40px;background-size:cover;background:url('../images/bg.jpg') repeat center top;}
	.sys_name{
		height: 60px;line-height:60px;letter-spacing:3px;text-align: center;font-size: 22px;color: #fff;
	}
	.footer{
		text-align: center;font-size: 16px;color: #fff;
	}
}

@media screen and (max-width: 400px) {
	body {padding-bottom:40px;background-size:cover;background:url('../images/bg.jpg') repeat center top;}
	.sys_name{
		height: 60px;line-height:60px;letter-spacing:2px;text-align: center;font-size: 20px;color: #fff;
	}
	.footer{
		text-align: center;font-size: 12px;color: #fff;
	}
}

#loginFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#loginForm {opacity:0.99;}
#loginForm .vcode_box {padding:0px;}

#baseFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#base_info {opacity:0.99;}
#base_info .vcode_box {padding:0px;}

#baseFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#upload_music {opacity:0.99;}
#upload_music .vcode_box {padding:0px;}

#professionFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#profession_info {opacity:0.99;}
#profession_info .vcode_box {padding:0px;}

#payFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#pay_info {opacity:0.99;}
#pay_info .vcode_box {padding:0px;}

#payFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#print_info {opacity:0.99;}
#print_info .vcode_box {padding:0px;}

#passwordFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#password_info {opacity:0.99;}
#password_info .vcode_box {padding:0px;}

#RegFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#regSubmit {opacity:0.99;}
#regSubmit .vcode_box {padding:0px;}

#key_submitFrame {border:1px #01648a solid;background-size:cover;background-color:#fefefe;}
#key_submit {opacity:0.99;}
#key_submit .vcode_box {padding:0px;}

.list-group {border-top:1px gray solid;padding:10px 0px;}
.media {background-color:#fff;padding:5px;border-radius:5px;}
.panel {border:1px #01648a solid;}
.navbar-header {float:left;padding-left:10px;}
.table .btn{width:80px;}

#navbar2{position:absolute;top:0px;right:20px;z-index:999;}

#navbar2 .open{background-color:#fff;border:1px gray solid;}

footer {width:100%; position:fixed; bottom:0px; text-align:center; padding:10px 10px 0px 10px; background-color:#337ab7; color:#fff; font-size:16px; font-weight:bold;letter-spacing:3px;}

.input-group {margin-bottom:10px;}
.navbar-blue {
	background-color: #337ab7;
}
.navbar-blue .navbar-brand {
	color: #fff;
}
.navbar-blue .navbar-brand:hover,
.navbar-blue .navbar-brand:focus {
	color: #ccc;
	background-color: transparent;
}
.navbar-blue .navbar-text {
	color: #fff;
}
.navbar-blue .navbar-nav > li > a {
	color: #fff;
}
.navbar-blue .navbar-nav > li > a:hover,
.navbar-blue .navbar-nav > li > a:focus {
	color: #ccc;
	background-color: transparent;
}
.navbar-blue .navbar-nav > .active > a,
.navbar-blue .navbar-nav > .active > a:hover,
.navbar-blue .navbar-nav > .active > a:focus {
	color: #ccc;
	background-color: #286090;
}
.navbar-blue .navbar-nav > .disabled > a,
.navbar-blue .navbar-nav > .disabled > a:hover,
.navbar-blue .navbar-nav > .disabled > a:focus {
	color: #444;
	background-color: transparent;
}
.navbar-blue .navbar-toggle {
	border-color: #286090;
}
.navbar-blue .navbar-toggle:hover,
.navbar-blue .navbar-toggle:focus {
	background-color: #286090;
}
.navbar-blue .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-blue .navbar-collapse,
.navbar-blue .navbar-form {
	border-color: #286090;
}
.navbar-blue .navbar-nav > .open > a,
.navbar-blue .navbar-nav > .open > a:hover,
.navbar-blue .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #286090;
}

.process {height:30px;overflow:hidden;text-align:center;padding:0px;}
.process ul{width:100%;min-width:170px; text-align:left;margin-right:-100px;padding:0px;}
.process li{float:left; width:33%; list-style:none;}
.process ul.status{position:relative; z-index:99; background:url(../images/bg_stepstatus.gif) no-repeat;margin-left:10px;}
.process ul.status li{height:22px;background:url(../images/bg_repno.gif) no-repeat 0 -112px;}
.process ul.status li.done{background-position:0 -79px;}
.process .bar{position:relative; top:-15px; left:20px;z-index:1; width:66%; height:10px; overflow:hidden; background:url(../images/bg_stepstatus.gif) no-repeat; background-size:cover;}
.process .step1 {background-position:100% 0;}
.process .step2 {background-position:50% 0;}
.process .step3 {background-position:0 0;}

.line1{height: 12px;}