/* Tag style ------------------------------------------------------------------------------------ */
html { 
  background: url(images/mainBG.jpg) no-repeat center center fixed #000; 
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}
form { margin: 0px; padding: 0px; }
body {
	font-family: Tahoma, Microsoft Sans Serif; font-size: 12px; color: #363636; word-wrap:break-word;
	line-height: 18px; text-decoration: none;
	margin: 0px; overflow: hidden;
}

.barheader {
	position: absolute; top: 0px; left: 0px; z-index: 10; display: none; 
	height: 50px; width: 100%;
	background: url(images/barBG.png); border-bottom: 1px solid #646464;
}
.barfooter {
	position: absolute; bottom: 0px; left: 0px; z-index: 10; display: none; 
	height: 75px; width: 100%;
	color: #666; 
	background: url(images/barBG.png); border-top: 1px solid #646464;
}
.barfooter_central {
	position: relative; width: 728px; height: 86px; top: 7px; display: none; 
	margin: 0 auto 0 auto;
}
.barfooter_central .logo {
	float: left;
	width: 140px; height: 40px; padding-top: 74px; line-height: 18px;
	border-right: 1px solid #000; text-align: center;
	background: url(images/mainLogo.png) no-repeat center top;
}
.barfooter_central .logo a:link, .barfooter_central .logo a:active, .barfooter_central .logo a:visited { color: #777; text-decoration: none; outline: none; }
.barfooter_central .logo a:hover{ color: #FFF; text-decoration: none; outline: none; }
.barfooter_central .text {
	float: left; padding-left: 16px; vertical-align: middle;
	width: 570px; height: 96px;
	border-left: 1px solid #333;
}
.login_outer {
	position: absolute; width: 100%; height: 85%; display: none; z-index: 0; overflow: visible;
}
.login_align {
	position: relative; top: 50%;
}
.login_inner {
    position: fixed;
    font-size: 15px;
    z-index: 50;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 260px;
    background: url(images/loginBG.png) no-repeat bottom;
    padding: 15px 15px;
}
.formSet {
	display: none;
}
.form_head {
	float: left; clear: both; width: 100%; font-family: Arial; color: #444; height: 28px;
	font-size: 28px; font-weight: bold; text-align: center; line-height: 28px; margin-top: 0;
}
.form_lb {
	float: left; width: 100%; height: 28px; line-height: 28px; clear: both;
}
.form_input {
	float: left; width: 100%; padding-bottom: 6px; position: relative;
}
.txtBox {
	display: block; height: 22px; font-size: 14px; width: 250px; padding: 3px 4px 3px 4px; color: #363636;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999;
}
/* Select Box ------------- */
.select {
	position: relative;
}
.select select {
	/*-webkit-appearance: none; */
	
	outline: none;
	display: block;
	padding: 4px 5px 4px 5px;
	margin: 0px;
	width: 260px;
	
	transition: border-color 0.2s;
	border: 1px solid #999;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	background: #fff;
	color: #363636;
	line-height: normal;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
/*
.select .arr {
	background: none;
	position: absolute;
	right: 4px;
	top: 12px;
	width: 18px;
	pointer-events: none;
}
.select .arr:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-top: 6px solid #818181;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

.select .arr:after {
	content: '';
	position: absolute;
	left: 12px;
	top: 0;
	border-top: -6px solid #ffffff;
	border-left: -6px solid transparent;
	border-right: -6px solid transparent;
}*/
.form_chkbox {
	float: left; width: 100%; height: 32px; line-height: 32px; padding-bottom: 10px;
}
.chkBox {
	display: block; height: 18px; width: 18px; float: left; margin: 7px 6px 7px 0px;
}
.form_but {
	float: left; width: 100%; height: 32px; line-height: 32px;
}
.but {
	font-size: 14px; 
	display: block; height: 30px; width: 160px; margin: 0px auto 0px auto; color: #FFF;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #333;
	background: #555;
}
.form_note {
	float: left; font-size: 12px; width: 214px; line-height: 14px; clear: both; color: #666666; padding: 5px 0px 5px 44px;
	background: url(images/noticeIcon.png) no-repeat 8px 5px #fff8e8; margin-top: 20px;
	border: 1px solid #dfd3b8;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.app_box {
	float: left; width: 100%; padding-top: 10px;
}
.app_title {
	float: left; width: 100%; font-size: 12px; height: 28px; line-height: 14px; clear: both; text-align: center;
}
.app_store {
	float: left; width: 153px; 
}
.app_google{
	float: left; width: 138px; height: 45px;
	background: url(images/appGoogle.png) no-repeat; outline: none;
}
.app_apple {
	float: left; width: 138px; height: 45px; margin-top: 17px; outline: none;
	background: url(images/appApple.png) no-repeat;
}
.app_qr {
	float: left; width: 107px; height: 107px;
	background: url(images/loginQR.png) no-repeat;
}