html{
	height:100%;
}
body {
	color:#311c07;
    font-family: Georgia, "Times New Roman", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, serif;
	min-width: 1082px;
	height:100%;
}
input, select, textarea, input:focus, select:focus, textarea:focus, button:focus{
	outline:none;
}
input::-ms-clear,
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
	display: none;
}
body.modal-open{
	margin:0;
}
body.home{
	background:#f4f8ed url("img/bg-home.jpg") no-repeat center top;
	background-size: cover;
}
.home .navbar-brand.logo{
	position:fixed;
	left: 10%;
	top: 48px;
}
.home .footer-links{
	position: fixed;
	left: 10%;
}
.home .navbar.footer{
	height:108px;
}
.home .navbar.footer a, .home .navbar.footer a:focus{
	color: #a7873c!important;
	outline:none;
}
.home .navbar.footer a:hover{
	font-weight:bold;
}
.home .navbar-right{
	position:fixed;
	right: 7%;
	top: 26px;
}
.home .navbar-right li a{
	color:#ab2c1b!important;
	font-size: 20px;
	line-height: 26px;
}
.home .navbar.footer li, .home .navbar.footer li.rightmost{
	border-color: #a7873c;
}
.body-content {
    z-index: 5; 
}

.dl-horizontal dt {
    white-space: normal;
}

input,
select,
textarea {
    /*max-width: 280px;*/
}

.navbar {
    background: none;
}
.navbar.footer{
	height: 96px;
}
.navbar.footer a{
	display: inline-block;
}
.navbar-container {
   padding-top: 26px;
}

.navbar-fixed-top {
    z-index: 10;
	position:absolute;
}

.verticaltext {
    width: 30px;
    padding-left: 30px;
    padding-right: 40px;
    word-wrap: break-word;
}
.navbar-toggle{
	display:none;
}
.collapse{
	border:none;
	display:block;
	float:right;
}
.navbar-brand {
    position: absolute;
    left: 15px;
    top: 48px;
    font-size: 50px;
    font-weight: bold;
     
}

.navbar-brand:hover {
    color: darkgray;
}

.navbar-right {
    padding-right: 10px;
}


.navbar-left {
    padding-left: 10px;
    border-top: 1px;
}

.footer-links {
    position:absolute;
    left: 40px;
}

.footer-links > li {
    display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
    font-size: 15px;
    border-left: 1px solid #453823;
    padding-left: 50px;
    padding-right: 60px;
    padding-top:2px;
    padding-bottom:2px;
    text-align: center;
}

.footer-links > li > a {
    padding: 0px;
}

.rightmost {
    border-right: 1px solid #453823;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:visited{
    color: #453823;
	outline:none;
}
.navbar-fixed-top .navbar-nav > li > a{
	font-size:20px;
	line-height: 26px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li >a:active, .navbar-inverse .navbar-nav > li >a:focus {
    font-weight: bold;
    color: #453823!important;
}

.navbar {
    border-bottom: none;
}

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

.default-hide {
    display: none;
}
.nav > li{
	float:left;
}
::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

#login-button {
    margin-top: 20px;
}

#field-container {
    width: 50%;
    margin: auto;
}

#loginFormSection {
    margin-top: 20px;
}

.login-form-control {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom-width:1px;
    border-bottom-style: solid;
}

.no-margin {
    margin: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-backdrop {
    z-index:-2;
}
.close-login{
	margin: -22px 4px 0 0;
	display:none;
}
.close-new-pan{
	margin: -35px -7px 0 0;
	display:none;
}
.login-grid >
[class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
    display: flex;
  flex-direction: column;
}

.sl {
    margin: 0;
    padding: 0;
}

li.verticaltext {
    align-items: stretch;
}

.center-body{
	margin:0 auto;
	width:1082px;
	max-width:inherit!important;
	position:relative;
	text-align:left;
}

/* modal **/
.modal-backdrop{
	background:white;
}
.modal-backdrop.in{
	opacity:0.9;
	filter:alpha(opacity=90);
}
.close-button{
	background:url("img/close-button.svg") no-repeat center;
	cursor: pointer;
	display:inline-block;
	left:50%;
	height:35px;
	position:absolute;
	transform:translateX(-50%);
	top:-62px;
	width:35px;
}
.modal-dialog{
	/*width:540px;*/
	width:auto;
}
.modal-content{
	background:none;
	border-radius:0;
	border:none;
	box-shadow:none;
}
.modal-body{
	padding:0;
}
.reel-left{
	background: url("img/reel-left.png") no-repeat left top;
	background-size: 22px;
	min-height:334px;
}
.reel-right{
	background: url("img/reel-right.png") no-repeat right top;
	background-size: 22px;
	min-height:334px;
	padding:13px 22px;
}
.container-modal{
	background:#f5f2ea;
	border:solid;
	border-color:#b38b5f;
	border-width:12px 4px;
	min-height:305px;
}
.form-modal{
	border:3px solid #b38b5f;
	margin:8px 14px;
}
.form-modal label{
	color:#311c07;
	font-weight:normal;
}
.form-modal .lbl{
	border-right: 2px solid #b38b5f;
	float:left;
	font-size:17px;
	height:95px;
	line-height:21px;
	padding-left:22px;
	padding-right:18px;
	margin:0;
	width: 62px;
}
.form-modal .txt{
	border:none;
	background:none;
	float:left;
	height:95px;
	padding: 10px 20px;
	text-align:center;
	width:280px;
}
.row-login{
	border-bottom: 2px solid #b38b5f;
}
.group-big{
	border-right: 2px solid #b38b5f;
	float:left;
	width:346px;
}
.group-small{
	float:left;
	padding:3px;
	position:relative;
	width:88px;
}
.corner-lt{
	border-bottom: 0px solid transparent;
	border-right: 17px solid transparent;
	border-top: 17px solid #111122;
	height:0;
	width:0;
	float:left;
}
.corner-rt{
	border-bottom: 0px solid transparent;
	border-left: 17px solid transparent;
	border-top: 17px solid #111122;
	height:0;
	width:0;
	float:right;
}
.corner-lb{
	border-top: 0px solid transparent;
	border-right: 17px solid transparent;
	border-bottom: 17px solid #111122;
	height:0;
	width:0;
	float:left;
}
.corner-rb{
	border-top: 0px solid transparent;
	border-left: 17px solid transparent;
	border-bottom: 17px solid #111122;
	height:0;
	width:0;
	float:right;
}
.login-button{
	background:none;
	border:none;
	border-radius:0;
	color:#311c07;
	clear:both;
	font-size:40px;
	height: 219px;
	line-height: 70px;
	padding:0 16px;
	width:100%;
}
.login-button:focus{
	outline:none;
}
.row-login-last{
	min-height: 65px;
}
.remember-me{
	border-right: 2px solid #ae8f53;
	float:left;
	padding-left:30px;
	line-height: 65px;
	width:50%;
}
.remember-me input{
	 margin-right:10px;
}
.forgot-passwork{
	float:left;
	line-height: 60px;
	text-align:center;
	width:50%;
}

.forgot-passwork a{
	color:#311c07;
	text-decoration:underline;
}