@charset "utf-8";
/* Zachangu-ui */


/*Zachangu Icon*/
.head-band{
	width:50px;
	height:50px;
	box-shadow: 0 1px 5px rgba(3,0,0,.5);
	padding:3px;
  	border-radius:50%;
	border-image-width:1px;	
}

footer{
	position:fixed;
	bottom:0;
	width:100%;
	margin-right:0px;
	right:0;
	height:35px;
	line-height:30px;
	z-index:1;
}

.btn-m{
	height:30px !important;
	margin-top:2px;
	line-height:2px !important;
	color:#fff !important;
	background-color:#967ADC !important;
	border:#F3C;
}

.bg-y{
	background-color:#967ADC !important;
	color:#fff !important;
}

.btn-m:hover{
	background-color:#AC92EC !important;
}

.u-i{
	color:#fff !important;
}

.left_col{
	position:fixed;
	z-index:2;
}

#payment{
	width:100%;
	position:fixed;
	height:100%;
	background-color:#2a3f54;
	top:0;
	bottom:0;
	right:0;
	left:0;
	overflow:auto;
}

#payment .payment-container{
  min-height: 410px;
  background-color: #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 1px 0;
  margin-top:15px;
  display:inline-block;
  margin-bottom:5px;
}

#payment .pcard {
  background-color: #FFFFFF;
  padding: 10px 0 20px;
  width: 100%;
}

#payment .header h3 {
  font-weight: 200;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 10px 0 10px;
  font-size: 30px; 
}

#payment .header i {
  font-weight: 200;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  margin-top:4px;
  color:#264348; 
}

#payment .header small{
	color: #999999;
  	font-weight: 300;
  	line-height: 1;
 	font-size: 13px;
 	text-align: center;
	width:100%;
	display:inline-block;
	margin-bottom:6px; 	
}

#payment .myInvoice h2{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin:0px;
  padding:2px;
  font-size:18px;
  font-weight:bold;
  margin-bottom:3px;
}

#payment .myInvoice small{
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding:2px;
  font-size:13px;
  color:#999;
  font-weight:400;
  line-height:19px;
  display:compact;
}

#payment .item-title{
	background-color:#999;
	margin-top:5px;	
}

#payment .item-title span{
	background-color:#ff9500;
	color:#fff;
	height:35px;
	display:inline-block;
	padding:7px;
	text-align:center;	
}

#payment .card{
	padding:7px;
}


#payment .picture img{
	border:1px solid #ff9500;
}

#payment .card h4{
	margin-top:5px;
	font-size:14px;
	padding:12px;
	display:block;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color:#434A54;
	width:100%;
}

#payment .notice{
   font-size:10px;
   font-weight:800;
   text-align:center;
   padding:2px;
   margin:2px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
   color:#ED5565;	
}

#payment .badge{
	margin-top:18px;
}

#payment .badge:hover{
	background-color:red;
	cursor:pointer;
}

.myImg h3{
	font-size:14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;	
}

.myImg img{
  background-color: #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border:2px solid #fff;	
}

.myImg img:hover{
  background-color: #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border:2px solid #73879c;
  cursor:pointer;
}

.myGraph h3{
  font-size:14px;
  width:100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left:10px;	
}

.user-info ul{
	margin-left:0px;
	padding-left:20px;
	list-style:none !important;
	font-size:11px;
}
.user-info li{
	margin-bottom:6px;
}

.badge-success{
	background-color:#26b99a;
	color:#FFF;
	padding:4px;
}

.badge-success:hover{
	background-color:#73d0bc;
	cursor:pointer;
}

.change_info_form .form-control{
	border:none !important;
	box-shadow:none !important;
	border-bottom: 1px solid #E6E9ED !important;
}

.change_info_form .form-control::placeHolder{
	text-align:left !important;
	margin-left:0px !important;
	font-size:12px !important;
}

.change_info_form .form-control label{
	display:none !important;
}



xmp{
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  margin-bottom: 10px;
  overflow: auto;
  width: auto;
  padding: 5px;
  background-color: #eee;
  width: 750px!ie7;
  padding-bottom: 20px!ie7;
  max-height: 600px;
  overflow:hidden;
  font-size:13px;	
}