.column10 { width: 10%; box-sizing: border-box; padding: 15px; }
.column9 { width: 11.11%; box-sizing: border-box; padding: 15px; }
.column8 { width: 12.5%; box-sizing: border-box; padding: 15px; }
.column7 { width: 14.2857%; box-sizing: border-box; padding: 15px; }
.column6 { width: 16.666666667%; box-sizing: border-box; padding: 15px; }
.column5 { width: 20%; box-sizing: border-box; padding: 15px; }
.column4 { width: 25%; box-sizing: border-box; padding: 15px; }
.column3 { width: 33.33333333%; box-sizing: border-box; padding: 15px; }
.column2 { width: 50%; box-sizing: border-box; padding: 15px; }
.column1 { width: 100%; box-sizing: border-box; padding: 15px; }
.column-auto { box-sizing: border-box; padding: 15px; }

.column_5 { width: 5%; box-sizing: border-box; padding: 15px;  }
.column_10 { width: 10%; box-sizing: border-box; padding: 15px;  }
.column_15 { width: 15%; box-sizing: border-box; padding: 15px;  }
.column_20 { width: 20%; box-sizing: border-box; padding: 15px;  }
.column_25 { width: 25%; box-sizing: border-box; padding: 15px;  }
.column_30 { width: 30%; box-sizing: border-box; padding: 15px;  }
.column_35 { width: 35%; box-sizing: border-box; padding: 15px;  }
.column_40 { width: 40%; box-sizing: border-box; padding: 15px;  }
.column_45 { width: 45%; box-sizing: border-box; padding: 15px;  }
.column_49 { width: 49%; box-sizing: border-box; padding: 15px;  }
.column_50 { width: 50%; box-sizing: border-box; padding: 15px;  }
.column_55 { width: 55%; box-sizing: border-box; padding: 15px;  }
.column_60 { width: 60%; box-sizing: border-box; padding: 15px;  }
.column_65 { width: 65%; box-sizing: border-box; padding: 15px;  }
.column_70 { width: 70%; box-sizing: border-box; padding: 15px;  }
.column_75 { width: 75%; box-sizing: border-box; padding: 15px;  }
.column_80 { width: 80%; box-sizing: border-box; padding: 15px;  }
.column_85 { width: 85%; box-sizing: border-box; padding: 15px;  }
.column_90 { width: 90%; box-sizing: border-box; padding: 15px;  }
.column_95 { width: 95%; box-sizing: border-box; padding: 15px;  }

.column-left { float: left; }
.column-right { float: right; }
.column-content { margin: auto; max-width: 1200px; }
.padding-clear { padding: 0px; }
.padding-horizontal-clear { padding-left: 0px; padding-right: 0px; }
.padding-vertical-clear { padding-top: 0px; padding-bottom: 0px; }
.padding-left-clear { padding-left: 0px; }
.padding-right-clear { padding-right: 0px; }
.padding-top-clear { padding-top: 0px; }
.padding-bottom-clear { padding-bottom: 0px; }

.footer { background: #38424D; padding: 0px; height: 264px; margin-top: 50px; }
.footer-content { padding: 0px; }
.footer-column { } 
.footer-column-title { font-weight: bold; font-size: 1.4em; color: #fff; padding: 5px; }
.footer-column-line { color: #fff; padding: 5px; }
.footer-logo { height: 72px; }


.window{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(../img/icons/window.png);
	border: 0px;
	overflow: auto;
	z-index: 99999;
}

#loadingscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(68, 68, 68, 0.411);
  z-index: 999999;
  display: none;
}

#loadingscreen .loading {
  width: 100%;
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#loadingscreen .loading .loading-message {
  background-color: #fff;
  margin-top: 10%;
  width: 20%;
  height: 100px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.22);
  padding-bottom: 10px;
}
#loadingscreen .loading .loading-message .loading-image {
  margin: 5px auto 20px auto;
  height: 40px;
}

#dialogscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(68, 68, 68, 0.411);
  z-index: 999999;
  display: none;
}

#dialogscreen .dialog {
  width: 100%;
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#dialogscreen .dialog .dialog-message {
  background-color: #fff;
  margin-top: 10%;
  width: 20%;
  height: auto;
  padding: 7px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.22);
  padding-bottom: 10px;
}

#dialogscreen-success {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(68, 68, 68, 0.411);
  z-index: 999999;
  display: none;
}

#dialogscreen-success .dialog-success {
  width: 100%;
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#dialogscreen-success .dialog-success .dialog-message-success {
  background-color: #fff;
  margin-top: 10%;
  width: 20%;
  height: auto;
  padding: 7px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.22);
  padding-bottom: 10px;
}

.bayi-login-box{
	margin-top: 6%;
	padding: 15px;
	box-shadow: 2px 5px 5px #d6d6d6;
	border-radius: 8px;
	border: 1px #fafafa solid;
	background: #fff;
}

.bayi-login-box-title{
	text-align: center;
	font-size: 1.8em;
	color: #000;
}

.bayi-form-text{
	padding: 10px 0px 10px 0px;
	font-size: 1.1em;
	color: #000;
}

.bayi-form-input{
	border: 1px #d6d6d6 solid;
	background: #fafafa;
	border-radius: 5px;
	padding: 8px;
	margin-top: 5px;
}

.bayi-form-button{
	margin-top: 20px;
	border-radius: 5px;
	background: #17a2b8;
	color: #fff;
	text-align: center;
	padding: 6px;
	font-size: 1.6em;
}

.bayi-form-button:hover{
	color: #fff;
}

.p-bg { position: fixed; z-index: -1; float: left; width: 100%; box-sizing: border-box; }