@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; font-family: 'Bree Serif', serif;}


/* latin-ext */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif'), local('BreeSerif-Regular'), url(font/0daoUMW28nkWOnFz2G4AAiEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bree Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Bree Serif'), local('BreeSerif-Regular'), url(font/LQ7WLTaITDg4OSRuOZCps_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body{
background:url("img/bg.jpg");
background-repeat:no-repeat;
background-position:center;}

.wrappar{


width:1100px;
height:auto;
margin:auto;}

.master{
width:100%;
height:auto;
float:left;}

.left-space{
width:50%;
height:auto;
float:left;}

.left-box{
width:70%;
height:auto;
float:left;}


.tit{
color:#666666;
margin-bottom:4px;
width:100%;
height:auto;
float:left;
font-size:15px;
padding:5px 0px;

}

.but{
margin-bottom:4px;
width:100%;
height:auto;
float:left;
font-size:15px;
padding:5px 0px;

}
.but a{
text-decoration:none;
color:#FF6633;}

.but a:hover{
text-shadow: 5px 2px 5px #999999;
color:#000000;
}

.box{
width:100%;
height:auto;
float:left;}
.right-box{
width:30%;
height:auto;
float:left;}


.right-space{
width:50%;
height:auto;
float:left;}

.transaction{

margin-top:15px;
width:100%;
height:auto;
float:left;}

.bill{
margin-top:15px;
width:100%;
height:auto;
float:left;}

.report{
margin-top:15px;
width:100%;
height:auto;
float:left;}



.login-wrappar{
width:500px;
height:auto;
margin:auto;}

.login-box{
width:100%;
height:auto;
float:left;
}


.text-box{

width:50%;
height:auto;
float:left;
}

.user{
margin-top:20px;
margin-bottom:20px;
text-align:center;
width:100%;
height:auto;
float:left;}


.pass{
text-align:center;
width:100%;
height:auto;
float:left;

}
.butt{
margin-top:15px;
text-align:right;
width:100%;
height:auto;
float:left;

}

.type-box{
width:50%;
height:auto;
float:left;
}
input{
padding:5px 10px;
transition: all 0.4s;}


input:focus {
  background: #fff;
  transform: scale3d(1.07,1.07,1.07);}