/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* start editing from here */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
/*--login start here--*/
body{
  font-family: 'Josefin Sans', sans-serif;
   font-size: 100%;
   background:#999; 
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa8968+0,918d74+31,aa8968+66,918d74+100 */
background: #aa8968; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #aa8968 0%, #918d74 31%, #aa8968 66%, #918d74 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aa8968), color-stop(31%,#918d74), color-stop(66%,#aa8968), color-stop(100%,#918d74)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #aa8968 0%,#918d74 31%,#aa8968 66%,#918d74 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #aa8968 0%,#918d74 31%,#aa8968 66%,#918d74 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #aa8968 0%,#918d74 31%,#aa8968 66%,#918d74 100%); /* IE10+ */
background: linear-gradient(135deg,  #aa8968 0%,#918d74 31%,#aa8968 66%,#918d74 100%); /* W3C */
}
a {
  text-decoration: none;
}
a:hover {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
/*--header start here--*/
h1 {
  text-align: center;
  font-size: 3em;
  color: #fff;
  margin: 4em 0em 0em 0em;
}
.login {
  width: 28%;
  margin: 3em auto 0em;
  padding: 2em 2em;
  border: 3px solid #fff;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.14);
}
.login h2 {
  font-size: 1.8em;
  color: #fff;
  float: left;
  margin: 0em 0em 0.8em 0em;
}
.signin-rit {
  float: right;
  width: 70%;
  padding: 0.3em 0em 0em 0em;
}
.log-input input[type="text"] {
  font-size: 0.95em;
  padding: 10px 15px 10px 37px;
  width: 86%;
  color: #A8A8A8;
  outline: none;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  background: #FFFFFF;
  margin: 0em 0em 1.5em 0em;
  border-style: solid;
}
.log-input input.user {
  background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201601/201601002/html/images/user.png')no-repeat 8px 7px #fff;
}
.log-input input.lock {
  background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201601/201601002/html/images/lock.png')no-repeat 8px 7px #fff;
}
.log-input input[type="password"] {
  font-size: 0.95em;
  padding: 10px 15px 10px 37px;
  width: 86%;
  color: #A8A8A8;
  outline: none;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  margin: 0em 0em 1.5em 0em;
  border-style: solid;
}
.log-input-left {
  float: left;
  width: 90%;
}
span.checkbox1 {
  float: left;
  width: 43%;
}
.signin .checkbox {
	margin-bottom: 4px;
	font-size: 1.2em;
	line-height: 27px;
	cursor: pointer;
}
.signin .checkbox {
  position: relative;
  font-size: 0.95em;
  font-weight: normal;
  color: #fff;
  padding: 0em 0.5em 0em 0em;
}
.signin .checkbox i {
  position: absolute;
  bottom: 0px;
  right: -16px;
  display: block;
  width: 16px;
  height: 16px;
  outline: none;
  border-style: outset;
  background: #fff;
  border-radius: 10px;
  -webkit-appearance: none;
}
.signin .checkbox input + i:after {
	content: '';
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201601/201601002/html/images/tick.png') no-repeat 4px 4px;
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.signin .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.signin .checkbox input {
	position: absolute;
	left: -9999px;
}
.signin .checkbox input:checked + i:after {
	opacity: 1;
}
/*--input check box--*/
span.checkbox2 {
  float: right;
  width: 8%;
  margin: 0.5em 0em 0em 0em;
}
.log-input .checkbox {
	margin-bottom: 4px;
	font-size: 1.2em;
	line-height: 27px;
	cursor: pointer;
}
.log-input .checkbox {
  position: relative;
  font-size: 0.95em;
  font-weight: normal;
  color: #999;
  padding: 0em 0.5em 0em 1.6em;
}
.log-input .checkbox i {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  outline: none;
  background: #fff;
  border-radius: 17px;
}
.log-input .checkbox input + i:after {
	content: '';
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201601/201601002/html/images/tick.png') no-repeat 5px 5px;
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.log-input .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.log-input .checkbox input {
	position: absolute;
	left: -9999px;
}
.log-input .checkbox input:checked + i:after {
	opacity: 1;
}
.login input[type="submit"] {
  font-size: 1.1em;
  color: #fff;
  background: #E0AD06;
  border: none;
  padding: 0.7em 1em 0.7em 1em;
  width: 89%;
  margin-top: 0.5em;
  display: block;
  outline: none;
  border-radius: 4px;
  cursor:pointer;
  font-family: 'Josefin Sans', sans-serif;
}
.login input[type="submit"]:hover {
	 background: #7C4E24;
	 transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.signin-rit p {
  float: right;
  width: 45%;
  padding: 0.3em 0em 0em 0em;
  font-size: 1em;
}
.signin-rit p a{
  color: #fff;
}
.clear{
	clear:both;
}
.copy-right {
  text-align: center;
  padding: 19em 0em 7em 0em;;
}
.copy-right p {
  font-size: 1.1em;
  color: #fff;
  line-height: 1.6em;
}
.copy-right p a {
  color:#E0AD06;
}
.copy-right p a:hover{
  color: #fff;
}
/*--header start here--*/
@media(max-width:1600px){
	
}
@media(max-width:1440px){
.login {
  width: 30%;	
}
}
@media(max-width:1366px){
.log-input input[type="text"] {
  width: 84%;	
}
.log-input input[type="password"] {
  width: 84%;
}
}
@media(max-width:1280px){
.signin .checkbox {
  font-size: 0.9em;
  padding: 0em 0.3em 0em 0em;
}	
.signin-rit p {
  font-size: 0.95em;
}
.login {
  width: 32%;
}
h1 {
  margin: 3em 0em 0em 0em;
}
.copy-right {
  padding: 9em 0em 3em 0em;
}
}
@media(max-width:1024px){
.login {
  width: 40%;
  margin: 4em auto 0em;
}
.copy-right {
  padding: 7em 0em 3em 0em;
}
}
@media(max-width:768px){
.login {
  width: 52%;
}
.copy-right {
  padding: 13em 0em 7.5em 0em;
}
h1 {
  margin: 5em 0em 0em 0em;
}
}
@media(max-width:736px){
h1 {
  margin: 2em 0em 0em 0em;
}
.login {
  margin: 2em auto 0em;
}	
.copy-right {
  padding: 5em 0em 2.5em 0em;
}
}
@media(max-width:667px){
h1 {
  margin: 2em 0em 0em 0em;
}
.login {
  width: 56%;
  margin: 2em auto 0em;
}
.copy-right {
  padding: 5em 0em 2.5em 0em;
}	
}
@media(max-width:640px){
.login {
  width: 65%;	
  margin: 3em auto 0em;
}
.copy-right {
  padding: 13em 0em 6em 0em;
}
}
@media(max-width:600px){
.copy-right {
  padding: 6em 0em 3em 0em;
}	
}
@media(max-width:568px){
.copy-right {
  padding: 7em 0em 2em 0em;
}	
}
@media(max-width:480px){
.login {
  width: 80%;
}	
.copy-right {
  padding: 7.5em 0em 3em 0em;
}
h1 {
  margin: 3em 0em 0em 0em;
}
}
@media(max-width:414px){
h1 {
  margin: 2em 0em 0em 0em;
}
.login {
  margin: 2em auto 0em;
}	
.copy-right {
  padding: 7.5em 0em 0em 0em;
}
.signin-rit p {
  width: 32%;
}
span.checkbox1 {
  width: 61%;
}
.log-input input[type="text"] {
  width: 81%;
}
.log-input input[type="password"] {
  width: 81%;
}
}
@media(max-width:384px){
.login {
  padding: 1.5em 1.5em;
}
.login h2 {
  font-size: 1.5em;
}
}
@media(max-width:320px){
.login {
  width: 85%;
  margin: 4em auto 0em;
}
.log-input input[type="text"] {
  width: 75%;
  font-size: 0.9em;
  padding: 6px 15px 6px 37px;
  background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201601/201601002/html/images/user.png')no-repeat 7px 4px #fff;
}	
.log-input input[type="password"] {
  width: 75%;
  font-size: 0.9em;
  padding: 6px 15px 7px 37px;
}
.login h2 {
  font-size: 1.3em;
}
.signin-rit {
  width: 75%;
  padding: 0em 0em 0em 0em;
}
.login h2 {
  font-size: 1.1em;
  margin: 0em 0em 0.3em 0em;
}
.signin-rit p {
  font-size: 0.85em;
  width: 34%;
}
span.checkbox1 {
  float: left;
  width: 60%;
}
.signin .checkbox {
  font-size: 0.8em;
  padding: 0em 0.3em 0em 0em;
}
.login input[type="submit"] {
  font-size: 0.9em;
  width: 88%;
}
.login {
  width: 81%;
  margin: 2em auto 0em;
}
.copy-right p {
  font-size: 0.9em;
}
.login {
  padding: 1em 1em;
}
.log-input input.lock {
  background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201601/201601002/html/images/lock.png')no-repeat 7px 4px #fff;
}
h1 {
  font-size: 1.7em;
  margin: 2em 0em 0em 0em;
}
.copy-right {
  padding: 5.5em 0em 2.5em 0em;
}
.signin .checkbox i {
  right: -18px;
}
}